/* @import '~dnb-ui-lib/style/dnb-ui-properties'; */

:root {
  --topbar-height: 6.5rem;

  --vh: 1vh;

  --full-page-height: calc(var(--vh, 1vh) * 100);
  --page-height: calc(var(--vh, 1vh) * 100 - var(--topbar-height));

  /* --full-page-height: 100vh; */
  /* --page-height: calc(var(--full-page-height) - var(--topbar-height)); */

  /* Easing effects */
  /*
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);

  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);

  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);

  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);

  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);

  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);

  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);

  --ease-in-out-fast: cubic-bezier(1, 0, 0, 1);
  */
}

/**
 * Import basis core parts
 *
 */
/*
 * Utilities
 */
/*
 * CSS Properties
 *
 */
:root {
  --font-family-default: 'DNB', sans-serif;
  --font-family-monospace: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
  --font-weight-default: normal;
  --font-weight-basis: normal;
  --font-weight-regular: normal;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --font-size-x-small: 0.875rem;
  --font-size-small: 1rem;
  --font-size-basis: 1.125rem;
  --font-size-basis--em: 1em;
  --font-size-medium: 1.25rem;
  --font-size-large: 1.625rem;
  --font-size-x-large: 2.125rem;
  --font-size-xx-large: 3rem;
  --line-height-xx-small--em: 1em;
  --line-height-x-small: 1.125rem;
  --line-height-small: 1.25rem;
  --line-height-basis: 1.5rem;
  --line-height-basis--em: 1.333em;
  --line-height-medium: 2rem;
  --line-height-large: 2.5rem;
  --line-height-x-large: 3.5rem;
  --color-mint-green-50: #d2f0e9;
  --color-mint-green-25: #e9f8f4;
  --color-mint-green-12: #f4fbf9;
  --color-sea-green-30: #b3dada;
  --color-accent-yellow-30: #feebc1;
  --color-signal-orange: #ff5400;
  --color-fire-red: #dc2a2a;
  --color-success-green: #007b5e;
  --color-fire-red-8: #fdeeee;
  --color-black: #000;
  --color-black-80: #333;
  --color-black-55: #737373;
  --color-black-20: #ccc;
  --color-black-8: #ebebeb;
  --color-black-3: #f8f8f8;
  --color-white: #fff;
  --color-black-border: #cdcdcd;
  --color-black-background: #fafafa;
  --color-sea-green: #007272;
  --color-mint-green: #a5e1d2;
  --color-summer-green: #28b482;
  --color-emerald-green: #14555a;
  --color-ocean-green: #00343e;
  --color-accent-yellow: #fdbb31;
  --color-indigo: #23195a;
  --color-violet: #6e2382;
  --color-sky-blue: #4bbed2;
  --color-lavender: #f2f2f5;
  --color-sand-yellow: #fbf6ec;
  --color-pistachio: #f2f4ec;
  --color-mint-green-alt: #ebfffa;
  --color-indigo-medium: #6e6491;
  --color-indigo-light: #b9afc8;
  --color-violet-medium: #a06eaf;
  --color-violet-light: #cfb9d7;
  --color-sky-blue-medium: #87d2e1;
  --color-sky-blue-light: #c3ebf0;
  --spacing-xx-small: 0.25rem;
  --spacing-x-small: 0.5rem;
  --spacing-small: 1rem;
  --spacing-medium: 1.5rem;
  --spacing-large: 2rem;
  --spacing-x-large: 3rem;
  --spacing-xx-large: 3.5rem;
  --layout-small: 40em;
  --layout-medium: 50em;
  --layout-large: 60em;
  --layout-x-large: 72em;
  --layout-xx-large: 80em;
  --layout-xxx-large: 90em;
  --shadow-default: 0 8px 16px rgba(51, 51, 51, 0.08);
  --shadow-default-x: 0;
  --shadow-default-y: 8px;
  --shadow-default-blur-radius: 16px;
  --shadow-default-color: rgba(51, 51, 51, 0.08);
  --easing-default: cubic-bezier(0.42, 0, 0, 1); }

/**
 * Import basis core parts
 *
 */
/*
 * Utilities
 */
/*
 * CSS Properties
 *
 */
:root {
  --font-family-default: 'DNB', sans-serif;
  --font-family-monospace: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
  --font-weight-default: normal;
  --font-weight-basis: normal;
  --font-weight-regular: normal;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --font-size-x-small: 0.875rem;
  --font-size-small: 1rem;
  --font-size-basis: 1.125rem;
  --font-size-basis--em: 1em;
  --font-size-medium: 1.25rem;
  --font-size-large: 1.625rem;
  --font-size-x-large: 2.125rem;
  --font-size-xx-large: 3rem;
  --line-height-xx-small--em: 1em;
  --line-height-x-small: 1.125rem;
  --line-height-small: 1.25rem;
  --line-height-basis: 1.5rem;
  --line-height-basis--em: 1.333em;
  --line-height-medium: 2rem;
  --line-height-large: 2.5rem;
  --line-height-x-large: 3.5rem;
  --color-mint-green-50: #d2f0e9;
  --color-mint-green-25: #e9f8f4;
  --color-mint-green-12: #f4fbf9;
  --color-sea-green-30: #b3dada;
  --color-accent-yellow-30: #feebc1;
  --color-signal-orange: #ff5400;
  --color-fire-red: #dc2a2a;
  --color-success-green: #007b5e;
  --color-fire-red-8: #fdeeee;
  --color-black: #000;
  --color-black-80: #333;
  --color-black-55: #737373;
  --color-black-20: #ccc;
  --color-black-8: #ebebeb;
  --color-black-3: #f8f8f8;
  --color-white: #fff;
  --color-black-border: #cdcdcd;
  --color-black-background: #fafafa;
  --color-sea-green: #007272;
  --color-mint-green: #a5e1d2;
  --color-summer-green: #28b482;
  --color-emerald-green: #14555a;
  --color-ocean-green: #00343e;
  --color-accent-yellow: #fdbb31;
  --color-indigo: #23195a;
  --color-violet: #6e2382;
  --color-sky-blue: #4bbed2;
  --color-lavender: #f2f2f5;
  --color-sand-yellow: #fbf6ec;
  --color-pistachio: #f2f4ec;
  --color-mint-green-alt: #ebfffa;
  --color-indigo-medium: #6e6491;
  --color-indigo-light: #b9afc8;
  --color-violet-medium: #a06eaf;
  --color-violet-light: #cfb9d7;
  --color-sky-blue-medium: #87d2e1;
  --color-sky-blue-light: #c3ebf0;
  --spacing-xx-small: 0.25rem;
  --spacing-x-small: 0.5rem;
  --spacing-small: 1rem;
  --spacing-medium: 1.5rem;
  --spacing-large: 2rem;
  --spacing-x-large: 3rem;
  --spacing-xx-large: 3.5rem;
  --layout-small: 40em;
  --layout-medium: 50em;
  --layout-large: 60em;
  --layout-x-large: 72em;
  --layout-xx-large: 80em;
  --layout-xxx-large: 90em;
  --shadow-default: 0 8px 16px rgba(51, 51, 51, 0.08);
  --shadow-default-x: 0;
  --shadow-default-y: 8px;
  --shadow-default-blur-radius: 16px;
  --shadow-default-color: rgba(51, 51, 51, 0.08);
  --easing-default: cubic-bezier(0.42, 0, 0, 1); }

/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
 * Typography
 *
 * The font-family properties are defined in the properties.scss file, like:
 * --font-family-default:
 *
 */
.dnb-typo-regular {
  font-family: 'DNB', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-style: normal; }

.dnb-typo-medium {
  font-family: 'DNB', sans-serif;
  font-family: var(--font-family-default);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  font-style: normal; }

.dnb-typo-bold {
  font-family: 'DNB', sans-serif;
  font-family: var(--font-family-default);
  font-weight: 600;
  font-weight: var(--font-weight-bold);
  font-style: normal; }

.dnb-typo-mono-regular {
  font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
  font-family: var(--font-family-monospace);
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: DNB;
  src: url(/assets/DNB-Regular.54d35.woff2) format("woff2"), url(/assets/DNB-Regular.a7ae8.woff) format("woff"), url(/assets/DNB-Regular.f3647.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: DNB;
  src: url(/assets/DNB-Medium.8e57b.woff2) format("woff2"), url(/assets/DNB-Medium.7cce6.woff) format("woff"), url(/assets/DNB-Medium.8d30b.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: DNB;
  src: url(/assets/DNB-Bold.b402b.woff2) format("woff2"), url(/assets/DNB-Bold.fa1ef.woff) format("woff"), url(/assets/DNB-Bold.14a47.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: DNBMono;
  src: url(/assets/DNBMono-Regular.322db.woff2) format("woff2"), url(/assets/DNBMono-Regular.0d773.woff) format("woff"), url(/assets/DNBMono-Regular.44317.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

/*
 * Helper Classes
 *
 */
.dnb-no-focus {
  outline: none; }

.dnb-tab-focus {
  outline: none; }
  .dnb-tab-focus:focus {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-tab-focus:focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-tab-focus:focus {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }

.dnb-mouse-focus {
  outline: none; }
  .dnb-mouse-focus:focus {
    outline: none; }
    html[data-whatinput='mouse'] .dnb-mouse-focus:focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='mouse'] .dnb-mouse-focus:focus {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }

.dnb-focus-ring {
  --border-color: var(--color-emerald-green);
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color) !important;
          box-shadow: 0 0 0 0.125rem var(--border-color) !important;
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-focus-ring {
      -webkit-box-shadow: 0 0 0 0.125rem #14555a !important;
              box-shadow: 0 0 0 0.125rem #14555a !important;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green) !important;
              box-shadow: 0 0 0 0.125rem var(--color-emerald-green) !important; } }

.dnb-scrollbar-appearance {
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: #007272 transparent;
  scrollbar-color: var(--color-sea-green) transparent; }
  @supports not (scrollbar-color: auto) {
    .dnb-scrollbar-appearance::-webkit-scrollbar {
      background-color: #ebebeb;
      background-color: var(--color-black-8); }
      .dnb-scrollbar-appearance::-webkit-scrollbar:vertical {
        width: 0.5rem; }
      .dnb-scrollbar-appearance::-webkit-scrollbar:horizontal {
        height: 0.5rem; }
    .dnb-scrollbar-appearance::-webkit-scrollbar-thumb {
      background-color: #007272;
      background-color: var(--color-sea-green);
      border-radius: 0.5rem; }
      .dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover {
        background-color: #14555a;
        background-color: var(--color-emerald-green); } }

.dnb-skip-link {
  position: absolute;
  z-index: 0;
  top: -100vh;
  opacity: 0.3;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out; }

.dnb-skip-link--active,
.dnb-skip-link:focus {
  position: fixed;
  z-index: 9999;
  top: 5%;
  left: 40%;
  margin: 0;
  padding: 0.5rem 1rem;
  white-space: nowrap;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  color: #007272;
  color: var(--color-sea-green);
  text-decoration: none;
  text-align: center;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  outline: none;
  background-color: transparent;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .dnb-skip-link--active::after,
  .dnb-skip-link:focus::after {
    content: '';
    position: absolute;
    z-index: -2;
    left: -200vw;
    top: -200vh;
    width: 150vw;
    height: 150vh;
    background-color: rgba(255, 255, 255, 0.85);
    -webkit-box-shadow: 150vw 150vh 0 0 rgba(255, 255, 255, 0.85);
            box-shadow: 150vw 150vh 0 0 rgba(255, 255, 255, 0.85); }
  .dnb-skip-link--active::before,
  .dnb-skip-link:focus::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.5rem;
    background-color: #fff;
    background-color: var(--color-white);
    outline: none; }
    html[data-whatinput='mouse'] .dnb-skip-link--active::before, html[data-whatinput='mouse']
    .dnb-skip-link:focus::before {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='mouse'] .dnb-skip-link--active::before, html[data-whatinput='mouse']
        .dnb-skip-link:focus::before {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-skip-link--active:hover::before,
  .dnb-skip-link:focus:hover::before {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-skip-link--active:active::before,
  .dnb-skip-link:focus:active::before {
    background-color: #14555a;
    background-color: var(--color-emerald-green); }
  .dnb-skip-link--active:focus:not(:active)::before,
  .dnb-skip-link:focus:focus:not(:active)::before {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-skip-link--active:focus:not(:active)::before, html[data-whatinput='keyboard']
    .dnb-skip-link:focus:focus:not(:active)::before {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-skip-link--active:focus:not(:active)::before, html[data-whatinput='keyboard']
        .dnb-skip-link:focus:focus:not(:active)::before {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-skip-link--active:focus,
  .dnb-skip-link:focus:focus {
    opacity: 1; }
  .dnb-skip-link--active:hover, .dnb-skip-link--active:focus:not(:hover):not(:active),
  .dnb-skip-link:focus:hover,
  .dnb-skip-link:focus:focus:not(:hover):not(:active) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-skip-link--active:active,
  .dnb-skip-link:focus:active {
    color: #fff;
    color: var(--color-white);
    background-color: transparent; }

html[data-whatintent='touch'] .dnb-skip-link {
  display: none; }

.dnb-alignment-helper {
  display: inline-block;
  width: 0;
  height: 0;
  font-size: 1rem;
  font-size: var(--font-size-small);
  speak: none; }
  .dnb-alignment-helper::before {
    content: '\200C';
    display: inline-block;
    width: 0;
    height: 0;
    font-size: 1rem;
    font-size: var(--font-size-small);
    speak: none; }

.dnb-drop-shadow {
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default); }

.dnb-sr-only {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  border: 0; }

.dnb-sr-only--inline {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  border: 0;
  position: static;
  display: inline-block;
  visibility: visible;
  font-size: 0;
  line-height: 0; }

.dnb-not-sr-only {
  position: static;
  position: initial;
  max-width: none;
  max-width: initial;
  max-height: none;
  max-height: initial;
  -webkit-clip-path: initial;
          clip-path: initial;
  overflow: auto;
  font-size: medium;
  font-size: initial;
  line-height: normal;
  line-height: initial;
  white-space: normal;
  white-space: initial; }

.dnb-suffix {
  padding-left: 0.5rem;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  line-height: 1.5rem;
  line-height: var(--line-height-basis);
  word-break: normal; }

html {
  scroll-behavior: smooth;
  font-size: 100%; }
  @supports (-webkit-touch-callout: none) and (font: -apple-system-body) {
      html {
        font: -apple-system-body;
        /* stylelint-disable-line */ } }

html[xmlns="http://www.w3.org/1999/xhtml"] a:hover {
  text-decoration: none; }

html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active {
  color: #a5e1d2 !important;
  color: var(--color-mint-green) !important; }

html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover) {
  color: #fff !important;
  color: var(--color-white) !important; }

html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary {
  color: #fff;
  color: var(--color-white); }

html[xmlns="http://www.w3.org/1999/xhtml"] ul {
  list-style: disc outside none;
  list-style: initial; }

html[xmlns="http://www.w3.org/1999/xhtml"] p {
  overflow: visible;
  overflow: initial;
  text-align: inherit;
  background-color: transparent;
  background-color: initial; }

html[xmlns="http://www.w3.org/1999/xhtml"] i {
  font-style: italic; }

html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,
html[xmlns="http://www.w3.org/1999/xhtml"] #root {
  width: 100%; }

html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,
html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper {
  width: 100%;
  max-width: 60rem; }

html[xmlns="http://www.w3.org/1999/xhtml"] #column_content {
  -webkit-box-shadow: none;
          box-shadow: none; }

body {
  margin: 0; }

.dnb-core-style {
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  /* Grouping content
   */
  /**
   * 1. Add the correct sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  /**
   * Add the correct display in IE.
   */
  /**
   * Remove the list style on navigation lists in all browsers (opinionated).
   */
  /* Text-level semantics
   */
  /**
   * Add the correct text decoration in Edge, IE, Opera, and Safari.
   */
  /**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
  /**
   * 1. Use the default monospace user interface font
   *    in all browsers (opinionated).
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  /*
   * Remove the text shadow on text selections in Firefox 61- (opinionated).
   * 1. Restore the coloring undone by defining the text shadow
   *    in all browsers (opinionated).
   */
  /* Embedded content
   */
  /*
   * Change the alignment on media elements in all browers (opinionated).
   */
  /**
   * Add the correct display in IE 9-.
   */
  /**
   * Add the correct display in iOS 4-7.
   */
  /**
   * Remove the border on images inside links in IE 10-.
   */
  /**
   * Change the fill color to match the text color in all browsers (opinionated).
   */
  /**
   * Hide the overflow in IE.
   */
  /* Tabular data
   */
  /**
   * Collapse border spacing in all browsers (opinionated).
   */
  /* Forms
   */
  /**
   * Inherit styling in all browsers (opinionated).
   */
  /**
   * Remove the margin in Safari.
   */
  /**
   * 1. Show the overflow in IE.
   * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
   */
  /**
   * Correct the padding in Firefox.
   */
  /**
   * Show the overflow in Edge and IE.
   * 1. Safari did inherit the break-word from html root
   */
  /**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   */
  /**
   * 1. Add the correct display in Edge and IE.
   * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
  /**
   * Remove the inheritance of text transform in Firefox.
   */
  /**
   * 2. Remove the default vertical scrollbar in IE.
   * 3. Change the resize direction on textareas in all browsers (opinionated).
   */
  /**
   * Remove the padding in IE 10-.
   */
  /**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
  /**
   * Correct the cursor style of increment and decrement buttons in Safari.
   */
  /**
   * Correct the text style of placeholders in Chrome, Edge, and Safari.
   */
  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  /**
   * 1. Change font properties to `inherit` in Safari.
   */
  /**
   * Remove the inner border and padding of focus outlines in Firefox.
   */
  /* Interactive
   */
  /*
   * Add the correct display in Edge and IE.
   */
  /*
   * Add the correct display in all browsers.
   */
  /* Scripting
   */
  /**
   * Add the correct display in IE 9-.
   */
  /**
   * Add the correct display in IE.
   */
  /* User interaction
   */
  /*
   * 1. Remove the tapping delay in IE 10.
   * 2. Remove the tapping delay on clickable elements
        in all browsers (opinionated).
   */
  /**
   * Add the correct display in IE 10-.
   */
  /* Accessibility
   */
  /**
   * Change the cursor on busy elements in all browsers (opinionated).
   */
  /*
   * Change the cursor on control elements in all browsers (opinionated).
   */
  /*
   * Change the cursor on disabled, not-editable, or otherwise
   * inoperable elements in all browsers (opinionated).
   */
  /*
   * Change the display on visually hidden accessible elements
   * in all browsers (opinionated).
   */
  font-family: 'DNB', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-basis);
  font-size: 1rem;
  font-size: var(--font-size-small);
  font-style: normal;
  line-height: 1.5rem;
  line-height: var(--line-height-basis);
  color: #333;
  color: var(--color-black-80, #333);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /**
  * Ensure consistency and use the same as HTML reset -> html {...}
  * between base and code package
  */
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word; }
  .dnb-core-style *,
  .dnb-core-style ::before,
  .dnb-core-style ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-core-style ::before,
  .dnb-core-style ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }
  .dnb-core-style hr {
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }
  .dnb-core-style main {
    display: block; }
  .dnb-core-style nav ol,
  .dnb-core-style nav ul {
    list-style: none; }
  .dnb-core-style abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted; }
  .dnb-core-style b,
  .dnb-core-style strong {
    font-weight: bolder; }
  .dnb-core-style pre,
  .dnb-core-style code,
  .dnb-core-style kbd,
  .dnb-core-style samp {
    font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
    font-family: var(--font-family-monospace);
    /* 1 */
    font-size: 1em;
    font-size: var(--font-size-basis--em);
    /* 2 */ }
  .dnb-core-style ::-moz-selection {
    background-color: #b3d4fc;
    /* 1 */
    color: #000;
    /* 1 */
    text-shadow: none; }
  .dnb-core-style audio,
  .dnb-core-style canvas,
  .dnb-core-style iframe,
  .dnb-core-style img,
  .dnb-core-style svg,
  .dnb-core-style video {
    vertical-align: middle; }
  .dnb-core-style audio,
  .dnb-core-style video {
    display: inline-block; }
  .dnb-core-style audio:not([controls]) {
    display: none;
    height: 0; }
  .dnb-core-style img {
    border-style: none; }
  .dnb-core-style svg:not([fill]) {
    fill: currentColor; }
  .dnb-core-style svg:not(:root) {
    overflow: hidden; }
  .dnb-core-style table {
    border-collapse: collapse; }
  .dnb-core-style button,
  .dnb-core-style input,
  .dnb-core-style select,
  .dnb-core-style textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .dnb-core-style figure,
  .dnb-core-style button,
  .dnb-core-style input,
  .dnb-core-style select {
    margin: 0; }
  .dnb-core-style button {
    overflow: visible;
    /* 1 */
    text-transform: none;
    /* 2 */ }
  .dnb-core-style fieldset {
    padding: 0.35rem 0.75rem 0.625rem; }
  .dnb-core-style input {
    overflow: visible;
    word-break: normal;
    /* 1 */ }
  .dnb-core-style legend {
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    white-space: normal;
    /* 1 */ }
  .dnb-core-style progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }
  .dnb-core-style select {
    text-transform: none; }
  .dnb-core-style textarea {
    overflow: auto;
    /* 2 */
    resize: vertical;
    /* 3 */ }
  .dnb-core-style [type='checkbox'],
  .dnb-core-style [type='radio'] {
    padding: 0; }
  .dnb-core-style input[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }
  .dnb-core-style ::-webkit-inner-spin-button,
  .dnb-core-style ::-webkit-outer-spin-button {
    height: auto; }
  .dnb-core-style ::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54; }
  .dnb-core-style ::-webkit-search-decoration {
    -webkit-appearance: none; }
  .dnb-core-style ::-webkit-file-upload-button {
    font: inherit;
    /* 1 */
    background-color: transparent;
    border: none; }
  .dnb-core-style ::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  .dnb-core-style details {
    display: block; }
  .dnb-core-style summary {
    display: list-item; }
  .dnb-core-style canvas {
    display: inline-block; }
  .dnb-core-style template {
    display: none; }
  .dnb-core-style a,
  .dnb-core-style area,
  .dnb-core-style button,
  .dnb-core-style input,
  .dnb-core-style label,
  .dnb-core-style select,
  .dnb-core-style summary,
  .dnb-core-style textarea,
  .dnb-core-style [tabindex] {
    -ms-touch-action: manipulation;
    /* 1 */
    touch-action: manipulation;
    /* 2 */ }
  .dnb-core-style [hidden] {
    display: none; }
  .dnb-core-style [aria-busy='true'] {
    cursor: progress; }
  .dnb-core-style [aria-controls]:not(input) {
    cursor: pointer; }
  .dnb-core-style [aria-disabled='true'],
  .dnb-core-style [disabled] {
    cursor: not-allowed; }
  .dnb-core-style [aria-hidden='false'][hidden]:not(:focus) {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute; }
  @media print {
    .dnb-core-style {
      background-color: white;
      color: black; } }

@charset "UTF-8";
/**
 * ATTENTION: This file is auto generated by using "styleFactory".
 * Do not change the content!
 *
 */
/*
 * Utilities
 */
/**
 * ATTENTION: This file is auto generated by using "styleFactory".
 * Do not change the content!
 *
 */
/*
* DrawerList component
*
*/
:root {
  --drawer-list-width: 16rem;
  --drawer-list-height: 2rem;
  --drawer-list-padding-horizontal: 1rem;
  --drawer-list-focus-border-width: 0.125rem;
  --drawer-list-text-padding: 0.5rem;
  --drawer-list-height--small: 1.5rem;
  --drawer-list-height--medium: 2.5rem;
  --drawer-list-height--large: 3rem; }

.dnb-drawer-list {
  display: block;
  position: relative;
  width: inherit;
  min-width: inherit;
  font-size: 1rem;
  font-size: var(--font-size-small);
  /* stylelint-disable-next-line  */ }
  .dnb-drawer-list__portal__style {
    position: absolute;
    -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0, 1);
    transition: all 300ms cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: all 300ms var(--easing-default);
    transition: all 300ms var(--easing-default);
    z-index: 3200; }
    html[data-visual-test] .dnb-drawer-list__portal__style {
      -webkit-transition: none !important;
      transition: none !important; }
    .dnb-drawer-list__portal__style--fixed {
      position: fixed; }
  .dnb-drawer-list__root {
    width: inherit;
    min-width: inherit; }
    .dnb-drawer-list__root--portal {
      position: absolute;
      top: 0;
      left: 0; }
  .dnb-drawer-list__content {
    width: 100%;
    padding: 0; }
  .dnb-drawer-list__list {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: auto;
    left: 0;
    right: 0;
    width: inherit;
    min-width: inherit;
    margin: 0;
    padding: 0;
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis);
    background-color: transparent;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 160ms ease-out, -webkit-transform 200ms;
    transition: opacity 160ms ease-out, -webkit-transform 200ms;
    transition: transform 200ms, opacity 160ms ease-out;
    transition: transform 200ms, opacity 160ms ease-out, -webkit-transform 200ms; }
  .dnb-drawer-list__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0;
    max-height: 90vh;
    padding: 0;
    list-style: none;
    background-color: transparent; }
    .dnb-spacing .dnb-drawer-list__options li.dnb-drawer-list__option {
      margin: 0; }
  .dnb-drawer-list--scroll .dnb-drawer-list__options {
    min-height: 2rem;
    max-height: 70vh;
    -webkit-transition: max-height 300ms cubic-bezier(0.42, 0, 0, 1);
    transition: max-height 300ms cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: max-height 300ms var(--easing-default);
    transition: max-height 300ms var(--easing-default);
    overflow-y: auto;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: auto;
    scrollbar-color: #007272 transparent;
    scrollbar-color: var(--color-sea-green) transparent; }
    @supports not (scrollbar-color: auto) {
      .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar {
        background-color: #ebebeb;
        background-color: var(--color-black-8); }
        .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical {
          width: 0.5rem; }
        .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal {
          height: 0.5rem; }
      .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb {
        background-color: #007272;
        background-color: var(--color-sea-green);
        border-radius: 0.5rem; }
        .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover {
          background-color: #14555a;
          background-color: var(--color-emerald-green); } }
    html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options {
      scroll-behavior: smooth; }
    html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options {
      scroll-behavior: auto !important; }
  html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options,
  .dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options {
    -webkit-transition: none !important;
    transition: none !important; }
  .dnb-drawer-list--opened .dnb-drawer-list__options {
    scroll-behavior: smooth; }
  .dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options {
    scroll-behavior: auto; }
  .dnb-drawer-list__option {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0;
    color: inherit;
    outline: none;
    background-color: #fff;
    background-color: var(--color-white); }
    .dnb-drawer-list__option__inner {
      position: relative;
      z-index: 1;
      outline: none;
      margin: 0;
      padding: 1rem;
      color: inherit;
      background-color: #fff;
      background-color: var(--color-white); }
      @supports not (display: grid) {
        .dnb-drawer-list__option__inner {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: center;
              -ms-flex-pack: center;
                  justify-content: center; } }
      @supports (display: grid) {
        .dnb-drawer-list__option__inner {
          display: grid;
          grid-template-columns: 1fr auto;
          grid-template-rows: repeat(10, -webkit-min-content);
          grid-template-rows: repeat(10, min-content); } }
      .dnb-drawer-list__option__inner > * {
        -ms-flex-item-align: self-start;
            align-self: self-start; }
    .dnb-drawer-list__option__item {
      display: block;
      text-overflow: ellipsis;
      grid-column: 1; }
      .dnb-drawer-list__option__item--horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
      .dnb-drawer-list__option__item > .dnb-icon {
        vertical-align: baseline;
        vertical-align: initial; }
      .dnb-drawer-list__option__item .dnb-anchor {
        display: inline-block;
        margin-right: 0.5rem;
        word-break: break-word;
        white-space: nowrap;
        font-size: inherit; }
    @media screen and (min-width: 40em) {
      .dnb-drawer-list__option__suffix {
        grid-column: 2;
        grid-row: 1 / -1;
        justify-self: end;
        align-self: center; } }
    .dnb-drawer-list__option--ignore {
      cursor: default;
      pointer-events: none; }
  .dnb-drawer-list__triangle {
    position: absolute;
    top: -0.875rem;
    top: calc( 0.125rem - 2rem / 2);
    top: calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2);
    top: calc( var(--drawer-list-focus-border-width) - var(--drawer-list-height) / 2);
    left: auto;
    right: 0;
    pointer-events: none;
    margin: 0 1rem;
    margin: 0 var(--drawer-list-padding-horizontal);
    width: 1rem;
    width: calc(2rem / 2);
    width: calc(var(--drawer-list-height)/2);
    width: calc(var(--drawer-list-height) / 2);
    height: 1rem;
    height: calc(2rem / 2);
    height: calc(var(--drawer-list-height)/2);
    height: calc(var(--drawer-list-height) / 2);
    overflow: hidden; }
    .dnb-drawer-list__triangle::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1rem;
      width: calc(2rem / 2);
      width: calc(var(--drawer-list-height)/2);
      width: calc(var(--drawer-list-height) / 2);
      height: 1rem;
      height: calc(2rem / 2);
      height: calc(var(--drawer-list-height)/2);
      height: calc(var(--drawer-list-height) / 2);
      -webkit-transform: translateY(60%) rotate(45deg);
              transform: translateY(60%) rotate(45deg);
      border: 1px solid #cdcdcd;
      border: 1px solid var(--color-black-border);
      background-color: #fff;
      background-color: var(--color-white); }
  .dnb-drawer-list--triangle-position-left .dnb-drawer-list__triangle {
    left: 0;
    right: auto; }
  .dnb-drawer-list--top .dnb-drawer-list__triangle {
    top: auto;
    bottom: calc(-0.875rem - 2px);
    bottom: calc( 0.125rem - 2rem / 2 - 2px);
    bottom: calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height)/2 - 2px);
    bottom: calc( var(--drawer-list-focus-border-width) - var(--drawer-list-height) / 2 - 2px);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
    .dnb-drawer-list--top .dnb-drawer-list__triangle::before {
      -webkit-transform: translateY(65%) rotate(45deg);
              transform: translateY(65%) rotate(45deg); }
  .dnb-drawer-list--is-popup.dnb-drawer-list--right {
    position: absolute;
    left: auto;
    right: 0; }
  .dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
    left: -0.5rem; }
  .dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
    right: -0.5rem; }
  .dnb-drawer-list--opened .dnb-drawer-list__list {
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
    .dnb-drawer-list--opened .dnb-drawer-list__list {
      -webkit-animation: drawer-list-slide-top-down 200ms ease-out 1 forwards;
              animation: drawer-list-slide-top-down 200ms ease-out 1 forwards; }
    html[data-visual-test] .dnb-drawer-list--opened .dnb-drawer-list__list, .dnb-drawer-list--opened .dnb-drawer-list__list--no-animation {
      -webkit-animation-duration: 1ms !important;
              animation-duration: 1ms !important; }
  @media screen and (max-width: 40em), screen and (max-height: 40em) {
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--opened .dnb-drawer-list__list {
      z-index: 100;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-animation: drawer-list-scale-in 200ms ease-out 1 forwards;
              animation: drawer-list-scale-in 200ms ease-out 1 forwards; } }
  .dnb-drawer-list--hidden .dnb-drawer-list__list {
    display: none; }
  .dnb-drawer-list--bottom .dnb-drawer-list__list {
    top: 0;
    bottom: auto; }
  .dnb-drawer-list--top .dnb-drawer-list__list {
    top: auto;
    bottom: 2rem;
    bottom: var(--drawer-list-height); }
  .dnb-drawer-list__portal .dnb-drawer-list--bottom .dnb-drawer-list__list {
    top: 2rem;
    top: var(--drawer-list-height);
    bottom: auto; }
  .dnb-drawer-list__portal .dnb-drawer-list--small .dnb-drawer-list__list {
    top: 1.5rem;
    top: var(--drawer-list-height--small); }
  .dnb-drawer-list--small.dnb-drawer-list--top .dnb-drawer-list__list {
    bottom: 1.5rem;
    bottom: var(--drawer-list-height--small); }
  .dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
    left: -0.75rem; }
  .dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
    right: -0.75rem; }
  .dnb-drawer-list__portal .dnb-drawer-list--medium .dnb-drawer-list__list {
    top: 2.5rem;
    top: var(--drawer-list-height--medium); }
  .dnb-drawer-list--medium.dnb-drawer-list--top .dnb-drawer-list__list {
    bottom: 2.5rem;
    bottom: var(--drawer-list-height--medium); }
  .dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
    left: -0.25rem; }
  .dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
    right: -0.25rem; }
  .dnb-drawer-list__portal .dnb-drawer-list--large .dnb-drawer-list__list {
    top: 3rem;
    top: var(--drawer-list-height--large); }
  .dnb-drawer-list--large.dnb-drawer-list--top .dnb-drawer-list__list {
    bottom: 3rem;
    bottom: var(--drawer-list-height--large); }
  .dnb-drawer-list--large .dnb-drawer-list__triangle {
    margin: 0 1.25rem; }
  .dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
    left: -0.25rem; }
  .dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
    right: -0.25rem; }
  .dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
    left: auto; }
  .dnb-drawer-list__root > .dnb-drawer-list--right {
    position: absolute;
    right: 0;
    left: auto; }
  .dnb-drawer-list__portal .dnb-drawer-list--right {
    right: 100%; }
  .dnb-drawer-list__portal .dnb-drawer-list--top .dnb-drawer-list__list {
    top: auto;
    bottom: 0; }
  @media screen and (max-width: 40em), screen and (max-height: 40em) {
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view, .dnb-drawer-list__portal__style--mobile-view {
      top: 0 !important;
      right: 0 !important;
      left: auto !important; }
    .dnb-drawer-list__portal__style--mobile-view {
      position: fixed; }
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__list,
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__options {
      height: 100vh;
      top: 0 !important;
      max-height: 100vh !important;
      border-radius: 0; } }
  .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list {
    -webkit-animation: drawer-list-slide-top-up 150ms ease-out 1 forwards;
            animation: drawer-list-slide-top-up 150ms ease-out 1 forwards; }
  html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list, .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation {
    -webkit-animation-duration: 1ms !important;
            animation-duration: 1ms !important; }
  @media screen and (max-width: 40em), screen and (max-height: 40em) {
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list {
      -webkit-animation: drawer-list-scale-out 150ms ease-out 1 forwards;
              animation: drawer-list-scale-out 150ms ease-out 1 forwards; } }
  .dnb-drawer-list--action-menu .dnb-drawer-list__option__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  @media screen and (min-width: 40em) {
    .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
      left: 0; }
    .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
      right: 0; } }
  @media screen and (max-width: 40em), screen and (max-height: 40em) {
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__list {
      z-index: 100;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-animation: drawer-list-slide-bottom-up 200ms ease-out 1 forwards;
              animation: drawer-list-slide-bottom-up 200ms ease-out 1 forwards; }
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list {
      -webkit-animation: drawer-list-slide-bottom-down 200ms ease-out 1 forwards;
              animation: drawer-list-slide-bottom-down 200ms ease-out 1 forwards; }
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__list,
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view.dnb-drawer-list--action-menu .dnb-drawer-list__options {
      position: fixed;
      top: auto !important;
      right: 0 !important;
      left: 0 !important;
      bottom: 0 !important;
      height: auto !important;
      width: 100vw !important;
      -webkit-box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.16);
              box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.16); } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-drawer-list {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      vertical-align: baseline; }
      .dnb-drawer-list__shell {
        top: 0; }
      .dnb-drawer-list__options {
        display: block; } }

@-webkit-keyframes drawer-list-scale-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(calc(1px - 16rem));
            transform: scale(0.8) translateX(calc(1px - 16rem));
    -webkit-transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
            transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width))); }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0); } }

@keyframes drawer-list-scale-in {
  from {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(calc(1px - 16rem));
            transform: scale(0.8) translateX(calc(1px - 16rem));
    -webkit-transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
            transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width))); }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0); } }

@-webkit-keyframes drawer-list-scale-out {
  from {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(calc(1px - 16rem));
            transform: scale(0.8) translateX(calc(1px - 16rem));
    -webkit-transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
            transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width))); } }

@keyframes drawer-list-scale-out {
  from {
    opacity: 1;
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0); }
  to {
    opacity: 0;
    -webkit-transform: scale(0.8) translateX(calc(1px - 16rem));
            transform: scale(0.8) translateX(calc(1px - 16rem));
    -webkit-transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
            transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width))); } }

@-webkit-keyframes drawer-list-slide-top-down {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--drawer-list-height)));
            transform: translateY(calc(1px - var(--drawer-list-height))); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes drawer-list-slide-top-down {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--drawer-list-height)));
            transform: translateY(calc(1px - var(--drawer-list-height))); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes drawer-list-slide-top-up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--drawer-list-height)));
            transform: translateY(calc(1px - var(--drawer-list-height))); } }

@keyframes drawer-list-slide-top-up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--drawer-list-height)));
            transform: translateY(calc(1px - var(--drawer-list-height))); } }

@-webkit-keyframes drawer-list-slide-bottom-down {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(calc(1px + 2rem));
            transform: translateY(calc(1px + 2rem));
    -webkit-transform: translateY(calc(1px + var(--drawer-list-height)));
            transform: translateY(calc(1px + var(--drawer-list-height))); } }

@keyframes drawer-list-slide-bottom-down {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(calc(1px + 2rem));
            transform: translateY(calc(1px + 2rem));
    -webkit-transform: translateY(calc(1px + var(--drawer-list-height)));
            transform: translateY(calc(1px + var(--drawer-list-height))); } }

@-webkit-keyframes drawer-list-slide-bottom-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(1px + 2rem));
            transform: translateY(calc(1px + 2rem));
    -webkit-transform: translateY(calc(1px + var(--drawer-list-height)));
            transform: translateY(calc(1px + var(--drawer-list-height))); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes drawer-list-slide-bottom-up {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(1px + 2rem));
            transform: translateY(calc(1px + 2rem));
    -webkit-transform: translateY(calc(1px + var(--drawer-list-height)));
            transform: translateY(calc(1px + var(--drawer-list-height))); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

/*
* ScrollView component
*
*/
.dnb-scroll-view {
  overflow-x: auto;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: #007272 transparent;
  scrollbar-color: var(--color-sea-green) transparent;
  -ms-scroll-chaining: chained;
      overscroll-behavior: auto; }
  @supports not (scrollbar-color: auto) {
    .dnb-scroll-view::-webkit-scrollbar {
      background-color: #ebebeb;
      background-color: var(--color-black-8); }
      .dnb-scroll-view::-webkit-scrollbar:vertical {
        width: 0.5rem; }
      .dnb-scroll-view::-webkit-scrollbar:horizontal {
        height: 0.5rem; }
    .dnb-scroll-view::-webkit-scrollbar-thumb {
      background-color: #007272;
      background-color: var(--color-sea-green);
      border-radius: 0.5rem; }
      .dnb-scroll-view::-webkit-scrollbar-thumb:hover {
        background-color: #14555a;
        background-color: var(--color-emerald-green); } }
  html:not([data-visual-test]) .dnb-scroll-view {
    scroll-behavior: smooth; }
  html[data-visual-test] .dnb-scroll-view {
    scroll-behavior: auto !important; }
  .dnb-scroll-view[tabindex='0']:focus {
    outline: none;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-scroll-view[tabindex='0']:focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-scroll-view[tabindex='0']:focus {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }

/*
* Accordion component
*
*/
:root {
  --accordion-border-width: 0.0625rem;
  --accordion-border-radius: 0.25rem;
  --accordion-easing: var(--easing-default); }

.dnb-accordion {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }
  .dnb-accordion__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    cursor: pointer;
    outline: none;
    border: 0.0625rem solid transparent;
    border: var(--accordion-border-width) solid transparent;
    border-radius: 0.25rem;
    border-radius: var(--accordion-border-radius); }
    .dnb-accordion__header:focus {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
    .dnb-accordion__header * {
      pointer-events: none; }
    .dnb-accordion__header--prevent-click {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      pointer-events: none; }
    .dnb-accordion__header__wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      width: 100%;
      margin: 1.5rem 0 1.5rem 2rem; }
    .dnb-accordion__header--description .dnb-accordion__header__wrapper {
      margin: 1rem 0 1rem 2rem; }
    .dnb-accordion__header__icon + .dnb-accordion__header__wrapper {
      margin-left: 0;
      margin-right: 2rem; }
    .dnb-accordion__header__container {
      margin: 0 1rem; }
    .dnb-accordion__header__icon {
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin: 1.5rem 1rem;
      font-size: 1rem;
      font-size: var(--font-size-small);
      line-height: 1.25rem;
      line-height: var(--line-height-small);
      -webkit-transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1);
      transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1);
      transition: transform 400ms cubic-bezier(0.42, 0, 0, 1);
      transition: transform 400ms cubic-bezier(0.42, 0, 0, 1), -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1);
      -webkit-transition: -webkit-transform 400ms var(--accordion-easing);
      transition: -webkit-transform 400ms var(--accordion-easing);
      transition: transform 400ms var(--accordion-easing);
      transition: transform 400ms var(--accordion-easing), -webkit-transform 400ms var(--accordion-easing); }
    .dnb-accordion__header--description .dnb-accordion__header__icon {
      margin-top: 1rem; }
    .dnb-accordion__header__icon--right {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
    .dnb-accordion__header__icon--right .dnb-accordion__header__icon {
      -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
              order: 3; }
    .dnb-accordion__header__icon--right .dnb-accordion__header__container {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .dnb-accordion__header__icon--right .dnb-accordion__header__wrapper {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-left: 1rem;
      margin-right: 1rem; }
    .dnb-accordion__header__icon--right .dnb-accordion__header__wrapper + .dnb-accordion__header__container {
      margin-right: 0; }
    .dnb-accordion__header__icon--right .dnb-accordion__header__container + .dnb-accordion__header__wrapper {
      margin-left: 0; }
    .dnb-accordion__header__title {
      font-size: 1.125rem;
      font-size: var(--font-size-basis);
      line-height: 1.5rem;
      line-height: var(--line-height-basis); }
    .dnb-accordion__header__description {
      font-size: 1rem;
      font-size: var(--font-size-small);
      line-height: 1.25rem;
      line-height: var(--line-height-small);
      font-weight: normal;
      font-weight: var(--font-weight-basis); }
    .dnb-accordion__header__title + .dnb-accordion__header__description {
      margin-top: 0.25rem; }
    .dnb-accordion__header__description + .dnb-accordion__header__title {
      margin-top: 0.25rem; }
  .dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon {
    -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg); }
  .dnb-accordion__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    will-change: height;
    -webkit-transition: height 400ms cubic-bezier(0.42, 0, 0, 1), opacity 600ms cubic-bezier(0.42, 0, 0, 1);
    transition: height 400ms cubic-bezier(0.42, 0, 0, 1), opacity 600ms cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: height 400ms var(--accordion-easing), opacity 600ms var(--accordion-easing);
    transition: height 400ms var(--accordion-easing), opacity 600ms var(--accordion-easing); }
    .dnb-accordion__content__inner {
      width: 100%;
      margin-top: 1rem; }
    .dnb-accordion__content.dnb-height-animation--hidden .dnb-accordion__content__inner {
      display: none; }
  .dnb-accordion-group--single-container {
    -webkit-transition: min-height 1s cubic-bezier(0.42, 0, 0, 1);
    transition: min-height 1s cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: min-height 1s var(--accordion-easing);
    transition: min-height 1s var(--accordion-easing); }
  .dnb-accordion-group--single-container .dnb-accordion {
    position: static;
    max-width: 60rem; }
    @media screen and (min-width: 40em) {
      .dnb-accordion-group--single-container .dnb-accordion__header {
        width: 40%; }
      .dnb-accordion-group--single-container .dnb-accordion__content {
        margin-left: 1rem;
        -webkit-transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
        transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
        -webkit-transition: opacity 1s var(--accordion-easing);
        transition: opacity 1s var(--accordion-easing); }
        .dnb-accordion-group--single-container .dnb-accordion__content__inner {
          margin-top: 0; } }
  @media screen and (min-width: 40em) {
    .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
      -webkit-transform: rotate(-90deg);
              transform: rotate(-90deg); } }
  .dnb-accordion-group--single-container .dnb-accordion-group__children {
    max-width: 60rem; }
    @media screen and (min-width: 40em) {
      .dnb-accordion-group--single-container .dnb-accordion-group__children {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content {
          position: absolute;
          z-index: 10;
          top: 0;
          right: 0;
          width: 60%; } }
  .dnb-accordion > .dnb-accordion__header--no-animation .dnb-accordion__header__icon,
  html[data-visual-test] .dnb-accordion .dnb-accordion__header .dnb-accordion__header__icon {
    -webkit-transition: none;
    transition: none; }

/*
* Autocomplete component
*
*/
:root {
  --autocomplete-width: 16rem;
  --autocomplete-height: 2rem;
  --autocomplete-height--small: 1.5rem;
  --autocomplete-height--medium: 2.5rem;
  --autocomplete-height--large: 3rem;
  --autocomplete-padding-horizontal: 1rem;
  --autocomplete-focus-border-width: 0.125rem;
  --autocomplete-text-padding: 0.5rem;
  --autocomplete-border-radius: 0.25rem; }

.dnb-autocomplete {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 2rem;
  line-height: var(--autocomplete-height); }
  .dnb-autocomplete__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
    width: auto;
    color: inherit; }
  .dnb-autocomplete--right .dnb-autocomplete__inner {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .dnb-autocomplete__shell {
    position: relative;
    width: 16rem;
    width: var(--autocomplete-width);
    margin: 0;
    padding: 0;
    color: inherit; }
  .dnb-autocomplete__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-autocomplete--small {
    line-height: 1.5rem;
    line-height: var(--autocomplete-height--small); }
  .dnb-autocomplete--medium {
    line-height: 2.5rem;
    line-height: var(--autocomplete-height--medium); }
  .dnb-autocomplete--large {
    line-height: 3rem;
    line-height: var(--autocomplete-height--large); }
  .dnb-autocomplete__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: none; }
  .dnb-autocomplete__show-all .dnb-drawer-list__option__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #007272;
    color: var(--color-sea-green); }
    .dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-drawer-list__option__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .dnb-autocomplete__show-all .dnb-drawer-list__option__inner .dnb-icon {
      -ms-flex-item-align: center;
          align-self: center; }
  .dnb-autocomplete__input {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    outline: none; }
    .dnb-autocomplete__input,
    .dnb-autocomplete__input .dnb-input__inner,
    .dnb-autocomplete__input .dnb-input__shell,
    .dnb-autocomplete__input .dnb-input__input {
      width: 100%; }
  .dnb-autocomplete--opened .dnb-input__submit-button__button .dnb-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  .dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text) {
    --border-color: var(--color-black-55);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    -webkit-box-shadow: inset 0 0 0 var(--input-border-width) var(--border-color);
            box-shadow: inset 0 0 0 var(--input-border-width) var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text) {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color);
        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text) {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color);
        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-autocomplete .dnb-input__submit-button__button[disabled]:not(.dnb-button--has-text) {
        -webkit-box-shadow: inset 0 0 0 1px #737373;
                box-shadow: inset 0 0 0 1px #737373;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-black-55);
                box-shadow: inset 0 0 0 1px var(--color-black-55); } }
  .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon {
    -webkit-transition: -webkit-transform 400ms ease-out;
    transition: -webkit-transform 400ms ease-out;
    transition: transform 400ms ease-out;
    transition: transform 400ms ease-out, -webkit-transform 400ms ease-out; }
    html[data-visual-test] .dnb-autocomplete .dnb-input__submit-button__button .dnb-icon {
      -webkit-transition-duration: 1ms !important;
              transition-duration: 1ms !important; }
  .dnb-autocomplete .dnb-input__inner__element {
    position: relative;
    z-index: 3;
    cursor: text; }
  @media screen and (min-width: 40em) {
    .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder,
    .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input {
      padding-right: 0 !important; } }
  @media screen and (max-width: 40em) {
    .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__placeholder,
    .dnb-autocomplete .dnb-input--has-inner-element .dnb-input__input {
      padding-right: 2.5rem !important; } }
  .dnb-autocomplete .dnb-input__inner__element.dnb-p {
    white-space: nowrap;
    padding: 0 0.5rem; }
    @media screen and (max-width: 40em) {
      .dnb-autocomplete .dnb-input__inner__element.dnb-p {
        display: none; } }
  .dnb-autocomplete .dnb-input__inner__element.dnb-p,
  .dnb-spacing .dnb-autocomplete .dnb-input__inner__element.dnb-p {
    margin: 0; }
  .dnb-autocomplete .dnb-input--has-submit-element .dnb-input__inner__element {
    margin-right: 2.5rem !important; }
  .dnb-autocomplete--icon-position-right .dnb-input__inner__element.dnb-p {
    padding-right: 3rem; }
  .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right .dnb-autocomplete--icon-position-right .dnb-input--icon-position-right.dnb-autocomplete--icon-position-right .dnb-input--has-icon .dnb-autocomplete--icon-position-right .dnb-input__input {
    padding-right: 1rem; }
  .dnb-autocomplete--disabled .dnb-input__inner__element {
    cursor: not-allowed; }
  .dnb-autocomplete__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    z-index: 4;
    width: 100%;
    height: inherit;
    line-height: inherit;
    padding: 0 0.5rem 0 0;
    padding: 0 var(--autocomplete-text-padding) 0 0;
    overflow: hidden;
    color: inherit;
    text-align: left;
    text-overflow: ellipsis;
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
    .dnb-autocomplete__text__inner {
      display: inline-block;
      width: 100%;
      height: inherit;
      padding: 0;
      overflow: hidden;
      white-space: nowrap;
      color: inherit;
      text-decoration: none;
      text-overflow: inherit;
      text-align: inherit; }
  .dnb-autocomplete > .dnb-form-label {
    margin-right: 1rem;
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  @media screen and (max-width: 40em) {
    .dnb-autocomplete {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .dnb-autocomplete > .dnb-form-label {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem; } }
  .dnb-autocomplete--stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-autocomplete--stretch .dnb-autocomplete__inner {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-autocomplete--stretch .dnb-autocomplete__row, .dnb-autocomplete--stretch .dnb-autocomplete__inner, .dnb-autocomplete--stretch .dnb-autocomplete__shell {
    width: 100%; }
  .dnb-autocomplete--stretch .dnb-form-label + .dnb-autocomplete__inner {
    width: auto; }
  .dnb-autocomplete--vertical.dnb-autocomplete--stretch .dnb-autocomplete__inner {
    width: 100%; }
  .dnb-form-row--horizontal .dnb-autocomplete--stretch {
    width: 100%; }
  label + .dnb-autocomplete[class*='__form-status'] {
    vertical-align: top; }
    label + .dnb-autocomplete[class*='__form-status'] .dnb-autocomplete__shell {
      top: -0.375rem; }
  .dnb-autocomplete__inner > .dnb-form-status {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.5rem; }
  .dnb-autocomplete--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*='__status'] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .dnb-autocomplete:not(.dnb-autocomplete--vertical)[class*='__status'] > .dnb-form-label {
      margin-top: 0.25rem; }
  @media screen and (max-width: 40em) {
    .dnb-responsive-component .dnb-autocomplete {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-autocomplete > .dnb-form-label {
        margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-autocomplete__helper {
        display: none; } }
  .dnb-autocomplete__list .dnb-drawer-list__option__item > span {
    padding-right: 0.125em; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-autocomplete {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      vertical-align: baseline; }
      .dnb-autocomplete__shell {
        top: 0; }
      .dnb-autocomplete__options {
        display: block; } }

/*
* Avatar component
*
*/
:root {
  --avatar-font-size--small: var(--font-size-x-small);
  --avatar-font-size--medium: var(--font-size-basis);
  --avatar-font-size--large: var(--font-size-x-large);
  --avatar-font-size--x-large: var(--font-size-x-large);
  --avatar-line-height--small: var(--line-height-x-small);
  --avatar-line-height--medium: var(--line-height-basis);
  --avatar-line-height--large: var(--line-height-large);
  --avatar-line-height--x-large: var(--line-height-large);
  --avatar-width--small: 1.5rem;
  --avatar-height--small: 1.5rem;
  --avatar-width--medium: 2rem;
  --avatar-height--medium: 2rem;
  --avatar-width--large: 4rem;
  --avatar-height--large: 4rem;
  --avatar-width--x-large: 5rem;
  --avatar-height--x-large: 5rem; }

.dnb-avatar {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  border-radius: 50%;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  line-height: 1; }
  .dnb-avatar,
  .dnb-core-style .dnb-avatar {
    line-height: 2.5rem;
    line-height: var(--button-height); }
  .dnb-avatar--size-small {
    width: 1.5rem;
    width: var(--avatar-width--small);
    height: 1.5rem;
    height: var(--avatar-height--small);
    font-size: 0.875rem;
    font-size: var(--avatar-font-size--small); }
    .dnb-avatar--size-small,
    .dnb-core-style .dnb-avatar--size-small {
      line-height: 1.125rem;
      line-height: var(--avatar-line-height--small); }
  .dnb-avatar--size-medium {
    width: 2rem;
    width: var(--avatar-width--medium);
    height: 2rem;
    height: var(--avatar-height--medium);
    font-size: 1.125rem;
    font-size: var(--avatar-font-size--medium); }
    .dnb-avatar--size-medium,
    .dnb-core-style .dnb-avatar--size-medium {
      line-height: 1.5rem;
      line-height: var(--avatar-line-height--medium); }
  .dnb-avatar--size-large {
    width: 4rem;
    width: var(--avatar-width--large);
    height: 4rem;
    height: var(--avatar-height--large);
    font-size: 2.125rem;
    font-size: var(--avatar-font-size--large); }
    .dnb-avatar--size-large,
    .dnb-core-style .dnb-avatar--size-large {
      line-height: 2.5rem;
      line-height: var(--avatar-line-height--large); }
  .dnb-avatar--size-x-large {
    width: 5rem;
    width: var(--avatar-width--x-large);
    height: 5rem;
    height: var(--avatar-height--x-large);
    font-size: 2.125rem;
    font-size: var(--avatar-font-size--x-large); }
    .dnb-avatar--size-x-large,
    .dnb-core-style .dnb-avatar--size-x-large {
      line-height: 2.5rem;
      line-height: var(--avatar-line-height--x-large); }
  .dnb-avatar__group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: flex;
        -ms-flex-pack: flex;
            justify-content: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .dnb-avatar__group .dnb-avatar {
      --border-color: var(--color-black-3);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        .dnb-avatar__group .dnb-avatar {
          -webkit-box-shadow: 0 0 0 0.125rem #f8f8f8;
                  box-shadow: 0 0 0 0.125rem #f8f8f8;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-black-3);
                  box-shadow: 0 0 0 0.125rem var(--color-black-3); } }
      .dnb-avatar__group .dnb-avatar--size-small {
        margin-left: -0.5rem; }
      .dnb-avatar__group .dnb-avatar--size-medium {
        margin-left: -0.75rem; }
      .dnb-avatar__group .dnb-avatar--size-large {
        margin-left: -1rem; }
      .dnb-avatar__group .dnb-avatar--size-x-large {
        margin-left: -1.5rem; }
      .dnb-avatar__group .dnb-avatar:nth-of-type(2) {
        margin-left: 0; }
    .dnb-avatar__group--elements-left {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      color: #737373;
      color: var(--color-black-55); }
      .dnb-avatar__group--elements-left--size-small {
        font-size: 0.875rem;
        font-size: var(--font-size-x-small);
        margin-left: 0.125rem; }
      .dnb-avatar__group--elements-left--size-medium {
        font-size: 1rem;
        font-size: var(--font-size-small);
        margin-left: 0.125rem; }
      .dnb-avatar__group--elements-left--size-large {
        font-size: 1.625rem;
        font-size: var(--font-size-large);
        margin-left: 0.25rem;
        margin-left: var(--spacing-xx-small); }
      .dnb-avatar__group--elements-left--size-x-large {
        font-size: 1.625rem;
        font-size: var(--font-size-large);
        margin-left: 0.25rem;
        margin-left: var(--spacing-xx-small); }

/*
* Badge component
*
*/
:root {
  --badge-font-size: var(--font-size-x-small);
  --badge-width: 1.5rem;
  --badge-height: 1.5rem;
  --badge-border-radius-information: calc(var(--badge-height)/4);
  --badge-border-radius-information: calc(var(--badge-height) / 4);
  --badge-border-radius-notification: calc(var(--badge-height)/2);
  --badge-border-radius-notification: calc(var(--badge-height) / 2);
  --badge-line-height: var(--line-height-x-small); }

.dnb-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  white-space: nowrap;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1.5rem;
  width: var(--badge-width);
  height: 1.5rem;
  height: var(--badge-height);
  font-size: 0.875rem;
  font-size: var(--badge-font-size); }
  .dnb-badge,
  .dnb-core-style .dnb-badge {
    line-height: 1.125rem;
    line-height: var(--badge-line-height); }
  .dnb-badge__root {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -ms-flex-negative: 0;
        flex-shrink: 0; }
    .dnb-badge__root .dnb-badge {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      overflow: hidden;
      position: absolute;
      z-index: 2; }
  .dnb-badge--variant-notification {
    border-radius: 0.75rem;
    border-radius: calc(1.5rem / 2);
    border-radius: var(--badge-border-radius-notification); }
  .dnb-badge--variant-information {
    border-radius: 0.375rem;
    border-radius: calc(1.5rem / 4);
    border-radius: var(--badge-border-radius-information);
    min-width: 1.5rem;
    min-width: var(--badge-width);
    width: auto;
    padding: 0 0.25rem;
    padding: 0 var(--spacing-xx-small); }
  .dnb-badge--horizontal-left {
    left: 0; }
  .dnb-badge--horizontal-right {
    right: 0; }
  .dnb-badge--vertical-bottom {
    bottom: 0; }
  .dnb-badge--vertical-top {
    top: 0; }

/*
* Breadcrumb component
*
*/
.dnb-breadcrumb {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .dnb-breadcrumb__bar.dnb-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .dnb-breadcrumb__list.dnb-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-breadcrumb__item__span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: normal;
    padding: 0.5rem 0; }
    .dnb-breadcrumb__item__span__icon {
      margin-left: 0.5rem;
      margin-left: calc(1rem / 2);
      margin-left: calc(var(--button-icon-size)/2);
      margin-left: calc(var(--button-icon-size) / 2);
      margin-right: 0.5rem; }
  .dnb-breadcrumb__animation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
    transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: height 400ms var(--easing-default);
    transition: height 400ms var(--easing-default); }
  .dnb-breadcrumb__animation .dnb-breadcrumb__item {
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay)*50ms);
    -webkit-transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay) * 50ms);
    transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay)*50ms);
    transition: -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay) * 50ms);
    transition: transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay)*50ms);
    transition: transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay) * 50ms);
    transition: transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay)*50ms), -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay)*50ms);
    transition: transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay) * 50ms), -webkit-transform 400ms cubic-bezier(0.42, 0, 0, 1) calc(var(--delay) * 50ms);
    -webkit-transition: -webkit-transform 400ms var(--easing-default) calc(var(--delay)*50ms);
    -webkit-transition: -webkit-transform 400ms var(--easing-default) calc(var(--delay) * 50ms);
    transition: -webkit-transform 400ms var(--easing-default) calc(var(--delay)*50ms);
    transition: -webkit-transform 400ms var(--easing-default) calc(var(--delay) * 50ms);
    transition: transform 400ms var(--easing-default) calc(var(--delay)*50ms);
    transition: transform 400ms var(--easing-default) calc(var(--delay) * 50ms);
    transition: transform 400ms var(--easing-default) calc(var(--delay)*50ms), -webkit-transform 400ms var(--easing-default) calc(var(--delay)*50ms);
    transition: transform 400ms var(--easing-default) calc(var(--delay) * 50ms), -webkit-transform 400ms var(--easing-default) calc(var(--delay) * 50ms);
    -webkit-transform: translateX(-1rem);
            transform: translateX(-1rem); }
  .dnb-breadcrumb__animation.dnb-height-animation--parallax .dnb-breadcrumb__item {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .dnb-breadcrumb__collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin: 0.5rem 0;
    margin-left: 1.5rem; }

/*
* Button component
*
*/
:root {
  --button-font-size: var(--font-size-basis);
  --button-font-size-small: var(--font-size-small);
  --button-width: 2.5rem;
  --button-height: 2.5rem;
  --button-width--small: 1.5rem;
  --button-height--small: 1.5rem;
  --button-width--medium: 2rem;
  --button-height--medium: 2rem;
  --button-width--large: 3rem;
  --button-height--large: 3rem;
  --button-icon-size: 1rem;
  --button-border-width: 0.0625rem;
  --button-border-width--hover: 0.1875rem;
  --button-border-radius: calc(var(--button-height)/2);
  --button-border-radius: calc(var(--button-height) / 2);
  --button-border-radius--small: calc(var(--button-height--small)/2);
  --button-border-radius--small: calc(var(--button-height--small) / 2);
  --button-border-radius--medium: calc(var(--button-height--medium)/2);
  --button-border-radius--medium: calc(var(--button-height--medium) / 2);
  --button-border-radius--large: calc(var(--button-height--large)/2);
  --button-border-radius--large: calc(var(--button-height--large) / 2); }

.dnb-button {
  position: relative;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  cursor: pointer;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  width: var(--button-width);
  height: auto;
  padding: 0;
  border: 0.0625rem solid transparent;
  border: var(--button-border-width) solid transparent;
  border-radius: 1.25rem;
  border-radius: calc(2.5rem / 2);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  font-size: 1rem;
  font-size: var(--font-size-small);
  /* stylelint-disable-next-line */ }
  .dnb-button--wrap {
    word-wrap: break-word;
    white-space: normal; }
  .dnb-button,
  .dnb-core-style .dnb-button {
    line-height: 2.5rem;
    line-height: var(--button-height); }
  .dnb-button__text {
    margin: 0.5rem 0;
    font-size: 1.125rem;
    font-size: var(--button-font-size);
    line-height: 1.5rem;
    line-height: var(--line-height-basis);
    color: inherit;
    -webkit-transform: translateY(-0.03125rem);
            transform: translateY(-0.03125rem); }
    .dnb-button__text [data-os='linux'] {
      -webkit-transform: translateY(-0.035rem);
              transform: translateY(-0.035rem); }
  .dnb-button__alignment {
    display: inline-block;
    width: 0; }
  .dnb-button__bounding {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-transform: scale(1.1, 1.4);
            transform: scale(1.1, 1.4);
    background-color: transparent;
    border-radius: 1.25rem;
    border-radius: calc(2.5rem / 2);
    border-radius: var(--button-border-radius); }
  .dnb-button--has-text {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .dnb-button--size-small {
    width: 1.5rem;
    width: var(--button-width--small);
    font-size: 1rem;
    font-size: var(--button-font-size-small);
    border-radius: 0.75rem;
    border-radius: calc(1.5rem / 2);
    border-radius: var(--button-border-radius--small); }
    .dnb-button--size-small,
    .dnb-core-style .dnb-button--size-small {
      line-height: 1.5rem;
      line-height: var(--button-height--small); }
  .dnb-button--size-small .dnb-button__text {
    margin: 0; }
  .dnb-button--has-text.dnb-button--size-small {
    padding-left: 1rem;
    padding-right: 1rem; }
  .dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small {
    padding-left: 0.5rem; }
  .dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small {
    padding-right: 0.5rem; }
  .dnb-button--size-medium {
    width: 2rem;
    width: var(--button-width--medium);
    border-radius: 1rem;
    border-radius: calc(2rem / 2);
    border-radius: var(--button-border-radius--medium); }
    .dnb-button--size-medium,
    .dnb-core-style .dnb-button--size-medium {
      line-height: 2rem;
      line-height: var(--button-height--medium); }
  .dnb-button--size-medium .dnb-button__text {
    margin: 0; }
  .dnb-button--has-text.dnb-button--size-medium {
    padding-left: 1rem;
    padding-right: 1rem; }
  .dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium {
    padding-left: 0.5rem; }
  .dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium {
    padding-right: 0.5rem; }
  .dnb-button--size-large {
    width: 3rem;
    width: var(--button-width--large);
    border-radius: 1.5rem;
    border-radius: calc(3rem / 2);
    border-radius: var(--button-border-radius--large); }
    .dnb-button--size-large,
    .dnb-core-style .dnb-button--size-large {
      line-height: 3rem;
      line-height: var(--button-height--large); }
  .dnb-button--has-text.dnb-button--size-large {
    padding-left: 2rem;
    padding-right: 2rem; }
  .dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large {
    padding-left: 1rem; }
  .dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large {
    padding-right: 1rem; }
  .dnb-button--has-text {
    width: auto; }
  .dnb-button--has-text .dnb-button__icon {
    margin: 0 0.5rem;
    margin: 0 calc(1rem / 2);
    margin: 0 calc(var(--button-icon-size)/2);
    margin: 0 calc(var(--button-icon-size) / 2); }
  .dnb-button--has-text.dnb-button--icon-position-left {
    padding-left: 0.5rem; }
  .dnb-button--has-text.dnb-button--icon-position-right {
    padding-right: 0.5rem; }
  .dnb-button--has-text.dnb-button--has-icon .dnb-button__icon {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-button--has-text.dnb-button--has-icon .dnb-button__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-button:not(.dnb-button--has-text) .dnb-button__icon {
    width: inherit; }
  .dnb-button__icon.dnb-icon svg:not([width]):not([height]) {
    width: 1rem;
    width: var(--button-icon-size);
    height: 1rem;
    height: var(--button-icon-size); }
  [href] > .dnb-button__icon.dnb-icon {
    line-height: 1.125rem;
    line-height: var(--button-font-size); }
  .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon, .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left > *,
  .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text, .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top > *,
  .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-button--stretch {
    width: 100%; }
  .dnb-button--reset {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    overflow: visible;
    border: none;
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    line-height: inherit; }
    html:not([data-whatintent='touch']) .dnb-button--reset:hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-button--reset:hover:not([disabled]) {
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none; }
    .dnb-button--reset:not([disabled]):focus, .dnb-button--reset:not([disabled]):active {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-button--reset:not([disabled]):focus, html[data-whatinput='keyboard'] .dnb-button--reset:not([disabled]):active {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-button--reset:not([disabled]):focus, html[data-whatinput='keyboard'] .dnb-button--reset:not([disabled]):active {
            -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                    box-shadow: 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
    html[data-whatinput='mouse'] .dnb-button--reset:not([disabled]):focus,
    html[data-whatinput='mouse'] .dnb-button--reset:not([disabled]):active {
      -webkit-box-shadow: none;
              box-shadow: none;
      color: inherit;
      border: none; }
  .dnb-button[type='button'], .dnb-button[type='reset'], .dnb-button[type='submit'] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none; }
  .dnb-button[disabled] {
    cursor: not-allowed;
    outline: none; }
  .dnb-form-row--vertical .dnb-form-row__content > .dnb-button {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text {
    white-space: nowrap; }
  .dnb-button + .dnb-form-status {
    margin-top: 0.5rem; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-button {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
      .dnb-button__icon, .dnb-button__text {
        -webkit-transform: translateY(-0.0625rem);
                transform: translateY(-0.0625rem); } }

/* Firefox includes a hidden border which messes up button dimensions */
button.dnb-button::-moz-focus-inner {
  border: none; }

/*
* Checkbox component
*
*/
:root {
  --checkbox-width--medium: 1.5rem;
  --checkbox-height--medium: 1.5rem;
  --checkbox-width--large: 2rem;
  --checkbox-height--large: 2rem;
  --checkbox-border-width: 0.125rem; }

.dnb-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }
  .dnb-checkbox__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: center;
        align-self: center; }
  .dnb-checkbox__shell {
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1.5rem;
    width: var(--checkbox-width--medium);
    height: 1.5rem;
    height: var(--checkbox-height--medium); }
  .dnb-checkbox--large .dnb-checkbox__shell {
    width: 2rem;
    width: var(--checkbox-width--large);
    height: 2rem;
    height: var(--checkbox-height--large); }
  .dnb-checkbox__button {
    display: inline-block;
    border: 0.125rem solid transparent;
    border: var(--checkbox-border-width) solid transparent; }
  .dnb-checkbox__focus {
    display: none;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-checkbox__focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-checkbox__focus {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-checkbox__focus, .dnb-checkbox__button {
    position: relative;
    z-index: 4;
    width: 1.25rem;
    width: calc(1.5rem - 0.25rem);
    width: calc(var(--checkbox-width--medium) - 0.25rem);
    height: 1.25rem;
    height: calc(1.5rem - 0.25rem);
    height: calc(var(--checkbox-height--medium) - 0.25rem);
    border-radius: 0.25rem; }
    .dnb-checkbox--large .dnb-checkbox__focus, .dnb-checkbox--large .dnb-checkbox__button {
      width: 2rem;
      width: var(--checkbox-width--large);
      height: 2rem;
      height: var(--checkbox-height--large);
      border-radius: 0.25rem; }
  .dnb-checkbox__gfx {
    position: absolute;
    z-index: 5;
    top: auto;
    left: auto;
    width: 1rem;
    width: calc(1.5rem - 0.5rem);
    width: calc(var(--checkbox-width--medium) - 0.5rem);
    height: 1rem;
    height: calc(1.5rem - 0.5rem);
    height: calc(var(--checkbox-height--medium) - 0.5rem);
    shape-rendering: geometricPrecision; }
  .dnb-checkbox--large {
    line-height: 2rem;
    line-height: var(--checkbox-height--large); }
  .dnb-checkbox--large .dnb-checkbox__gfx {
    width: 1.5rem;
    width: calc(2rem - 0.5rem);
    width: calc(var(--checkbox-width--large) - 0.5rem);
    height: 1.5rem;
    height: calc(2rem - 0.5rem);
    height: calc(var(--checkbox-height--large) - 0.5rem); }
  .dnb-checkbox__input {
    opacity: 0;
    position: absolute;
    top: auto;
    left: auto;
    z-index: 6;
    width: 1.5rem;
    width: var(--checkbox-width--medium);
    height: 1.5rem;
    height: var(--checkbox-height--medium);
    margin: 0;
    padding: 0;
    border: 0; }
  .dnb-checkbox--large .dnb-checkbox__input {
    width: 2rem;
    width: var(--checkbox-width--large);
    height: 2rem;
    height: var(--checkbox-height--large); }
  .dnb-checkbox__input:not([disabled]) {
    cursor: pointer; }
  .dnb-checkbox .dnb-form-label {
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0; }
  .dnb-checkbox__order {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
  .dnb-checkbox__suffix {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 0.5rem; }
  .dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 0.5rem; }
  .dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 0.5rem; }
  .dnb-checkbox--label-position-right .dnb-checkbox__order + .dnb-form-status {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    vertical-align: top;
    margin-top: 0.5rem; }
  .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
    border-color: #ebebeb;
    border-color: var(--skeleton-color); }
    .dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
      border-radius: 0; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-checkbox {
      vertical-align: text-bottom; }
      .dnb-checkbox__order {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .dnb-checkbox__gfx, .dnb-checkbox__input {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
      .dnb-checkbox__shell {
        -webkit-transform: translateY(0);
                transform: translateY(0); } }

/*
* DatePicker component
*
*/
:root {
  --date-picker-input-height: 2rem;
  --date-picker-day-width: 2rem;
  --date-picker-day-horizontal-spacing: 4px; }

.dnb-date-picker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }
  .dnb-date-picker__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    line-height: 2rem;
    line-height: var(--date-picker-input-height); }
  .dnb-date-picker__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .dnb-date-picker__shell {
    position: relative;
    top: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-date-picker__input__wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
    height: inherit; }
  .dnb-date-picker__container {
    position: absolute;
    display: block;
    z-index: 3;
    left: -1rem;
    top: 2rem;
    top: var(--date-picker-input-height); }
  .dnb-date-picker--small .dnb-date-picker__container {
    top: 1.5rem;
    top: var(--input-height--small); }
  .dnb-date-picker--medium .dnb-date-picker__container {
    top: 2.5rem;
    top: var(--input-height--medium); }
  .dnb-date-picker--large .dnb-date-picker__container {
    top: 3rem;
    top: var(--input-height--large); }
  .dnb-date-picker--show-input .dnb-date-picker__container {
    left: 0; }
  .dnb-date-picker--right .dnb-date-picker__container {
    left: auto;
    right: -1rem; }
  .dnb-date-picker--show-input.dnb-date-picker--right .dnb-date-picker__container {
    left: auto;
    right: 0; }
  .dnb-date-picker--opened .dnb-date-picker__container {
    z-index: 100; }
    .dnb-date-picker--opened .dnb-date-picker__container {
      -webkit-animation: date-picker-slide-down 200ms ease-out 1 forwards;
              animation: date-picker-slide-down 200ms ease-out 1 forwards; }
    html[data-visual-test] .dnb-date-picker--opened .dnb-date-picker__container, .dnb-date-picker--opened .dnb-date-picker__container--no-animation {
      -webkit-animation: date-picker-slide-down 1ms ease-out 1 forwards;
              animation: date-picker-slide-down 1ms ease-out 1 forwards; }
  .dnb-date-picker--hidden .dnb-date-picker__container {
    display: none; }
  .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container {
    -webkit-animation: date-picker-slide-up 150ms ease-out 1 forwards;
            animation: date-picker-slide-up 150ms ease-out 1 forwards; }
  html[data-visual-test] .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container, .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation {
    -webkit-animation: date-picker-slide-up 1ms ease-out 1 forwards;
            animation: date-picker-slide-up 1ms ease-out 1 forwards; }
  .dnb-date-picker__input,
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input,
  .dnb-core-style .dnb-date-picker__input {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 0.125rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    outline: none;
    font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
    font-family: var(--font-family-monospace);
    text-align: center;
    border: none;
    background: transparent;
    overflow: visible;
    white-space: nowrap; }
    @supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
      .dnb-date-picker__input,
      .dnb-date-picker .dnb-input__input.dnb-date-picker__input,
      .dnb-core-style .dnb-date-picker__input {
        margin: 0 -4px; } }
    @supports (-ms-ime-align: auto) {
      .dnb-date-picker__input,
      .dnb-date-picker .dnb-input__input.dnb-date-picker__input,
      .dnb-core-style .dnb-date-picker__input {
        margin: 0 -5px; } }
    @supports (-webkit-touch-callout: none) {
      .dnb-date-picker__input:not(*:root),
      .dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(*:root),
      .dnb-core-style .dnb-date-picker__input:not(*:root) {
        margin: 0; } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-date-picker__input:not(*:root),
      .dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(*:root),
      .dnb-core-style .dnb-date-picker__input:not(*:root) {
        margin: 0 -4px; }
      .dnb-date-picker__input:first-of-type:not(*:root),
      .dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(*:root),
      .dnb-core-style .dnb-date-picker__input:first-of-type:not(*:root) {
        margin-left: 0.8rem; }
      .dnb-date-picker__input:last-of-type:not(*:root),
      .dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(*:root),
      .dnb-core-style .dnb-date-picker__input:last-of-type:not(*:root) {
        margin-right: 2.2rem; } }
    .dnb-date-picker__input--small.dnb-date-picker__input--small, .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small, .dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small, .dnb-core-style .dnb-date-picker__input--small--has-submit-element
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input,
    .dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small,
    .dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small, .dnb-core-style .dnb-date-picker__input--small--has-submit-element
    .dnb-core-style .dnb-date-picker__input--small__input {
      padding-right: 0.125rem; }
    .dnb-date-picker__input--small:last-of-type:not(*:root),
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(*:root),
    .dnb-core-style .dnb-date-picker__input--small:last-of-type:not(*:root) {
      margin-right: 2.2rem; }
    .dnb-date-picker__input--medium.dnb-date-picker__input--medium, .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium, .dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium, .dnb-core-style .dnb-date-picker__input--medium--has-submit-element
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input,
    .dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium,
    .dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium, .dnb-core-style .dnb-date-picker__input--medium--has-submit-element
    .dnb-core-style .dnb-date-picker__input--medium__input {
      padding-right: 0.125rem; }
    .dnb-date-picker__input--medium:last-of-type:not(*:root),
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(*:root),
    .dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(*:root) {
      margin-right: 3.2rem; }
    .dnb-date-picker__input--large.dnb-date-picker__input--large, .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large, .dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large, .dnb-core-style .dnb-date-picker__input--large--has-submit-element
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input,
    .dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large,
    .dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large, .dnb-core-style .dnb-date-picker__input--large--has-submit-element
    .dnb-core-style .dnb-date-picker__input--large__input {
      padding-right: 0.125rem; }
    .dnb-date-picker__input--large:last-of-type:not(*:root),
    .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(*:root),
    .dnb-core-style .dnb-date-picker__input--large:last-of-type:not(*:root) {
      margin-right: 4rem; }
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type, .dnb-date-picker__input:first-of-type {
    margin-left: 0.8rem; }
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type, .dnb-date-picker__input:last-of-type {
    margin-right: 2.2rem; }
  .dnb-date-picker .dnb-input__shell {
    display: none; }
  .dnb-date-picker--show-input .dnb-input__shell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-input__submit-button button:focus ~ .dnb-date-picker__input__wrapper {
    display: block; }
  .dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element,
  .dnb-input__submit-element > .dnb-date-picker .dnb-input__submit-element {
    margin-left: 0; }
  .dnb-date-picker__views {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    @media screen and (max-width: 50em) {
      .dnb-date-picker__views {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .dnb-date-picker__calendar {
    position: relative;
    padding: 1rem; }
    .dnb-date-picker__calendar::after {
      content: '';
      position: absolute;
      bottom: 0;
      width: calc(100% - 2rem);
      height: 1px; }
  .dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar::after {
    content: none; }
  .dnb-date-picker__header {
    height: 2.5rem;
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-date-picker__addon, .dnb-date-picker__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1rem; }
    .dnb-date-picker__addon::after, .dnb-date-picker__header::after {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 1px; }
  .dnb-date-picker__addon {
    display: block;
    padding: 1rem; }
    .dnb-date-picker__addon::after {
      left: 1rem;
      width: calc(100% - 2rem); }
  .dnb-date-picker__footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1rem; }
  .dnb-date-picker__labels__day {
    padding-top: 1.5rem;
    padding-bottom: 0.5rem; }
  .dnb-date-picker__labels, .dnb-date-picker__days {
    min-width: 18rem;
    max-width: 18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none; }
  .dnb-date-picker table {
    position: relative;
    z-index: 1;
    margin: 0; }
    .dnb-date-picker table.dnb-no-focus:focus {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-date-picker table.dnb-no-focus:focus {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-date-picker table.dnb-no-focus:focus {
            -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                    box-shadow: 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-date-picker__day, .dnb-date-picker__labels__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 14.28571%;
    -ms-flex-preferred-size: calc(1 / 7 * 100%);
        flex-basis: 14.28571%;
        flex-basis: calc(1 / 7 * 100%);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .dnb-date-picker__day {
    position: relative;
    width: 2rem;
    width: var(--date-picker-day-width);
    height: 2rem;
    height: var(--date-picker-day-width);
    margin: 4px 0;
    margin: var(--date-picker-day-horizontal-spacing) 0; }
    .dnb-date-picker__day .dnb-button {
      position: absolute;
      top: 0;
      width: 2rem;
      width: var(--date-picker-day-width);
      height: 2rem;
      height: var(--date-picker-day-width);
      white-space: nowrap;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .dnb-date-picker__day .dnb-button__bounding {
        border-radius: 0;
        -webkit-transform: scale(1.28);
                transform: scale(1.28); }
      .dnb-date-picker__day .dnb-button__text {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
    .dnb-date-picker__day--selectable:hover {
      z-index: 2; }
    .dnb-date-picker__day--start-date .dnb-button,
    .dnb-date-picker__day--end-date .dnb-button {
      z-index: 1; }
    .dnb-date-picker__day--start-date, .dnb-date-picker__day--end-date {
      position: relative; }
      .dnb-date-picker__day--start-date::after, .dnb-date-picker__day--end-date::after {
        content: '';
        position: absolute;
        top: 0;
        width: 1rem;
        width: calc(2rem / 2);
        width: calc(var(--date-picker-day-width)/2);
        width: calc(var(--date-picker-day-width) / 2);
        height: 100%; }
    .dnb-date-picker__day--start-date::after {
      left: auto;
      right: 0; }
    .dnb-date-picker__day--end-date::after {
      left: 0;
      right: auto; }
    .dnb-date-picker__day--start-date.dnb-date-picker__day--end-date::after {
      content: none; }
  .dnb-date-picker__triangle {
    pointer-events: none;
    position: absolute;
    top: calc(2px - 1rem);
    top: calc(1px + 1px - 2rem / 2);
    top: calc(2px - var(--date-picker-input-height)/2);
    top: calc(1px + 1px - var(--date-picker-input-height) / 2);
    left: 0;
    right: auto;
    margin: 0 1.5rem;
    width: 1rem;
    width: calc(2rem / 2);
    width: calc(var(--date-picker-input-height)/2);
    width: calc(var(--date-picker-input-height) / 2);
    height: 1rem;
    height: calc(2rem / 2);
    height: calc(var(--date-picker-input-height)/2);
    height: calc(var(--date-picker-input-height) / 2);
    overflow: hidden; }
    .dnb-date-picker__triangle::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1rem;
      width: calc(2rem / 2);
      width: calc(var(--date-picker-input-height)/2);
      width: calc(var(--date-picker-input-height) / 2);
      height: 1rem;
      height: calc(2rem / 2);
      height: calc(var(--date-picker-input-height)/2);
      height: calc(var(--date-picker-input-height) / 2);
      -webkit-transform: translateY(60%) rotate(45deg);
              transform: translateY(60%) rotate(45deg);
      border: 1px solid #cdcdcd;
      border: 1px solid var(--color-black-border);
      background-color: #fff;
      background-color: var(--color-white); }
  .dnb-date-picker--right .dnb-date-picker__triangle {
    left: auto;
    right: 0; }
  .dnb-date-picker .rtl {
    direction: rtl; }
    .dnb-date-picker .rtl .dnb-date-picker__prev::before {
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
    .dnb-date-picker .rtl .dnb-date-picker__next::before {
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
  .dnb-date-picker__inner > .dnb-form-status {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.5rem; }
  .dnb-date-picker--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-date-picker > .dnb-form-label {
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  @media screen and (max-width: 40em) {
    .dnb-date-picker {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .dnb-date-picker > .dnb-form-label {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem; } }
  .dnb-date-picker--stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-date-picker--stretch .dnb-date-picker__inner, .dnb-date-picker--stretch .dnb-date-picker__shell {
    width: 100%; }
  .dnb-form-row--horizontal .dnb-date-picker--stretch {
    width: 100%; }
  .dnb-date-picker:not(.dnb-date-picker--vertical)[class*='__status'] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .dnb-date-picker:not(.dnb-date-picker--vertical)[class*='__status'] > .dnb-form-label {
      margin-top: 0.25rem; }
  .dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button
.dnb-button {
    border-radius: 50%; }
  @media screen and (max-width: 40em) {
    .dnb-responsive-component .dnb-date-picker {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-date-picker > .dnb-form-label {
        margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-date-picker__helper {
        display: none; } }
  .dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton {
    visibility: hidden; }
  .dnb-date-picker__fieldset,
  .dnb-core-style .dnb-date-picker__fieldset {
    margin: 0;
    padding: 0;
    border: none; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-date-picker {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
      .dnb-date-picker__day, .dnb-date-picker__labels__day {
        -ms-flex-preferred-size: 13.48571%;
            flex-basis: 13.48571%; }
      .dnb-date-picker__day .dnb-button,
      .dnb-core-style .dnb-date-picker__day .dnb-button, .dnb-date-picker__day .dnb-button__bounding {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
      .dnb-date-picker__day .dnb-button__text {
        -webkit-transform: translateX(-50%) !important;
                transform: translateX(-50%) !important; }
      .dnb-date-picker__header__nav:nth-of-type(2) {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2; }
      .dnb-date-picker__header__title {
        width: 100%; }
      .dnb-date-picker__header::after {
        left: 0; } }

@-webkit-keyframes date-picker-slide-down {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes date-picker-slide-down {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes date-picker-slide-up {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes date-picker-slide-up {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/*
 * Dialog component
 *
 */
/*
 * Modal component
 *
 */
@-webkit-keyframes show-modal {
  from {
    opacity: 0.1;
    -webkit-transform: translate3d(0, -1rem, 0);
            transform: translate3d(0, -1rem, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }
@keyframes show-modal {
  from {
    opacity: 0.1;
    -webkit-transform: translate3d(0, -1rem, 0);
            transform: translate3d(0, -1rem, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes hide-modal {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 1rem, 0);
            transform: translate3d(0, 1rem, 0);
    opacity: 0; } }

@keyframes hide-modal {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 1rem, 0);
            transform: translate3d(0, 1rem, 0);
    opacity: 0; } }

@-webkit-keyframes show-drawer {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes show-drawer {
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes hide-drawer-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-20rem, 0, 0);
            transform: translate3d(-20rem, 0, 0);
    opacity: 0; } }

@keyframes hide-drawer-left {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(-20rem, 0, 0);
            transform: translate3d(-20rem, 0, 0);
    opacity: 0; } }

@-webkit-keyframes hide-drawer-top {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, -20rem, 0);
            transform: translate3d(0, -20rem, 0);
    opacity: 0; } }

@keyframes hide-drawer-top {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, -20rem, 0);
            transform: translate3d(0, -20rem, 0);
    opacity: 0; } }

@-webkit-keyframes hide-drawer-bottom {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 20rem, 0);
            transform: translate3d(0, 20rem, 0);
    opacity: 0; } }

@keyframes hide-drawer-bottom {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(0, 20rem, 0);
            transform: translate3d(0, 20rem, 0);
    opacity: 0; } }

@-webkit-keyframes hide-drawer-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(20rem, 0, 0);
            transform: translate3d(20rem, 0, 0);
    opacity: 0; } }

@keyframes hide-drawer-right {
  from {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; }
  to {
    -webkit-transform: translate3d(20rem, 0, 0);
            transform: translate3d(20rem, 0, 0);
    opacity: 0; } }

@-webkit-keyframes show-modal-overlay {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes show-modal-overlay {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes hide-modal-overlay {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes hide-modal-overlay {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

:root {
  --dialog-min-width: 320px;
  --dialog-avg-width: 60vw;
  --dialog-max-width: 49rem;
  --dialog-confirm-max-width: 40rem;
  --dialog-spacing: 2rem;
  --dialog-spacing-minus: -2rem; }

.dnb-dialog {
  position: relative;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default);
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
  -webkit-user-select: text;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  max-height: 100vh;
  overflow: hidden; }
  .dnb-dialog .dnb-scroll-view {
    max-height: 90vh; }
  .dnb-dialog__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%; }
  .dnb-dialog--information {
    width: 60vw;
    width: var(--dialog-avg-width);
    min-width: 320px;
    min-width: var(--dialog-min-width);
    max-width: 49rem;
    max-width: var(--dialog-max-width); }
  .dnb-dialog--confirmation {
    max-width: 40rem;
    max-width: var(--dialog-confirm-max-width);
    margin-left: 1rem;
    margin-right: 1rem; }
  @media screen and (max-width: 40em) {
    .dnb-dialog--auto-fullscreen {
      width: 100%;
      height: 100vh;
      max-width: 100%;
      max-height: 100vh;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin: auto 0; } }
  .dnb-dialog--fullscreen {
    width: 100%;
    height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin: auto 0; }
  .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__content {
    padding-bottom: 4rem;
    padding-bottom: calc(2rem * 2);
    padding-bottom: calc(var(--dialog-spacing)*2);
    padding-bottom: calc(var(--dialog-spacing) * 2); }
  .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner {
    padding-left: 3.5rem;
    padding-left: calc(2rem * 1.75);
    padding-left: calc(var(--dialog-spacing)*1.75);
    padding-left: calc(var(--dialog-spacing) * 1.75);
    padding-right: 3.5rem;
    padding-right: calc(2rem * 1.75);
    padding-right: calc(var(--dialog-spacing)*1.75);
    padding-right: calc(var(--dialog-spacing) * 1.75); }
    @media screen and (max-width: 60em) {
      .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner {
        padding-left: 2rem;
        padding-left: calc(2rem);
        padding-left: calc(var(--dialog-spacing));
        padding-right: 2rem;
        padding-right: calc(2rem);
        padding-right: calc(var(--dialog-spacing)); } }
    @media screen and (max-width: 40em) {
      .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner {
        padding-left: 1rem;
        padding-left: calc(2rem / 2);
        padding-left: calc(var(--dialog-spacing)/2);
        padding-left: calc(var(--dialog-spacing) / 2);
        padding-right: 1rem;
        padding-right: calc(2rem / 2);
        padding-right: calc(var(--dialog-spacing)/2);
        padding-right: calc(var(--dialog-spacing) / 2); } }
  .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section {
    margin-top: 2rem;
    margin-top: calc(2rem);
    margin-top: calc(var(--dialog-spacing));
    margin-bottom: 1rem;
    margin-bottom: calc(2rem / 2);
    margin-bottom: calc(var(--dialog-spacing)/2);
    margin-bottom: calc(var(--dialog-spacing) / 2); }
    @media screen and (max-width: 50em) {
      .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section {
        margin-top: 1rem;
        margin-top: calc(2rem / 2);
        margin-top: calc(var(--dialog-spacing)/2);
        margin-top: calc(var(--dialog-spacing) / 2); } }
  .dnb-dialog--spacing.dnb-dialog--confirmation .dnb-dialog__inner {
    padding: 2rem;
    padding: calc(2rem);
    padding: calc(var(--dialog-spacing)); }
  .dnb-dialog__align--centered .dnb-dialog__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .dnb-dialog__align--centered .dnb-dialog__title,
  .dnb-dialog__align--centered.dnb-dialog--confirmation .dnb-dialog__content {
    text-align: center; }
  .dnb-dialog__content {
    position: relative;
    z-index: 1; }
  .dnb-dialog__actions {
    padding-top: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%; }
    .dnb-dialog__actions > :not(:last-child) {
      margin-right: 1rem; }
  .dnb-dialog--information .dnb-dialog__actions {
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left; }
  .dnb-dialog__align--center .dnb-dialog__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
  .dnb-dialog__align--right .dnb-dialog__content {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: right; }
  .dnb-dialog__title ~ .dnb-dialog__content {
    padding-top: 1rem;
    padding-top: calc(2rem / 2);
    padding-top: calc(var(--dialog-spacing)/2);
    padding-top: calc(var(--dialog-spacing) / 2); }
  @media screen and (max-width: 50em) {
    .dnb-dialog__title {
      font-size: 1.625rem !important;
      font-size: var(--font-size-large) !important;
      line-height: 2rem !important;
      line-height: var(--line-height-medium) !important; } }
  @media screen and (max-width: 40em) {
    .dnb-dialog__title {
      font-size: 1.25rem !important;
      font-size: var(--font-size-medium) !important;
      line-height: 1.75rem !important;
      line-height: calc(2rem - 0.25rem) !important;
      line-height: calc(var(--line-height-medium) - 0.25rem) !important; } }
  .dnb-dialog--information .dnb-dialog__title {
    margin-bottom: 1rem !important;
    margin-bottom: var(--spacing-small) !important; }
  .dnb-dialog--confirmation .dnb-dialog__title {
    margin-bottom: 0.5rem !important;
    margin-bottom: var(--spacing-x-small) !important; }
  .dnb-dialog__navigation.dnb-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  html:not([data-visual-test]) .dnb-dialog {
    -webkit-animation: show-modal 300ms ease-out;
            animation: show-modal 300ms ease-out;
    -webkit-animation: show-modal var(--modal-animation-duration) ease-out;
            animation: show-modal var(--modal-animation-duration) ease-out; }
  html:not([data-visual-test]) .dnb-dialog--hide {
    -webkit-animation: hide-modal 220ms ease-in-out forwards;
            animation: hide-modal 220ms ease-in-out forwards; }
  .dnb-dialog--no-animation {
    -webkit-animation-duration: 0ms !important;
            animation-duration: 0ms !important; }
  @media screen and (max-width: 40em) {
    .dnb-dialog--no-animation-on-mobile {
      -webkit-animation-delay: 0ms !important;
              animation-delay: 0ms !important;
      -webkit-animation-duration: 0ms !important;
              animation-duration: 0ms !important; } }
  .dnb-dialog__body {
    padding-bottom: 4rem;
    padding-bottom: calc(2rem * 2);
    padding-bottom: calc(var(--dialog-spacing)*2);
    padding-bottom: calc(var(--dialog-spacing) * 2);
    margin-bottom: -4rem;
    margin-bottom: calc(-2rem * 2);
    margin-bottom: calc(var(--dialog-spacing-minus)*2);
    margin-bottom: calc(var(--dialog-spacing-minus) * 2); }
  .dnb-dialog__header::after {
    top: -500%;
    height: 600%; }
  .dnb-dialog__header [class*='dnb-h--'],
  .dnb-dialog__header .dnb-modal__title {
    padding: 0; }
    .dnb-dialog__header [class*='dnb-h--']:not([class*='__top']),
    .dnb-dialog__header .dnb-modal__title:not([class*='__top']) {
      margin-top: 0; }
    .dnb-dialog__header [class*='dnb-h--']:not([class*='__bottom']),
    .dnb-dialog__header .dnb-modal__title:not([class*='__bottom']) {
      margin-bottom: 0; }
  .dnb-dialog--spacing .dnb-dialog__header .dnb-tabs {
    margin-top: 3.5rem; }
  .dnb-dialog__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .dnb-dialog__icon ~ .dnb-dialog__header {
    margin-top: 1.5rem; }
  @supports (-webkit-touch-callout: none) {
    @media (max-height: 40em) {
      .dnb-dialog .dnb-scroll-view {
        max-height: 82vh; } } }

[data-visual-test].hide-page-content #___gatsby {
  opacity: 0; }

/*
* Drawer component
*
*/
:root {
  --drawer-width: 40vw;
  --drawer-min-width: 25rem;
  --drawer-max-width: 40rem;
  --drawer-spacing: 2rem;
  --drawer-spacing-minus: -2rem; }

.dnb-drawer {
  position: relative;
  max-height: 100vh;
  width: 100%;
  height: 100vh;
  max-width: 100%;
  max-height: 100vh;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 40vw;
  width: var(--drawer-width);
  min-width: 25rem;
  min-width: var(--drawer-min-width);
  max-width: 40rem;
  max-width: var(--drawer-max-width);
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default);
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
  -webkit-user-select: text;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  @media screen and (max-width: 40em) {
    .dnb-drawer {
      width: 100vw;
      min-width: auto;
      max-width: auto; } }
  @media screen and (max-width: 40em) {
    .dnb-drawer--auto-fullscreen {
      width: 100%;
      height: 100vh;
      max-width: 100%;
      max-height: 100vh;
      border-radius: 0;
      -webkit-box-shadow: none;
              box-shadow: none; } }
  .dnb-drawer__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    z-index: 10;
    /** 
      NB: Do not use "overflow-x: hidden;" in here,
      (overflowing one direction, will influence the other – we can't just have one at a time) 
      To make the Drawer scroll, we use .dnb-scroll-view
    */
    width: 100%;
    height: 100%;
    height: calc(100% - 0);
    height: calc(100% - var(--header-height, 0));
    /** Sets the color on scroll overflow (at the bottom) */
    background-color: transparent;
    background-color: var(--modal-background-color, transparent); }
  .dnb-drawer__align--centered .dnb-drawer__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .dnb-drawer__content {
    position: relative;
    z-index: 1; }
  .dnb-drawer--spacing .dnb-drawer__content {
    padding: 0 2rem;
    padding: 0 var(--drawer-spacing); }
    @media screen and (min-width: 72em) {
      .dnb-drawer--spacing .dnb-drawer__content {
        padding: 0 3.5rem;
        padding: 0 calc(2rem * 1.75);
        padding: 0 calc(var(--drawer-spacing)*1.75);
        padding: 0 calc(var(--drawer-spacing) * 1.75); } }
    @media screen and (max-width: 50em) {
      .dnb-drawer--spacing .dnb-drawer__content {
        padding: 0 1.5rem;
        padding: 0 calc(2rem / 1.333333);
        padding: 0 calc(var(--drawer-spacing)/1.33333);
        padding: 0 calc(var(--drawer-spacing) / 1.333333); } }
    @media screen and (max-width: 40em) {
      .dnb-drawer--spacing .dnb-drawer__content {
        padding: 0 1rem;
        padding: 0 calc(2rem / 2);
        padding: 0 calc(var(--drawer-spacing)/2);
        padding: 0 calc(var(--drawer-spacing) / 2); } }
  .dnb-drawer__align--center .dnb-drawer__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
  .dnb-drawer__align--right .dnb-drawer__content {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: right; }
  .dnb-drawer--top, .dnb-drawer--bottom {
    max-width: 100%;
    width: 100vw;
    height: 40vh; }
    @media screen and (max-height: 40em) {
      .dnb-drawer--top, .dnb-drawer--bottom {
        height: 100vw;
        min-height: auto;
        max-height: auto; } }
  .dnb-drawer--fullscreen {
    width: 100%;
    height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  html:not([data-visual-test]) .dnb-drawer {
    opacity: 0.1;
    -webkit-animation: show-drawer 300ms ease-out forwards;
            animation: show-drawer 300ms ease-out forwards;
    -webkit-animation: show-drawer var(--modal-animation-duration) ease-out forwards;
            animation: show-drawer var(--modal-animation-duration) ease-out forwards; }
  html:not([data-visual-test]) .dnb-drawer--left {
    -webkit-transform: translate3d(-20rem, 0, 0);
            transform: translate3d(-20rem, 0, 0); }
  html:not([data-visual-test]) .dnb-drawer--right {
    -webkit-transform: translate3d(20rem, 0, 0);
            transform: translate3d(20rem, 0, 0); }
  html:not([data-visual-test]) .dnb-drawer--top {
    -webkit-transform: translate3d(0, -20rem, 0);
            transform: translate3d(0, -20rem, 0); }
  html:not([data-visual-test]) .dnb-drawer--bottom {
    -webkit-transform: translate3d(0, 20rem, 0);
            transform: translate3d(0, 20rem, 0); }
  html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--left {
    -webkit-animation: hide-drawer-left 300ms ease-in-out forwards;
            animation: hide-drawer-left 300ms ease-in-out forwards;
    -webkit-animation: hide-drawer-left var(--modal-animation-duration) ease-in-out forwards;
            animation: hide-drawer-left var(--modal-animation-duration) ease-in-out forwards; }
  html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--right {
    -webkit-animation: hide-drawer-right 300ms ease-in-out forwards;
            animation: hide-drawer-right 300ms ease-in-out forwards;
    -webkit-animation: hide-drawer-right var(--modal-animation-duration) ease-in-out forwards;
            animation: hide-drawer-right var(--modal-animation-duration) ease-in-out forwards; }
  html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--top {
    -webkit-animation: hide-drawer-top 300ms ease-in-out forwards;
            animation: hide-drawer-top 300ms ease-in-out forwards;
    -webkit-animation: hide-drawer-top var(--modal-animation-duration) ease-in-out forwards;
            animation: hide-drawer-top var(--modal-animation-duration) ease-in-out forwards; }
  html:not([data-visual-test]) .dnb-drawer--hide.dnb-drawer--bottom {
    -webkit-animation: hide-drawer-bottom 300ms ease-in-out forwards;
            animation: hide-drawer-bottom 300ms ease-in-out forwards;
    -webkit-animation: hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards;
            animation: hide-drawer-bottom var(--modal-animation-duration) ease-in-out forwards; }
  .dnb-drawer--no-animation {
    -webkit-animation-duration: 0ms !important;
            animation-duration: 0ms !important; }
  @media screen and (max-width: 40em) {
    .dnb-drawer--no-animation-on-mobile {
      -webkit-animation-duration: 0ms !important;
              animation-duration: 0ms !important; } }
  .dnb-drawer__root {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  @media screen and (max-width: 50em) {
    .dnb-drawer__title {
      font-size: 1.625rem !important;
      font-size: var(--font-size-large) !important;
      line-height: 2rem !important;
      line-height: var(--line-height-medium) !important; } }
  .dnb-drawer__title ~ .dnb-drawer__content {
    padding-top: 1.5rem;
    padding-top: calc(2rem / 1.333333);
    padding-top: calc(var(--drawer-spacing)/1.33333);
    padding-top: calc(var(--drawer-spacing) / 1.333333); }
  .dnb-drawer .dnb-drawer__header [class*='dnb-h--'],
  .dnb-drawer .dnb-drawer__header .dnb-drawer__title {
    padding: 0; }
    .dnb-drawer .dnb-drawer__header [class*='dnb-h--']:not([class*='__top']),
    .dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class*='__top']) {
      margin-top: 0; }
    .dnb-drawer .dnb-drawer__header [class*='dnb-h--']:not([class*='__bottom']),
    .dnb-drawer .dnb-drawer__header .dnb-drawer__title:not([class*='__bottom']) {
      margin-bottom: 0; }
  .dnb-drawer .dnb-drawer__header::after {
    top: -500%;
    height: 600%; }
  .dnb-drawer--spacing .dnb-drawer__header {
    padding: 0 2rem;
    padding: 0 var(--drawer-spacing); }
    @media screen and (min-width: 72em) {
      .dnb-drawer--spacing .dnb-drawer__header {
        padding: 0 3.5rem;
        padding: 0 calc(2rem * 1.75);
        padding: 0 calc(var(--drawer-spacing)*1.75);
        padding: 0 calc(var(--drawer-spacing) * 1.75); } }
    @media screen and (max-width: 50em) {
      .dnb-drawer--spacing .dnb-drawer__header {
        padding: 0 1.5rem;
        padding: 0 calc(2rem / 1.333333);
        padding: 0 calc(var(--drawer-spacing)/1.33333);
        padding: 0 calc(var(--drawer-spacing) / 1.333333); } }
    @media screen and (max-width: 40em) {
      .dnb-drawer--spacing .dnb-drawer__header {
        padding: 0 1rem;
        padding: 0 calc(2rem / 2);
        padding: 0 calc(var(--drawer-spacing)/2);
        padding: 0 calc(var(--drawer-spacing) / 2); } }
    .dnb-drawer--spacing .dnb-drawer__header .dnb-tabs {
      margin-top: 2rem;
      margin-top: var(--drawer-spacing); }
  .dnb-drawer__body {
    padding-bottom: 4rem;
    padding-bottom: calc(2rem * 2);
    padding-bottom: calc(var(--drawer-spacing)*2);
    padding-bottom: calc(var(--drawer-spacing) * 2);
    margin-bottom: -4rem;
    margin-bottom: calc(-2rem * 2);
    margin-bottom: calc(var(--drawer-spacing-minus)*2);
    margin-bottom: calc(var(--drawer-spacing-minus) * 2); }
    @supports (-webkit-touch-callout: none) {
      .dnb-drawer__body {
        padding-bottom: -16rem;
        padding-bottom: calc(-2rem * 8);
        padding-bottom: calc(var(--drawer-spacing-minus)*8);
        padding-bottom: calc(var(--drawer-spacing-minus) * 8); } }
  .dnb-drawer__navigation.dnb-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
    margin: 2rem 0;
    margin: var(--drawer-spacing) 0;
    padding: 0 2rem;
    padding: 0 var(--drawer-spacing); }
    @media screen and (min-width: 72em) {
      .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
        padding: 0 3.5rem;
        padding: 0 calc(2rem * 1.75);
        padding: 0 calc(var(--drawer-spacing)*1.75);
        padding: 0 calc(var(--drawer-spacing) * 1.75); } }
    @media screen and (max-width: 50em) {
      .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
        padding: 0 1.5rem;
        padding: 0 calc(2rem / 1.333333);
        padding: 0 calc(var(--drawer-spacing)/1.33333);
        padding: 0 calc(var(--drawer-spacing) / 1.333333); } }
    @media screen and (max-width: 40em) {
      .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section {
        padding: 0 1rem;
        padding: 0 calc(2rem / 2);
        padding: 0 calc(var(--drawer-spacing)/2);
        padding: 0 calc(var(--drawer-spacing) / 2); } }
  .dnb-drawer--spacing .dnb-drawer__navigation.dnb-section.dnb-drawer__navigation--sticky {
    z-index: 2999; }
  .dnb-drawer .dnb-drawer__navigation--sticky::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    height: 300%;
    -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
            box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
    -webkit-box-shadow: var(--shadow-default);
            box-shadow: var(--shadow-default); }
  .dnb-drawer .dnb-drawer__navigation:not(.dnb-drawer__navigation--sticky)::after {
    color: transparent; }
  @media screen and (max-width: 40em) {
    .dnb-drawer--no-animation-on-mobile {
      -webkit-animation-delay: 0ms !important;
              animation-delay: 0ms !important;
      -webkit-animation-duration: 0ms !important;
              animation-duration: 0ms !important; } }

[data-visual-test].hide-page-content #___gatsby {
  opacity: 0; }

/*
* Dropdown component
*
*/
:root {
  --dropdown-width: 16rem;
  --dropdown-height: 2rem;
  --dropdown-height--small: 1.5rem;
  --dropdown-height--medium: 2.5rem;
  --dropdown-height--large: 3rem;
  --dropdown-padding-horizontal: 1rem;
  --dropdown-focus-border-width: 0.125rem;
  --dropdown-text-padding: 0.5rem;
  --dropdown-border-radius: 0.25rem; }

.dnb-dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 2rem;
  line-height: var(--dropdown-height); }
  .dnb-dropdown__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
    width: auto;
    color: inherit; }
  .dnb-dropdown__shell {
    position: relative;
    width: 16rem;
    width: var(--dropdown-width);
    height: 2rem;
    height: var(--dropdown-height);
    margin: 0;
    padding: 0;
    color: inherit; }
  .dnb-dropdown__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .dnb-dropdown--large .dnb-drawer-list__triangle {
    margin-left: 0.75rem;
    margin-left: calc(1rem - 0.25rem);
    margin-left: calc(var(--dropdown-padding-horizontal) - 0.25rem); }
  .dnb-dropdown--icon-position-left.dnb-dropdown--large .dnb-drawer-list__triangle {
    margin-left: 1.25rem;
    margin-left: calc(1rem + 0.25rem);
    margin-left: calc(var(--dropdown-padding-horizontal) + 0.25rem); }
  .dnb-dropdown__icon {
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: none; }
  .dnb-dropdown__trigger {
    position: relative;
    z-index: 1;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    width: 100%; }
    .dnb-dropdown__trigger.dnb-button {
      padding: 0 1rem;
      border-radius: 0.25rem;
      border-radius: var(--dropdown-border-radius); }
  .dnb-dropdown--is-popup .dnb-dropdown__trigger.dnb-button {
    padding: 0;
    border-radius: 50%; }
  .dnb-dropdown__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    z-index: 4;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    color: inherit;
    text-align: left;
    text-overflow: ellipsis;
    line-height: inherit;
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
    .dnb-dropdown__text__inner {
      display: inherit;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: inherit; }
  .dnb-dropdown--icon-position-left .dnb-dropdown__text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
    padding-left: 0.5rem;
    padding-left: var(--dropdown-text-padding); }
  .dnb-dropdown--icon-position-left .dnb-dropdown__icon {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-dropdown--icon-position-right .dnb-dropdown__text {
    padding-right: 0.5rem;
    padding-right: var(--dropdown-text-padding); }
  .dnb-dropdown--independent-width .dnb-dropdown__shell {
    width: auto; }
  @media screen and (max-width: 40em) {
    .dnb-dropdown--action-menu .dnb-dropdown__trigger.dnb-button {
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      border-radius: 50%; } }
  @media screen and (min-width: 40em) {
    .dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text {
      padding: 0 0.5rem; } }
  @media screen and (max-width: 40em) {
    .dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text {
      width: 0;
      padding: 0; } }
  .dnb-dropdown--icon-position-left .dnb-button--tertiary
~ .dnb-drawer-list__root--portal {
    left: -0.5rem; }
  .dnb-dropdown--icon-position-right .dnb-button--tertiary
~ .dnb-drawer-list__root--portal {
    left: 0.5rem; }
  .dnb-dropdown .dnb-button--tertiary.dnb-button--active {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-dropdown .dnb-button--tertiary .dnb-button__text {
    margin: 0 0.5rem; }
    .dnb-dropdown .dnb-button--tertiary .dnb-button__text::after {
      bottom: 0; }
  .dnb-dropdown--icon-position-left .dnb-button--tertiary .dnb-dropdown__text,
  .dnb-dropdown--icon-position-right .dnb-button--tertiary .dnb-dropdown__text {
    padding: 0; }
  .dnb-dropdown .dnb-button--tertiary:focus::before {
    left: 0 !important;
    right: 0 !important; }
  .dnb-dropdown--default.dnb-dropdown--is-popup .dnb-dropdown__shell,
  .dnb-dropdown--is-popup .dnb-dropdown__trigger {
    padding: 0;
    width: 2rem;
    width: var(--dropdown-height);
    height: 2rem;
    height: var(--dropdown-height); }
  .dnb-dropdown--is-popup .dnb-dropdown__icon {
    width: 100%; }
  .dnb-dropdown--is-popup.dnb-dropdown--scroll .dnb-dropdown__options {
    min-height: 1rem; }
  .dnb-dropdown--is-popup .dnb-drawer-list__root {
    width: 16rem;
    width: var(--dropdown-width); }
  .dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__shell,
  .dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__trigger {
    width: 1.5rem;
    width: var(--dropdown-height--small); }
  .dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__shell,
  .dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__trigger {
    width: 2.5rem;
    width: var(--dropdown-height--medium); }
  .dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__shell,
  .dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__trigger {
    width: 3rem;
    width: var(--dropdown-height--large); }
  .dnb-dropdown--small .dnb-dropdown__shell,
  .dnb-dropdown--small .dnb-dropdown__trigger {
    height: 1.5rem;
    height: var(--dropdown-height--small); }
  .dnb-dropdown--small,
  .dnb-dropdown--small .dnb-dropdown__trigger.dnb-button {
    line-height: 1.5rem;
    line-height: var(--dropdown-height--small); }
  .dnb-dropdown--medium .dnb-dropdown__shell,
  .dnb-dropdown--medium .dnb-dropdown__trigger {
    height: 2.5rem;
    height: var(--dropdown-height--medium); }
  .dnb-dropdown--medium,
  .dnb-dropdown--medium .dnb-dropdown__trigger.dnb-button {
    line-height: 2.5rem;
    line-height: var(--dropdown-height--medium); }
  .dnb-dropdown--large .dnb-dropdown__shell,
  .dnb-dropdown--large .dnb-dropdown__trigger {
    height: 3rem;
    height: var(--dropdown-height--large); }
  .dnb-dropdown--large,
  .dnb-dropdown--large .dnb-dropdown__trigger.dnb-button {
    line-height: 3rem;
    line-height: var(--dropdown-height--large); }
  .dnb-dropdown--large .dnb-dropdown__trigger.dnb-button .dnb-dropdown__text {
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-dropdown > .dnb-form-label {
    margin-right: 1rem;
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  @media screen and (max-width: 40em) {
    .dnb-dropdown {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .dnb-dropdown > .dnb-form-label {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem; } }
  .dnb-dropdown--stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-dropdown--stretch .dnb-dropdown__inner {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-dropdown--stretch .dnb-dropdown__row, .dnb-dropdown--stretch .dnb-dropdown__inner, .dnb-dropdown--stretch .dnb-dropdown__shell {
    width: 100%; }
  .dnb-dropdown--stretch .dnb-form-label + .dnb-dropdown__inner {
    width: auto; }
  .dnb-dropdown--vertical.dnb-dropdown--stretch .dnb-dropdown__inner {
    width: 100%; }
  .dnb-form-row--horizontal .dnb-dropdown--stretch {
    width: 100%; }
  label + .dnb-dropdown[class*='__form-status'] {
    vertical-align: top; }
    label + .dnb-dropdown[class*='__form-status'] .dnb-dropdown__shell {
      top: -0.375rem; }
  .dnb-dropdown__inner > .dnb-form-status {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.5rem; }
  .dnb-dropdown--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .dnb-dropdown:not(.dnb-dropdown--vertical)[class*='__status'] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .dnb-dropdown:not(.dnb-dropdown--vertical)[class*='__status'] > .dnb-form-label {
      margin-top: 0.25rem; }
  @media screen and (max-width: 40em) {
    .dnb-responsive-component .dnb-dropdown {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-dropdown > .dnb-form-label {
        margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-dropdown__helper {
        display: none; } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-dropdown {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none;
      vertical-align: baseline; }
      .dnb-dropdown__shell {
        top: 0; }
      .dnb-dropdown__options {
        display: block; } }

/*
 * FormLabel component
 *
 */
.dnb-form-label {
  display: inline-block;
  width: auto;
  padding: 0;
  margin-right: 1rem;
  text-align: left;
  vertical-align: baseline;
  white-space: pre-wrap;
  word-break: normal;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  color: inherit; }
  .dnb-form-label--vertical {
    display: block;
    margin-right: 0;
    margin-bottom: 0.5rem; }
  .dnb-form-label[for]:not([disabled]) {
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    cursor: pointer; }
  .dnb-form-label[disabled] {
    cursor: not-allowed; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-label {
      max-width: 60vw; } }

legend.dnb-form-label {
  display: inline-block; }

/*
 * FormRow component
 *
 */
:root {
  --form-row-column1-start: auto;
  --form-row-column2-start: 1fr;
  --form-row-row1-start: auto;
  --form-row-row2-start: auto;
  --form-bounding-height: 0.25rem; }

.dnb-form-row {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .dnb-form-row, .dnb-form-row.dnb-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .dnb-form-row__content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%; }
  .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content {
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content .dnb-form-label {
      white-space: nowrap; }
    .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content--wrap {
      display: block; }
  @supports (display: grid) {
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] {
      display: grid;
      grid-template-columns: [column1-start] auto [column1-end column2-start] 1fr [column2-end];
      grid-template-columns: [column1-start] var(--form-row-column1-start) [column1-end column2-start] var(--form-row-column2-start) [column2-end];
      grid-template-rows: [row1-start] auto [row1-end row2-start] auto [row2-end];
      grid-template-rows: [row1-start] var(--form-row-row1-start) [row1-end row2-start] var(--form-row-row2-start) [row2-end]; } }
  @supports (display: grid) {
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content {
      grid-column: column2-start / column2-end;
      grid-row: row2-start / row2-end; } }
  @media screen and (min-width: 40em) {
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--default {
      margin-top: -1.5rem; }
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--x-small {
      margin-top: -0.25rem;
      margin-top: calc(-0.5rem + 0.25rem);
      margin-top: calc(-0.5rem + var(--form-bounding-height)); }
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--small {
      margin-top: -0.75rem;
      margin-top: calc(-1rem + 0.25rem);
      margin-top: calc(-1rem + var(--form-bounding-height)); }
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--medium {
      margin-top: -1.25rem;
      margin-top: calc(-1.5rem + 0.25rem);
      margin-top: calc(-1.5rem + var(--form-bounding-height)); }
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--large {
      margin-top: -1.75rem;
      margin-top: calc(-2rem + 0.25rem);
      margin-top: calc(-2rem + var(--form-bounding-height)); }
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--m-large {
      margin-top: -1.875rem;
      margin-top: calc(-2.5rem + 0.625rem); }
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--x-large {
      margin-top: -2.75rem;
      margin-top: calc(-3rem + 0.25rem);
      margin-top: calc(-3rem + var(--form-bounding-height)); }
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content--xx-large {
      margin-top: -3.25rem;
      margin-top: calc(-3.5rem + 0.25rem);
      margin-top: calc(-3.5rem + var(--form-bounding-height)); } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content {
      margin-top: 0; } }
  @media screen and (max-width: 40em) {
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-row__content {
      margin-top: 0.5rem !important; } }
  .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-label {
    margin-right: 1rem; }
    @supports (display: grid) {
      .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-label {
        grid-column: column1-start / column1-end;
        grid-row: row1-start / row1-end; } }
    @media screen and (min-width: 40em) {
      .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] > .dnb-form-label {
        text-align: right; } }
  @media screen and (max-width: 40em) {
    .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] {
      display: block; } }
  .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent'] .dnb-form-row__label-dummy {
    margin-top: 0; }
  @media screen and (max-width: 40em) {
    .dnb-form-row:not(.dnb-form-row--vertical) {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-label {
        margin-bottom: 0.5rem; }
      .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; }
        .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content > .dnb-form-label {
          margin-top: 1rem; } }
  @media screen and (min-width: 40em) {
    .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; } }
  .dnb-form-row--vertical > .dnb-form-row__label {
    margin-bottom: 0.5rem; }
  .dnb-form-row--vertical > .dnb-form-row__content, .dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-form-row--vertical-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-form-row > .dnb-form-status {
    margin: 0.5rem 0; }
  .dnb-form-row > .dnb-form-row__label--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  @supports (display: grid) {
    .dnb-form-row > .dnb-form-row__label--vertical ~ .dnb-form-row__content {
      grid-column: column1-start / column1-end; } }
  .dnb-form-row__label-dummy {
    margin: 0; }
  .dnb-form-row__fieldset,
  .dnb-core-style .dnb-form-row__fieldset {
    margin: 0;
    padding: 0;
    border: none;
    width: 100%; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-row {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .dnb-form-row__content {
        -webkit-box-flex: 1;
            -ms-flex: auto;
                flex: auto; } }

/*
 * FormSet component
 *
 */
/*
 * FormStatus component
 *
 */
:root {
  --form-status-radius: 0.25rem; }

.dnb-form-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  -webkit-transition: height 400ms cubic-bezier(0.42, 0, 0, 1), opacity 400ms cubic-bezier(0.42, 0, 0, 1), margin 400ms cubic-bezier(0.42, 0, 0, 1), padding 400ms cubic-bezier(0.42, 0, 0, 1);
  transition: height 400ms cubic-bezier(0.42, 0, 0, 1), opacity 400ms cubic-bezier(0.42, 0, 0, 1), margin 400ms cubic-bezier(0.42, 0, 0, 1), padding 400ms cubic-bezier(0.42, 0, 0, 1);
  -webkit-transition: height 400ms var(--easing-default), opacity 400ms var(--easing-default), margin 400ms var(--easing-default), padding 400ms var(--easing-default);
  transition: height 400ms var(--easing-default), opacity 400ms var(--easing-default), margin 400ms var(--easing-default), padding 400ms var(--easing-default); }
  .dnb-form-status--hidden {
    will-change: height, opacity, margin, padding;
    width: 0;
    height: 0;
    opacity: 0; }
  .dnb-form-status--is-animating {
    overflow: hidden;
    width: auto; }
  .dnb-form-status--disappear, .dnb-form-status--hidden {
    margin: 0 !important;
    padding: 0 !important; }
  .dnb-form-status__shell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    min-width: inherit;
    border-radius: 0.25rem;
    border-radius: var(--form-status-radius); }
  .dnb-form-status__text {
    padding: 0.625rem 1rem;
    cursor: text;
    color: inherit;
    line-height: 1.25rem;
    line-height: var(--line-height-small);
    font-size: 1rem;
    font-size: var(--font-size-small);
    white-space: normal; }
    button .dnb-form-status__text {
      cursor: inherit; }
    .dnb-form-status__text .dnb-anchor {
      font-size: inherit; }
  .dnb-icon + .dnb-form-status__text {
    padding-left: 0.5rem; }
  .dnb-form-status__shell > .dnb-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0.3333333em 0.3333333em 0.3333333em 0.6666666em; }
  .dnb-form-status__size--large .dnb-form-status__text {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem; }
  .dnb-form-status__size--large .dnb-form-status__shell > .dnb-icon {
    margin-top: 0.6666666em;
    margin-bottom: 0.6666666em; }
  .dnb-form-status--stretch {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-form-status--stretch .dnb-form-status__shell {
    width: 100%; }
  .dnb-form-status--stretch .dnb-form-status__text {
    max-width: 47rem; }
  .dnb-form-status[hidden] {
    display: none; }
  .dnb-form-status--no-animation,
  html[data-visual-test] .dnb-form-status {
    -webkit-transition-duration: 1ms !important;
            transition-duration: 1ms !important; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-status__shell > .dnb-icon {
      border-width: 1px; } }

/*
 * GlobalError component
 *
 */
.dnb-global-error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%; }
  .dnb-global-error__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /* for large screens */
    width: 100%;
    max-width: 60em;
    max-width: var(--layout-large);
    padding: 2rem;
    padding: var(--spacing-large);
    text-align: center; }
    @media screen and (max-width: 40em) {
      .dnb-global-error__inner {
        padding: 0 0.5rem;
        padding: 0 var(--spacing-x-small); } }
    .dnb-global-error__inner__content {
      max-width: 37rem; }
  .dnb-global-error__back.dnb-button--tertiary {
    position: absolute;
    z-index: 1;
    top: 2rem;
    top: var(--spacing-large);
    left: 2rem;
    left: var(--spacing-large); }
    @media screen and (max-width: 90em) {
      .dnb-global-error__back.dnb-button--tertiary {
        left: 0.5rem;
        left: var(--spacing-x-small); } }
  .dnb-global-error__gfx {
    margin-top: 9rem;
    shape-rendering: geometricPrecision; }
    @media screen and (max-width: 90em) {
      .dnb-global-error__gfx {
        margin-top: 8vw;
        margin-top: calc(4vw + 4vh); } }
    @media screen and (max-width: 40em) {
      .dnb-global-error__gfx {
        margin-top: 0;
        -webkit-transform: scale(0.8);
                transform: scale(0.8); } }
    @supports (color: var(--data-width)) {
      .dnb-global-error__gfx {
        width: calc(6.25%*1em);
        width: calc(100% / 16 * 1em);
        width: calc(var(--data-width, 100%)/16*1em);
        width: calc(var(--data-width, 100%) / 16 * 1em);
        height: calc(6.25%*1em);
        height: calc(100% / 16 * 1em);
        height: calc(var(--data-height, 100%)/16*1em);
        height: calc(var(--data-height, 100%) / 16 * 1em); } }
  @media screen and (max-width: 40em) {
    .dnb-global-error .dnb-h--xx-large.dnb-space__top--xx-large.dnb-space__top--x-small {
      margin-top: 0;
      font-size: 2.125rem;
      font-size: var(--font-size-x-large); } }

/*
 * GlobalStatus component
 *
 */
:root {
  --global-status-easing: var(--easing-default); }

.dnb-global-status.dnb-section {
  display: block; }

.dnb-global-status__wrapper {
  position: relative;
  z-index: 1; }

.dnb-global-status__shell {
  width: 100%;
  opacity: 1;
  will-change: height;
  -webkit-transition: height 800ms cubic-bezier(0.42, 0, 0, 1), opacity 600ms cubic-bezier(0.42, 0, 0, 1);
  transition: height 800ms cubic-bezier(0.42, 0, 0, 1), opacity 600ms cubic-bezier(0.42, 0, 0, 1);
  -webkit-transition: height 800ms var(--global-status-easing), opacity 600ms var(--global-status-easing);
  transition: height 800ms var(--global-status-easing), opacity 600ms var(--global-status-easing); }

.dnb-global-status--hidden .dnb-global-status__shell {
  height: 0;
  opacity: 0; }

.dnb-global-status--no-animation .dnb-global-status__shell,
html[data-visual-test] .dnb-global-status__shell {
  -webkit-transition-duration: 1ms !important;
          transition-duration: 1ms !important; }

.dnb-global-status, .dnb-global-status--no-animation.dnb-global-status--visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dnb-global-status--no-animation.dnb-global-status--hidden {
  display: none; }

.dnb-global-status__title {
  position: relative;
  cursor: text;
  min-height: 4.5rem; }
  .dnb-global-status__title.dnb-p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 5rem;
    padding-left: 2.5rem;
    margin-bottom: 0.5rem; }
  .dnb-spacing .dnb-global-status__title.dnb-p,
  .dnb-spacing .dnb-global-status__title.dnb-p:not([class*='dnb-space']) {
    margin: 0; }

.dnb-global-status__message {
  cursor: text;
  z-index: 1; }
  .dnb-global-status__message__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0.5rem 0 2.5rem 2.5rem; }
    .dnb-global-status__message__content .dnb-p,
    .dnb-spacing .dnb-global-status__message__content .dnb-p,
    .dnb-spacing .dnb-global-status__message__content .dnb-p:not([class*='dnb-space']) {
      display: inline-block;
      margin: 0;
      padding: 0; }

.dnb-global-status__icon {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1.5rem; }

.dnb-global-status__close-button, .dnb-global-status__close-button.dnb-button--tertiary {
  position: absolute;
  z-index: 1;
  right: 1rem;
  left: auto; }

.dnb-modal__content__inner .dnb-global-status__close-button {
  right: 0; }

.dnb-global-status__content {
  width: 100%; }
  .dnb-global-status__content .dnb-ul,
  .dnb-spacing .dnb-global-status__content .dnb-ul,
  .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*='dnb-space']) {
    margin: 0;
    margin-top: 0.5rem;
    padding-left: 1rem; }
    .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,
    .dnb-spacing .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type,
    .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*='dnb-space']) .dnb-anchor:last-of-type {
      margin-left: 0.5rem; }
  .dnb-global-status__content .dnb-hr,
  .dnb-spacing .dnb-global-status__content .dnb-hr,
  .dnb-spacing .dnb-global-status__content .dnb-hr:not([class*='dnb-space']) {
    margin: 0; }

@media screen and (-ms-high-contrast: none) {
  .dnb-global-status__icon > .dnb-icon {
    border-width: 1px; } }

/*
 * Heading Component
 *
 */
.dnb-heading__debug {
  color: #ccc;
  color: var(--color-black-20);
  font-weight: normal;
  font-weight: var(--font-weight-basis); }
  .dnb-heading__debug .dnb-code {
    color: #000;
    color: var(--color-black);
    font-size: 12px !important; }

.dnb-heading__context {
  display: block;
  padding: 1rem 0 2rem; }

/*
* HeightAnimation component
*
*/
.dnb-height-animation {
  -webkit-transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
  transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
  -webkit-transition: height var(--duration, 400ms) var(--easing-default);
  transition: height var(--duration, 400ms) var(--easing-default); }
  .dnb-height-animation--animating {
    overflow: hidden; }
  .dnb-height-animation--show-overflow {
    overflow: visible; }

/*
 * HelpButton component
 *
 * TODO: Set spacing in the theme file, as theme comes later in the stack
 *
 */
/*
* Icon component
*
*/
.dnb-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1rem;
  color: inherit;
  width: 1em;
  height: 1em; }
  .dnb-icon img,
  .dnb-icon svg {
    width: inherit;
    height: inherit;
    shape-rendering: geometricPrecision;
    vertical-align: top; }
  .dnb-icon svg[width='100%'] {
    width: inherit; }
  .dnb-icon svg[height='100%'] {
    height: inherit; }
  .dnb-icon--inherit-color svg:not([fill]),
  .dnb-icon--inherit-color svg [fill] {
    fill: currentColor; }
  .dnb-icon--inherit-color svg [stroke] {
    stroke: currentColor; }
  .dnb-icon--small {
    font-size: 0.75rem; }
  .dnb-icon--default {
    font-size: 1rem; }
  .dnb-icon--medium {
    font-size: 1.5rem; }
  .dnb-icon--large {
    font-size: 2rem; }
  .dnb-icon--x-large {
    font-size: 2.5rem; }
  .dnb-icon--xx-large {
    font-size: 3rem; }
  .dnb-icon--custom-size {
    width: auto;
    height: auto; }
  .dnb-icon--auto {
    font-size: 1em; }
  .dnb-icon--auto > .dnb-icon--wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  h1 .dnb-icon,
  h2 .dnb-icon,
  h3 .dnb-icon,
  h4 .dnb-icon,
  h5 .dnb-icon,
  h6 .dnb-icon {
    vertical-align: middle; }
  .dnb-icon.dnb-skeleton {
    color: #ebebeb !important;
    color: var(--skeleton-color) !important; }
    .dnb-icon.dnb-skeleton::before, .dnb-icon.dnb-skeleton::after {
      content: none !important; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-icon {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; } }

/*
* InfoCard component
*
*/
.dnb-info-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: white;
  border: 1px solid #ebebeb;
  border: 1px solid var(--color-black-8);
  border-radius: 0.25rem;
  padding: 1rem;
  overflow: hidden;
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default); }
  .dnb-info-card--centered {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center; }
  .dnb-info-card--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0.1875rem; }
  .dnb-info-card--centered .dnb-info-card--content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 0; }
  .dnb-info-card--icon {
    color: #14555a;
    color: var(--color-emerald-green); }
  .dnb-info-card--image {
    height: 4rem;
    width: 4rem; }
  .dnb-info-card--buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .dnb-info-card--buttons-centered {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center; }

/*
* Input component
*
*/
:root {
  --input-font-size: var(--font-size-basis);
  --input-font-size--small: var(--font-size-basis);
  --input-font-size--medium: var(--font-size-basis);
  --input-font-size--large: var(--font-size-medium);
  --input-padding: 1rem;
  --input-padding--small: 1rem;
  --input-padding--medium: 1rem;
  --input-padding--large: 1rem;
  --input-height: 2rem;
  --input-height--small: 1.5rem;
  --input-height--medium: 2.5rem;
  --input-height--large: 3rem;
  --input-border-width: 0.0625rem;
  --input-border-radius: 0.25rem; }

.dnb-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--input-font-small);
  line-height: 2rem;
  line-height: var(--input-height);
  text-align: left; }
  .dnb-input__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: auto; }
  .dnb-input__shell {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 0.0625rem solid #007272;
    border: var(--input-border-width) solid var(--color-sea-green); }
  .dnb-input__input {
    border: none;
    outline: none;
    word-break: normal;
    position: relative;
    z-index: 2; }
  .dnb-input__input[disabled] {
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    opacity: 1; }
  .dnb-input__shell, .dnb-input__input {
    height: 2rem;
    height: var(--input-height);
    border-radius: 0.25rem;
    border-radius: var(--input-border-radius); }
  .dnb-input__placeholder, .dnb-input__input {
    width: 100%;
    padding-left: 1rem;
    padding-left: var(--input-padding);
    padding-right: 1rem;
    padding-right: var(--input-padding); }
  .dnb-input__placeholder, .dnb-input__input,
  .dnb-input input.dnb-input__input {
    padding-top: 0;
    padding-bottom: 0;
    color: inherit;
    background-color: transparent;
    font-size: 1.125rem;
    font-size: var(--input-font-size);
    line-height: inherit; }
  .dnb-input__placeholder {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .dnb-input input.dnb-input__input[type='file'] {
    line-height: calc(2rem - 2px);
    line-height: calc(var(--input-height) - 2px); }
  .dnb-input__input::-webkit-search-cancel-button {
    display: none; }
  .dnb-input__input::-ms-clear {
    display: none; }
  .dnb-input ::-webkit-file-upload-button {
    cursor: pointer;
    outline: none;
    color: #007272;
    color: var(--color-sea-green); }
    .dnb-input ::-webkit-file-upload-button:active, .dnb-input ::-webkit-file-upload-button:hover {
      color: #14555a;
      color: var(--color-emerald-green); }
  .dnb-input--has-submit-element .dnb-input__placeholder,
  .dnb-input--has-submit-element .dnb-input__input,
  .dnb-input--has-clear-button .dnb-input__placeholder,
  .dnb-input--has-clear-button .dnb-input__input {
    padding-right: 2.5rem;
    padding-right: calc(1rem * 2.5);
    padding-right: calc(var(--input-padding)*2.5);
    padding-right: calc(var(--input-padding) * 2.5); }
  .dnb-input--password .dnb-input__placeholder,
  .dnb-input--password .dnb-input__input {
    margin-right: 2.5rem;
    padding-right: 0; }
    .dnb-input--password .dnb-input__placeholder::-ms-clear,
    .dnb-input--password .dnb-input__input::-ms-clear {
      display: none; }
    .dnb-input--password .dnb-input__placeholder::-ms-reveal,
    .dnb-input--password .dnb-input__input::-ms-reveal {
      display: none; }
  .dnb-input--password .dnb-input__placeholder {
    padding-right: 4rem; }
  .dnb-input--password .dnb-input__input {
    font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
    font-family: var(--font-family-monospace); }
  .dnb-input__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-input__suffix {
    color: inherit; }
  .dnb-input__submit-element {
    z-index: 3;
    margin-left: -2rem;
    margin-left: calc(1px - 1px - 2rem);
    margin-left: calc(0px - var(--input-height));
    margin-left: calc(1px - 1px - var(--input-height));
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-input__submit-button {
    position: relative;
    -ms-flex-item-align: center;
        align-self: center;
    /* IE needs this to stay centered */ }
    .dnb-input__submit-button__button {
      border-radius: 0 0.25rem 0.25rem 0;
      border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0; }
  .dnb-input > .dnb-form-label {
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  @media screen and (max-width: 40em) {
    .dnb-input {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .dnb-input > .dnb-form-label {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem; } }
  .dnb-input:not(.dnb-input--vertical)[class*='__status'] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .dnb-input:not(.dnb-input--vertical)[class*='__status'] > .dnb-form-label {
      margin-top: 0.25rem; }
  .dnb-input--small {
    line-height: 1.5rem;
    line-height: var(--input-height--small); }
    .dnb-input--small .dnb-input__shell,
    .dnb-input--small .dnb-input__input {
      height: 1.5rem;
      height: var(--input-height--small); }
    .dnb-input--small .dnb-input__placeholder,
    .dnb-input--small .dnb-input__input {
      padding-left: 1rem;
      padding-left: var(--input-padding--small);
      padding-right: 1rem;
      padding-right: var(--input-padding--small);
      font-size: 1.125rem;
      font-size: var(--input-font-size--small); }
    .dnb-input--small .dnb-input__submit-element {
      margin-left: -1.5rem;
      margin-left: calc(1px - 1px - 1.5rem);
      margin-left: calc(0px - var(--input-height--small));
      margin-left: calc(1px - 1px - var(--input-height--small)); }
      .dnb-input--small .dnb-input__submit-element .dnb-button--input-button {
        width: 1.5rem;
        width: var(--input-height--small);
        height: 1.5rem;
        height: var(--input-height--small);
        line-height: 1.5rem;
        line-height: var(--input-height--small); }
  .dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder,
  .dnb-input--small.dnb-input--has-submit-element .dnb-input__input,
  .dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder,
  .dnb-input--small.dnb-input--has-clear-button .dnb-input__input {
    padding-right: 2rem;
    padding-right: calc(1rem * 2);
    padding-right: calc(var(--input-padding--small)*2);
    padding-right: calc(var(--input-padding--small) * 2); }
  .dnb-input--medium {
    line-height: 2.5rem;
    line-height: var(--input-height--medium); }
    .dnb-input--medium .dnb-input__shell,
    .dnb-input--medium .dnb-input__input {
      height: 2.5rem;
      height: var(--input-height--medium); }
    .dnb-input--medium .dnb-input__placeholder,
    .dnb-input--medium .dnb-input__input {
      padding-left: 1rem;
      padding-left: var(--input-padding--medium);
      padding-right: 1rem;
      padding-right: var(--input-padding--medium);
      font-size: 1.125rem;
      font-size: var(--input-font-size--medium); }
    .dnb-input--medium .dnb-input__submit-element {
      margin-left: -2.5rem;
      margin-left: calc(1px - 1px - 2.5rem);
      margin-left: calc(0px - var(--input-height--medium));
      margin-left: calc(1px - 1px - var(--input-height--medium)); }
      .dnb-input--medium .dnb-input__submit-element .dnb-button--input-button {
        width: 2.5rem;
        width: var(--input-height--medium);
        height: 2.5rem;
        height: var(--input-height--medium);
        line-height: 2.5rem;
        line-height: var(--input-height--medium); }
  .dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder,
  .dnb-input--medium.dnb-input--has-submit-element .dnb-input__input,
  .dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder,
  .dnb-input--medium.dnb-input--has-clear-button .dnb-input__input {
    padding-right: 3rem;
    padding-right: calc(1rem * 3);
    padding-right: calc(var(--input-padding--medium)*3);
    padding-right: calc(var(--input-padding--medium) * 3); }
  .dnb-input--large {
    line-height: 3rem;
    line-height: var(--input-height--large); }
    .dnb-input--large .dnb-input__shell,
    .dnb-input--large .dnb-input__input {
      height: 3rem;
      height: var(--input-height--large); }
    .dnb-input--large .dnb-input__placeholder,
    .dnb-input--large .dnb-input__input {
      padding-left: 1rem;
      padding-left: var(--input-padding--large);
      padding-right: 1rem;
      padding-right: var(--input-padding--large);
      font-size: 1.25rem;
      font-size: var(--input-font-size--large); }
    .dnb-input--large .dnb-input__submit-element {
      margin-left: -3rem;
      margin-left: calc(1px - 1px - 3rem);
      margin-left: calc(0px - var(--input-height--large));
      margin-left: calc(1px - 1px - var(--input-height--large)); }
      .dnb-input--large .dnb-input__submit-element .dnb-button--input-button {
        width: 3rem;
        width: var(--input-height--large);
        height: 3rem;
        height: var(--input-height--large); }
  .dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder,
  .dnb-input--large.dnb-input--has-submit-element .dnb-input__input,
  .dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder,
  .dnb-input--large.dnb-input--has-clear-button .dnb-input__input {
    padding-right: 3rem;
    padding-right: calc(1rem * 3);
    padding-right: calc(var(--input-padding--large)*3);
    padding-right: calc(var(--input-padding--large) * 3); }
  .dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element {
    margin-left: -2.5rem;
    margin-left: calc(1px - 1px - 3rem + 0.5rem);
    margin-left: calc(0px - var(--input-height--large) + 0.5rem);
    margin-left: calc(1px - 1px - var(--input-height--large) + 0.5rem); }
  .dnb-input__align--center .dnb-input__placeholder,
  .dnb-input__align--center .dnb-input__input {
    text-align: center; }
  .dnb-input__align--right .dnb-input__placeholder,
  .dnb-input__align--right .dnb-input__input {
    text-align: right; }
  .dnb-input--clear.dnb-input__submit-element {
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out; }
    .dnb-input--clear.dnb-input__submit-element .dnb-button {
      width: 1.5rem;
      width: var(--input-height--small);
      height: 1.5rem;
      height: var(--input-height--small);
      border-radius: 1.25rem;
      border-radius: calc(2.5rem / 2);
      border-radius: var(--button-border-radius); }
      .dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon {
        margin: auto; }
      html:not([data-whatintent='touch'])
.dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled] {
        cursor: default; }
  .dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button {
    width: 1rem;
    height: 1rem; }
  .dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button,
  .dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button {
    width: 1.5rem;
    width: var(--input-height--small);
    height: 1.5rem;
    height: var(--input-height--small); }
  .dnb-input[data-has-content='true'] .dnb-input--clear {
    opacity: 1; }
  .dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
    margin-right: 2.5rem; }
  .dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
    margin-right: 2rem; }
  .dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
    margin-right: 3rem; }
  .dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
    margin-right: 3.5rem; }
  .dnb-input__inner > .dnb-form-status {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.5rem; }
  .dnb-input--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .dnb-input--stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-input--stretch .dnb-input__inner {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-input--stretch .dnb-input__inner, .dnb-input--stretch .dnb-input__shell {
    width: 100%; }
  .dnb-input--stretch .dnb-form-label + .dnb-input__inner {
    width: auto; }
  .dnb-input--vertical.dnb-input--stretch .dnb-input__inner {
    width: 100%; }
  .dnb-form-row--horizontal .dnb-input--stretch {
    width: 100%; }
  .dnb-input__icon {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    position: absolute;
    left: 1rem;
    right: auto;
    top: 0;
    bottom: 0;
    margin: auto; }
  .dnb-input--icon-position-right .dnb-input__icon {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    left: auto;
    right: 1rem; }
  .dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,
  .dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder {
    padding-left: 2.5rem; }
  .dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,
  .dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder {
    padding-right: 2.5rem; }
  .dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input,
  .dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder {
    padding-left: 3rem; }
  .dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input,
  .dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder {
    padding-right: 3rem; }
  html[data-visual-test] .dnb-input__input {
    caret-color: #fff;
    caret-color: var(--color-white); }
  @media screen and (max-width: 40em) {
    .dnb-responsive-component .dnb-input {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-input__row {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .dnb-responsive-component .dnb-input > .dnb-form-label {
        margin-bottom: 0.5rem; } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-input {
      vertical-align: baseline; }
      .dnb-form-row--horizontal .dnb-input, .dnb-input:not(.dnb-input--stretch) {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; }
      .dnb-input__inner {
        width: 100%; }
      .dnb-input__input, .dnb-input__placeholder {
        -webkit-transform: translateY(-0.0625rem);
                transform: translateY(-0.0625rem); } }

/*
* InputMasked component
*
*/
.dnb-input-masked--guide {
  font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
  font-family: var(--font-family-monospace); }

/*
 * Logo Component
 *
 */
.dnb-logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: baseline;
  font-size: inherit;
  line-height: 1em;
  line-height: var(--line-height-xx-small--em);
  color: #007272;
  color: var(--color-sea-green);
  height: 1em; }
  .dnb-logo--inherit-color {
    color: currentColor; }
  .dnb-logo svg {
    fill: currentColor;
    shape-rendering: geometricPrecision; }
  .dnb-logo--has-size {
    width: auto;
    height: auto; }
  .dnb-logo--inherit-size {
    height: inherit; }
  .dnb-logo svg:not([width]):not([height]) {
    width: inherit;
    height: inherit; }

/*
 * Modal component
 *
 */
:root {
  --modal-z-index: 3000;
  --modal-animation-duration: 300ms; }

html[data-dnb-modal-active] {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

#dnb-modal-root {
  position: absolute;
  top: 0;
  left: 0; }

.dnb-modal {
  /* stylelint-disable-next-line */ }
  .dnb-modal__content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3001;
    z-index: calc(3000 + 1);
    z-index: calc(var(--modal-z-index) + 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100vw;
    width: 100%;
    height: 100%;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
    @media screen and (max-width: 40em) {
      .dnb-modal__content--auto-fullscreen {
        height: auto; } }
    .dnb-modal__content--fullscreen {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .dnb-modal__content--fullscreen .dnb-modal__content__content {
      height: auto; }
    .dnb-modal__content--left, .dnb-modal__content--top {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .dnb-modal__content--right {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .dnb-modal__content--bottom {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
  .dnb-modal__overlay {
    position: fixed;
    z-index: 3000;
    z-index: var(--modal-z-index);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .dnb-modal-root__inner .dnb-modal__overlay {
    -webkit-animation: hide-modal-overlay 300ms ease-out forwards;
            animation: hide-modal-overlay 300ms ease-out forwards;
    -webkit-animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards;
            animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
  .dnb-modal-root__inner:last-of-type .dnb-modal__overlay {
    -webkit-animation: show-modal-overlay 300ms ease-out;
            animation: show-modal-overlay 300ms ease-out;
    -webkit-animation: show-modal-overlay var(--modal-animation-duration) ease-out;
            animation: show-modal-overlay var(--modal-animation-duration) ease-out; }
    .dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide {
      -webkit-animation: hide-modal-overlay 300ms ease-out forwards;
              animation: hide-modal-overlay 300ms ease-out forwards;
      -webkit-animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards;
              animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards; }
  html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {
    -webkit-animation-delay: 0ms !important;
            animation-delay: 0ms !important;
    -webkit-animation-duration: 0ms !important;
            animation-duration: 0ms !important; }
  .dnb-modal-root__inner {
    position: relative;
    z-index: 3001;
    z-index: calc(3000 + 1);
    z-index: calc(var(--modal-z-index) + 1); }
  .dnb-modal-root__inner ~ .dnb-modal-root__inner {
    z-index: 3002;
    z-index: calc(3000 + 2);
    z-index: calc(var(--modal-z-index) + 2); }
  .dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner {
    z-index: 3003;
    z-index: calc(3000 + 3);
    z-index: calc(var(--modal-z-index) + 3); }
  .dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner {
    z-index: 3004;
    z-index: calc(3000 + 4);
    z-index: calc(var(--modal-z-index) + 4); }
  .dnb-modal__close-button {
    z-index: 3001;
    z-index: calc(3000 + 1);
    z-index: calc(var(--modal-z-index) + 1); }
  .dnb-modal__header__bar.dnb-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-modal__header__bar.dnb-section {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-core-style .dnb-modal__header__bar__close {
      margin-left: auto; } }

[data-visual-test].hide-page-content #___gatsby {
  opacity: 0; }

/*
 * NumberFormat Component
 *
 */
/*
 * Anchor mixins
 *
 */
.dnb-number-format {
  display: inline-block;
  position: relative;
  speak-as: numbers;
  color: inherit;
  white-space: nowrap; }
  .dnb-number-format__prefix, .dnb-number-format__suffix {
    white-space: normal; }
  .dnb-number-format.dnb-anchor {
    cursor: pointer; }
  .dnb-number-format--selectall {
    cursor: text; }
  .dnb-number-format__visible {
    position: relative;
    z-index: 2; }
  .dnb-number-format--selected .dnb-number-format__visible {
    color: #000;
    color: var(--color-black);
    background-color: #a5e1d2;
    background-color: var(--color-mint-green); }
  .dnb-number-format__selection {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .dnb-number-format--selected .dnb-number-format__selection {
    z-index: 3;
    -webkit-user-select: all;
       -moz-user-select: all;
        -ms-user-select: all;
            user-select: all; }
  .dnb-number-format.dnb-skeleton,
  .dnb-skeleton .dnb-number-format {
    -webkit-text-fill-color: #ebebeb;
    -webkit-text-fill-color: var(--skeleton-color); }

/*
 * Pagination component
 *
 */
.dnb-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse; }
  .dnb-pagination__bar, .dnb-pagination__loadbar, .dnb-pagination__bar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-pagination--left .dnb-pagination__bar {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .dnb-pagination--center .dnb-pagination__bar {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    @media screen and (max-width: 40em) {
      .dnb-pagination--center .dnb-pagination__bar {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start; } }
  .dnb-pagination--right .dnb-pagination__bar {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .dnb-pagination__bar__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse; }
  .dnb-pagination--center .dnb-pagination__bar__wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-pagination--right .dnb-pagination__bar__wrapper {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .dnb-pagination__bar__inner {
    grid-gap: 0.5rem;
    gap: 0.5rem; }
  .dnb-pagination__button {
    max-width: 3.5rem; }
  .dnb-pagination__button--large-number {
    max-width: unset; }
  .dnb-pagination__loadbar {
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .dnb-pagination__indicator {
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .dnb-pagination__indicator__inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
  .dnb-pagination__dots {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .dnb-pagination__marker {
    pointer-events: none;
    position: relative;
    height: 1px;
    width: 1px;
    margin: -1px 0 0 -1px;
    overflow: hidden; }
    .dnb-pagination__marker td, .dnb-pagination__marker__inner {
      padding: 0 !important;
      width: 1px;
      height: 1px;
      opacity: 0; }
  .dnb-pagination__bar__skip {
    margin-top: 0.5rem;
    margin-left: -0.5rem; }
  .dnb-pagination__bar__skip .dnb-button:first-of-type {
    margin-right: 1.5rem; }

/*
 * ProgressIndicator component
 *
 */
:root {
  --progress-indicator-timing: cubic-bezier(0.5, 0, 0.5, 0.99);
  --progress-indicator-circular-circle: 88;
  --progress-indicator-circular-circle-offset--min: 88;
  --progress-indicator-circular-circle-offset--max: 1; }

.dnb-progress-indicator {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dnb-progress-indicator--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-progress-indicator--horizontal {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .dnb-progress-indicator__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .dnb-progress-indicator__label .dnb-p {
      -ms-flex-item-align: center;
          align-self: center; }
  .dnb-spacing .dnb-progress-indicator .dnb-p,
  .dnb-spacing .dnb-progress-indicator .dnb-p:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-progress-indicator--horizontal .dnb-progress-indicator__label {
    margin: 0 1rem; }
  .dnb-progress-indicator--vertical .dnb-progress-indicator__label {
    margin-top: 0.5rem; }
  .dnb-progress-indicator__circular {
    position: relative;
    width: 2rem;
    height: 2rem;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .dnb-progress-indicator__circular svg {
      position: absolute;
      width: 100%;
      height: 100%; }
    .dnb-progress-indicator__circular__line {
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-delay: 200ms;
              animation-delay: 200ms;
      -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0.99);
              animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0.99);
      -webkit-animation-timing-function: var(--progress-indicator-timing);
              animation-timing-function: var(--progress-indicator-timing);
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
    .dnb-progress-indicator__circular__line.background {
      stroke-dashoffset: 1;
      stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); }
    .dnb-progress-indicator__circular__line.light {
      -webkit-animation-name: progress-indicator-circular-line-light;
              animation-name: progress-indicator-circular-line-light;
      stroke-dasharray: 88, 88;
      stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
      stroke-dashoffset: 1;
      stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); }
    .dnb-progress-indicator__circular__line.dark {
      -webkit-animation-name: progress-indicator-circular-line-dark;
              animation-name: progress-indicator-circular-line-dark;
      stroke-dasharray: 88, 88;
      stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
      stroke-dashoffset: 88;
      stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
    .dnb-progress-indicator__circular__line.paused {
      -webkit-animation-play-state: paused;
              animation-play-state: paused; }
    .dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark {
      -webkit-transition: stroke-dashoffset 600ms cubic-bezier(0.5, 0, 0.5, 0.99);
      transition: stroke-dashoffset 600ms cubic-bezier(0.5, 0, 0.5, 0.99);
      -webkit-transition: stroke-dashoffset 600ms var(--progress-indicator-timing);
      transition: stroke-dashoffset 600ms var(--progress-indicator-timing); }
    .dnb-progress-indicator__circular__circle {
      stroke-linecap: round; }
    .dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle {
      stroke: grey; }
    .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
      stroke: #000;
      stroke: var(--color-black); }
  .dnb-progress-indicator__linear {
    position: relative;
    overflow: hidden;
    width: 100%;
    will-change: transform;
    height: 0.5rem;
    border-radius: 0.25rem; }
    .dnb-progress-indicator__linear__bar {
      width: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      top: 0;
      -webkit-transform-origin: left;
              transform-origin: left;
      border-radius: inherit; }
    .dnb-progress-indicator__linear__bar-transition {
      -webkit-transition: -webkit-transform 0.2s linear;
      transition: -webkit-transform 0.2s linear;
      transition: transform 0.2s linear;
      transition: transform 0.2s linear, -webkit-transform 0.2s linear; }
    .dnb-progress-indicator__linear__bar1-animation {
      width: auto;
      -webkit-animation: progress-indicator-linear-bar-1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
              animation: progress-indicator-linear-bar-1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
    .dnb-progress-indicator__linear__bar2-animation {
      width: auto;
      -webkit-animation: progress-indicator-linear-bar-2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
              animation: progress-indicator-linear-bar-2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite; }
  .dnb-progress-indicator, .dnb-progress-indicator--visible {
    opacity: 0;
    -webkit-animation: progress-indicator-fade-in 200ms ease-out 1 forwards;
            animation: progress-indicator-fade-in 200ms ease-out 1 forwards; }
  .dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible) {
    -webkit-animation: progress-indicator-fade-out 600ms ease-out 1 forwards;
            animation: progress-indicator-fade-out 600ms ease-out 1 forwards; }
  .dnb-progress-indicator--no-animation {
    -webkit-animation-duration: 0ms;
            animation-duration: 0ms; }
  html[data-visual-test] .dnb-progress-indicator__circular__line {
    -webkit-animation-duration: 0ms;
            animation-duration: 0ms;
    -webkit-animation-iteration-count: 0;
            animation-iteration-count: 0; }
  html[data-visual-test] .dnb-progress-indicator__bar-transition {
    -webkit-transition: none;
    transition: none; }
  .dnb-progress-indicator--full-width {
    width: 100%;
    min-width: 1rem; }

@-webkit-keyframes progress-indicator-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes progress-indicator-fade-in {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes progress-indicator-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes progress-indicator-fade-out {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes progress-indicator-circular-line-light {
  0% {
    stroke-dashoffset: 88;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
  50% {
    stroke-dashoffset: 88;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
  100% {
    stroke-dashoffset: 1;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); } }

@keyframes progress-indicator-circular-line-light {
  0% {
    stroke-dashoffset: 88;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
  50% {
    stroke-dashoffset: 88;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
  100% {
    stroke-dashoffset: 1;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); } }

@-webkit-keyframes progress-indicator-circular-line-dark {
  0% {
    stroke-dashoffset: 88;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
  50% {
    stroke-dashoffset: 1;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); }
  100% {
    stroke-dashoffset: 1;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); } }

@keyframes progress-indicator-circular-line-dark {
  0% {
    stroke-dashoffset: 88;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
  50% {
    stroke-dashoffset: 1;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); }
  100% {
    stroke-dashoffset: 1;
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); } }

@-webkit-keyframes progress-indicator-linear-bar-1 {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes progress-indicator-linear-bar-1 {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@-webkit-keyframes progress-indicator-linear-bar-2 {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

@keyframes progress-indicator-linear-bar-2 {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }

/*
* Radio component
*
*/
:root {
  --radio-width--medium: 1.5rem;
  --radio-height--medium: 1.5rem;
  --radio-width--large: 2rem;
  --radio-height--large: 2rem;
  --radio-border-width: 0.125rem;
  --radio-margin-right: 1rem;
  --radio-margin-bottom: 0.5rem; }

.dnb-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }
  .dnb-radio__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: center;
        align-self: center; }
  .dnb-radio__shell {
    position: relative;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1.5rem;
    width: var(--radio-width--medium);
    height: 1.5rem;
    height: var(--radio-height--medium); }
  .dnb-radio__focus, .dnb-radio__button, .dnb-radio__dot {
    position: absolute;
    z-index: 4; }
  .dnb-radio__button {
    border: 0.125rem solid transparent;
    border: var(--radio-border-width) solid transparent; }
  .dnb-radio__focus {
    display: none;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-radio__focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-radio__focus {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-radio__focus, .dnb-radio__button {
    width: 1.25rem;
    width: calc(1.5rem - 0.25rem);
    width: calc(var(--radio-width--medium) - 0.25rem);
    height: 1.25rem;
    height: calc(1.5rem - 0.25rem);
    height: calc(var(--radio-height--medium) - 0.25rem);
    border-radius: 50%; }
    .dnb-radio--large .dnb-radio__focus, .dnb-radio--large .dnb-radio__button {
      width: 1.875rem;
      width: calc(2rem - 0.125rem);
      width: calc(var(--radio-width--large) - 0.125rem);
      height: 1.875rem;
      height: calc(2rem - 0.125rem);
      height: calc(var(--radio-height--large) - 0.125rem); }
  .dnb-radio__dot {
    width: 0.75rem;
    width: calc(1.5rem - 0.75rem);
    width: calc(var(--radio-width--medium) - 0.75rem);
    height: 0.75rem;
    height: calc(1.5rem - 0.75rem);
    height: calc(var(--radio-height--medium) - 0.75rem);
    border-radius: 50%; }
    .dnb-radio--large .dnb-radio__dot {
      width: 1.125rem;
      width: calc(2rem - 0.875rem);
      width: calc(var(--radio-width--large) - 0.875rem);
      height: 1.125rem;
      height: calc(2rem - 0.875rem);
      height: calc(var(--radio-height--large) - 0.875rem); }
  .dnb-radio__input {
    opacity: 0;
    position: absolute;
    top: auto;
    left: auto;
    z-index: 5;
    width: 1.5rem;
    width: var(--radio-width--medium);
    height: 1.5rem;
    height: var(--radio-height--medium);
    margin: 0;
    padding: 0;
    border: 0; }
  .dnb-radio--large .dnb-radio__input {
    width: 2rem;
    width: var(--radio-width--large);
    height: 2rem;
    height: var(--radio-height--large); }
  .dnb-radio__input:not([disabled]) {
    cursor: pointer; }
  .dnb-radio__order {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline; }
    .dnb-radio-group--column .dnb-radio__order {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
  .dnb-radio__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .dnb-radio__suffix {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3; }
    .dnb-radio__suffix .dnb-modal__trigger {
      margin-top: -0.25rem;
      margin-bottom: -0.25rem; }
  .dnb-radio-group__suffix {
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
  .dnb-radio--large {
    line-height: 2rem;
    line-height: var(--radio-height--large); }
  .dnb-radio--large .dnb-radio__suffix {
    line-height: 2rem;
    line-height: var(--radio-height--large); }
  .dnb-radio--large .dnb-radio__shell {
    width: 2rem;
    width: var(--radio-width--large);
    height: 2rem;
    height: var(--radio-height--large); }
  .dnb-radio .dnb-form-label {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0; }
  .dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-radio--label-position-left .dnb-radio__order .dnb-form-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-right: 0.5rem; }
  .dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-radio--label-position-right .dnb-radio__order .dnb-form-label {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 0.5rem; }
  .dnb-form-row:not(.dnb-form-row--vertical)[class*='__indent']
.dnb-radio .dnb-form-label {
    margin-top: 0; }
  :not(.dnb-radio-group) > .dnb-form-label + .dnb-radio {
    vertical-align: top; }
  .dnb-radio .dnb-form-status {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    margin-top: 0.375rem;
    /* 6/16 */
    margin-bottom: 0; }
  .dnb-radio + .dnb-form-status {
    margin-top: 0.5rem;
    margin-bottom: 1rem; }
  .dnb-radio-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .dnb-radio-group .dnb-radio {
      margin-right: 1rem;
      margin-right: var(--radio-margin-right);
      margin-bottom: 0.5rem;
      margin-bottom: var(--radio-margin-bottom); }
    .dnb-radio-group--column .dnb-radio {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 0; }
    .dnb-radio-group .dnb-radio:last-of-type {
      margin-right: 0; }
    .dnb-radio-group [role='radiogroup'], .dnb-radio-group__shell {
      display: block; }
    .dnb-radio-group__shell > .dnb-form-status {
      margin-top: 0;
      margin-bottom: 0; }
    .dnb-radio-group--column .dnb-radio-group__shell {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
    .dnb-radio-group .dnb-form-row {
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: -0.5rem;
      margin-bottom: calc(1px - 1px - 0.5rem);
      margin-bottom: calc(0px - var(--radio-margin-bottom));
      margin-bottom: calc(1px - 1px - var(--radio-margin-bottom)); }
      .dnb-radio-group .dnb-form-row::before {
        font-size: 1.125rem;
        font-size: var(--font-size-basis); }
  .dnb-skeleton .dnb-radio__input[disabled] ~ .dnb-radio__button {
    border-color: #ebebeb;
    border-color: var(--skeleton-color); }
  @media screen and (-ms-high-contrast: none) {
    .dnb-radio {
      vertical-align: text-bottom; }
      .dnb-radio__input, .dnb-radio__focus, .dnb-radio__button, .dnb-radio__dot {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
      .dnb-radio__order {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .dnb-radio, .dnb-radio-group {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; }
      .dnb-radio-group {
        vertical-align: middle; } }

/*
 * Section component
 *
 */
.dnb-section {
  position: relative;
  display: flow-root; }
  .dnb-section::after {
    content: '';
    position: absolute;
    z-index: -15;
    left: -100vw;
    top: 0;
    width: 100vw;
    height: 100%;
    color: #f4fbf9;
    color: var(--color-mint-green-12);
    background-color: currentColor;
    -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor;
            box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor; }
  .dnb-section .dnb-section::after {
    z-index: -14; }
  .dnb-section .dnb-section .dnb-section::after {
    z-index: -13; }
  .dnb-section .dnb-section .dnb-section .dnb-section::after {
    z-index: -12; }
  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
    z-index: -11; }
  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
    z-index: -10; }
  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
    z-index: -9; }
  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
    z-index: -8; }
  .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
    z-index: -7; }
  .dnb-section--spacing-x-small {
    padding: 0.5rem 0;
    padding: var(--spacing-x-small) 0; }
  .dnb-section--spacing-small {
    padding: 1rem 0;
    padding: var(--spacing-small) 0; }
  .dnb-section--spacing-medium {
    padding: 1.5rem 0;
    padding: var(--spacing-medium) 0; }
  .dnb-section--spacing-x-large {
    padding: 3rem 0;
    padding: var(--spacing-x-large) 0; }
  .dnb-section--spacing-xx-large {
    padding: 3.5rem 0;
    padding: var(--spacing-xx-large) 0; }
  .dnb-section--spacing, .dnb-section--spacing-large {
    padding: 2rem 0;
    padding: var(--spacing-large) 0; }

/*
 * Skeleton component
 *
 * Skeleton
 *
 */
.dnb-skeleton--block {
  display: block; }

.dnb-skeleton--overflow {
  overflow: hidden; }

.dnb-skeleton--grey {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%); }

.dnb-skeleton--shape {
  pointer-events: none;
  position: relative;
  overflow-x: hidden;
  color: transparent;
  background: transparent;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.dnb-skeleton--shape.dnb-skeleton::before, .dnb-skeleton--shape.dnb-skeleton::after {
  content: '' !important;
  position: absolute !important;
  z-index: 100 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: inherit;
  background: none !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important; }

.dnb-skeleton--code pre,
.dnb-skeleton--code pre *,
.dnb-skeleton--code code,
.dnb-skeleton--code code *, .dnb-skeleton--font pre,
.dnb-skeleton--font pre *,
.dnb-skeleton--font code,
.dnb-skeleton--font code * {
  --font-family-monospace: 'DNBMonoSkeleton' !important;
  font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace !important;
  font-family: var(--font-family-monospace) !important;
  font-style: unset !important; }

.dnb-skeleton--font-only, .dnb-skeleton--font,
.dnb-skeleton--font .dnb-skeleton--show-font,
.dnb-skeleton--font .dnb-p {
  pointer-events: none;
  --font-family-default: 'DNBSkeleton' !important;
  font-family: 'DNB', sans-serif !important;
  font-family: var(--font-family-default) !important;
  font-style: unset !important; }

.dnb-skeleton--font,
.dnb-skeleton--font .dnb-skeleton--show-font,
.dnb-skeleton--font .dnb-p {
  background-position-y: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 30rem 100% !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  -webkit-background-clip: text !important; }
  html[data-visual-test] .dnb-skeleton--font, html[data-visual-test]
  .dnb-skeleton--font .dnb-skeleton--show-font, html[data-visual-test]
  .dnb-skeleton--font .dnb-p {
    -webkit-animation: none !important;
            animation: none !important; }

.dnb-skeleton__figure {
  position: relative;
  border-radius: 0.25rem; }
  .dnb-skeleton__figure--circle {
    width: 4rem;
    height: 4rem;
    border-radius: 50%; }
  .dnb-skeleton__figure--product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-skeleton__figure--product .dnb-skeleton__figure--circle + div {
    width: 50%;
    margin-left: 1rem; }

.dnb-skeleton--no-animation .dnb-skeleton,
.dnb-skeleton--no-animation .dnb-skeleton::after,
.dnb-skeleton--no-animation * .dnb-skeleton::after {
  -webkit-animation: none !important;
          animation: none !important; }

@font-face {
  font-family: DNBSkeleton;
  src: url(/assets/DNB-Skeleton-Regular.f377b.woff2) format("woff2"), url(/assets/DNB-Skeleton-Regular.68330.woff) format("woff"), url(/assets/DNB-Skeleton-Regular.64135.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: DNBSkeleton;
  src: url(/assets/DNB-Skeleton-Medium.f244b.woff2) format("woff2"), url(/assets/DNB-Skeleton-Medium.af1fc.woff) format("woff"), url(/assets/DNB-Skeleton-Medium.cb5bc.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: DNBSkeleton;
  src: url(/assets/DNB-Skeleton-Bold.7784c.woff2) format("woff2"), url(/assets/DNB-Skeleton-Bold.9a706.woff) format("woff"), url(/assets/DNB-Skeleton-Bold.dea59.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: fallback; }

@font-face {
  font-family: DNBMonoSkeleton;
  src: url(/assets/DNBMono-Skeleton-Regular.0c86f.woff2) format("woff2"), url(/assets/DNBMono-Skeleton-Regular.6f54e.woff) format("woff"), url(/assets/DNBMono-Skeleton-Regular.736b2.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback; }

/*
* Slider component
*
*/
:root {
  --slider-track-height: 0.25rem;
  --slider-thumb-size: 2rem;
  --slider-button-size: 1.5rem;
  --slider-space: 1rem; }

.dnb-slider {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 2rem;
  line-height: var(--slider-thumb-size); }
  .dnb-slider--stretch {
    width: 100%; }
  .dnb-slider--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    height: 100%;
    min-width: inherit;
    min-height: inherit; }
  .dnb-slider__wrapper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    width: 100%; }
  .dnb-slider--vertical .dnb-slider__wrapper {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: auto;
    height: 100%; }
  .dnb-slider__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 2rem;
    height: var(--slider-thumb-size); }
  .dnb-slider__suffix {
    -ms-flex-item-align: center;
        align-self: center; }
  .dnb-slider--vertical .dnb-slider__suffix {
    padding-left: 0;
    padding-top: 0.5rem; }
  .dnb-slider__track {
    -ms-touch-action: none;
        touch-action: none;
    position: relative;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 1.5rem;
    margin: 0 calc(1rem * 1.5);
    margin: 0 calc(var(--slider-space)*1.5);
    margin: 0 calc(var(--slider-space) * 1.5);
    min-width: 2rem;
    cursor: pointer; }
  .dnb-slider--vertical .dnb-slider__track {
    margin: 1.5rem 0;
    margin: calc(1rem * 1.5) 0;
    margin: calc(var(--slider-space)*1.5) 0;
    margin: calc(var(--slider-space) * 1.5) 0;
    min-height: 2rem;
    min-width: auto; }
  .dnb-slider--no-buttons .dnb-slider__track {
    margin: 0 1rem;
    margin: 0 calc(1rem);
    margin: 0 calc(var(--slider-space)); }
  .dnb-slider--no-buttons.dnb-slider--vertical .dnb-slider__track {
    margin: 1rem 0;
    margin: calc(1rem) 0;
    margin: calc(var(--slider-space)) 0; }
  .dnb-slider--vertical .dnb-slider__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 2rem;
    width: var(--slider-thumb-size);
    height: inherit;
    min-width: inherit;
    min-height: inherit; }
  .dnb-slider__line {
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0 -1rem;
    margin: 0 calc(1px - 1px - 1rem);
    margin: 0 calc(0px - var(--slider-space));
    margin: 0 calc(1px - 1px - var(--slider-space));
    height: 0.25rem;
    height: var(--slider-track-height);
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);
    background-color: grey;
    border-radius: 0.25rem;
    border-radius: var(--slider-track-height); }
  .dnb-slider--vertical .dnb-slider__line {
    width: 0.25rem;
    width: var(--slider-track-height);
    height: auto;
    left: 50%;
    top: 0;
    margin: -1rem 0;
    margin: calc(1px - 1px - 1rem) 0;
    margin: calc(0px - var(--slider-space)) 0;
    margin: calc(1px - 1px - var(--slider-space)) 0;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  .dnb-slider__line__before {
    z-index: 2; }
  .dnb-slider__line__after {
    z-index: 1;
    right: 0;
    background-color: #ddd; }
  .dnb-slider--vertical .dnb-slider__line__before {
    top: 0;
    bottom: 0; }
  .dnb-slider--vertical .dnb-slider__line__after {
    bottom: 0; }
  .dnb-slider__button-helper, .dnb-slider__thumb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
    border-radius: 50%; }
    .dnb-slider__button-helper,
    .dnb-slider__button-helper .dnb-button, .dnb-slider__thumb,
    .dnb-slider__thumb .dnb-button {
      height: 2rem;
      height: var(--slider-thumb-size);
      width: 2rem;
      width: var(--slider-thumb-size); }
  .dnb-slider--vertical .dnb-slider__thumb {
    -webkit-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0); }
  .dnb-slider__button.dnb-button--size-small {
    height: 1.5rem;
    height: var(--slider-button-size);
    width: 1.5rem;
    width: var(--slider-button-size);
    line-height: 1.5rem;
    line-height: var(--slider-button-size);
    -webkit-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
    z-index: 2; }
  .dnb-slider--vertical .dnb-slider__button.dnb-button--size-small {
    -webkit-transform: translateX(0.25rem);
            transform: translateX(0.25rem); }
  .dnb-slider__state--disabled .dnb-slider__track,
  .dnb-slider__state--disabled .dnb-slider__thumb,
  .dnb-slider__state--disabled .dnb-slider__line {
    cursor: not-allowed; }
  .dnb-slider__state--animate .dnb-slider__thumb,
  .dnb-slider__state--animate .dnb-slider__line {
    -webkit-transition: left 250ms cubic-bezier(0.42, 0, 0, 1), top 250ms cubic-bezier(0.42, 0, 0, 1), bottom 250ms cubic-bezier(0.42, 0, 0, 1), right 250ms cubic-bezier(0.42, 0, 0, 1), -webkit-box-shadow 250ms cubic-bezier(0.42, 0, 0, 1);
    transition: left 250ms cubic-bezier(0.42, 0, 0, 1), top 250ms cubic-bezier(0.42, 0, 0, 1), bottom 250ms cubic-bezier(0.42, 0, 0, 1), right 250ms cubic-bezier(0.42, 0, 0, 1), -webkit-box-shadow 250ms cubic-bezier(0.42, 0, 0, 1);
    transition: left 250ms cubic-bezier(0.42, 0, 0, 1), top 250ms cubic-bezier(0.42, 0, 0, 1), bottom 250ms cubic-bezier(0.42, 0, 0, 1), right 250ms cubic-bezier(0.42, 0, 0, 1), box-shadow 250ms cubic-bezier(0.42, 0, 0, 1);
    transition: left 250ms cubic-bezier(0.42, 0, 0, 1), top 250ms cubic-bezier(0.42, 0, 0, 1), bottom 250ms cubic-bezier(0.42, 0, 0, 1), right 250ms cubic-bezier(0.42, 0, 0, 1), box-shadow 250ms cubic-bezier(0.42, 0, 0, 1), -webkit-box-shadow 250ms cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: left 250ms var(--easing-default), top 250ms var(--easing-default), bottom 250ms var(--easing-default), right 250ms var(--easing-default), -webkit-box-shadow 250ms var(--easing-default);
    transition: left 250ms var(--easing-default), top 250ms var(--easing-default), bottom 250ms var(--easing-default), right 250ms var(--easing-default), -webkit-box-shadow 250ms var(--easing-default);
    transition: left 250ms var(--easing-default), top 250ms var(--easing-default), bottom 250ms var(--easing-default), right 250ms var(--easing-default), box-shadow 250ms var(--easing-default);
    transition: left 250ms var(--easing-default), top 250ms var(--easing-default), bottom 250ms var(--easing-default), right 250ms var(--easing-default), box-shadow 250ms var(--easing-default), -webkit-box-shadow 250ms var(--easing-default); }
  html[data-visual-test] .dnb-slider__thumb,
  html[data-visual-test] .dnb-slider__line {
    -webkit-transition: none !important;
    transition: none !important; }
  .dnb-slider__button-helper {
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    -webkit-transform: translate3d(0.0625rem, 0, 0);
            transform: translate3d(0.0625rem, 0, 0); }
  .dnb-slider__button-helper:not(:disabled):focus ~ .dnb-button {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-slider__button-helper:not(:disabled):focus ~ .dnb-button {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-slider__button-helper:not(:disabled):focus ~ .dnb-button {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-slider > .dnb-form-label {
    -ms-flex-item-align: start;
        align-self: flex-start;
    margin-right: 1rem;
    line-height: 2rem;
    line-height: var(--slider-thumb-size); }
  .dnb-slider > .dnb-form-label--vertical {
    margin-right: 0;
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-slider__label--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-slider__label--vertical.dnb-slider--vertical {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .dnb-slider__label--vertical.dnb-slider--vertical .dnb-form-label {
      text-align: center;
      width: 100%;
      margin-right: 0;
      margin-bottom: 0.5rem; }
  .dnb-slider .dnb-form-status {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.5rem; }
  .dnb-slider--vertical .dnb-form-status {
    margin-top: 1rem; }
  @media screen and (max-width: 40em) {
    .dnb-responsive-component .dnb-slider {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-slider > .dnb-form-label {
        margin-bottom: 0.5rem; } }
  .dnb-slider.dnb-skeleton .dnb-slider__line,
  .dnb-slider.dnb-skeleton .dnb-slider__state--disabled .dnb-slider__line {
    background-color: #ebebeb;
    background-color: var(--skeleton-color); }
  .dnb-slider.dnb-skeleton .dnb-slider__track::before, .dnb-slider.dnb-skeleton .dnb-slider__track::after,
  .dnb-slider.dnb-skeleton .dnb-slider__state--disabled.dnb-slider__track::before,
  .dnb-slider.dnb-skeleton .dnb-slider__state--disabled.dnb-slider__track::after {
    background-color: #ebebeb;
    background-color: var(--skeleton-color); }
  @media screen and (-ms-high-contrast: none) {
    .dnb-slider__wrapper {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; } }

/*
 * Space component
 *
 * TODO: Set spacing in the theme file, as theme comes later in the stack
 *
 */
/** NB: Because CSS specificity ".dnb-core-style .dnb-space"
    has to come before the next ".dnb-space"
  */
.dnb-core-style .dnb-space__top--zero {
  margin-top: 0; }

.dnb-core-style .dnb-space__top--xx-small {
  margin-top: 0.25rem;
  margin-top: var(--spacing-xx-small); }

.dnb-core-style .dnb-space__top--x-small {
  margin-top: 0.5rem;
  margin-top: var(--spacing-x-small); }

.dnb-core-style .dnb-space__top--small {
  margin-top: 1rem;
  margin-top: var(--spacing-small); }

.dnb-core-style .dnb-space__top--medium {
  margin-top: 1.5rem;
  margin-top: var(--spacing-medium); }

.dnb-core-style .dnb-space__top--large {
  margin-top: 2rem;
  margin-top: var(--spacing-large); }

.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small {
  margin-top: 2.5rem;
  margin-top: calc( 2rem + 0.5rem);
  margin-top: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-top: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__top--x-large {
  margin-top: 3rem;
  margin-top: var(--spacing-x-large); }

.dnb-core-style .dnb-space__top--xx-large {
  margin-top: 3.5rem;
  margin-top: var(--spacing-xx-large); }

.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-small {
  margin-top: 4rem;
  margin-top: calc( 2rem + 2rem);
  margin-top: calc(var(--spacing-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--small {
  margin-top: 4.5rem;
  margin-top: calc( 3rem + 1.5rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--medium {
  margin-top: 5rem;
  margin-top: calc( 3rem + 2rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large {
  margin-top: 5.5rem;
  margin-top: calc( 3rem + 2rem + 0.5rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small {
  margin-top: 6rem;
  margin-top: calc( 3rem + 2rem + 1rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-large {
  margin-top: 6.5rem;
  margin-top: calc( 3.5rem + 3rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__top--xx-large-x2 {
  margin-top: 7rem;
  margin-top: calc( 3rem + 2rem + 2rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-small {
  margin-top: 7.5rem;
  margin-top: calc( 3.5rem + 2rem + 2rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--small {
  margin-top: 8rem;
  margin-top: calc( 3rem + 3rem + 2rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--medium {
  margin-top: 8.5rem;
  margin-top: calc( 3.5rem + 3rem + 2rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large {
  margin-top: 9rem;
  margin-top: calc( 3rem + 3rem + 3rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small {
  margin-top: 9.5rem;
  margin-top: calc( 3.5rem + 3rem + 3rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-large {
  margin-top: 10rem;
  margin-top: calc( 3.5rem + 3.5rem + 3rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__right--zero {
  margin-right: 0; }

.dnb-core-style .dnb-space__right--xx-small {
  margin-right: 0.25rem;
  margin-right: var(--spacing-xx-small); }

.dnb-core-style .dnb-space__right--x-small {
  margin-right: 0.5rem;
  margin-right: var(--spacing-x-small); }

.dnb-core-style .dnb-space__right--small {
  margin-right: 1rem;
  margin-right: var(--spacing-small); }

.dnb-core-style .dnb-space__right--medium {
  margin-right: 1.5rem;
  margin-right: var(--spacing-medium); }

.dnb-core-style .dnb-space__right--large {
  margin-right: 2rem;
  margin-right: var(--spacing-large); }

.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small {
  margin-right: 2.5rem;
  margin-right: calc( 2rem + 0.5rem);
  margin-right: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-right: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__right--x-large {
  margin-right: 3rem;
  margin-right: var(--spacing-x-large); }

.dnb-core-style .dnb-space__right--xx-large {
  margin-right: 3.5rem;
  margin-right: var(--spacing-xx-large); }

.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-small {
  margin-right: 4rem;
  margin-right: calc( 2rem + 2rem);
  margin-right: calc(var(--spacing-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--small {
  margin-right: 4.5rem;
  margin-right: calc( 3rem + 1.5rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--medium {
  margin-right: 5rem;
  margin-right: calc( 3rem + 2rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large {
  margin-right: 5.5rem;
  margin-right: calc( 3rem + 2rem + 0.5rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small {
  margin-right: 6rem;
  margin-right: calc( 3rem + 2rem + 1rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-large {
  margin-right: 6.5rem;
  margin-right: calc( 3.5rem + 3rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__right--xx-large-x2 {
  margin-right: 7rem;
  margin-right: calc( 3rem + 2rem + 2rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-small {
  margin-right: 7.5rem;
  margin-right: calc( 3.5rem + 2rem + 2rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--small {
  margin-right: 8rem;
  margin-right: calc( 3rem + 3rem + 2rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--medium {
  margin-right: 8.5rem;
  margin-right: calc( 3.5rem + 3rem + 2rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large {
  margin-right: 9rem;
  margin-right: calc( 3rem + 3rem + 3rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small {
  margin-right: 9.5rem;
  margin-right: calc( 3.5rem + 3rem + 3rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-large {
  margin-right: 10rem;
  margin-right: calc( 3.5rem + 3.5rem + 3rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__bottom--zero {
  margin-bottom: 0; }

.dnb-core-style .dnb-space__bottom--xx-small {
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-xx-small); }

.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-x-small); }

.dnb-core-style .dnb-space__bottom--small {
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-small); }

.dnb-core-style .dnb-space__bottom--medium {
  margin-bottom: 1.5rem;
  margin-bottom: var(--spacing-medium); }

.dnb-core-style .dnb-space__bottom--large {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-large); }

.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: 2.5rem;
  margin-bottom: calc( 2rem + 0.5rem);
  margin-bottom: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-bottom: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__bottom--x-large {
  margin-bottom: 3rem;
  margin-bottom: var(--spacing-x-large); }

.dnb-core-style .dnb-space__bottom--xx-large {
  margin-bottom: 3.5rem;
  margin-bottom: var(--spacing-xx-large); }

.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: 4rem;
  margin-bottom: calc( 2rem + 2rem);
  margin-bottom: calc(var(--spacing-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--small {
  margin-bottom: 4.5rem;
  margin-bottom: calc( 3rem + 1.5rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--medium {
  margin-bottom: 5rem;
  margin-bottom: calc( 3rem + 2rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large {
  margin-bottom: 5.5rem;
  margin-bottom: calc( 3rem + 2rem + 0.5rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: 6rem;
  margin-bottom: calc( 3rem + 2rem + 1rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-large {
  margin-bottom: 6.5rem;
  margin-bottom: calc( 3.5rem + 3rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__bottom--xx-large-x2 {
  margin-bottom: 7rem;
  margin-bottom: calc( 3rem + 2rem + 2rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: 7.5rem;
  margin-bottom: calc( 3.5rem + 2rem + 2rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--small {
  margin-bottom: 8rem;
  margin-bottom: calc( 3rem + 3rem + 2rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--medium {
  margin-bottom: 8.5rem;
  margin-bottom: calc( 3.5rem + 3rem + 2rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large {
  margin-bottom: 9rem;
  margin-bottom: calc( 3rem + 3rem + 3rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: 9.5rem;
  margin-bottom: calc( 3.5rem + 3rem + 3rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-large {
  margin-bottom: 10rem;
  margin-bottom: calc( 3.5rem + 3.5rem + 3rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__left--zero {
  margin-left: 0; }

.dnb-core-style .dnb-space__left--xx-small {
  margin-left: 0.25rem;
  margin-left: var(--spacing-xx-small); }

.dnb-core-style .dnb-space__left--x-small {
  margin-left: 0.5rem;
  margin-left: var(--spacing-x-small); }

.dnb-core-style .dnb-space__left--small {
  margin-left: 1rem;
  margin-left: var(--spacing-small); }

.dnb-core-style .dnb-space__left--medium {
  margin-left: 1.5rem;
  margin-left: var(--spacing-medium); }

.dnb-core-style .dnb-space__left--large {
  margin-left: 2rem;
  margin-left: var(--spacing-large); }

.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small {
  margin-left: 2.5rem;
  margin-left: calc( 2rem + 0.5rem);
  margin-left: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-left: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__left--x-large {
  margin-left: 3rem;
  margin-left: var(--spacing-x-large); }

.dnb-core-style .dnb-space__left--xx-large {
  margin-left: 3.5rem;
  margin-left: var(--spacing-xx-large); }

.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-small {
  margin-left: 4rem;
  margin-left: calc( 2rem + 2rem);
  margin-left: calc(var(--spacing-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--small {
  margin-left: 4.5rem;
  margin-left: calc( 3rem + 1.5rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--medium {
  margin-left: 5rem;
  margin-left: calc( 3rem + 2rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large {
  margin-left: 5.5rem;
  margin-left: calc( 3rem + 2rem + 0.5rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small {
  margin-left: 6rem;
  margin-left: calc( 3rem + 2rem + 1rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-large {
  margin-left: 6.5rem;
  margin-left: calc( 3.5rem + 3rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__left--xx-large-x2 {
  margin-left: 7rem;
  margin-left: calc( 3rem + 2rem + 2rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-small {
  margin-left: 7.5rem;
  margin-left: calc( 3.5rem + 2rem + 2rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--small {
  margin-left: 8rem;
  margin-left: calc( 3rem + 3rem + 2rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--medium {
  margin-left: 8.5rem;
  margin-left: calc( 3.5rem + 3rem + 2rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large {
  margin-left: 9rem;
  margin-left: calc( 3rem + 3rem + 3rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small {
  margin-left: 9.5rem;
  margin-left: calc( 3.5rem + 3rem + 3rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-large {
  margin-left: 10rem;
  margin-left: calc( 3.5rem + 3.5rem + 3rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

/* stylelint-disable */
.dnb-space--no-collapse {
  display: flow-root; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-space--no-collapse {
      overflow: auto; } }

.dnb-space--stretch {
  width: 100%; }

.dnb-space--inline {
  display: inline-block; }

.dnb-space__top--zero {
  margin-top: 0; }

.dnb-space__top--xx-small {
  margin-top: 0.25rem;
  margin-top: var(--spacing-xx-small); }

.dnb-space__top--x-small {
  margin-top: 0.5rem;
  margin-top: var(--spacing-x-small); }

.dnb-space__top--small {
  margin-top: 1rem;
  margin-top: var(--spacing-small); }

.dnb-space__top--medium {
  margin-top: 1.5rem;
  margin-top: var(--spacing-medium); }

.dnb-space__top--large {
  margin-top: 2rem;
  margin-top: var(--spacing-large); }

.dnb-space__top--large.dnb-space__top--x-small {
  margin-top: 2.5rem;
  margin-top: calc( 2rem + 0.5rem);
  margin-top: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-top: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__top--x-large {
  margin-top: 3rem;
  margin-top: var(--spacing-x-large); }

.dnb-space__top--xx-large {
  margin-top: 3.5rem;
  margin-top: var(--spacing-xx-large); }

.dnb-space__top--xx-large.dnb-space__top--x-small {
  margin-top: 4rem;
  margin-top: calc( 2rem + 2rem);
  margin-top: calc(var(--spacing-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-space__top--xx-large.dnb-space__top--small {
  margin-top: 4.5rem;
  margin-top: calc( 3rem + 1.5rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-space__top--xx-large.dnb-space__top--medium {
  margin-top: 5rem;
  margin-top: calc( 3rem + 2rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__top--xx-large.dnb-space__top--large {
  margin-top: 5.5rem;
  margin-top: calc( 3rem + 2rem + 0.5rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__top--xx-large.dnb-space__top--large.dnb-space__top--x-small {
  margin-top: 6rem;
  margin-top: calc( 3rem + 2rem + 1rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-space__top--xx-large.dnb-space__top--x-large {
  margin-top: 6.5rem;
  margin-top: calc( 3.5rem + 3rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-space__top--xx-large-x2 {
  margin-top: 7rem;
  margin-top: calc( 3rem + 2rem + 2rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__top--xx-large-x2.dnb-space__top--x-small {
  margin-top: 7.5rem;
  margin-top: calc( 3.5rem + 2rem + 2rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__top--xx-large-x2.dnb-space__top--small {
  margin-top: 8rem;
  margin-top: calc( 3rem + 3rem + 2rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__top--xx-large-x2.dnb-space__top--medium {
  margin-top: 8.5rem;
  margin-top: calc( 3.5rem + 3rem + 2rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__top--xx-large-x2.dnb-space__top--large {
  margin-top: 9rem;
  margin-top: calc( 3rem + 3rem + 3rem);
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__top--xx-large-x2.dnb-space__top--large.dnb-space__top--x-small {
  margin-top: 9.5rem;
  margin-top: calc( 3.5rem + 3rem + 3rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__top--xx-large-x2.dnb-space__top--x-large {
  margin-top: 10rem;
  margin-top: calc( 3.5rem + 3.5rem + 3rem);
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-top: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-space__right--zero {
  margin-right: 0; }

.dnb-space__right--xx-small {
  margin-right: 0.25rem;
  margin-right: var(--spacing-xx-small); }

.dnb-space__right--x-small {
  margin-right: 0.5rem;
  margin-right: var(--spacing-x-small); }

.dnb-space__right--small {
  margin-right: 1rem;
  margin-right: var(--spacing-small); }

.dnb-space__right--medium {
  margin-right: 1.5rem;
  margin-right: var(--spacing-medium); }

.dnb-space__right--large {
  margin-right: 2rem;
  margin-right: var(--spacing-large); }

.dnb-space__right--large.dnb-space__right--x-small {
  margin-right: 2.5rem;
  margin-right: calc( 2rem + 0.5rem);
  margin-right: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-right: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__right--x-large {
  margin-right: 3rem;
  margin-right: var(--spacing-x-large); }

.dnb-space__right--xx-large {
  margin-right: 3.5rem;
  margin-right: var(--spacing-xx-large); }

.dnb-space__right--xx-large.dnb-space__right--x-small {
  margin-right: 4rem;
  margin-right: calc( 2rem + 2rem);
  margin-right: calc(var(--spacing-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-space__right--xx-large.dnb-space__right--small {
  margin-right: 4.5rem;
  margin-right: calc( 3rem + 1.5rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-space__right--xx-large.dnb-space__right--medium {
  margin-right: 5rem;
  margin-right: calc( 3rem + 2rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__right--xx-large.dnb-space__right--large {
  margin-right: 5.5rem;
  margin-right: calc( 3rem + 2rem + 0.5rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__right--xx-large.dnb-space__right--large.dnb-space__right--x-small {
  margin-right: 6rem;
  margin-right: calc( 3rem + 2rem + 1rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-space__right--xx-large.dnb-space__right--x-large {
  margin-right: 6.5rem;
  margin-right: calc( 3.5rem + 3rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-space__right--xx-large-x2 {
  margin-right: 7rem;
  margin-right: calc( 3rem + 2rem + 2rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__right--xx-large-x2.dnb-space__right--x-small {
  margin-right: 7.5rem;
  margin-right: calc( 3.5rem + 2rem + 2rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__right--xx-large-x2.dnb-space__right--small {
  margin-right: 8rem;
  margin-right: calc( 3rem + 3rem + 2rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__right--xx-large-x2.dnb-space__right--medium {
  margin-right: 8.5rem;
  margin-right: calc( 3.5rem + 3rem + 2rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__right--xx-large-x2.dnb-space__right--large {
  margin-right: 9rem;
  margin-right: calc( 3rem + 3rem + 3rem);
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__right--xx-large-x2.dnb-space__right--large.dnb-space__right--x-small {
  margin-right: 9.5rem;
  margin-right: calc( 3.5rem + 3rem + 3rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__right--xx-large-x2.dnb-space__right--x-large {
  margin-right: 10rem;
  margin-right: calc( 3.5rem + 3.5rem + 3rem);
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-right: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-space__bottom--zero {
  margin-bottom: 0; }

.dnb-space__bottom--xx-small {
  margin-bottom: 0.25rem;
  margin-bottom: var(--spacing-xx-small); }

.dnb-space__bottom--x-small {
  margin-bottom: 0.5rem;
  margin-bottom: var(--spacing-x-small); }

.dnb-space__bottom--small {
  margin-bottom: 1rem;
  margin-bottom: var(--spacing-small); }

.dnb-space__bottom--medium {
  margin-bottom: 1.5rem;
  margin-bottom: var(--spacing-medium); }

.dnb-space__bottom--large {
  margin-bottom: 2rem;
  margin-bottom: var(--spacing-large); }

.dnb-space__bottom--large.dnb-space__bottom--x-small {
  margin-bottom: 2.5rem;
  margin-bottom: calc( 2rem + 0.5rem);
  margin-bottom: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-bottom: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__bottom--x-large {
  margin-bottom: 3rem;
  margin-bottom: var(--spacing-x-large); }

.dnb-space__bottom--xx-large {
  margin-bottom: 3.5rem;
  margin-bottom: var(--spacing-xx-large); }

.dnb-space__bottom--xx-large.dnb-space__bottom--x-small {
  margin-bottom: 4rem;
  margin-bottom: calc( 2rem + 2rem);
  margin-bottom: calc(var(--spacing-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-space__bottom--xx-large.dnb-space__bottom--small {
  margin-bottom: 4.5rem;
  margin-bottom: calc( 3rem + 1.5rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-space__bottom--xx-large.dnb-space__bottom--medium {
  margin-bottom: 5rem;
  margin-bottom: calc( 3rem + 2rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__bottom--xx-large.dnb-space__bottom--large {
  margin-bottom: 5.5rem;
  margin-bottom: calc( 3rem + 2rem + 0.5rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__bottom--xx-large.dnb-space__bottom--large.dnb-space__bottom--x-small {
  margin-bottom: 6rem;
  margin-bottom: calc( 3rem + 2rem + 1rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-space__bottom--xx-large.dnb-space__bottom--x-large {
  margin-bottom: 6.5rem;
  margin-bottom: calc( 3.5rem + 3rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-space__bottom--xx-large-x2 {
  margin-bottom: 7rem;
  margin-bottom: calc( 3rem + 2rem + 2rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-small {
  margin-bottom: 7.5rem;
  margin-bottom: calc( 3.5rem + 2rem + 2rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__bottom--xx-large-x2.dnb-space__bottom--small {
  margin-bottom: 8rem;
  margin-bottom: calc( 3rem + 3rem + 2rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__bottom--xx-large-x2.dnb-space__bottom--medium {
  margin-bottom: 8.5rem;
  margin-bottom: calc( 3.5rem + 3rem + 2rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large {
  margin-bottom: 9rem;
  margin-bottom: calc( 3rem + 3rem + 3rem);
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large.dnb-space__bottom--x-small {
  margin-bottom: 9.5rem;
  margin-bottom: calc( 3.5rem + 3rem + 3rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-large {
  margin-bottom: 10rem;
  margin-bottom: calc( 3.5rem + 3.5rem + 3rem);
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-bottom: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-space__left--zero {
  margin-left: 0; }

.dnb-space__left--xx-small {
  margin-left: 0.25rem;
  margin-left: var(--spacing-xx-small); }

.dnb-space__left--x-small {
  margin-left: 0.5rem;
  margin-left: var(--spacing-x-small); }

.dnb-space__left--small {
  margin-left: 1rem;
  margin-left: var(--spacing-small); }

.dnb-space__left--medium {
  margin-left: 1.5rem;
  margin-left: var(--spacing-medium); }

.dnb-space__left--large {
  margin-left: 2rem;
  margin-left: var(--spacing-large); }

.dnb-space__left--large.dnb-space__left--x-small {
  margin-left: 2.5rem;
  margin-left: calc( 2rem + 0.5rem);
  margin-left: calc(var(--spacing-large) + var(--spacing-x-small));
  margin-left: calc( var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__left--x-large {
  margin-left: 3rem;
  margin-left: var(--spacing-x-large); }

.dnb-space__left--xx-large {
  margin-left: 3.5rem;
  margin-left: var(--spacing-xx-large); }

.dnb-space__left--xx-large.dnb-space__left--x-small {
  margin-left: 4rem;
  margin-left: calc( 2rem + 2rem);
  margin-left: calc(var(--spacing-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-large) + var(--spacing-large)); }

.dnb-space__left--xx-large.dnb-space__left--small {
  margin-left: 4.5rem;
  margin-left: calc( 3rem + 1.5rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-medium));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-medium)); }

.dnb-space__left--xx-large.dnb-space__left--medium {
  margin-left: 5rem;
  margin-left: calc( 3rem + 2rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__left--xx-large.dnb-space__left--large {
  margin-left: 5.5rem;
  margin-left: calc( 3rem + 2rem + 0.5rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small)); }

.dnb-space__left--xx-large.dnb-space__left--large.dnb-space__left--x-small {
  margin-left: 6rem;
  margin-left: calc( 3rem + 2rem + 1rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small)); }

.dnb-space__left--xx-large.dnb-space__left--x-large {
  margin-left: 6.5rem;
  margin-left: calc( 3.5rem + 3rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-x-large)); }

.dnb-space__left--xx-large-x2 {
  margin-left: 7rem;
  margin-left: calc( 3rem + 2rem + 2rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__left--xx-large-x2.dnb-space__left--x-small {
  margin-left: 7.5rem;
  margin-left: calc( 3.5rem + 2rem + 2rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large)); }

.dnb-space__left--xx-large-x2.dnb-space__left--small {
  margin-left: 8rem;
  margin-left: calc( 3rem + 3rem + 2rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__left--xx-large-x2.dnb-space__left--medium {
  margin-left: 8.5rem;
  margin-left: calc( 3.5rem + 3rem + 2rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large)); }

.dnb-space__left--xx-large-x2.dnb-space__left--large {
  margin-left: 9rem;
  margin-left: calc( 3rem + 3rem + 3rem);
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__left--xx-large-x2.dnb-space__left--large.dnb-space__left--x-small {
  margin-left: 9.5rem;
  margin-left: calc( 3.5rem + 3rem + 3rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large)); }

.dnb-space__left--xx-large-x2.dnb-space__left--x-large {
  margin-left: 10rem;
  margin-left: calc( 3.5rem + 3.5rem + 3rem);
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
  margin-left: calc( var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large)); }

span.dnb-space--no-collapse > span {
  display: block; }

/* stylelint-enable */
/*
 * StepIndicator component
 *
 */
/*
 * Deprecated v1
 *
 */
.dnb-step-indicator-v1 .dnb-step-indicator {
  position: relative;
  z-index: 1;
  display: block;
  padding: 0; }
  .dnb-step-indicator-v1 .dnb-step-indicator__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none; }
  .dnb-spacing .dnb-step-indicator-v1 .dnb-step-indicator__list,
  .dnb-spacing .dnb-step-indicator-v1 .dnb-step-indicator__list li {
    margin-top: 0;
    margin-bottom: 0; }
  .dnb-step-indicator-v1 .dnb-step-indicator__item {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .dnb-step-indicator-v1 .dnb-step-indicator__item-content {
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
    .dnb-step-indicator-v1 .dnb-step-indicator__item-contenta, .dnb-step-indicator-v1 .dnb-step-indicator__item-content.dnb-anchor, .dnb-step-indicator-v1 .dnb-step-indicator__item-content--static, .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link {
      position: relative;
      z-index: 2;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin: 0;
      padding: 0.25rem 0.25rem;
      height: 100%;
      border-bottom: none;
      text-decoration: none;
      -webkit-box-shadow: none;
              box-shadow: none; }
    .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link.dnb-anchor {
      line-height: 1.5rem;
      line-height: var(--line-height-basis); }
    .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus[disabled],
    html:not([data-whatintent='touch']) .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus[disabled] {
      cursor: not-allowed; }
    .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled]) {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled]) {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled]) {
            -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                    box-shadow: 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
      .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled])::after,
      html:not([data-whatintent='touch']) .dnb-step-indicator-v1 .dnb-step-indicator__item-content--link:focus:not([disabled])::after {
        content: none; }
    .dnb-step-indicator-v1 .dnb-step-indicator__item-content--number {
      padding-right: 0.25rem;
      white-space: nowrap; }
    .dnb-step-indicator-v1 .dnb-step-indicator__item-content--text {
      text-align: left; }
    .dnb-step-indicator-v1 .dnb-step-indicator__item-content::after {
      content: '';
      position: absolute;
      z-index: 1;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 3px;
      border-radius: 1.5px; }
  .dnb-step-indicator-v1 .dnb-step-indicator::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -100vw;
    bottom: 0;
    width: 100vw;
    height: 1px;
    color: #000;
    color: var(--color-black);
    background-color: currentColor;
    -webkit-box-shadow: 100vw 0 0 0 currentColor;
            box-shadow: 100vw 0 0 0 currentColor; }

@media screen and (min-width: 50.1em) {
  .dnb-step-indicator__sidebar {
    max-width: 20rem;
    margin-right: 3rem;
    margin-right: var(--spacing-x-large); }
    .dnb-step-indicator__sidebar .dnb-step-indicator__item {
      min-width: 320px; } }

@media screen and (max-width: 50.1em) {
  .dnb-step-indicator__sidebar--ssr-skeleton {
    visibility: hidden;
    overflow: hidden;
    width: 0;
    height: 5.5rem; } }

.dnb-step-indicator-v2 .dnb-step-indicator__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none; }

.dnb-step-indicator-v2 .dnb-step-indicator__trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }

.dnb-step-indicator-v2 .dnb-step-indicator__trigger__button,
.dnb-step-indicator-v2 .dnb-step-indicator__item .dnb-button {
  overflow: hidden;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 0.25rem;
  will-change: height;
  -webkit-transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
  transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
  -webkit-transition: height 400ms var(--easing-default);
  transition: height 400ms var(--easing-default); }
  .dnb-step-indicator-v2 .dnb-step-indicator__trigger__button .dnb-button__text,
  .dnb-step-indicator-v2 .dnb-step-indicator__item .dnb-button .dnb-button__text {
    text-align: left; }
  .dnb-step-indicator-v2 .dnb-step-indicator__trigger__button.dnb-button--has-icon .dnb-button__text,
  .dnb-step-indicator-v2 .dnb-step-indicator__item .dnb-button.dnb-button--has-icon .dnb-button__text {
    margin-right: 1rem; }
  .dnb-step-indicator-v2 .dnb-step-indicator__trigger__button .dnb-button__alignment,
  .dnb-step-indicator-v2 .dnb-step-indicator__item .dnb-button .dnb-button__alignment {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  html[data-visual-test] .dnb-step-indicator-v2 .dnb-step-indicator__trigger__button, html[data-visual-test]
  .dnb-step-indicator-v2 .dnb-step-indicator__item .dnb-button {
    -webkit-transition-duration: 1ms !important;
            transition-duration: 1ms !important; }

.dnb-step-indicator-v2 .dnb-step-indicator__trigger button.dnb-step-indicator-v2 .dnb-step-indicator__trigger__button {
  margin-top: 0.5rem; }

.dnb-step-indicator-v2 .dnb-step-indicator__item {
  margin-bottom: 1rem; }
  .dnb-step-indicator-v2 .dnb-step-indicator__item .dnb-button__icon {
    opacity: 1;
    -webkit-transition: opacity 1400ms ease-in-out;
    transition: opacity 1400ms ease-in-out; }
    html[data-visual-test] .dnb-step-indicator-v2 .dnb-step-indicator__item .dnb-button__icon {
      -webkit-transition-duration: 1ms !important;
              transition-duration: 1ms !important; }
  .dnb-step-indicator-v2 .dnb-step-indicator__item:not(.dnb-step-indicator__item--visited) .dnb-button:not(.dnb-step-indicator__button__status)
.dnb-button__icon {
    opacity: 0; }

.dnb-step-indicator-v2 .dnb-step-indicator__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0.5rem 0; }
  .dnb-step-indicator-v2 .dnb-step-indicator__item-content__number {
    padding-right: 0.5rem;
    white-space: nowrap; }
  .dnb-step-indicator-v2 .dnb-step-indicator__item-content__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }

.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
  color: #333;
  color: var(--color-black-80);
  font-size: 0.875rem;
  font-size: var(--font-size-x-small); }

/*
* Switch component
*
*/
:root {
  --switch-width--medium: 2.5rem;
  --switch-height--medium: 1.5rem;
  --switch-width--large: 3.25rem;
  --switch-height--large: 2rem;
  --switch-border-width--medium: 0.0625rem;
  --switch-border-width--large: 0.125rem; }

.dnb-switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.5rem;
  line-height: var(--line-height-basis);
  /*
    * When switched OFF
    * aka when the switch is not :checked
    */
  /*
  * When switched ON
  * aka when the switch is :checked
  */ }
  .dnb-switch__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
  .dnb-switch__shell {
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-switch--large {
    line-height: 2rem;
    line-height: var(--switch-height--large); }
  .dnb-switch--large .dnb-switch__shell {
    height: 2rem;
    height: var(--switch-height--large); }
  .dnb-switch__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 1.5rem;
    height: var(--switch-height--medium); }
  .dnb-switch__focus, .dnb-switch__button {
    position: absolute;
    z-index: 4;
    border-radius: 50%; }
  .dnb-switch__button {
    left: 0;
    width: 1.5rem;
    width: var(--switch-height--medium);
    height: 1.5rem;
    height: var(--switch-height--medium);
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 160ms ease-out 125ms;
    transition: -webkit-transform 160ms ease-out 125ms;
    transition: transform 160ms ease-out 125ms;
    transition: transform 160ms ease-out 125ms, -webkit-transform 160ms ease-out 125ms;
    border: 0.0625rem solid transparent;
    border: var(--switch-border-width--medium) solid transparent; }
    .dnb-switch--large .dnb-switch__button {
      width: 2rem;
      width: var(--switch-height--large);
      height: 2rem;
      height: var(--switch-height--large);
      border-width: 0.125rem;
      border-width: var(--switch-border-width--large); }
  .dnb-switch__focus {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition: -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out;
    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
            clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-switch__focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-switch__focus {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform: translateX(-0.0625rem);
    -webkit-transform: translateX(calc(1px - 1px - 0.0625rem));
            transform: translateX(-0.0625rem);
            transform: translateX(calc(1px - 1px - 0.0625rem));
    -webkit-transform: translateX(calc(0px - var(--switch-border-width--medium)));
    -webkit-transform: translateX(calc(1px - 1px - var(--switch-border-width--medium)));
            transform: translateX(calc(0px - var(--switch-border-width--medium)));
            transform: translateX(calc(1px - 1px - var(--switch-border-width--medium))); }
  .dnb-switch__input:checked ~ .dnb-switch__button {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
    -webkit-transform: translateX(1.0625rem);
    -webkit-transform: translateX(calc( 2.5rem - 1.5rem + 0.0625rem));
            transform: translateX(1.0625rem);
            transform: translateX(calc( 2.5rem - 1.5rem + 0.0625rem));
    -webkit-transform: translateX(calc(var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium)));
    -webkit-transform: translateX(calc( var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium)));
            transform: translateX(calc(var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium)));
            transform: translateX(calc( var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium))); }
  .dnb-switch--large .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
    -webkit-transform: translateX(-0.125rem);
    -webkit-transform: translateX(calc(1px - 1px - 0.125rem));
            transform: translateX(-0.125rem);
            transform: translateX(calc(1px - 1px - 0.125rem));
    -webkit-transform: translateX(calc(0px - var(--switch-border-width--large)));
    -webkit-transform: translateX(calc(1px - 1px - var(--switch-border-width--large)));
            transform: translateX(calc(0px - var(--switch-border-width--large)));
            transform: translateX(calc(1px - 1px - var(--switch-border-width--large))); }
  .dnb-switch--large .dnb-switch__input:checked ~ .dnb-switch__button {
    -webkit-transform: translateX(1.375rem);
    -webkit-transform: translateX(calc( 3.25rem - 2rem + 0.125rem));
            transform: translateX(1.375rem);
            transform: translateX(calc( 3.25rem - 2rem + 0.125rem));
    -webkit-transform: translateX(calc(var(--switch-width--large) - 2rem + var(--switch-border-width--large)));
    -webkit-transform: translateX(calc( var(--switch-width--large) - 2rem + var(--switch-border-width--large)));
            transform: translateX(calc(var(--switch-width--large) - 2rem + var(--switch-border-width--large)));
            transform: translateX(calc( var(--switch-width--large) - 2rem + var(--switch-border-width--large))); }
  .dnb-switch__background {
    width: 2.5rem;
    width: var(--switch-width--medium);
    height: 1rem;
    height: calc(1.5rem - 0.5rem);
    height: calc(var(--switch-height--medium) - 0.5rem);
    border-radius: 1.25rem;
    border-radius: calc(1.5rem - 0.5rem / 2);
    border-radius: calc(var(--switch-height--medium) - 0.25rem);
    border-radius: calc(var(--switch-height--medium) - 0.5rem / 2); }
    .dnb-switch--large .dnb-switch__background {
      width: 3.25rem;
      width: var(--switch-width--large);
      height: 1.25rem;
      height: calc(2rem - 0.75rem);
      height: calc(var(--switch-height--large) - 0.75rem);
      border-radius: 1.625rem;
      border-radius: calc(2rem - 0.75rem / 2);
      border-radius: calc(var(--switch-height--large) - 0.375rem);
      border-radius: calc(var(--switch-height--large) - 0.75rem / 2); }
  .dnb-switch__input {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
    display: block;
    width: 2.5rem;
    width: var(--switch-width--medium);
    height: 1.5rem;
    height: var(--switch-height--medium);
    margin: 0;
    padding: 0;
    border: 0; }
    .dnb-switch--large .dnb-switch__input {
      width: 3.25rem;
      width: var(--switch-width--large);
      height: 2rem;
      height: var(--switch-height--large); }
  .dnb-switch__input:not([disabled]) {
    cursor: pointer; }
  .dnb-switch .dnb-form-label {
    padding-right: 0.5rem;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0; }
  .dnb-switch__order {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .dnb-switch__suffix {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4; }
  .dnb-switch--label-position-left .dnb-switch__suffix {
    padding-left: 1rem; }
  .dnb-switch--label-position-left .dnb-switch__order .dnb-switch__inner {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-switch--label-position-left .dnb-switch__order .dnb-form-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .dnb-switch--label-position-left .dnb-switch__order .dnb-form-status {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 0.5rem; }
  .dnb-switch--label-position-right .dnb-switch__order .dnb-switch__inner {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-switch--label-position-right .dnb-switch__order .dnb-form-label {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-left: 0.5rem; }
  .dnb-switch--label-position-right .dnb-switch__order .dnb-form-status {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 0.5rem; }
  .dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__button,
  .dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__background::after {
    border-color: #ebebeb;
    border-color: var(--skeleton-color); }
  .dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__background {
    background-color: #ebebeb;
    background-color: var(--skeleton-color); }
  .dnb-switch.dnb-skeleton .dnb-switch__input[disabled]:not(:checked) ~ .dnb-switch__background::after {
    border-color: #fff;
    border-color: var(--skeleton-color--contrast); }
  @media screen and (-ms-high-contrast: none) {
    .dnb-switch {
      vertical-align: text-bottom; }
      .dnb-switch__order {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .dnb-switch__shell {
        -webkit-transform: translateY(0);
                transform: translateY(0); }
      .dnb-switch__input, .dnb-switch__focus, .dnb-switch__button {
        top: 0;
        bottom: 0;
        margin: auto 0; } }
  @supports (-ms-ime-align: auto) {
    .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
      -webkit-transform: translateX(0);
              transform: translateX(0); }
    .dnb-switch__input:checked ~ .dnb-switch__button {
      -webkit-transform: translateX(1rem);
      -webkit-transform: translateX(calc(2.5rem - 1.5rem));
              transform: translateX(1rem);
              transform: translateX(calc(2.5rem - 1.5rem));
      -webkit-transform: translateX(calc(var(--switch-width--medium) - 1.5rem));
              transform: translateX(calc(var(--switch-width--medium) - 1.5rem)); } }

/*
* Table component
*
*/
/*
* Button mixins
*
*/
.dnb-table {
  display: table;
  table-layout: auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
  border-spacing: 0;
  border-collapse: collapse; }
  .dnb-table--fixed {
    table-layout: fixed;
    width: auto; }
  .dnb-table--no-wrap {
    white-space: nowrap; }
  .dnb-table > caption {
    caption-side: bottom;
    padding: 0.5rem 0 0.5rem 1rem;
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    background-color: #fff;
    background-color: var(--color-white);
    text-align: left; }
  .dnb-table--border > caption:not(.dnb-sr-only) {
    position: relative; }
    .dnb-table--border > caption:not(.dnb-sr-only)::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      pointer-events: none;
      top: -0.0625rem;
      border-top: var(--border); }
  .dnb-table.dnb-skeleton > * {
    -webkit-text-fill-color: #ebebeb;
    -webkit-text-fill-color: var(--skeleton-color); }
  .dnb-table > thead > tr > th.dnb-table--sortable,
  .dnb-table .dnb-table__th.dnb-table--sortable {
    color: #007272;
    color: var(--color-sea-green); }
    .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button,
    .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button {
      position: relative;
      z-index: 1;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-shadow: none;
              box-shadow: none;
      line-height: inherit;
      margin: 0;
      padding: 0;
      padding-right: 0.5rem;
      color: inherit;
      font-weight: 500;
      font-weight: var(--font-weight-medium);
      text-align: inherit;
      font-size: inherit; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon {
        opacity: 0;
        -webkit-transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
        transition: opacity 200ms ease-out, -webkit-transform 500ms ease-out;
        transition: opacity 200ms ease-out, transform 500ms ease-out;
        transition: opacity 200ms ease-out, transform 500ms ease-out, -webkit-transform 500ms ease-out; }
        [data-visual-test-wrapper] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon, [data-visual-test-wrapper]
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon {
          -webkit-transition: none;
          transition: none; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text {
        margin: 0;
        font-size: inherit;
        line-height: inherit; }
        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text::after {
          right: 1rem; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon {
        -ms-flex-item-align: end;
            align-self: flex-end;
        margin-top: auto;
        margin-bottom: 0.25rem; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text::after,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text::after {
        opacity: 1;
        color: #007272;
        color: var(--color-sea-green); }
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled], html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled] {
        cursor: not-allowed; }
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]), html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) {
        color: #007272;
        color: var(--color-sea-green); }
        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent='touch'])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
          opacity: 1; }
        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after {
          opacity: 0; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled],
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled] {
        cursor: not-allowed; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before,
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before,
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before {
        content: '';
        position: absolute;
        top: -0.5rem;
        bottom: -0.5rem;
        left: -1rem;
        right: 0.5rem; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before,
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before,
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before {
        right: -0.5rem; }
      html[data-visual-test] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
      :not(.dnb-table--active) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
      :not(.dnb-table--active)
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
      :not(.dnb-table--active)
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test]
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon,
      :not(.dnb-table--active)
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon {
        opacity: 1; }
      html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test])
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
        opacity: 1;
        color: inherit; }
      html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test])
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after {
        visibility: visible; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled],
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled] {
        cursor: not-allowed; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),
      html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]),
      html:not([data-whatintent='touch'])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]) {
        color: #007272;
        color: var(--color-sea-green); }
        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch'])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
          content: '';
          position: absolute;
          z-index: 1;
          top: 0;
          left: -0.5rem;
          bottom: 0;
          right: -0.5rem;
          height: inherit;
          border-radius: inherit;
          outline: none; }
          html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
          html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
          html:not([data-whatintent='touch'])
          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
            --border-color: var(--color-emerald-green);
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color);
            border-color: transparent; }
            @media screen and (-ms-high-contrast: none) {
              html[data-whatinput='mouse'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
              html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='mouse']
              html:not([data-whatintent='touch'])
              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
                -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                        box-shadow: 0 0 0 0.125rem #14555a;
                -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                        box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch'])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
          content: '';
          position: absolute;
          z-index: 1;
          top: 0;
          left: -0.5rem;
          bottom: 0;
          right: -0.5rem;
          height: inherit;
          border-radius: inherit;
          outline: none; }
          html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
          html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
          html:not([data-whatintent='touch'])
          .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
            --border-color: var(--color-emerald-green);
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color);
            border-color: transparent; }
            @media screen and (-ms-high-contrast: none) {
              html[data-whatinput='touch'] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
              html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput='touch']
              html:not([data-whatintent='touch'])
              .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
                -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                        box-shadow: 0 0 0 0.125rem #14555a;
                -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                        box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch'])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
          content: '';
          position: absolute;
          top: -0.5rem;
          bottom: -0.5rem;
          left: -1rem;
          right: 0.5rem; }
        .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before,
        html:not([data-whatintent='touch'])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
          right: -0.5rem; }
      .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after {
        visibility: hidden; }
    .dnb-table > thead > tr > th.dnb-table--sortable[align='right'],
    .dnb-table .dnb-table__th.dnb-table--sortable[align='right'] {
      padding-right: 0.5rem; }
      .dnb-table > thead > tr > th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button,
      .dnb-table .dnb-table__th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse; }
        .dnb-table > thead > tr > th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right,
        .dnb-table .dnb-table__th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right {
          padding-right: 0.5rem; }
          .dnb-table > thead > tr > th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text,
          .dnb-table .dnb-table__th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text {
            padding-right: 0; }
            .dnb-table > thead > tr > th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text::after,
            .dnb-table .dnb-table__th.dnb-table--sortable[align='right'] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text::after {
              right: 0; }
  .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text::after {
    opacity: 0; }
  .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon {
    opacity: 1; }
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled], html:not([data-whatintent='touch'])
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled] {
    cursor: not-allowed; }
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after {
    color: #007272;
    color: var(--color-sea-green);
    opacity: 1; }
  .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled],
  html:not([data-whatintent='touch'])
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled] {
    cursor: not-allowed; }
  .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
  html:not([data-whatintent='touch']) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after,
  html:not([data-whatintent='touch'])
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
    opacity: 0; }
  .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after {
    visibility: visible; }
  html[data-whatinput='keyboard']
.dnb-table >
thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput='keyboard']
  .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text::after {
    visibility: hidden; }
  .dnb-table > thead > tr > th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon,
  .dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%; }
  .dnb-table .dnb-table__th .dnb-table__help-button,
  .dnb-table > thead > tr > th .dnb-table__help-button {
    margin-left: 0.5rem; }
  .dnb-table > thead > .dnb-table--no-wrap .dnb-table__sort-button {
    white-space: nowrap; }

/*
* Table component
*
*/
.dnb-table__th__horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.dnb-table--border tbody .dnb-table__th::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  border-top: var(--border); }

/*
* Table component
*
*/
.dnb-table {
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-table--border tbody .dnb-table__td::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border: var(--border);
    border-right: none;
    border-bottom: none; }
  .dnb-table--outline {
    position: relative; }
    .dnb-table--outline, .dnb-table--outline::after {
      border-radius: 0.5rem; }
    .dnb-table--outline::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      pointer-events: none;
      z-index: 3;
      border: var(--outline); }
  .dnb-table--outline tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
    border-left: none; }
  .dnb-table--border tbody .dnb-table__tr .dnb-table__th ~ .dnb-table__td:first-of-type:first-of-type::after {
    border-left: var(--border); }
  .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__th ~ .dnb-table__td:first-of-type::after {
    border-radius: 0 0 0 0; }
  .dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th::after,
  .dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th::after {
    border-top: var(--outline); }
  .dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-of-type, .dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-of-type::after,
  .dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th:first-of-type,
  .dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th:first-of-type::after {
    border-radius: 0.5rem 0 0 0; }
  .dnb-table--outline > tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td::after,
  .dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td::after {
    border-top: var(--outline); }
  .dnb-table--outline > tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-of-type, .dnb-table--outline > tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-of-type::after,
  .dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td:last-of-type,
  .dnb-table--outline > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td:last-of-type::after {
    border-radius: 0 0.5rem 0 0; }
  .dnb-table:not(.dnb-table--outline).dnb-table--border > tbody:first-child .dnb-table__td:last-of-type::after,
  .dnb-table:not(.dnb-table--outline).dnb-table--border > :not(thead) + tbody .dnb-table__td:last-of-type::after {
    border-right: var(--border); }
  .dnb-table__td--no-spacing,
  .dnb-table td.dnb-table__td--no-spacing {
    padding: 0; }
  .dnb-table__td--spacing-horizontal,
  .dnb-table td.dnb-table__td--spacing-horizontal {
    padding-top: 0;
    padding-bottom: 0; }

/*
* Table component
*
*/
.dnb-table > tbody > tr,
.dnb-table .dnb-table__tr,
.dnb-table .dnb-table__tr--even {
  background-color: #f8f8f8;
  background-color: var(--color-black-3); }

.dnb-table > tbody > tr:not(.dnb-table__tr--even):nth-of-type(2n),
.dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n),
.dnb-table .dnb-table__tr--odd {
  background-color: #fff;
  background-color: var(--color-white); }

.dnb-table--outline thead .dnb-table__tr:first-of-type,
.dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) {
  -webkit-clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0);
          clip-path: inset(0 0 -1rem 0 round 0.5rem 0.5rem 0 0); }

.dnb-table--outline tbody .dnb-table__tr:last-of-type,
.dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) {
  -webkit-clip-path: inset(0 round 0 0 0.5rem 0.5rem);
          clip-path: inset(0 round 0 0 0.5rem 0.5rem); }

/*
* Table component
*
*/
.dnb-table > tr > th,
.dnb-table > tr > td,
.dnb-table > thead > tr > th,
.dnb-table > tbody > tr > td, .dnb-table__th, .dnb-table__td {
  position: relative;
  border-spacing: 0;
  word-break: keep-all; }

/*
* Table component
*
*/
.dnb-table__sticky-helper > td {
  display: block;
  overflow: hidden;
  padding: 0 !important;
  height: 0; }

.dnb-table tr.sticky {
  position: sticky;
  z-index: 4;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, var(--table-offset, 0), 0);
          transform: translate3d(0, var(--table-offset, 0), 0); }

.dnb-table tr.sticky.css-position {
  top: 0;
  top: var(--table-top, 0); }

.dnb-table tr.sticky.is-sticky th::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  -webkit-box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
          box-shadow: 0 -2px 12px 8px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
          box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
  -webkit-clip-path: inset(6px 0 -48px 0);
          clip-path: inset(6px 0 -48px 0); }

/*
* Table component
*
*/
.dnb-table__container {
  position: relative; }
  .dnb-table__container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    z-index: 3;
    border: var(--outline); }
  .dnb-table__container, .dnb-table__container::after {
    border-radius: 0.5rem; }
  .dnb-table__container, .dnb-table__container__body, .dnb-table__container__head, .dnb-table__container__foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-table__container__body .dnb-table {
    position: relative;
    /* stylelint-disable */
    /* stylelint-enable */ }
    .dnb-table__container__body .dnb-table:not([class*='space__bottom']) {
      margin-bottom: 0; }
    .dnb-table__container__body .dnb-table__size--large .dnb-table__th {
      padding-top: 1.5rem; }
    .dnb-table__container__body .dnb-table::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 1;
      pointer-events: none;
      border-bottom: var(--border); }
    .dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th::after,
    .dnb-table__container__body .dnb-table tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td::after,
    .dnb-table__container__body .dnb-table > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__th::after,
    .dnb-table__container__body .dnb-table > :not(thead) + tbody .dnb-table__tr:first-of-type .dnb-table__td::after {
      border-top: none; }
  .dnb-table__container__head {
    padding: 2rem 1rem 0; }
    .dnb-table__container__head--empty {
      padding: 0;
      min-height: 1.5rem; }
    .dnb-spacing .dnb-table__container__head .dnb-h--large:not([class*='space__top']) {
      margin: 0; }
  .dnb-table__container__foot {
    padding: 1rem;
    padding-bottom: 1.25rem; }
    .dnb-table__container__foot--empty {
      padding: 0;
      min-height: 1rem; }
  .dnb-table__container .dnb-table__scroll-view {
    -webkit-clip-path: inset(0 round 0 0 0.5rem 0.5rem);
            clip-path: inset(0 round 0 0 0.5rem 0.5rem); }
  @supports (-webkit-appearance: none) and (not (-moz-appearance: meterbar)) {
    .dnb-table__container::after {
      bottom: calc(var(--outline-width)*-1);
      bottom: calc(var(--outline-width) * -1); } }
  .dnb-modal__content .dnb-table__container .dnb-table__scroll-view {
    overflow: visible; }

/*
* Table deprecated parts
*
*/
.dnb-table {
  /* stylelint-disable */ }
  .dnb-table, .dnb-table--left {
    text-align: left; }
  .dnb-table--right {
    text-align: right; }
  .dnb-table--center {
    text-align: center; }
  .dnb-table--small,
  .dnb-table--small > tr > th,
  .dnb-table--small > tr > td,
  .dnb-table--small > thead > tr > th,
  .dnb-table--small > tbody > tr > td {
    font-size: 1rem;
    font-size: var(--font-size-small); }
  .dnb-table > tr.dnb-table--small > th,
  .dnb-table > tr.dnb-table--small > td,
  .dnb-table > thead > tr.dnb-table--small > th,
  .dnb-table > tbody > tr.dnb-table--small > td {
    font-size: 1rem;
    font-size: var(--font-size-small); }
  .dnb-table > tr > th.dnb-table--small,
  .dnb-table > tr > td.dnb-table--small,
  .dnb-table > thead > tr > th.dnb-table--small,
  .dnb-table > tbody > tr > td.dnb-table--small, .dnb-table__th.dnb-table--small, .dnb-table__td.dnb-table--small {
    font-size: 1rem;
    font-size: var(--font-size-small); }
  .dnb-table--x-small,
  .dnb-table--x-small > tr > th,
  .dnb-table--x-small > tr > td,
  .dnb-table--x-small > thead > tr > th,
  .dnb-table--x-small > tbody > tr > td {
    font-size: 0.875rem;
    font-size: var(--font-size-x-small); }
  .dnb-table > tr.dnb-table--x-small > th,
  .dnb-table > tr.dnb-table--x-small > td,
  .dnb-table > thead > tr.dnb-table--x-small > th,
  .dnb-table > tbody > tr.dnb-table--x-small > td {
    font-size: 0.875rem;
    font-size: var(--font-size-x-small); }
  .dnb-table > tr > th.dnb-table--x-small,
  .dnb-table > tr > td.dnb-table--x-small,
  .dnb-table > thead > tr > th.dnb-table--x-small,
  .dnb-table > tbody > tr > td.dnb-table--x-small, .dnb-table__th.dnb-table--x-small, .dnb-table__td.dnb-table--x-small {
    font-size: 0.875rem;
    font-size: var(--font-size-x-small); }

/*
* Table component
*
*/
.dnb-table {
  --accordion-background: var(--color-white);
  --accordion-border-width: 0.0625rem;
  --accordion-border: var(--accordion-border-width) solid
    var(--color-black-20); }
  .dnb-table__th.dnb-table__th__accordion-icon.dnb-table__th {
    padding: 0; }
  .dnb-table__th.dnb-table__th__accordion-icon,
  .dnb-table__th.dnb-table__th__accordion-icon div {
    width: 3.5rem;
    text-indent: -300vw; }
    .dnb-table__size--medium .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--medium
    .dnb-table__th.dnb-table__th__accordion-icon div {
      width: 3rem; }
    .dnb-table__size--small .dnb-table__th.dnb-table__th__accordion-icon, .dnb-table__size--small
    .dnb-table__th.dnb-table__th__accordion-icon div {
      width: 2.5rem; }
  .dnb-table__td.dnb-table__td__accordion-icon {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .dnb-table__td.dnb-table__td__accordion-icon.dnb-table__td {
      padding: 0; }
  .dnb-table__tr--has-accordion-content .dnb-table__toggle-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon {
      color: #007272;
      color: var(--color-sea-green);
      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
      transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1);
      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1), -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
      -webkit-transition: -webkit-transform 500ms var(--accordion-easing);
      transition: -webkit-transform 500ms var(--accordion-easing);
      transition: transform 500ms var(--accordion-easing);
      transition: transform 500ms var(--accordion-easing), -webkit-transform 500ms var(--accordion-easing); }
  .dnb-table__tr--has-accordion-content.dnb-table__tr--no-animation .dnb-table__toggle-button .dnb-icon,
  html[data-visual-test]
.dnb-table__tr--has-accordion-content .dnb-table__toggle-button .dnb-icon {
    -webkit-transition: none !important;
    transition: none !important; }
  .dnb-table__tr--has-accordion-content, .dnb-table__tr__accordion_content {
    position: relative;
    z-index: 2; }
  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded, .dnb-table__tr__accordion_content {
    z-index: 3; }
  .dnb-table__tr--has-accordion-content:hover, .dnb-table__tr--has-accordion-content:active,
  html[data-whatinput='keyboard'] .dnb-table__tr--has-accordion-content:focus {
    z-index: 5; }
  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded .dnb-table__toggle-button .dnb-icon {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td::after {
    border-bottom: none; }
  .dnb-table--border .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded td:not(:first-of-type)::after {
    border-left: none; }
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) {
    outline: none; }
    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td::before {
      content: '';
      position: absolute;
      z-index: 3;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      inset: 0;
      pointer-events: none;
      border: 0.125rem solid transparent; }
    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type)::before {
      border-left: none; }
    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type)::before {
      border-right: none; }
    html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td::before {
      border-color: #14555a;
      border-color: var(--color-emerald-green); }
    html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__accordion-icon .dnb-icon {
      color: #14555a;
      color: var(--color-emerald-green); }
  .dnb-table--outline tbody
.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):not(:nth-last-child(2)) .dnb-table__td::before {
    bottom: -0.0625rem; }
  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td {
    background-color: #fff;
    background-color: var(--color-white); }
  html[data-whatinput='keyboard'] .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td::before {
    top: 0;
    bottom: 0;
    border-color: #14555a;
    border-color: var(--color-emerald-green); }
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type::before {
    left: 0; }
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type::before {
    right: 0; }
  html:not([data-whatintent='touch']) .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td::before,
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active td::before {
    border-color: #14555a;
    border-color: var(--color-emerald-green);
    border-width: 0.0625rem; }
  .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td {
    background-color: #f2f4ec;
    background-color: var(--color-pistachio); }
    .dnb-table__tr--has-accordion-content.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__accordion-icon .dnb-icon {
      color: #14555a;
      color: var(--color-emerald-green); }
  .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td {
    background-color: var(--accordion-background); }
    .dnb-table__tr--has-accordion-content.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td::before {
      border: none;
      border-top: var(--accordion-border); }
  html:not([data-whatinput='keyboard']) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) {
    background-color: var(--accordion-background); }
    html:not([data-whatinput='keyboard']) .dnb-table__tr--has-accordion-content.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td::before {
      border: none;
      border-top: var(--accordion-border); }
  .dnb-table__tr--has-accordion-content.dnb-table__tr--disabled .dnb-table__td__accordion-icon .dnb-icon {
    color: #b3dada;
    color: var(--color-sea-green-30); }
  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
    .dnb-table__tr__accordion_content[hidden] {
      /**
        * By reverting the display from "none" to "block",
        * we trick VoiceOver to not make this row as the end of the table. We still need "hidden" to get the correct number of rows (childCount).
        */
      display: block; } }
  .dnb-table__tr__accordion_content td {
    padding: 0 !important;
    width: calc(100% - 3.5rem); }
    .dnb-table__size--medium .dnb-table__tr__accordion_content td {
      width: calc(100% - 3rem); }
    .dnb-table__size--small .dnb-table__tr__accordion_content td {
      width: calc(100% - 2.5rem); }
  .dnb-table__tr__accordion_content td::before {
    content: '';
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: -0.0625rem;
    bottom: calc(0.0625rem * -1);
    bottom: calc(var(--accordion-border-width)*-1);
    bottom: calc(var(--accordion-border-width) * -1);
    pointer-events: none;
    border-bottom: var(--accordion-border); }
  .dnb-table--outline .dnb-table__tr__accordion_content:last-of-type td::before {
    border-bottom: none; }
  .dnb-table--border .dnb-table__tr__accordion_content td::after {
    border-top: none; }
  .dnb-table__tr__accordion_content__inner {
    overflow: hidden;
    will-change: height;
    -webkit-transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
    transition: height 400ms cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: height 400ms var(--accordion-easing);
    transition: height 400ms var(--accordion-easing);
    position: relative; }
    .dnb-table__tr__accordion_content__inner__spacing {
      padding: 1rem;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px);
      -webkit-transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
      transition: -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1);
      transition: transform 500ms cubic-bezier(0.42, 0, 0, 1), -webkit-transform 500ms cubic-bezier(0.42, 0, 0, 1);
      -webkit-transition: -webkit-transform 500ms var(--accordion-easing);
      transition: -webkit-transform 500ms var(--accordion-easing);
      transition: transform 500ms var(--accordion-easing);
      transition: transform 500ms var(--accordion-easing), -webkit-transform 500ms var(--accordion-easing); }
  .dnb-table__tr__accordion_content--parallax .dnb-table__tr__accordion_content__inner__spacing {
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .dnb-table__tr__accordion_content > td.dnb-table__td {
    padding: 0; }
    .dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl,
    .dnb-table__tr__accordion_content > td.dnb-table__td .dnb-dl dt {
      margin: 0; }
  .dnb-table__tr__accordion_content--expanded > td.dnb-table__td {
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-table__tr__accordion_content.dnb-table__tr .dnb-table__td {
    background-color: var(--accordion-background);
    /**
      * Safari on iOS and macOS has problems on animating when vertical-align is baseline.
      * What happens is that the td is not 0, even the content inside is 0. With vertical top, we omit that.
      * But we do not need baseline in this tr > td, so we reset it.
      */
    vertical-align: top; }
  .dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type, .dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type::before, .dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:first-of-type::after {
    border-radius: 0 0 0 0.5rem; }
  .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type::before, .dnb-table--outline tbody .dnb-table__tr:last-of-type .dnb-table__td:last-of-type::after,
  .dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type,
  .dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type::before,
  .dnb-table--outline tbody
.dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) .dnb-table__td:last-of-type::after {
    border-radius: 0 0 0.5rem 0; }
  .dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td, .dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td::before, .dnb-table--outline tbody .dnb-table__tr.dnb-table__tr__accordion_content:last-of-type .dnb-table__td::after {
    border-radius: 0 0 0.5rem 0.5rem; }
  .dnb-table__tr--has-accordion-content:not(.dnb-table__tr--disabled) {
    cursor: pointer; }
  .dnb-table__td-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.dnb-spacing .dnb-table p,
.dnb-spacing .dnb-table ul,
.dnb-spacing .dnb-table ol,
.dnb-spacing .dnb-table dl,
.dnb-spacing .dnb-table pre {
  margin-top: 0;
  margin-bottom: 0; }

/*
 * Tabs component
 *
 */
.dnb-tabs {
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-tabs__tabs {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .dnb-tabs__tabs, .dnb-tabs__tabs.dnb-section--spacing {
      padding-bottom: 0; }
    .dnb-tabs__tabs__tablist {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      overflow-x: auto;
      -ms-scroll-chaining: none;
          overscroll-behavior: contain;
      scrollbar-width: thin;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: auto;
      scrollbar-color: #007272 transparent;
      scrollbar-color: var(--color-sea-green) transparent;
      /* Hide scrollbar for Chrome, Safari */
      /* stylelint-disable-next-line */
      -ms-overflow-style: none;
      /* IE and Edge */
      scrollbar-width: none;
      /* Firefox */ }
      .dnb-tabs__tabs__tablist:focus {
        outline: none; }
        html[data-whatinput='keyboard'] .dnb-tabs__tabs__tablist:focus {
          --border-color: var(--color-emerald-green);
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color);
          border-color: transparent; }
          @media screen and (-ms-high-contrast: none) {
            html[data-whatinput='keyboard'] .dnb-tabs__tabs__tablist:focus {
              -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                      box-shadow: 0 0 0 0.125rem #14555a;
              -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                      box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
      @supports not (scrollbar-color: auto) {
        .dnb-tabs__tabs__tablist::-webkit-scrollbar {
          background-color: #ebebeb;
          background-color: var(--color-black-8); }
          .dnb-tabs__tabs__tablist::-webkit-scrollbar:vertical {
            width: 0.5rem; }
          .dnb-tabs__tabs__tablist::-webkit-scrollbar:horizontal {
            height: 0.5rem; }
        .dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb {
          background-color: #007272;
          background-color: var(--color-sea-green);
          border-radius: 0.5rem; }
          .dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb:hover {
            background-color: #14555a;
            background-color: var(--color-emerald-green); } }
      html:not([data-visual-test]) .dnb-tabs__tabs__tablist {
        scroll-behavior: smooth; }
      html[data-visual-test] .dnb-tabs__tabs__tablist {
        scroll-behavior: auto !important; }
      .dnb-tabs__tabs__tablist::-webkit-scrollbar {
        display: none; }
    .dnb-tabs__tabs--left .dnb-tabs__tabs__tablist {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
    .dnb-tabs__tabs--right .dnb-tabs__tabs__tablist {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
    .dnb-tabs__tabs--center .dnb-tabs__tabs__tablist {
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
    .dnb-tabs__tabs::before {
      content: '';
      position: absolute;
      z-index: -1;
      left: -100vw;
      bottom: 0;
      width: 100vw;
      height: 1px; }
    .dnb-tabs__tabs--no-border::before {
      content: none; }
  .dnb-tabs__scroll-nav-button {
    position: absolute;
    z-index: 2;
    right: -2px;
    display: none;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 600ms ease-out;
    transition: opacity 600ms ease-out; }
    .dnb-tabs__scroll-nav-button:first-of-type {
      left: -2px;
      right: auto; }
    .dnb-tabs__scroll-nav-button--visible {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      pointer-events: initial;
      opacity: 1; }
    .dnb-tabs__scroll-nav-button--hide {
      pointer-events: none;
      opacity: 0 !important; }
  .dnb-tabs__button,
  .dnb-core-style .dnb-tabs .dnb-tabs__button {
    position: relative;
    z-index: 1;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    margin: 0;
    padding: 0 0.125rem;
    /* 1/16*4 */
    background-color: transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    outline: none;
    border: none;
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis);
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: margin 400ms ease-out;
    transition: margin 400ms ease-out; }
    .dnb-tabs__button__title .dnb-icon,
    .dnb-core-style .dnb-tabs .dnb-tabs__button__title .dnb-icon {
      font-size: 1rem;
      font-size: var(--font-size-small);
      -webkit-transform: translateY(-0.125rem);
              transform: translateY(-0.125rem); }
    .dnb-tabs__button .dnb-dummy,
    .dnb-core-style .dnb-tabs .dnb-tabs__button .dnb-dummy {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 0;
      visibility: hidden;
      overflow: hidden; }
    .dnb-tabs__button .dnb-dummy,
    .dnb-core-style .dnb-tabs .dnb-tabs__button .dnb-dummy {
      margin-top: 0.25rem; }
    .dnb-tabs__button::after,
    .dnb-core-style .dnb-tabs .dnb-tabs__button::after {
      content: '';
      position: absolute;
      z-index: -1;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 1px; }
  .dnb-tabs__button__snap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 1rem 0 1.5rem;
    will-change: padding;
    -webkit-transition: padding 1s cubic-bezier(0.42, 0, 0, 1);
    transition: padding 1s cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: padding 1s var(--easing-default);
    transition: padding 1s var(--easing-default); }
    @media screen and (max-width: 40em) {
      .dnb-tabs__button__snap {
        padding: 0 1rem; } }
    .dnb-tabs__button__snap:first-of-type {
      padding-left: 0; }
    .dnb-tabs__button__snap:last-of-type {
      padding-right: 0.5rem; }
  html[data-whatinput='keyboard'] .dnb-tabs__button__snap:first-of-type.focus .dnb-tabs__button:focus {
    margin-left: 0.5rem; }
  html[data-whatinput='keyboard'] .dnb-tabs__button__snap:last-of-type.focus {
    /* stylelint-disable */
    /* stylelint-enable */ }
    html[data-whatinput='keyboard'] .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus {
      margin-right: 0.5rem; }
  .dnb-tabs__cached {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
    transition: opacity 1s cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: opacity 1s var(--easing-default);
    transition: opacity 1s var(--easing-default); }
  .dnb-tabs__cached--hidden {
    opacity: 0;
    visibility: hidden;
    height: 0 !important;
    overflow: hidden; }
  html[data-visual-test] .dnb-tabs .dnb-tabs__cached,
  html[data-visual-test] .dnb-tabs .dnb-tabs__button,
  html[data-visual-test] .dnb-tabs .dnb-tabs__button__snap,
  html[data-visual-test] .dnb-tabs .dnb-tabs__scroll-nav-button {
    -webkit-transition: none !important;
    transition: none !important; }
  .dnb-tabs__content {
    padding-bottom: 0; }

/*
* Tag component
*
*/
/*
* Button mixins
*
*/
/*
* Tag mixins
*
*/
.dnb-tag.dnb-button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #ebebeb;
  background-color: var(--color-black-8); }
  .dnb-tag.dnb-button.dnb-button--size-small {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .dnb-tag.dnb-button.dnb-button--size-small.dnb-button--has-icon {
    padding-left: 0; }
  .dnb-tag.dnb-button .dnb-button__text {
    font-size: 0.875rem;
    font-size: var(--font-size-x-small);
    -webkit-transform: none;
            transform: none; }

.dnb-tag:not(.dnb-tag--interactive) {
  -webkit-user-select: unset;
     -moz-user-select: unset;
      -ms-user-select: unset;
          user-select: unset;
  cursor: unset; }
  .dnb-tag:not(.dnb-tag--interactive) .dnb-button__text {
    cursor: text; }

.dnb-tag--interactive.dnb-button {
  color: #007272;
  color: var(--color-sea-green);
  --border-color: var(--color-sea-green);
  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
          box-shadow: inset 0 0 0 0.0625rem var(--border-color);
  /* iOS fix - because "inset" works not fine with border-radius */
  /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
  border-color: transparent; }
  @supports (-webkit-touch-callout: none) {
    .dnb-tag--interactive.dnb-button {
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color); } }
  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
    .dnb-tag--interactive.dnb-button {
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color); } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-tag--interactive.dnb-button {
      -webkit-box-shadow: inset 0 0 0 1px #007272;
              box-shadow: inset 0 0 0 1px #007272;
      -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
              box-shadow: inset 0 0 0 1px var(--color-sea-green); } }
  html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:hover[disabled] {
    cursor: not-allowed; }
  html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:hover:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #ebebeb;
    background-color: var(--color-black-8);
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:hover:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:hover:not([disabled]) {
        opacity: 1; } }
  .dnb-tag--interactive.dnb-button:focus[disabled],
  html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:focus[disabled] {
    cursor: not-allowed; }
  .dnb-tag--interactive.dnb-button:focus:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:focus:not([disabled]) {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-tag--interactive.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:focus:not([disabled]) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: #ebebeb;
      background-color: var(--color-black-8); }
    html[data-whatinput='keyboard'] .dnb-tag--interactive.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:focus:not([disabled]) {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
              box-shadow: inset 0 0 0 0.125rem var(--border-color);
      /* iOS fix - because "inset" works not fine with border-radius */
      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
      border-color: transparent; }
      @supports (-webkit-touch-callout: none) {
        html[data-whatinput='keyboard'] .dnb-tag--interactive.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
        html[data-whatinput='keyboard'] .dnb-tag--interactive.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-tag--interactive.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:focus:not([disabled]) {
          -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                  box-shadow: inset 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-tag--interactive.dnb-button:active[disabled],
  html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:active[disabled] {
    cursor: not-allowed; }
  .dnb-tag--interactive.dnb-button:active:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:active:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    --border-color: transparent;
    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
            box-shadow: 0 0 0 0.0625rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-tag--interactive.dnb-button:active:not([disabled]),
      html:not([data-whatintent='touch']) .dnb-tag--interactive.dnb-button:active:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                box-shadow: 0 0 0 0.0625rem transparent; } }
  .dnb-tag--interactive.dnb-button[disabled] {
    color: #b3dada;
    color: var(--color-sea-green-30);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-sea-green-30);
    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
            box-shadow: 0 0 0 0.0625rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-tag--interactive.dnb-button[disabled] {
        -webkit-box-shadow: 0 0 0 0.0625rem #b3dada;
                box-shadow: 0 0 0 0.0625rem #b3dada;
        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green-30);
                box-shadow: 0 0 0 0.0625rem var(--color-sea-green-30); } }

.dnb-tag--removable.dnb-button {
  color: #fff;
  color: var(--color-white);
  background-color: #007272;
  background-color: var(--color-sea-green); }
  .dnb-tag--removable.dnb-button svg .dnb-icon-close-circle-path {
    fill: #fff;
    fill: var(--color-white); }
  .dnb-tag--removable.dnb-button svg .dnb-icon-close-cross-path {
    stroke: #007272;
    stroke: var(--color-sea-green); }
  .dnb-tag--removable.dnb-button:focus[disabled],
  html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus[disabled] {
    cursor: not-allowed; }
  .dnb-tag--removable.dnb-button:focus:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-tag--removable.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: #fff;
      background-color: var(--color-white); }
    html[data-whatinput='keyboard'] .dnb-tag--removable.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
              box-shadow: inset 0 0 0 0.125rem var(--border-color);
      /* iOS fix - because "inset" works not fine with border-radius */
      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
      border-color: transparent; }
      @supports (-webkit-touch-callout: none) {
        html[data-whatinput='keyboard'] .dnb-tag--removable.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
        html[data-whatinput='keyboard'] .dnb-tag--removable.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-tag--removable.dnb-button:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) {
          -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                  box-shadow: inset 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
    .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-circle-path,
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-circle-path {
      fill: #007272;
      fill: var(--color-sea-green); }
    .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-cross-path,
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:focus:not([disabled]) svg .dnb-icon-close-cross-path {
      stroke: #fff;
      stroke: var(--color-white); }
  html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:hover[disabled] {
    cursor: not-allowed; }
  html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:hover:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:hover:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:hover:not([disabled]) {
        opacity: 1; } }
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:hover:not([disabled]) svg .dnb-icon-close-circle-path {
      fill: #007272;
      fill: var(--color-sea-green); }
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:hover:not([disabled]) svg .dnb-icon-close-cross-path {
      stroke: #fff;
      stroke: var(--color-white); }
  .dnb-tag--removable.dnb-button:active[disabled],
  html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:active[disabled] {
    cursor: not-allowed; }
  .dnb-tag--removable.dnb-button:active:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:active:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    --border-color: transparent;
    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
            box-shadow: 0 0 0 0.0625rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-tag--removable.dnb-button:active:not([disabled]),
      html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:active:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                box-shadow: 0 0 0 0.0625rem transparent; } }
    .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-circle-path,
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-circle-path {
      fill: #007272;
      fill: var(--color-sea-green); }
    .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-cross-path,
    html:not([data-whatintent='touch']) .dnb-tag--removable.dnb-button:active:not([disabled]) svg .dnb-icon-close-cross-path {
      stroke: #fff;
      stroke: var(--color-white); }
  .dnb-tag--removable.dnb-button[disabled] svg .dnb-icon-close-circle-path {
    fill: #d2f0e9;
    fill: var(--color-mint-green-50); }
  .dnb-tag--removable.dnb-button[disabled] svg .dnb-icon-close-cross-path {
    stroke: #b3dada;
    stroke: var(--color-sea-green-30); }
  .dnb-tag--removable.dnb-button .dnb-button__text {
    padding-left: 0.5rem; }

.dnb-tag--removable.dnb-button--size-small.dnb-button--has-icon {
  padding-right: 0; }

.dnb-tag__group {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  grid-gap: 0.5rem;
  gap: 0.5rem; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-tag__group .dnb-button:not([class*='dnb-space']) {
      margin-bottom: 0.5rem; }
      .dnb-tag__group .dnb-button:not([class*='dnb-space']):not(:last-of-type) {
        margin-right: 0.5rem; } }

/*
* Textarea component
*
*/
/*
* Textarea theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
:root {
  --textarea-rows: 2; }

.dnb-textarea__textarea {
  color: #000;
  color: var(--color-black);
  background-color: #fff;
  background-color: var(--color-white);
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: #007272 transparent;
  scrollbar-color: var(--color-sea-green) transparent; }
  .dnb-textarea__textarea ::-moz-selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #000;
    color: var(--color-black);
    text-shadow: none; }
  .dnb-textarea__textarea ::selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #000;
    color: var(--color-black);
    text-shadow: none; }
  @supports not (scrollbar-color: auto) {
    .dnb-textarea__textarea::-webkit-scrollbar {
      background-color: #ebebeb;
      background-color: var(--color-black-8); }
      .dnb-textarea__textarea::-webkit-scrollbar:vertical {
        width: 0.5rem; }
      .dnb-textarea__textarea::-webkit-scrollbar:horizontal {
        height: 0.5rem; }
    .dnb-textarea__textarea::-webkit-scrollbar-thumb {
      background-color: #007272;
      background-color: var(--color-sea-green);
      border-radius: 0.5rem; }
      .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover {
        background-color: #14555a;
        background-color: var(--color-emerald-green); } }
  html:not([data-visual-test]) .dnb-textarea__textarea {
    scroll-behavior: smooth; }
  html[data-visual-test] .dnb-textarea__textarea {
    scroll-behavior: auto !important; }

.dnb-textarea__placeholder {
  color: #737373;
  color: var(--color-black-55);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-line-clamp: var(--textarea-rows, 2); }

.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state,
.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
  -webkit-box-shadow: 0 0 0 0.125rem #14555a;
          box-shadow: 0 0 0 0.125rem #14555a;
  -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
          box-shadow: 0 0 0 0.125rem var(--color-emerald-green); }

.dnb-textarea--disabled .dnb-textarea__textarea, .dnb-textarea__textarea[disabled] {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: #737373;
  color: var(--color-black-55);
  background-color: #f8f8f8;
  background-color: var(--color-black-3); }
  .dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
    width: 0; }

.dnb-textarea--disabled .dnb-textarea__state,
.dnb-textarea__textarea[disabled] ~ .dnb-textarea__state {
  -webkit-box-shadow: 0 0 0 0.0625rem #737373;
          box-shadow: 0 0 0 0.0625rem #737373;
  -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
          box-shadow: 0 0 0 0.0625rem var(--color-black-55);
  background-color: #f8f8f8;
  background-color: var(--color-black-3); }

.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),
.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover {
  color: #dc2a2a;
  color: var(--color-fire-red); }

.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
      -webkit-box-shadow: 0 0 0 0.0625rem #dc2a2a;
              box-shadow: 0 0 0 0.0625rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-fire-red);
              box-shadow: 0 0 0 0.0625rem var(--color-fire-red); } }

.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
          box-shadow: 0 0 0 0.125rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
      -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
              box-shadow: 0 0 0 0.125rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
              box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }

.dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder,
.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
  display: none; }

:root {
  --textarea-padding-width: 0.5rem; }

.dnb-textarea {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }
  .dnb-textarea__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0.5rem;
    margin: var(--textarea-padding-width); }
  .dnb-textarea__shell {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
  .dnb-textarea__state {
    position: absolute;
    z-index: 1;
    top: -0.5rem;
    left: -0.5rem;
    bottom: -0.5rem;
    right: -0.5rem;
    background-color: #fff;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 0 0 0.0625rem #007272;
            box-shadow: 0 0 0 0.0625rem #007272;
    -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
            box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
    border-radius: 0.25rem; }
  .dnb-textarea__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
  .dnb-textarea__suffix {
    padding-left: 1.5rem; }
  .dnb-textarea__textarea {
    position: relative;
    z-index: 2;
    cursor: auto;
    border: none;
    margin: 0;
    padding: 0 0.5rem;
    padding: 0 var(--textarea-padding-width);
    outline: none;
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-textarea__placeholder {
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    cursor: auto;
    border: none;
    margin: 0;
    padding: 0 0.5rem;
    padding: 0 var(--textarea-padding-width);
    outline: none;
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-textarea__textarea, .dnb-textarea__placeholder {
    text-align: left; }
  .dnb-textarea__align--right .dnb-textarea__textarea,
  .dnb-textarea__align--right .dnb-textarea__placeholder {
    text-align: right; }
  .dnb-textarea__autoresize .dnb-textarea__textarea {
    resize: none; }
  .dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder,
  .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
    opacity: 0.5; }
  .dnb-textarea__inner > .dnb-form-status {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 1rem 0 0 -0.5rem;
    margin: 1rem 0 0 calc(1px - 1px - 0.5rem);
    margin: 1rem 0 0 calc(0px - var(--textarea-padding-width));
    margin: 1rem 0 0 calc(1px - 1px - var(--textarea-padding-width)); }
  .dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label {
    margin-top: 0.5rem; }
  .dnb-textarea--vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .dnb-textarea:not(.dnb-textarea--vertical)[class*='__status'] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
    .dnb-textarea:not(.dnb-textarea--vertical)[class*='__status'] > .dnb-form-label {
      margin-top: 0.25rem; }
  @media screen and (max-width: 40em) {
    .dnb-textarea {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .dnb-textarea > .dnb-form-label {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem; } }
  .dnb-textarea--stretch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-textarea--stretch .dnb-textarea__inner {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
  .dnb-textarea--stretch .dnb-textarea__shell, .dnb-textarea--stretch .dnb-textarea__inner, .dnb-textarea--stretch .dnb-textarea__textarea {
    width: 100%; }
  .dnb-textarea--stretch .dnb-form-label + .dnb-textarea__inner {
    width: auto; }
  .dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner {
    width: 100%; }
  .dnb-form-row--horizontal .dnb-textarea--stretch {
    width: 100%; }
  @media screen and (max-width: 40em) {
    .dnb-responsive-component .dnb-textarea {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start;
      margin-bottom: 0.5rem; }
      .dnb-responsive-component .dnb-textarea > .dnb-form-label {
        margin-bottom: 0.5rem; } }
  html[data-visual-test] .dnb-textarea__textarea {
    caret-color: #fff;
    caret-color: var(--color-white); }
  .dnb-textarea.dnb-skeleton .dnb-textarea__inner {
    margin: 0;
    border-radius: 0.25rem; }
  .dnb-textarea.dnb-skeleton .dnb-textarea__inner .dnb-textarea__shell {
    margin: 0.5rem;
    margin: var(--textarea-padding-width); }
  .dnb-textarea.dnb-skeleton .dnb-textarea__state,
  .dnb-textarea.dnb-skeleton .dnb-textarea__textarea {
    visibility: hidden; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-textarea__inner {
      margin: 0; }
    .dnb-form-row--horizontal .dnb-textarea,
    .dnb-textarea--vertical .dnb-textarea__inner, .dnb-textarea:not(.dnb-textarea--stretch) {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; } }

/*
* Timeline component
*
*/
/*
* Timeline theme
*
*/
:root {
  --timeline-icon-height--small: var(--button-height--small);
  --timeline-icon-width--small: var(--button-width--small);
  --timeline-icon-border-radius--small: calc(var(--timeline-icon-height--small)/2);
  --timeline-icon-border-radius--small: calc(
    var(--timeline-icon-height--small) / 2
  );
  --timeline-icon-height--medium: var(--button-height--medium);
  --timeline-icon-width--medium: var(--button-width--medium);
  --timeline-icon-border-radius--medium: calc(var(--timeline-icon-height--medium)/2);
  --timeline-icon-border-radius--medium: calc(
    var(--timeline-icon-height--medium) / 2
  );
  --timeline-icon-width-diff: calc(var(--timeline-icon-width--medium)/2 - var(--timeline-icon-width--small)/2);
  --timeline-icon-width-diff: calc(
    (
        var(--timeline-icon-width--medium) -
          var(--timeline-icon-width--small)
      ) / 2
  );
  --timeline-border-spacing: var(--spacing-small);
  --timeline-border-spacing--icon-adjusted: calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing));
  --timeline-border-spacing--icon-adjusted: calc(
    var(--timeline-icon-width-diff) + var(--timeline-border-spacing)
  ); }

.dnb-timeline__item {
  margin-left: 0.25rem;
  margin-left: calc(
    (
        2rem -
          1.5rem) / 2
  );
  margin-left: var(--timeline-icon-width-diff); }
  .dnb-timeline__item__label__icon {
    width: 1.5rem;
    width: var(--timeline-icon-width--small);
    line-height: 1.5rem;
    line-height: var(--timeline-icon-height--small);
    border-radius: 0.75rem;
    border-radius: calc(
    1.5rem / 2
  );
    border-radius: var(--timeline-icon-border-radius--small);
    color: #333;
    color: var(--color-black-80);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-black-80);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-timeline__item__label__icon {
        -webkit-box-shadow: inset 0 0 0 1px #333;
                box-shadow: inset 0 0 0 1px #333;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-black-80);
                box-shadow: inset 0 0 0 1px var(--color-black-80); } }
  .dnb-timeline__item__label__title {
    margin-left: 1.25rem;
    margin-left: calc(
    calc(
    (
        2rem -
          1.5rem) / 2
  ) + 1rem);
    margin-left: var(--timeline-border-spacing--icon-adjusted);
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }
  .dnb-timeline__item__content {
    margin-left: 0.75rem;
    margin-left: calc(1.5rem / 2);
    margin-left: calc(var(--timeline-icon-width--small)/2);
    margin-left: calc(var(--timeline-icon-width--small) / 2);
    padding-left: 2rem;
    padding-left: calc(1.5rem / 2 + calc(
    calc(
    (
        2rem -
          1.5rem) / 2
  ) + 1rem));
    padding-left: calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted));
    padding-left: calc(var(--timeline-icon-width--small) / 2 + var(--timeline-border-spacing--icon-adjusted));
    border-left: 1px dashed #737373;
    border-left: 1px dashed var(--color-black-55); }
  .dnb-timeline__item--completed .dnb-timeline__item__content {
    border-left: 1px solid #333;
    border-left: 1px solid var(--color-black-80); }
  .dnb-timeline__item--completed .dnb-timeline__item__label__title {
    color: #333;
    color: var(--color-black-80); }
  .dnb-timeline__item--current .dnb-timeline__item__content {
    margin-left: 1rem;
    margin-left: calc(2rem / 2);
    margin-left: calc(var(--timeline-icon-width--medium)/2);
    margin-left: calc(var(--timeline-icon-width--medium) / 2);
    padding-left: 2rem;
    padding-left: calc(2rem / 2 + 1rem);
    padding-left: calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing));
    padding-left: calc(var(--timeline-icon-width--medium) / 2 + var(--timeline-border-spacing)); }
  .dnb-timeline__item--current .dnb-timeline__item__label__title {
    margin-left: 1rem;
    margin-left: var(--timeline-border-spacing);
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-timeline__item--current .dnb-timeline__item__label__icon {
    width: 2rem;
    width: var(--timeline-icon-width--medium);
    line-height: 2rem;
    line-height: var(--timeline-icon-height--medium);
    border-radius: 1rem;
    border-radius: calc(
    2rem / 2
  );
    border-radius: var(--timeline-icon-border-radius--medium); }
  .dnb-timeline__item--current {
    margin-left: 0; }
  .dnb-timeline__item--upcoming .dnb-timeline__item__label__title {
    font-weight: normal;
    font-weight: var(--font-weight-basis);
    color: #737373;
    color: var(--color-black-55); }
  .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
    color: #737373;
    color: var(--color-black-55);
    background-color: #f8f8f8;
    background-color: var(--color-black-3);
    --border-color: var(--color-black-3);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
        -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
                box-shadow: inset 0 0 0 1px #f8f8f8;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-black-3);
                box-shadow: inset 0 0 0 1px var(--color-black-3); } }
  .dnb-timeline__item:only-child {
    margin-left: 0; }
  .dnb-timeline__item:last-child .dnb-timeline__item__content {
    border-left: none; }

.dnb-timeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .dnb-timeline__item__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    padding: 0; }
    .dnb-timeline__item__label__icon {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-negative: 0;
          flex-shrink: 0;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      height: auto;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding: 0; }
    .dnb-timeline__item__label__title {
      cursor: text; }
  .dnb-timeline__item__content {
    padding-bottom: 1rem;
    padding-bottom: var(--spacing-small); }
    .dnb-timeline__item__content__subtitle {
      cursor: text;
      font-size: 0.875rem;
      font-size: var(--font-size-x-small);
      font-weight: normal;
      font-weight: var(--font-weight-basis);
      color: #737373;
      color: var(--color-black-55); }
    .dnb-timeline__item__content__info {
      padding-top: 0.5rem;
      padding-top: var(--spacing-x-small); }

/*
* ToggleButton component
*
*/
:root {
  --toggle-button-margin-right: 1rem;
  --toggle-button-margin-bottom: 1rem; }

.dnb-toggle-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }
  .dnb-toggle-button__inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-toggle-button__shell {
    position: relative;
    left: 0;
    -moz-user-select: none;
     -ms-user-select: none;
         user-select: none;
    -webkit-user-select: none; }
  .dnb-toggle-button--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start; }
  .dnb-toggle-button__component {
    padding-right: 0.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-toggle-button__button.dnb-button--has-text {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  .dnb-toggle-button__button .dnb-checkbox {
    margin-left: -0.5rem; }
    .dnb-toggle-button__button .dnb-checkbox__input {
      pointer-events: none; }
    .dnb-toggle-button__button .dnb-checkbox__button {
      display: unset; }
    .dnb-toggle-button__button .dnb-checkbox__focus, .dnb-toggle-button__button .dnb-checkbox__button {
      width: 1rem;
      width: calc(1.5rem - 0.5rem);
      width: calc(var(--checkbox-width--medium) - 0.5rem);
      height: 1rem;
      height: calc(1.5rem - 0.5rem);
      height: calc(var(--checkbox-height--medium) - 0.5rem);
      border-width: 0.0625rem; }
    .dnb-toggle-button__button .dnb-checkbox__dot {
      width: 0.5rem;
      width: calc(1.5rem - 1rem);
      width: calc(var(--checkbox-width--medium) - 1rem);
      height: 0.5rem;
      height: calc(1.5rem - 1rem);
      height: calc(var(--checkbox-height--medium) - 1rem); }
    .dnb-toggle-button__button .dnb-checkbox__gfx {
      width: 0.75rem;
      width: calc(1.5rem - 0.75rem);
      width: calc(var(--checkbox-width--medium) - 0.75rem);
      height: 0.75rem;
      height: calc(1.5rem - 0.75rem);
      height: calc(var(--checkbox-height--medium) - 0.75rem); }
  .dnb-toggle-button__button .dnb-radio {
    margin-left: -0.5rem; }
    .dnb-toggle-button__button .dnb-radio__input {
      pointer-events: none; }
    .dnb-toggle-button__button .dnb-radio__focus, .dnb-toggle-button__button .dnb-radio__button {
      width: 1rem;
      width: calc(1.5rem - 0.5rem);
      width: calc(var(--radio-width--medium) - 0.5rem);
      height: 1rem;
      height: calc(1.5rem - 0.5rem);
      height: calc(var(--radio-height--medium) - 0.5rem);
      border-width: 0.0625rem; }
    .dnb-toggle-button__button .dnb-radio__dot {
      width: 0.5rem;
      width: calc(1.5rem - 1rem);
      width: calc(var(--radio-width--medium) - 1rem);
      height: 0.5rem;
      height: calc(1.5rem - 1rem);
      height: calc(var(--radio-height--medium) - 1rem); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active).dnb-button--secondary, .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active).dnb-button--secondary:hover {
    background-color: #14555a;
    background-color: var(--color-emerald-green);
    color: #a5e1d2;
    color: var(--color-mint-green); }
  :not(.dnb-toggle-button-group) > .dnb-form-label + .dnb-toggle-button {
    vertical-align: top; }
  .dnb-toggle-button-group__suffix {
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
  .dnb-toggle-button .dnb-form-status {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 0.5rem; }
  .dnb-toggle-button .dnb-form-label {
    margin-right: 1rem; }
  .dnb-toggle-button-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex; }
    .dnb-toggle-button-group .dnb-toggle-button {
      margin-right: 1rem;
      margin-right: var(--toggle-button-margin-right);
      margin-bottom: 1rem;
      margin-bottom: var(--toggle-button-margin-bottom); }
    .dnb-toggle-button-group--column .dnb-toggle-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 0; }
    .dnb-toggle-button-group .dnb-toggle-button:last-of-type {
      margin-right: 0; }
    .dnb-toggle-button-group__shell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; }
      .dnb-toggle-button-group__shell__children {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1; }
      .dnb-toggle-button-group__shell > .dnb-form-status {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        -webkit-transform: translateY(-0.5rem);
                transform: translateY(-0.5rem); }
    .dnb-toggle-button-group .dnb-form-row {
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
      margin-bottom: -1rem;
      margin-bottom: calc(1px - 1px - 1rem);
      margin-bottom: calc(0px - var(--toggle-button-margin-bottom));
      margin-bottom: calc(1px - 1px - var(--toggle-button-margin-bottom)); }
      .dnb-toggle-button-group .dnb-form-row--vertical-label {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; }
      .dnb-toggle-button-group .dnb-form-row::before {
        font-size: 1.125rem;
        font-size: var(--font-size-basis); }
    .dnb-toggle-button-group--no-label > .dnb-alignment-helper {
      line-height: 2.5rem;
      line-height: var(--button-height); }
    .dnb-toggle-button-group--row.dnb-toggle-button-group:not(.dnb-form-row--vertical-label) > .dnb-alignment-helper {
      line-height: 2.5rem;
      line-height: var(--button-height); }
  @media screen and (min-width: 40em) {
    .dnb-form-label + .dnb-toggle-button {
      -webkit-transform: translateY(-0.5rem);
              transform: translateY(-0.5rem); } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-toggle-button {
      -webkit-box-flex: 0;
          -ms-flex: none;
              flex: none; }
      .dnb-toggle-button:not(.dnb-toggle-button--vertical) {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
      .dnb-toggle-button__shell {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto; }
      .dnb-toggle-button-group {
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none; }
        .dnb-toggle-button-group, .dnb-toggle-button-group__shell {
          width: 100%; }
        .dnb-form-row__indent--default .dnb-toggle-button-group {
          -webkit-box-flex: 1;
              -ms-flex: 1;
                  flex: 1; } }

/*
* Tooltip component
*
*/
.dnb-tooltip {
  position: absolute;
  z-index: 3100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms cubic-bezier(0.42, 0, 0, 1);
  transition: opacity 200ms cubic-bezier(0.42, 0, 0, 1);
  -webkit-transition: opacity 200ms var(--easing-default);
  transition: opacity 200ms var(--easing-default); }
  .dnb-tooltip--large {
    padding: 0.25rem 1rem; }
  .dnb-tooltip--animate_position {
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0, 1), opacity 200ms cubic-bezier(0.42, 0, 0, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0, 1), opacity 200ms cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition: all 200ms var(--easing-default), opacity 200ms var(--easing-default);
    transition: all 200ms var(--easing-default), opacity 200ms var(--easing-default); }
  .dnb-tooltip--active {
    visibility: visible;
    /*
      because of the first "show" we also use animation
      also, use forwards because of the usage of visibility
    */
    -webkit-animation: show-tooltip 200ms cubic-bezier(0.42, 0, 0, 1) forwards;
            animation: show-tooltip 200ms cubic-bezier(0.42, 0, 0, 1) forwards;
    -webkit-animation: show-tooltip 200ms var(--easing-default) forwards;
            animation: show-tooltip 200ms var(--easing-default) forwards; }
  html[data-visual-test] .dnb-tooltip--active, .dnb-tooltip--active.dnb-tooltip--no-animation {
    -webkit-animation: show-tooltip 1ms cubic-bezier(0.42, 0, 0, 1) forwards;
            animation: show-tooltip 1ms cubic-bezier(0.42, 0, 0, 1) forwards;
    -webkit-animation: show-tooltip 1ms var(--easing-default) forwards;
            animation: show-tooltip 1ms var(--easing-default) forwards; }
  .dnb-tooltip--hide {
    visibility: visible;
    -webkit-animation: hide-tooltip 200ms cubic-bezier(0.42, 0, 0, 1) forwards;
            animation: hide-tooltip 200ms cubic-bezier(0.42, 0, 0, 1) forwards;
    -webkit-animation: hide-tooltip 200ms var(--easing-default) forwards;
            animation: hide-tooltip 200ms var(--easing-default) forwards; }
  .dnb-tooltip--hide.dnb-tooltip--no-animation {
    -webkit-animation: hide-tooltip 1ms linear forwards;
            animation: hide-tooltip 1ms linear forwards; }
  .dnb-tooltip--fixed {
    position: fixed; }
  html[data-visual-test] .dnb-tooltip--hide {
    -webkit-animation: hide-tooltip 1ms linear 1s forwards;
            animation: hide-tooltip 1ms linear 1s forwards; }
  .dnb-tooltip__portal {
    position: absolute;
    top: 0;
    left: 0;
    right: 0; }
  .dnb-tooltip__content {
    min-width: 2rem;
    min-height: 1.5rem;
    padding: 0; }
  .dnb-tooltip__arrow {
    position: absolute;
    pointer-events: none;
    margin: 0;
    width: 1rem;
    height: 0.5rem;
    overflow: hidden; }
    .dnb-tooltip__arrow::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 1rem;
      height: 1rem;
      -webkit-transform: translateY(70%) rotate(45deg);
              transform: translateY(70%) rotate(45deg); }
    .dnb-tooltip__arrow__position--bottom {
      top: -0.5rem; }
    .dnb-tooltip__arrow__position--top {
      bottom: -0.5rem;
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .dnb-tooltip__arrow__position--left {
      right: -0.75rem;
      margin-right: 3px;
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
    .dnb-tooltip__arrow__position--right {
      left: -0.75rem;
      margin-left: 3px;
      -webkit-transform: rotate(270deg);
              transform: rotate(270deg); }
    .dnb-tooltip__arrow__arrow--left {
      -ms-flex-item-align: start;
          align-self: flex-start; }
    .dnb-tooltip__arrow__arrow--right {
      -ms-flex-item-align: end;
          align-self: flex-end; }

@-webkit-keyframes show-tooltip {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes show-tooltip {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes hide-tooltip {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    visibility: hidden; } }

@keyframes hide-tooltip {
  from {
    opacity: 1; }
  to {
    opacity: 0;
    visibility: hidden; } }

/*
* Upload component
*
*/
.dnb-upload {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding: 1.5rem;
  padding: var(--spacing-medium);
  background-color: #fff;
  background-color: var(--color-white); }
  @media screen and (max-width: 40em) {
    .dnb-upload {
      padding: 1.5rem 1rem;
      padding: var(--spacing-medium) var(--spacing-small); } }
  .dnb-upload__outline {
    content: '';
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    height: 100%;
    width: 100%; }
  .dnb-upload__file-input {
    position: absolute;
    visibility: hidden; }
  .dnb-upload__file-list {
    position: relative;
    padding: 0;
    margin-top: 1.5rem;
    margin-top: var(--spacing-medium);
    margin-bottom: 0;
    list-style: none; }
  .dnb-upload__file-list::before, .dnb-upload__file-cell::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    inset: 0;
    height: 1px;
    background-color: #ebebeb;
    background-color: var(--color-black-8); }
  .dnb-upload__file-cell {
    position: relative;
    padding: 1rem 0;
    padding: var(--spacing-small) 0; }
    .dnb-upload__file-cell::after {
      top: auto; }
    .dnb-upload__file-cell__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .dnb-upload__file-cell__content__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    .dnb-upload__file-cell__text-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-left: 1rem;
      margin-left: var(--spacing-small); }
      .dnb-upload__file-cell__text-container--loading {
        font-size: 1.125rem;
        font-size: var(--font-size-basis); }

/*
* VisuallyHidden component
*
*/
.dnb-visually-hidden--focusable:not(:focus):not([focus-within]) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  border: 0; }
.dnb-visually-hidden--focusable:not(:focus):not(:focus-within) {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
  position: absolute;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  max-width: 1px;
  max-height: 1px;
  overflow: hidden;
  white-space: nowrap;
  padding: 0;
  margin: 0;
  border: 0; }

@charset "UTF-8";
/**
 * Main UI Theme
 *
 */
/*
 * Utilities
 */
/*
 * CSS Properties
 *
 */
:root {
  --font-family-default: 'DNB', sans-serif;
  --font-family-monospace: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
  --font-weight-default: normal;
  --font-weight-basis: normal;
  --font-weight-regular: normal;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --font-size-x-small: 0.875rem;
  --font-size-small: 1rem;
  --font-size-basis: 1.125rem;
  --font-size-basis--em: 1em;
  --font-size-medium: 1.25rem;
  --font-size-large: 1.625rem;
  --font-size-x-large: 2.125rem;
  --font-size-xx-large: 3rem;
  --line-height-xx-small--em: 1em;
  --line-height-x-small: 1.125rem;
  --line-height-small: 1.25rem;
  --line-height-basis: 1.5rem;
  --line-height-basis--em: 1.333em;
  --line-height-medium: 2rem;
  --line-height-large: 2.5rem;
  --line-height-x-large: 3.5rem;
  --color-mint-green-50: #d2f0e9;
  --color-mint-green-25: #e9f8f4;
  --color-mint-green-12: #f4fbf9;
  --color-sea-green-30: #b3dada;
  --color-accent-yellow-30: #feebc1;
  --color-signal-orange: #ff5400;
  --color-fire-red: #dc2a2a;
  --color-success-green: #007b5e;
  --color-fire-red-8: #fdeeee;
  --color-black: #000;
  --color-black-80: #333;
  --color-black-55: #737373;
  --color-black-20: #ccc;
  --color-black-8: #ebebeb;
  --color-black-3: #f8f8f8;
  --color-white: #fff;
  --color-black-border: #cdcdcd;
  --color-black-background: #fafafa;
  --color-sea-green: #007272;
  --color-mint-green: #a5e1d2;
  --color-summer-green: #28b482;
  --color-emerald-green: #14555a;
  --color-ocean-green: #00343e;
  --color-accent-yellow: #fdbb31;
  --color-indigo: #23195a;
  --color-violet: #6e2382;
  --color-sky-blue: #4bbed2;
  --color-lavender: #f2f2f5;
  --color-sand-yellow: #fbf6ec;
  --color-pistachio: #f2f4ec;
  --color-mint-green-alt: #ebfffa;
  --color-indigo-medium: #6e6491;
  --color-indigo-light: #b9afc8;
  --color-violet-medium: #a06eaf;
  --color-violet-light: #cfb9d7;
  --color-sky-blue-medium: #87d2e1;
  --color-sky-blue-light: #c3ebf0;
  --spacing-xx-small: 0.25rem;
  --spacing-x-small: 0.5rem;
  --spacing-small: 1rem;
  --spacing-medium: 1.5rem;
  --spacing-large: 2rem;
  --spacing-x-large: 3rem;
  --spacing-xx-large: 3.5rem;
  --layout-small: 40em;
  --layout-medium: 50em;
  --layout-large: 60em;
  --layout-x-large: 72em;
  --layout-xx-large: 80em;
  --layout-xxx-large: 90em;
  --shadow-default: 0 8px 16px rgba(51, 51, 51, 0.08);
  --shadow-default-x: 0;
  --shadow-default-y: 8px;
  --shadow-default-blur-radius: 16px;
  --shadow-default-color: rgba(51, 51, 51, 0.08);
  --easing-default: cubic-bezier(0.42, 0, 0, 1); }

/*
 * Import all Elements
 *
 */
/*
 * Core Styles
 * Mainly only the margins are defined in here
 *
 */
/*
 * Anchor
 *
 */
/*
 * Anchor mixins
 *
 */
/*
 * Utilities
 */
button.dnb-anchor {
  cursor: pointer;
  line-height: 1.625rem;
  line-height: calc(1.5rem + 0.125rem);
  line-height: calc(var(--line-height-basis) + 0.125rem);
  border: none;
  background: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.dnb-anchor {
  display: inline;
  padding: 0.05575em 0.125em 0.05575em;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  text-decoration: underline;
  -webkit-text-decoration-color: currentColor;
          text-decoration-color: currentColor;
  text-decoration-thickness: 0.0938rem;
  text-underline-offset: 0.25em;
  border-radius: 0;
  color: #007272;
  color: var(--color-sea-green);
  -webkit-transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out;
  transition: background-color 200ms ease-in-out, border-radius 200ms ease-in-out; }
  sup .dnb-anchor,
  sub .dnb-anchor {
    padding: 0 0.025em 0; }
  .dnb-p .dnb-anchor,
  .dnb-lead .dnb-anchor,
  .dnb-h--xx-large .dnb-anchor,
  .dnb-h--x-large .dnb-anchor,
  .dnb-h--large .dnb-anchor,
  .dnb-h--medium .dnb-anchor,
  .dnb-h--basis .dnb-anchor,
  .dnb-h--small .dnb-anchor,
  .dnb-h--x-small .dnb-anchor {
    font-size: inherit; }
  .dnb-anchor:focus {
    outline: none;
    border-radius: 0.25em; }
    .dnb-anchor:focus:not(:active) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: transparent;
      -webkit-transition: none;
      transition: none; }
      .dnb-anchor:focus:not(:active),
      .dnb-section .dnb-anchor:focus:not(:active).dnb-anchor {
        text-decoration: none; }
    html[data-whatinput='keyboard'] .dnb-anchor:focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-anchor:focus {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-anchor:hover, .dnb-anchor:active {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    border-radius: 0.25em; }
    .dnb-anchor:hover,
    .dnb-section .dnb-anchor:hover.dnb-anchor, .dnb-anchor:active,
    .dnb-section .dnb-anchor:active.dnb-anchor {
      text-decoration: none; }
  .dnb-anchor:active {
    color: #a5e1d2;
    color: var(--color-mint-green);
    background-color: #14555a;
    background-color: var(--color-emerald-green);
    border-radius: 0.25em; }
    .dnb-anchor:active,
    .dnb-section .dnb-anchor:active.dnb-anchor {
      text-decoration: none; }
  .dnb-anchor[target='_blank']:not(:empty):not(.dnb-anchor--no-icon) {
    position: relative;
    background-size: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEgMGEuNzUuNzUgMCAwMDAgMS41VjB6bTQgLjc1aC43NUEuNzUuNzUgMCAwMDE1IDB2Ljc1em0tLjc1IDRhLjc1Ljc1IDAgMDAxLjUgMGgtMS41em0xLjUgNGEuNzUuNzUgMCAwMC0xLjUgMGgxLjV6bS0uNzUgNi41VjE2Yy40MSAwIC43NS0uMzQuNzUtLjc1SDE1em0tMTQgMEguMjVjMCAuNDEuMzQuNzUuNzUuNzV2LS43NXpNMSAuNzVWMGEuNzUuNzUgMCAwMC0uNzUuNzVIMXptNS43NS43NWEuNzUuNzUgMCAwMDAtMS41djEuNXptMi43MiAzLjcyYS43NS43NSAwIDAwMS4wNiAxLjA2TDkuNDcgNS4yMnpNMTQuMjUuNzV2NGgxLjV2LTRoLTEuNXptMCA4djYuNWgxLjV2LTYuNWgtMS41ek0xNSAxNC41SDFWMTZoMTR2LTEuNXptLTEzLjI1Ljc1Vi43NUguMjV2MTQuNWgxLjV6TTEgMS41aDUuNzVWMEgxdjEuNXptMTAgMGg0VjBoLTR2MS41em0tLjQ3IDQuNzhsNS01TDE0LjQ3LjIybC01IDUgMS4wNiAxLjA2eiIgZmlsbD0iIzAwNzI3MiIgLz48L3N2Zz4=); }
    .dnb-anchor[target='_blank']:not(:empty):not(.dnb-anchor--no-icon)::after {
      content: '';
      position: relative;
      display: inline-block;
      width: 0.889em;
      height: 0.889em;
      margin-left: 0.3em;
      margin-right: 0.125em;
      color: inherit;
      background-size: cover;
      background-image: inherit;
      -webkit-transition: -webkit-transform 0.3s ease-out, -webkit-filter 1s ease-in-out;
      transition: -webkit-transform 0.3s ease-out, -webkit-filter 1s ease-in-out;
      transition: transform 0.3s ease-out, filter 1s ease-in-out;
      transition: transform 0.3s ease-out, filter 1s ease-in-out, -webkit-transform 0.3s ease-out, -webkit-filter 1s ease-in-out;
      -webkit-transform-origin: bottom;
              transform-origin: bottom; }
    .dnb-anchor[target='_blank']:not(:empty):not(.dnb-anchor--no-icon):active {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aAogICAgZD0iTTExIDBhLjc1Ljc1IDAgMDAwIDEuNVYwem00IC43NWguNzVBLjc1Ljc1IDAgMDAxNSAwdi43NXptLS43NSA0YS43NS43NSAwIDAwMS41IDBoLTEuNXptMS41IDRhLjc1Ljc1IDAgMDAtMS41IDBoMS41em0tLjc1IDYuNVYxNmMuNDEgMCAuNzUtLjM0Ljc1LS43NUgxNXptLTE0IDBILjI1YzAgLjQxLjM0Ljc1Ljc1Ljc1di0uNzV6TTEgLjc1VjBhLjc1Ljc1IDAgMDAtLjc1Ljc1SDF6bTUuNzUuNzVhLjc1Ljc1IDAgMDAwLTEuNXYxLjV6bTIuNzIgMy43MmEuNzUuNzUgMCAwMDEuMDYgMS4wNkw5LjQ3IDUuMjJ6TTE0LjI1Ljc1djRoMS41di00aC0xLjV6bTAgOHY2LjVoMS41di02LjVoLTEuNXpNMTUgMTQuNUgxVjE2aDE0di0xLjV6bS0xMy4yNS43NVYuNzVILjI1djE0LjVoMS41ek0xIDEuNWg1Ljc1VjBIMXYxLjV6bTEwIDBoNFYwaC00djEuNXptLS40NyA0Ljc4bDUtNUwxNC40Ny4yMmwtNSA1IDEuMDYgMS4wNnoiCiAgICBmaWxsPSIjYTVlMWQyIgogIC8+Cjwvc3ZnPg==); }
    .dnb-anchor[target='_blank']:not(:empty):not(.dnb-anchor--no-icon)::after {
      top: 0.125em; }
  [data-visual-test-wrapper] .dnb-anchor {
    -webkit-transition: none;
    transition: none; }
  .dnb-anchor .dnb-icon {
    display: inline-block;
    -webkit-transform: translateY(-0.0625em);
            transform: translateY(-0.0625em); }

.dnb-anchor--hover {
  color: #007272;
  color: var(--color-sea-green);
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50);
  border-radius: 0.25em; }
  .dnb-anchor--hover,
  .dnb-section .dnb-anchor--hover.dnb-anchor {
    text-decoration: none; }

.dnb-anchor--active {
  color: #a5e1d2;
  color: var(--color-mint-green);
  background-color: #14555a;
  background-color: var(--color-emerald-green);
  border-radius: 0.25em; }
  .dnb-anchor--active,
  .dnb-section .dnb-anchor--active.dnb-anchor {
    text-decoration: none; }

.dnb-anchor--focus {
  outline: none;
  border-radius: 0.25em; }
  .dnb-anchor--focus:not(:active) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: transparent;
    -webkit-transition: none;
    transition: none; }
    .dnb-anchor--focus:not(:active),
    .dnb-section .dnb-anchor--focus:not(:active).dnb-anchor {
      text-decoration: none; }
  html[data-whatinput='mouse'] .dnb-anchor--focus {
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      html[data-whatinput='mouse'] .dnb-anchor--focus {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }

.dnb-anchor--no-style {
  color: inherit;
  -webkit-transition: none;
  transition: none; }
  .dnb-anchor--no-style,
  .dnb-section .dnb-anchor--no-style.dnb-anchor {
    text-decoration: none; }
  .dnb-anchor--no-style:hover {
    color: inherit;
    background-color: transparent; }

.dnb-anchor--no-underline,
.dnb-section .dnb-anchor--no-underline.dnb-anchor {
  text-decoration: none; }

.dnb-anchor--no-hover:hover {
  color: inherit;
  background-color: transparent; }

.dnb-anchor--no-radius, .dnb-anchor--no-radius:hover, .dnb-anchor--no-radius:active, .dnb-anchor--no-radius:focus {
  border-radius: 0; }

.dnb-anchor--no-animation {
  -webkit-transition: none;
  transition: none; }

.dnb-anchor--contrast {
  color: #fff;
  color: var(--color-white); }
  .dnb-anchor--contrast:hover, .dnb-anchor--contrast:active {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #fff;
    background-color: var(--color-white);
    text-decoration: none; }
  .dnb-anchor--contrast:active {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-anchor--contrast:not(:disabled):focus {
    color: #fff;
    color: var(--color-white);
    background-color: transparent;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-anchor--contrast:not(:disabled):focus {
      --border-color: var(--color-white);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-anchor--contrast:not(:disabled):focus {
          -webkit-box-shadow: 0 0 0 0.125rem #fff;
                  box-shadow: 0 0 0 0.125rem #fff;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
                  box-shadow: 0 0 0 0.125rem var(--color-white); } }

a.dnb-button {
  -webkit-transition: none;
  transition: none; }

.dnb-skeleton > .dnb-anchor,
.dnb-anchor.dnb-skeleton {
  text-decoration: none; }
  .dnb-skeleton > .dnb-anchor::after,
  .dnb-anchor.dnb-skeleton::after {
    -webkit-filter: grayscale(100%) opacity(0.3);
            filter: grayscale(100%) opacity(0.3); }

/*
 * Typography
 *
 */
.dnb-small {
  font-size: 1rem;
  font-size: var(--font-size-small); }

sup,
sub {
  font-size: 0.777777em;
  line-height: 0.5em; }

.dnb-p {
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  color: currentColor;
  color: var(--theme-color-black-80, currentColor);
  padding: 0; }
  .dnb-p:not([class*='space__top']) {
    margin-top: 0; }
  .dnb-p:not([class*='space__bottom']) {
    margin-bottom: 0; }
  .dnb-p--lead {
    font-size: 1.25rem;
    font-size: var(--font-size-medium);
    line-height: 1.75rem;
    line-height: calc(2rem - 0.25rem);
    line-height: calc(var(--line-height-medium) - 0.25rem);
    font-weight: 500;
    font-weight: var(--font-weight-medium); }
    .dnb-p--lead > small {
      font-size: 1.125rem;
      font-size: var(--font-size-basis);
      line-height: 1.5rem;
      line-height: var(--line-height-basis); }
  .dnb-p--ingress, .dnb-p--medium {
    font-weight: 500;
    font-weight: var(--font-weight-medium); }
  .dnb-p b,
  .dnb-p strong {
    font-weight: 500;
    font-weight: var(--font-weight-medium); }
  .dnb-p--bold {
    font-weight: 600;
    font-weight: var(--font-weight-bold); }
  .dnb-p__size--xx-large {
    font-size: 3rem;
    font-size: var(--font-size-xx-large);
    line-height: 3.5rem;
    line-height: var(--line-height-x-large); }
  .dnb-p__size--x-large {
    font-size: 2.125rem;
    font-size: var(--font-size-x-large);
    line-height: 3.5rem;
    line-height: var(--line-height-x-large); }
  .dnb-p__size--large {
    font-size: 1.625rem;
    font-size: var(--font-size-large);
    line-height: 2.5rem;
    line-height: var(--line-height-large); }
  .dnb-p__size--basis {
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-p__size--medium {
    font-size: 1.25rem;
    font-size: var(--font-size-medium);
    line-height: 2rem;
    line-height: var(--line-height-medium); }
  .dnb-p--small, .dnb-p__size--small,
  .dnb-p > small {
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }
  .dnb-p--x-small, .dnb-p__size--x-small {
    font-size: 0.875rem;
    font-size: var(--font-size-x-small);
    line-height: 1.125rem;
    line-height: var(--line-height-x-small); }
  .dnb-p > cite {
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    line-height: 1.5rem;
    line-height: var(--line-height-basis);
    font-style: italic; }

.dnb-table b,
.dnb-table strong {
  font-weight: 500;
  font-weight: var(--font-weight-medium); }

.dnb-h--xx-large {
  font-size: 3rem;
  font-size: var(--font-size-xx-large);
  line-height: 3.5rem;
  line-height: var(--line-height-x-large); }
  .dnb-h--xx-large > small {
    display: block;
    font-size: 2.125rem;
    font-size: var(--font-size-x-large);
    line-height: 2.5rem;
    line-height: var(--line-height-large); }

.dnb-h--x-large {
  font-size: 2.125rem;
  font-size: var(--font-size-x-large);
  line-height: 2.5rem;
  line-height: var(--line-height-large); }
  .dnb-h--x-large > small {
    display: block;
    font-size: 2.125rem;
    font-size: var(--font-size-x-large);
    line-height: 2.5rem;
    line-height: var(--line-height-large); }

.dnb-h--large {
  font-size: 1.625rem;
  font-size: var(--font-size-large);
  line-height: 2rem;
  line-height: var(--line-height-medium); }
  .dnb-h--large > small {
    font-size: 1.25rem;
    font-size: var(--font-size-medium);
    line-height: 1.875rem;
    line-height: calc(2rem - 0.125rem);
    line-height: calc(var(--line-height-medium) - 0.125rem); }

/* dnb-h--medium looks the same as .dnb-lead */
.dnb-lead,
.dnb-h--medium {
  font-size: 1.25rem;
  font-size: var(--font-size-medium);
  line-height: 1.75rem;
  line-height: calc(2rem - 0.25rem);
  line-height: calc(var(--line-height-medium) - 0.25rem);
  font-weight: 500;
  font-weight: var(--font-weight-medium); }
  .dnb-lead > small,
  .dnb-h--medium > small {
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }

.dnb-h--basis {
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }
  .dnb-h--basis > small {
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }

.dnb-h--small {
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.25rem;
  line-height: var(--line-height-small); }
  .dnb-h--small > small {
    font-size: 0.875rem;
    font-size: var(--font-size-x-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }

.dnb-h--x-small {
  font-size: 0.875rem;
  font-size: var(--font-size-x-small);
  line-height: 1.125rem;
  line-height: var(--line-height-x-small); }

.dnb-lead,
.dnb-h--xx-large,
.dnb-h--x-large,
.dnb-h--large,
.dnb-h--medium,
.dnb-h--basis,
.dnb-h--small,
.dnb-h--x-small,
.dnb-core-style .dnb-lead,
.dnb-core-style .dnb-h--xx-large,
.dnb-core-style .dnb-h--x-large,
.dnb-core-style .dnb-h--large,
.dnb-core-style .dnb-h--medium,
.dnb-core-style .dnb-h--basis,
.dnb-core-style .dnb-h--small,
.dnb-core-style .dnb-h--x-small {
  padding: 0;
  font-family: 'DNB', sans-serif;
  font-family: var(--font-family-default);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: currentColor;
  color: var(--theme-color-black-80, currentColor); }
  .dnb-lead:not([class*='dnb-space']),
  .dnb-h--xx-large:not([class*='dnb-space']),
  .dnb-h--x-large:not([class*='dnb-space']),
  .dnb-h--large:not([class*='dnb-space']),
  .dnb-h--medium:not([class*='dnb-space']),
  .dnb-h--basis:not([class*='dnb-space']),
  .dnb-h--small:not([class*='dnb-space']),
  .dnb-h--x-small:not([class*='dnb-space']),
  .dnb-core-style .dnb-lead:not([class*='dnb-space']),
  .dnb-core-style .dnb-h--xx-large:not([class*='dnb-space']),
  .dnb-core-style .dnb-h--x-large:not([class*='dnb-space']),
  .dnb-core-style .dnb-h--large:not([class*='dnb-space']),
  .dnb-core-style .dnb-h--medium:not([class*='dnb-space']),
  .dnb-core-style .dnb-h--basis:not([class*='dnb-space']),
  .dnb-core-style .dnb-h--small:not([class*='dnb-space']),
  .dnb-core-style .dnb-h--x-small:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-lead .dnb-icon--default,
  .dnb-h--xx-large .dnb-icon--default,
  .dnb-h--x-large .dnb-icon--default,
  .dnb-h--large .dnb-icon--default,
  .dnb-h--medium .dnb-icon--default,
  .dnb-h--basis .dnb-icon--default,
  .dnb-h--small .dnb-icon--default,
  .dnb-h--x-small .dnb-icon--default,
  .dnb-core-style .dnb-lead .dnb-icon--default,
  .dnb-core-style .dnb-h--xx-large .dnb-icon--default,
  .dnb-core-style .dnb-h--x-large .dnb-icon--default,
  .dnb-core-style .dnb-h--large .dnb-icon--default,
  .dnb-core-style .dnb-h--medium .dnb-icon--default,
  .dnb-core-style .dnb-h--basis .dnb-icon--default,
  .dnb-core-style .dnb-h--small .dnb-icon--default,
  .dnb-core-style .dnb-h--x-small .dnb-icon--default {
    font-size: 1em; }
  .dnb-lead .dnb-icon--medium,
  .dnb-h--xx-large .dnb-icon--medium,
  .dnb-h--x-large .dnb-icon--medium,
  .dnb-h--large .dnb-icon--medium,
  .dnb-h--medium .dnb-icon--medium,
  .dnb-h--basis .dnb-icon--medium,
  .dnb-h--small .dnb-icon--medium,
  .dnb-h--x-small .dnb-icon--medium,
  .dnb-core-style .dnb-lead .dnb-icon--medium,
  .dnb-core-style .dnb-h--xx-large .dnb-icon--medium,
  .dnb-core-style .dnb-h--x-large .dnb-icon--medium,
  .dnb-core-style .dnb-h--large .dnb-icon--medium,
  .dnb-core-style .dnb-h--medium .dnb-icon--medium,
  .dnb-core-style .dnb-h--basis .dnb-icon--medium,
  .dnb-core-style .dnb-h--small .dnb-icon--medium,
  .dnb-core-style .dnb-h--x-small .dnb-icon--medium {
    font-size: 1.5em; }
  .dnb-lead a,
  .dnb-lead .dnb-anchor,
  .dnb-h--xx-large a,
  .dnb-h--xx-large .dnb-anchor,
  .dnb-h--x-large a,
  .dnb-h--x-large .dnb-anchor,
  .dnb-h--large a,
  .dnb-h--large .dnb-anchor,
  .dnb-h--medium a,
  .dnb-h--medium .dnb-anchor,
  .dnb-h--basis a,
  .dnb-h--basis .dnb-anchor,
  .dnb-h--small a,
  .dnb-h--small .dnb-anchor,
  .dnb-h--x-small a,
  .dnb-h--x-small .dnb-anchor,
  .dnb-core-style .dnb-lead a,
  .dnb-core-style .dnb-lead .dnb-anchor,
  .dnb-core-style .dnb-h--xx-large a,
  .dnb-core-style .dnb-h--xx-large .dnb-anchor,
  .dnb-core-style .dnb-h--x-large a,
  .dnb-core-style .dnb-h--x-large .dnb-anchor,
  .dnb-core-style .dnb-h--large a,
  .dnb-core-style .dnb-h--large .dnb-anchor,
  .dnb-core-style .dnb-h--medium a,
  .dnb-core-style .dnb-h--medium .dnb-anchor,
  .dnb-core-style .dnb-h--basis a,
  .dnb-core-style .dnb-h--basis .dnb-anchor,
  .dnb-core-style .dnb-h--small a,
  .dnb-core-style .dnb-h--small .dnb-anchor,
  .dnb-core-style .dnb-h--x-small a,
  .dnb-core-style .dnb-h--x-small .dnb-anchor {
    padding-top: 0;
    padding-bottom: 0.03125rem; }

.dnb-spacing .dnb-h--xx-large:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*='space__top']) {
  margin-top: 3rem; }

.dnb-spacing .dnb-h--xx-large:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-h--xx-large:not([class*='space__bottom']) {
  margin-bottom: 2.5rem; }

.dnb-spacing .dnb-h--x-large:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*='space__top']) {
  margin-top: 3rem; }

.dnb-spacing .dnb-h--x-large:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-h--x-large:not([class*='space__bottom']) {
  margin-bottom: 1rem; }

.dnb-spacing .dnb-h--large:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-h--large:not([class*='space__top']) {
  margin-top: 3rem; }

.dnb-spacing .dnb-h--large:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-h--large:not([class*='space__bottom']) {
  margin-bottom: 1rem; }

.dnb-spacing .dnb-lead:not([class*='space__top']),
.dnb-spacing .dnb-h--medium:not([class*='space__top']),
.dnb-spacing .dnb-h--basis:not([class*='space__top']),
.dnb-spacing .dnb-h--small:not([class*='space__top']),
.dnb-spacing .dnb-h--x-small:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-lead:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-h--small:not([class*='space__top']),
.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*='space__top']) {
  margin-top: 2rem; }

.dnb-spacing .dnb-lead:not([class*='space__bottom']),
.dnb-spacing .dnb-h--medium:not([class*='space__bottom']),
.dnb-spacing .dnb-h--basis:not([class*='space__bottom']),
.dnb-spacing .dnb-h--small:not([class*='space__bottom']),
.dnb-spacing .dnb-h--x-small:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-lead:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-h--medium:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-h--basis:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-h--small:not([class*='space__bottom']),
.dnb-core-style .dnb-spacing .dnb-h--x-small:not([class*='space__bottom']) {
  margin-bottom: 1rem; }

.dnb-spacing .dnb-p:not([class*='dnb-space__top']),
.dnb-core-style .dnb-spacing .dnb-p:not([class*='dnb-space__top']) {
  margin-top: 0; }

.dnb-spacing .dnb-p:not([class*='dnb-space__bottom']),
.dnb-core-style .dnb-spacing .dnb-p:not([class*='dnb-space__bottom']) {
  margin-bottom: 1.5rem; }

/*
 * Blockquote
 *
 */
.dnb-blockquote {
  display: inline-block;
  width: auto;
  padding: 1.5rem;
  font-size: 1rem;
  font-size: var(--font-size-small);
  line-height: 1.25rem;
  line-height: var(--line-height-small);
  color: #a5e1d2;
  color: var(--color-mint-green);
  background-color: #00343e;
  background-color: var(--color-ocean-green);
  border-radius: 1rem;
  position: relative; }
  .dnb-blockquote:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-blockquote::before {
    content: '';
    position: absolute;
    top: 2rem;
    left: 1.5rem;
    width: 3em;
    height: 3em;
    background-size: cover;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgZmlsbD0ibm9uZSI+ICA8cGF0aCBmaWxsPSIjQTVFMUQyIiBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik0zNy41IDI3LjVhOSA5IDAgMSAwIDAtMTggOSA5IDAgMCAwIDAgMTh6Ii8+ICA8cGF0aCBzdHJva2U9IiNBNUUxRDIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Ik00Ni41IDE4LjVhMjEgMjEgMCAwIDEtMjEgMjEiLz4gIDxwYXRoIGZpbGw9IiNBNUUxRDIiIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTEzLjUgMjcuNWE5IDkgMCAxIDAgMC0xOCA5IDkgMCAwIDAgMCAxOHoiLz4gIDxwYXRoIHN0cm9rZT0iI0E1RTFEMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTIyLjUgMTguNWEyMSAyMSAwIDAgMS0yMSAyMSIvPjwvc3ZnPg==); }
  .dnb-blockquote, .dnb-blockquote.dnb-blockquote--left {
    padding-left: 6rem;
    padding-top: 2rem;
    padding-bottom: 3rem; }
  .dnb-blockquote.dnb-blockquote--top {
    padding-left: 1.5rem;
    padding-top: 6rem;
    padding-bottom: 3rem; }
  .dnb-blockquote.dnb-blockquote--no-background {
    background-color: transparent;
    color: currentColor;
    color: var(--theme-color-black-80, currentColor); }
    .dnb-blockquote.dnb-blockquote--no-background::before {
      -webkit-filter: grayscale(1) brightness(24%);
              filter: grayscale(1) brightness(24%); }
  .dnb-blockquote .dnb-cite,
  .dnb-blockquote .dnb-figcaption,
  .dnb-blockquote cite,
  .dnb-blockquote footer,
  .dnb-blockquote figcaption {
    display: block;
    margin-top: 1rem;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    line-height: 1.5rem;
    line-height: var(--line-height-basis);
    font-style: italic; }
    .dnb-blockquote .dnb-cite::before,
    .dnb-blockquote .dnb-figcaption::before,
    .dnb-blockquote cite::before,
    .dnb-blockquote footer::before,
    .dnb-blockquote figcaption::before {
      content: '—';
      display: inline-block;
      padding-right: 0.5rem; }
  .dnb-spacing .dnb-blockquote h1,
  .dnb-spacing .dnb-blockquote h2,
  .dnb-spacing .dnb-blockquote h3,
  .dnb-spacing .dnb-blockquote .dnb-h--xx-large,
  .dnb-spacing .dnb-blockquote .dnb-h--large,
  .dnb-spacing .dnb-blockquote .dnb-h--medium,
  .dnb-spacing .dnb-blockquote .dnb-lead {
    margin: 0; }
  .dnb-blockquote .dnb-anchor {
    font-size: inherit; }
  .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor,
  .dnb-blockquote:not(.dnb-blockquote--no-background) a {
    color: #fff;
    color: var(--color-white); }
    .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:hover, .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,
    .dnb-blockquote:not(.dnb-blockquote--no-background) a:hover,
    .dnb-blockquote:not(.dnb-blockquote--no-background) a:active {
      color: #14555a;
      color: var(--color-emerald-green);
      background-color: #fff;
      background-color: var(--color-white);
      text-decoration: none; }
    .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:active,
    .dnb-blockquote:not(.dnb-blockquote--no-background) a:active {
      color: #14555a;
      color: var(--color-emerald-green);
      background-color: #fff;
      background-color: var(--color-white); }
    .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus,
    .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus {
      color: #fff;
      color: var(--color-white);
      background-color: transparent;
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
      .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus {
        --border-color: var(--color-white);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
          .dnb-blockquote:not(.dnb-blockquote--no-background) a:not(:disabled):focus {
            -webkit-box-shadow: 0 0 0 0.125rem #fff;
                    box-shadow: 0 0 0 0.125rem #fff;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
                    box-shadow: 0 0 0 0.125rem var(--color-white); } }
  .dnb-blockquote:not(.dnb-blockquote--no-background) h1,
  .dnb-blockquote:not(.dnb-blockquote--no-background) h2,
  .dnb-blockquote:not(.dnb-blockquote--no-background) h3,
  .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--xx-large,
  .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--large,
  .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-h--medium,
  .dnb-blockquote:not(.dnb-blockquote--no-background) .dnb-lead {
    color: #a5e1d2;
    color: var(--color-mint-green); }

.dnb-spacing .dnb-blockquote:not([class*='dnb-space__top']) {
  margin-top: 0; }

.dnb-spacing .dnb-blockquote:not([class*='dnb-space__bottom']) {
  margin-bottom: 1.5rem; }

.dnb-spacing .dnb-blockquote p:last-child {
  margin-bottom: 0; }

/*
 * Lists
 *
 */
.dnb-ul {
  padding: 0;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  line-height: 1.5rem;
  line-height: var(--line-height-basis);
  color: currentColor;
  color: var(--theme-color-black-80, currentColor); }
  .dnb-ul:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-ul:not([class*='dnb-space__left']) {
    padding-left: 2rem; }
  .dnb-ul ul,
  .dnb-ul ol {
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-left: 2rem; }
  .dnb-ul li,
  .dnb-ul--outside li {
    position: relative; }
    .dnb-ul li::before,
    .dnb-ul--outside li::before {
      position: absolute;
      left: -10rem;
      width: 10rem;
      padding-right: 0.25rem;
      text-align: right; }
  .dnb-ul--inside li::before {
    position: relative;
    left: 0;
    width: auto;
    padding-right: 0;
    text-align: left;
    text-align: initial; }
  .dnb-ul .dnb-anchor {
    font-size: inherit; }
  .dnb-ul li {
    display: list-item;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }

.dnb-ol {
  padding: 0;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  line-height: 1.5rem;
  line-height: var(--line-height-basis);
  color: currentColor;
  color: var(--theme-color-black-80, currentColor);
  color: currentColor;
  color: var(--theme-color-black-80, currentColor); }
  .dnb-ol:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-ol:not([class*='dnb-space__left']) {
    padding-left: 2rem; }
  .dnb-ol ul,
  .dnb-ol ol {
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-left: 2rem; }
  .dnb-ol li,
  .dnb-ol--outside li {
    position: relative; }
    .dnb-ol li::before,
    .dnb-ol--outside li::before {
      position: absolute;
      left: -10rem;
      width: 10rem;
      padding-right: 0.25rem;
      text-align: right; }
  .dnb-ol--inside li::before {
    position: relative;
    left: 0;
    width: auto;
    padding-right: 0;
    text-align: left;
    text-align: initial; }
  .dnb-ol .dnb-anchor {
    font-size: inherit; }
  .dnb-ol li {
    display: list-item;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  .dnb-ol ul,
  .dnb-ol ol {
    margin-top: 0;
    margin-bottom: 1.5rem;
    padding-left: 2rem; }
  .dnb-ol li,
  .dnb-ol--outside li {
    position: relative; }
    .dnb-ol li::before,
    .dnb-ol--outside li::before {
      position: absolute;
      left: -10rem;
      width: 10rem;
      padding-right: 0.25rem;
      text-align: right; }
  .dnb-ol--inside li::before {
    position: relative;
    left: 0;
    width: auto;
    padding-right: 0;
    text-align: left;
    text-align: initial; }
  .dnb-ol .dnb-anchor {
    font-size: inherit; }
  .dnb-ol li {
    list-style-type: decimal; }
  .dnb-ol--nested,
  .dnb-ol--nested ol {
    counter-reset: item; }
  .dnb-ol--nested li {
    display: block; }
    .dnb-ol--nested li::before {
      content: counters(item, ".") ". ";
      counter-increment: item; }
    .dnb-ol--nested li li::before {
      content: counters(item, ".") " ";
      counter-increment: item; }
  .dnb-ol[type] li {
    display: list-item;
    list-style-type: inherit; }
    .dnb-ol[type] li::before,
    .dnb-ol[type] li li::before {
      content: none; }

.dnb-dl {
  padding: 0;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  line-height: 1.5rem;
  line-height: var(--line-height-basis);
  color: currentColor;
  color: var(--theme-color-black-80, currentColor); }
  .dnb-dl:not([class*='dnb-space__top']) {
    margin-top: 0; }
  .dnb-dl:not([class*='dnb-space__bottom']) {
    margin-bottom: 0; }
  .dnb-dl dt {
    margin-top: 1rem;
    padding: 0;
    font-weight: 500;
    font-weight: var(--font-weight-medium); }
  .dnb-dl dd ~ dt {
    margin-top: 1.5rem; }
  .dnb-dl dd {
    padding: 0;
    margin: 0.5rem 0 1rem; }
  .dnb-dl > dd > dl,
  .dnb-dl:not([class*='dnb-space']) > dd > dl {
    margin-top: 1.5rem;
    margin-left: 2rem; }
  @media screen and (min-width: 40em) {
    .dnb-dl__direction--horizontal {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .dnb-dl__direction--horizontal dt {
        margin-right: 1rem;
        max-width: 40%; }
      .dnb-dl__direction--horizontal dd {
        width: calc(60% - 1rem); }
      .dnb-dl__direction--horizontal dt,
      .dnb-dl__direction--horizontal dd,
      .dnb-dl__direction--horizontal dd ~ dt {
        margin-top: 0.5rem;
        margin-bottom: 0; }
        .dnb-dl__direction--horizontal dt:first-of-type,
        .dnb-dl__direction--horizontal dd:first-of-type,
        .dnb-dl__direction--horizontal dd ~ dt:first-of-type {
          margin-top: 0; }
    .dnb-dl dd.dnb-dl__item {
      width: 100%;
      height: 0;
      margin: 0; } }

.dnb-spacing .dnb-ul:not([class*='dnb-space__top']),
.dnb-spacing .dnb-ol:not([class*='dnb-space__top']) {
  margin-top: 0; }

.dnb-spacing .dnb-ul:not([class*='dnb-space__bottom']),
.dnb-spacing .dnb-ol:not([class*='dnb-space__bottom']) {
  margin-bottom: 1.5rem; }

.dnb-spacing .dnb-ul > li,
.dnb-spacing .dnb-ol > li {
  margin-top: 1rem;
  margin-bottom: 1rem;
  /* stylelint-disable-next-line */ }
  .dnb-spacing .dnb-ul > li > p,
  .dnb-spacing .dnb-ol > li > p {
    margin-top: 1rem; }

.dnb-spacing .dnb-ul li > ul,
.dnb-spacing .dnb-ul:not([class*='dnb-space']) li > ul,
.dnb-spacing .dnb-ul li > ol,
.dnb-spacing .dnb-ul:not([class*='dnb-space']) li > ol,
.dnb-spacing .dnb-ol li > ul,
.dnb-spacing .dnb-ol:not([class*='dnb-space']) li > ul,
.dnb-spacing .dnb-ol li > ol,
.dnb-spacing .dnb-ol:not([class*='dnb-space']) li > ol {
  margin-top: -0.5rem; }

.dnb-spacing .dnb-dl:not([class*='dnb-space__top']) {
  margin-top: 0; }

.dnb-spacing .dnb-dl:not([class*='dnb-space__bottom']) {
  margin-bottom: 1.5rem; }

.dnb-unstyled-list {
  list-style-type: none; }
  .dnb-unstyled-list:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-unstyled-list:not([class*='dnb-space__left']) {
    padding-left: 0; }
  .dnb-unstyled-list > li {
    list-style-type: none; }
    .dnb-unstyled-list > li::before {
      content: none; }
  .dnb-unstyled-list > dl,
  .dnb-unstyled-list > dd {
    margin-left: 0; }

/*
 * Table
 * The styles are located inside /components/table/styles/...
 */
/*
 * Label
 *
 */
.dnb-label {
  cursor: pointer;
  color: #333;
  color: var(--color-black-80);
  word-wrap: break-word; }
  .dnb-label[disabled] {
    cursor: not-allowed; }

/*
 * Forms
 *
 */
.dnb-form {
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  line-height: 1.5rem;
  line-height: var(--line-height-basis); }

/*
 * Code / Pre
 *
 */
.dnb-code {
  display: inline-block;
  padding: 0.25em 0.25em;
  /* 2px 4px */
  font-size: inherit;
  text-decoration: inherit;
  line-height: 1em;
  line-height: var(--line-height-xx-small--em);
  color: inherit;
  background-color: #e9f8f4;
  background-color: var(--color-mint-green-25);
  border-radius: 0.1875em; }
  del .dnb-code {
    text-decoration: line-through; }
  .dnb-code:not([class*='dnb-space']) {
    margin: -0.25em 0; }

.dnb-pre {
  display: block;
  overflow: auto;
  padding: 1rem;
  border-radius: 0.5rem;
  color: #f4fbf9;
  color: var(--color-mint-green-12);
  background-color: #222;
  white-space: pre;
  vertical-align: baseline;
  outline: none;
  text-shadow: none;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  word-wrap: normal;
  word-break: normal;
  text-align: left;
  word-spacing: normal;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  font-size: inherit;
  font-family: 'DNBMono', 'Menlo', 'Consolas', 'Roboto Mono',
    'Ubuntu Monospace', 'Noto Mono', 'Oxygen Mono', 'Liberation Mono',
    monospace;
  font-family: var(--font-family-monospace); }
  .dnb-pre:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-pre pre {
    padding: 1rem; }
  .dnb-pre .dnb-spacing pre:not([class*='dnb-space__top']) {
    margin-top: 0; }
  .dnb-pre .dnb-spacing pre:not([class*='dnb-space__bottom']) {
    margin-bottom: 1.5rem; }
  .dnb-pre.dnb-pre--focus {
    --border-color: var(--color-sea-green);
    -webkit-box-shadow: 0 0 0 0.25rem var(--border-color);
            box-shadow: 0 0 0 0.25rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-pre.dnb-pre--focus {
        -webkit-box-shadow: 0 0 0 0.25rem #007272;
                box-shadow: 0 0 0 0.25rem #007272;
        -webkit-box-shadow: 0 0 0 0.25rem var(--color-sea-green);
                box-shadow: 0 0 0 0.25rem var(--color-sea-green); } }

.dnb-spacing .dnb-pre:not([class*='dnb-space__top']) {
  margin-top: 0; }

.dnb-spacing .dnb-pre:not([class*='dnb-space__bottom']) {
  margin-bottom: 1.5rem; }

.dnb-skeleton > .dnb-code {
  background-color: transparent; }

/*
 * Image
 *
 */
.dnb-img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  text-align: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dnb-img:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-img img,
  .dnb-img figcaption {
    font-size: 1.125rem;
    font-size: var(--font-size-basis); }
  .dnb-img img {
    position: relative;
    z-index: 2;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 100%;
    border-style: none;
    border-radius: inherit; }
    .dnb-img img[alt]::after {
      content: attr(alt);
      position: absolute;
      z-index: 3;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      border-radius: inherit;
      color: #333;
      color: var(--color-black-80);
      background-color: #ebebeb;
      background-color: var(--color-black-8); }
  .dnb-img figcaption {
    margin-top: 0.5rem; }
  .dnb-img__img--error {
    color: #333;
    color: var(--color-black-80);
    background-color: #ebebeb;
    background-color: var(--color-black-8); }

/*
 * Hr tag / line
 *
 */
.dnb-hr {
  position: relative;
  padding: 0;
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  color: #333;
  color: var(--color-black-80); }
  .dnb-hr:not([class*='dnb-space']) {
    margin: 0; }
  .dnb-hr::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 1px;
    color: inherit;
    background-color: currentColor;
    border-radius: 0.5px; }
  .dnb-hr--fullscreen::after {
    left: -100vw;
    width: 200vw; }
  .dnb-hr--light::after {
    border-radius: 0.25px;
    /* 
    * 60% and 65% for best result on low res screens, like on Chromebook (Acer)
    * Else the line will dissapear!
    */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, currentColor), color-stop(65%, transparent));
    background-image: linear-gradient(to bottom, currentColor 60%, transparent 65%);
    background-size: 100% 1px;
    background-color: transparent; }
  .dnb-hr--medium::after {
    height: 2px;
    border-radius: 0.75px;
    /* Revert the hairline halv */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(51%, currentColor), color-stop(51%, transparent));
    background-image: linear-gradient(to bottom, currentColor 51%, transparent 51%);
    background-size: 100% 3px;
    background-color: transparent; }

.dnb-spacing .dnb-hr:not([class*='dnb-space__top']) {
  margin-top: 0; }

.dnb-spacing .dnb-hr:not([class*='dnb-space__bottom']) {
  margin-bottom: 1.5rem; }

.dnb-selection::-moz-selection, .dnb-selection ::-moz-selection, [class^='dnb-']::-moz-selection, [class^='dnb-'] ::-moz-selection {
  background-color: #a5e1d2;
  background-color: var(--color-mint-green);
  color: #000;
  color: var(--color-black);
  text-shadow: none; }

.dnb-selection::selection,
.dnb-selection ::selection,
[class^='dnb-']::selection,
[class^='dnb-'] ::selection {
  background-color: #a5e1d2;
  background-color: var(--color-mint-green);
  color: #000;
  color: var(--color-black);
  text-shadow: none; }

/**
  ATTENTION: This file is auto generated by using "styleFactory".
  Do not change the content above!
  All the themes get auto generated in here
*/
/*
* Accordion theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-accordion__header {
  border: none; }

.dnb-accordion__header__icon, .dnb-accordion__header__container {
  color: #007272;
  color: var(--color-sea-green); }

.dnb-accordion__header__description {
  color: #737373;
  color: var(--color-black-55); }

.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__title {
  font-weight: 500;
  font-weight: var(--font-weight-medium); }

.dnb-accordion__variant--outlined > .dnb-accordion__header {
  color: #333;
  color: var(--color-black-80);
  background-color: #fff;
  background-color: var(--color-white);
  --border-color: var(--color-black-8);
  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
          box-shadow: inset 0 0 0 0.0625rem var(--border-color);
  /* iOS fix - because "inset" works not fine with border-radius */
  /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
  border-color: transparent; }
  @supports (-webkit-touch-callout: none) {
    .dnb-accordion__variant--outlined > .dnb-accordion__header {
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color); } }
  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
    .dnb-accordion__variant--outlined > .dnb-accordion__header {
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color); } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-accordion__variant--outlined > .dnb-accordion__header {
      -webkit-box-shadow: inset 0 0 0 1px #ebebeb;
              box-shadow: inset 0 0 0 1px #ebebeb;
      -webkit-box-shadow: inset 0 0 0 1px var(--color-black-8);
              box-shadow: inset 0 0 0 1px var(--color-black-8); } }
  .dnb-accordion__variant--outlined > .dnb-accordion__header:focus[disabled],
  html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus[disabled] {
    cursor: not-allowed; }
  .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
      color: #14555a;
      color: var(--color-emerald-green);
      background-color: #fff;
      background-color: var(--color-white); }
    html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
              box-shadow: inset 0 0 0 0.125rem var(--border-color);
      /* iOS fix - because "inset" works not fine with border-radius */
      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
      border-color: transparent; }
      @supports (-webkit-touch-callout: none) {
        html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
        html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:focus:not([disabled]) {
          -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                  box-shadow: inset 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
  html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:hover[disabled] {
    cursor: not-allowed; }
  html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:hover:not([disabled]) {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:hover:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:hover:not([disabled]) {
        opacity: 1; } }
  .dnb-accordion__variant--outlined > .dnb-accordion__header:active[disabled],
  html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:active[disabled] {
    cursor: not-allowed; }
  .dnb-accordion__variant--outlined > .dnb-accordion__header:active:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:active:not([disabled]) {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #f2f4ec;
    background-color: var(--color-pistachio);
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
            box-shadow: 0 0 0 0.0625rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-accordion__variant--outlined > .dnb-accordion__header:active:not([disabled]),
      html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined > .dnb-accordion__header:active:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.0625rem #14555a;
                box-shadow: 0 0 0 0.0625rem #14555a;
        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.0625rem var(--color-emerald-green); } }

.dnb-accordion__variant--outlined > .dnb-accordion__header[disabled] {
  background-color: #fff;
  background-color: var(--color-white);
  --border-color: var(--color-sea-green-30);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-accordion__variant--outlined > .dnb-accordion__header[disabled] {
      -webkit-box-shadow: 0 0 0 0.0625rem #b3dada;
              box-shadow: 0 0 0 0.0625rem #b3dada;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green-30);
              box-shadow: 0 0 0 0.0625rem var(--color-sea-green-30); } }
  .dnb-accordion__variant--outlined > .dnb-accordion__header[disabled] * {
    color: #b3dada;
    color: var(--color-sea-green-30); }

.dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header {
  color: #fff;
  color: var(--color-white);
  background-color: #007272;
  background-color: var(--color-sea-green);
  --border-color: transparent;
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header {
      -webkit-box-shadow: 0 0 0 0.0625rem transparent;
              box-shadow: 0 0 0 0.0625rem transparent; } }

.dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header[disabled] {
  background-color: #b3dada;
  background-color: var(--color-sea-green-30); }
  .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header[disabled] * {
    color: #fff;
    color: var(--color-white); }

html[data-whatinput='keyboard']
.dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
  background-color: #a5e1d2;
  background-color: var(--color-mint-green); }
  html[data-whatinput='keyboard']
.dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus * {
    color: #14555a;
    color: var(--color-emerald-green); }

.dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
  outline: none; }
  html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
            box-shadow: inset 0 0 0 0.125rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      html[data-whatinput='keyboard'] .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not([disabled]):not(:active):not(:hover):focus {
        -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                box-shadow: inset 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }

.dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header:not(:hover):not([disabled]) * {
  color: #fff;
  color: var(--color-white); }

html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header.dnb-accordion--hover:not(:active):hover[disabled] {
  cursor: not-allowed; }

html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header.dnb-accordion--hover:not(:active):hover:not([disabled]) {
  color: #fff;
  color: var(--color-white);
  background-color: #007272;
  background-color: var(--color-sea-green);
  --border-color: var(--color-sea-green);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    html:not([data-whatintent='touch']) .dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header.dnb-accordion--hover:not(:active):hover:not([disabled]) {
      -webkit-box-shadow: 0 0 0 0.0625rem #007272;
              box-shadow: 0 0 0 0.0625rem #007272;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
              box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }

.dnb-accordion__variant--outlined.dnb-accordion--expanded > .dnb-accordion__header.dnb-accordion--hover:not(:active) * {
  color: #fff;
  color: var(--color-white); }

/*
* Autocomplete theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell,
.dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover
~ .dnb-autocomplete__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
  --border-color: var(--color-sea-green);
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
          box-shadow: 0 0 0 0.125rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell,
    .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover
~ .dnb-autocomplete__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
      -webkit-box-shadow: 0 0 0 0.125rem #007272;
              box-shadow: 0 0 0 0.125rem #007272;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-sea-green);
              box-shadow: 0 0 0 0.125rem var(--color-sea-green); } }

.dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__submit-button__button,
.dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover
~ .dnb-autocomplete__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__submit-button__button {
  border-radius: 0;
  color: #fff;
  color: var(--color-white);
  background-color: #007272;
  background-color: var(--color-sea-green);
  -webkit-box-shadow: none;
          box-shadow: none; }

.dnb-autocomplete--show-indicator .dnb-autocomplete__input .dnb-input__icon {
  color: transparent; }

.dnb-autocomplete__shell, .dnb-autocomplete__input {
  border-radius: 0.25rem;
  border-radius: var(--autocomplete-border-radius); }

.dnb-autocomplete__status--error:not(.dnb-autocomplete--opened) .dnb-form-label:hover
~ .dnb-autocomplete__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
          box-shadow: 0 0 0 0.125rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-autocomplete__status--error:not(.dnb-autocomplete--opened) .dnb-form-label:hover
~ .dnb-autocomplete__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
      -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
              box-shadow: 0 0 0 0.125rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
              box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }

.dnb-autocomplete__root .dnb-drawer-list__option__item:nth-of-type(1) {
  font-weight: normal;
  font-weight: var(--font-weight-basis); }

.dnb-autocomplete__root .dnb-drawer-list__option__item:nth-of-type(n + 2) {
  color: #737373;
  color: var(--color-black-55); }

.dnb-autocomplete__root .dnb-drawer-list__option__item--highlight {
  font-weight: 600;
  font-weight: var(--font-weight-bold); }

.dnb-autocomplete__root
.dnb-drawer-list__option--selected
.dnb-drawer-list__option__item:nth-of-type(n + 2) {
  color: #fff;
  color: var(--color-white); }

.dnb-autocomplete__root .dnb-drawer-list__option--selected .dnb-anchor {
  color: #fff;
  color: var(--color-white); }

/*
* Avatar theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-avatar {
  color: #f2f4ec;
  color: var(--color-pistachio); }
  .dnb-avatar--primary {
    background-color: #14555a;
    background-color: var(--color-emerald-green); }
  .dnb-avatar--secondary {
    background-color: #007272;
    background-color: var(--color-sea-green); }
  .dnb-avatar--tertiary {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #14555a;
    color: var(--color-emerald-green); }

/*
* Badge theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-badge {
  color: #fff;
  color: var(--color-white); }
  .dnb-badge--variant-information {
    background-color: #14555a;
    background-color: var(--color-emerald-green); }
  .dnb-badge--variant-notification {
    background-color: #dc2a2a;
    background-color: var(--color-fire-red); }

/*
* Button theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-button {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-align: left; }
  .dnb-button--primary {
    color: #fff;
    color: var(--color-white);
    background-color: #007272;
    background-color: var(--color-sea-green); }
    html:not([data-whatintent='touch']) .dnb-button--primary:hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: #fff;
      background-color: var(--color-white);
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
      @media screen and (-ms-high-contrast: none) {
        html:not([data-whatintent='touch']) .dnb-button--primary:hover:not([disabled]) {
          opacity: 1; } }
    .dnb-button--primary:focus[disabled],
    html:not([data-whatintent='touch']) .dnb-button--primary:focus[disabled] {
      cursor: not-allowed; }
    .dnb-button--primary:focus:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-button--primary:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
        color: #007272;
        color: var(--color-sea-green);
        background-color: #fff;
        background-color: var(--color-white); }
      html[data-whatinput='keyboard'] .dnb-button--primary:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
                box-shadow: inset 0 0 0 0.125rem var(--border-color);
        /* iOS fix - because "inset" works not fine with border-radius */
        /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
        border-color: transparent; }
        @supports (-webkit-touch-callout: none) {
          html[data-whatinput='keyboard'] .dnb-button--primary:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
          html[data-whatinput='keyboard'] .dnb-button--primary:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-button--primary:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--primary:focus:not([disabled]) {
            -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                    box-shadow: inset 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
    .dnb-button--primary:active[disabled],
    html:not([data-whatintent='touch']) .dnb-button--primary:active[disabled] {
      cursor: not-allowed; }
    .dnb-button--primary:active:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--primary:active:not([disabled]) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: #d2f0e9;
      background-color: var(--color-mint-green-50);
      --border-color: transparent;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        .dnb-button--primary:active:not([disabled]),
        html:not([data-whatintent='touch']) .dnb-button--primary:active:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                  box-shadow: 0 0 0 0.0625rem transparent; } }
    .dnb-button--primary[disabled] {
      color: #fff;
      color: var(--color-white);
      background-color: #b3dada;
      background-color: var(--color-sea-green-30); }
  .dnb-button:not([disabled]).dnb-button--primary.dnb-button__status--error {
    color: #fff;
    color: var(--color-white);
    background-color: #dc2a2a;
    background-color: var(--color-fire-red); }
  .dnb-button--secondary {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-sea-green);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-button--secondary {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-button--secondary {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-button--secondary {
        -webkit-box-shadow: inset 0 0 0 1px #007272;
                box-shadow: inset 0 0 0 1px #007272;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
                box-shadow: inset 0 0 0 1px var(--color-sea-green); } }
    html:not([data-whatintent='touch']) .dnb-button--secondary:hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-button--secondary:hover:not([disabled]) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: #fff;
      background-color: var(--color-white);
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html:not([data-whatintent='touch']) .dnb-button--secondary:hover:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
      @media screen and (-ms-high-contrast: none) {
        html:not([data-whatintent='touch']) .dnb-button--secondary:hover:not([disabled]) {
          opacity: 1; } }
    .dnb-button--secondary:focus[disabled],
    html:not([data-whatintent='touch']) .dnb-button--secondary:focus[disabled] {
      cursor: not-allowed; }
    .dnb-button--secondary:focus:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
        color: #007272;
        color: var(--color-sea-green);
        background-color: #fff;
        background-color: var(--color-white); }
      html[data-whatinput='keyboard'] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
                box-shadow: inset 0 0 0 0.125rem var(--border-color);
        /* iOS fix - because "inset" works not fine with border-radius */
        /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
        border-color: transparent; }
        @supports (-webkit-touch-callout: none) {
          html[data-whatinput='keyboard'] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
          html[data-whatinput='keyboard'] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--secondary:focus:not([disabled]) {
            -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                    box-shadow: inset 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
    .dnb-button--secondary:active[disabled],
    html:not([data-whatintent='touch']) .dnb-button--secondary:active[disabled] {
      cursor: not-allowed; }
    .dnb-button--secondary:active:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: #d2f0e9;
      background-color: var(--color-mint-green-50);
      --border-color: transparent;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        .dnb-button--secondary:active:not([disabled]),
        html:not([data-whatintent='touch']) .dnb-button--secondary:active:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                  box-shadow: 0 0 0 0.0625rem transparent; } }
    .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
      color: #b3dada;
      color: var(--color-sea-green-30);
      background-color: #fff;
      background-color: var(--color-white);
      --border-color: var(--color-sea-green-30);
      -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
              box-shadow: inset 0 0 0 0.0625rem var(--border-color);
      /* iOS fix - because "inset" works not fine with border-radius */
      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
      border-color: transparent; }
      @supports (-webkit-touch-callout: none) {
        .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                  box-shadow: 0 0 0 0.0625rem var(--border-color); } }
      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
        .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
          -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                  box-shadow: 0 0 0 0.0625rem var(--border-color); } }
      @media screen and (-ms-high-contrast: none) {
        .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
          -webkit-box-shadow: inset 0 0 0 1px #b3dada;
                  box-shadow: inset 0 0 0 1px #b3dada;
          -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green-30);
                  box-shadow: inset 0 0 0 1px var(--color-sea-green-30); } }
  .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
    color: #dc2a2a;
    color: var(--color-fire-red);
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
        -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
                box-shadow: inset 0 0 0 1px #dc2a2a;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-fire-red);
                box-shadow: inset 0 0 0 1px var(--color-fire-red); } }
    .dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon {
      color: inherit; }
  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled] {
    cursor: not-allowed; }
  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
        opacity: 1; } }
  .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled],
  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled] {
    cursor: not-allowed; }
  .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
      color: #14555a;
      color: var(--color-emerald-green);
      background-color: #fff;
      background-color: var(--color-white); }
    html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
    html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
              box-shadow: inset 0 0 0 0.125rem var(--border-color);
      /* iOS fix - because "inset" works not fine with border-radius */
      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
      border-color: transparent; }
      @supports (-webkit-touch-callout: none) {
        html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
        html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
          -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                  box-shadow: inset 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-button--secondary:not(.dnb-button--has-text):active[disabled],
  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled] {
    cursor: not-allowed; }
  .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    --border-color: transparent;
    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
            box-shadow: 0 0 0 0.0625rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]),
      html:not([data-whatintent='touch']) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                box-shadow: 0 0 0 0.0625rem transparent; } }
  .dnb-button--active {
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-button--active {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-button--tertiary {
    position: relative;
    color: #007272;
    color: var(--color-sea-green);
    background-color: transparent; }
    .dnb-button--tertiary .dnb-button__text {
      position: relative; }
      .dnb-button--tertiary .dnb-button__text::after {
        content: '';
        position: absolute;
        z-index: 1;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: 0.095rem;
        border-radius: 0.0475rem;
        border-radius: calc(0.095rem / 2);
        color: #007272;
        color: var(--color-sea-green);
        background-color: currentColor;
        bottom: -0.0625rem;
        color: transparent;
        -webkit-transition: color 250ms ease-in-out;
        transition: color 250ms ease-in-out; }
        @media screen and (-ms-high-contrast: none) {
          .dnb-button--tertiary .dnb-button__text::after {
            height: 1px;
            border-radius: 0.5px; } }
        [data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text::after {
          -webkit-transition: none;
          transition: none; }
      .dnb-skeleton .dnb-button--tertiary .dnb-button__text::after {
        content: none; }
    .dnb-button--tertiary.dnb-button--has-text {
      padding-left: 0.5rem;
      padding-right: 0.5rem; }
    .dnb-button--tertiary.dnb-button--has-icon .dnb-button__text::after {
      left: -0.5rem;
      right: -0.5rem; }
    .dnb-button--tertiary:focus[disabled],
    html:not([data-whatintent='touch']) .dnb-button--tertiary:focus[disabled] {
      cursor: not-allowed; }
    .dnb-button--tertiary:focus:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--tertiary:focus:not([disabled]) {
      outline: medium none invert;
      outline: initial; }
      html[data-whatinput='keyboard'] .dnb-button--tertiary:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--tertiary:focus:not([disabled]) {
        -webkit-box-shadow: none;
                box-shadow: none; }
      .dnb-button--tertiary:focus:not([disabled])::before,
      html:not([data-whatintent='touch']) .dnb-button--tertiary:focus:not([disabled])::before {
        content: '';
        position: absolute;
        z-index: 1;
        top: 0;
        left: -0.5rem;
        bottom: 0;
        right: -0.5rem;
        height: inherit;
        border-radius: inherit;
        outline: none; }
        html[data-whatinput='keyboard'] .dnb-button--tertiary:focus:not([disabled])::before, html[data-whatinput='keyboard']
        html:not([data-whatintent='touch']) .dnb-button--tertiary:focus:not([disabled])::before {
          --border-color: var(--color-emerald-green);
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color);
          border-color: transparent; }
          @media screen and (-ms-high-contrast: none) {
            html[data-whatinput='keyboard'] .dnb-button--tertiary:focus:not([disabled])::before, html[data-whatinput='keyboard']
            html:not([data-whatintent='touch']) .dnb-button--tertiary:focus:not([disabled])::before {
              -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                      box-shadow: 0 0 0 0.125rem #14555a;
              -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                      box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
      .dnb-button--tertiary:focus:not([disabled]) .dnb-button__text::after,
      html:not([data-whatintent='touch']) .dnb-button--tertiary:focus:not([disabled]) .dnb-button__text::after {
        visibility: hidden; }
    html:not([data-whatintent='touch']) .dnb-button--tertiary:hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text::after {
      visibility: visible;
      color: #14555a;
      color: var(--color-emerald-green); }
    .dnb-button--tertiary:active[disabled],
    html:not([data-whatintent='touch']) .dnb-button--tertiary:active[disabled] {
      cursor: not-allowed; }
    .dnb-button--tertiary:active:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--tertiary:active:not([disabled]) {
      outline: medium none invert;
      outline: initial; }
      html[data-whatinput='keyboard'] .dnb-button--tertiary:active:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--tertiary:active:not([disabled]) {
        -webkit-box-shadow: none;
                box-shadow: none; }
      html[data-whatintent='touch'] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html[data-whatintent='touch']
      html:not([data-whatintent='touch']) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
        -webkit-transition: none;
        transition: none;
        visibility: visible;
        opacity: 1;
        color: #14555a;
        color: var(--color-emerald-green); }
      html:not([data-whatintent='touch']) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html:not([data-whatintent='touch'])
      html:not([data-whatintent='touch']) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
        visibility: hidden; }
    .dnb-button--tertiary .dnb-button__icon {
      -ms-flex-item-align: start;
          align-self: flex-start;
      margin-top: 0.75rem;
      margin-top: calc(2.5rem / 2 - 0.5rem);
      margin-top: calc(var(--button-height)/2 - 0.5rem);
      margin-top: calc(var(--button-height) / 2 - 0.5rem); }
    .dnb-button--tertiary.dnb-button--size-large .dnb-button__icon {
      margin-top: 1rem;
      margin-top: calc(3rem / 2 - 0.5rem);
      margin-top: calc(var(--button-height--large)/2 - 0.5rem);
      margin-top: calc(var(--button-height--large) / 2 - 0.5rem); }
    .dnb-button--tertiary.dnb-button--size-medium .dnb-button__icon {
      margin-top: 0.5rem;
      margin-top: calc(2rem / 2 - 0.5rem);
      margin-top: calc(var(--button-height--medium)/2 - 0.5rem);
      margin-top: calc(var(--button-height--medium) / 2 - 0.5rem); }
    .dnb-button--tertiary.dnb-button--size-small .dnb-button__icon {
      margin-top: 0.25rem;
      margin-top: calc(1.5rem / 2 - 0.5rem);
      margin-top: calc(var(--button-height--small)/2 - 0.5rem);
      margin-top: calc(var(--button-height--small) / 2 - 0.5rem); }
    .dnb-button--tertiary.dnb-button--icon-position-top {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      border-radius: 0.5rem;
      vertical-align: middle; }
      .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text {
        padding: 0; }
      .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__icon {
        margin-top: 0.5rem;
        -ms-flex-item-align: center;
            align-self: center; }
      .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text {
        margin-top: 0;
        margin-bottom: 0.25rem;
        font-size: 0.875rem;
        font-size: var(--font-size-x-small); }
        .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text::after {
          left: 0;
          right: 0; }
      .dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text {
        font-size: 1rem;
        font-size: var(--font-size-small); }
      .dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment {
        -webkit-box-ordinal-group: 4;
            -ms-flex-order: 3;
                order: 3;
        height: 0; }
    .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left {
      padding-left: 0;
      padding-right: 0.5rem; }
      .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text {
        padding-left: 1rem; }
        .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__text::after {
          right: 0; }
      .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left .dnb-button__icon {
        margin-right: -0.5rem; }
      .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text, .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text {
        padding-left: 0;
        margin-left: 1rem; }
        .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-medium .dnb-button__text::after, .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left.dnb-button--icon-size-large .dnb-button__text::after {
          left: 0; }
    .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right {
      padding-right: 0;
      padding-left: 0.5rem;
      /* stylelint-disable */
      /* stylelint-enable */ }
      .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text {
        padding-right: 1rem; }
        .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__text::after {
          left: 0; }
      .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right .dnb-button__icon {
        margin-left: -0.5rem; }
      .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text, .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text {
        padding-right: 0;
        margin-right: 1rem; }
        .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-medium .dnb-button__text::after, .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right.dnb-button--icon-size-large .dnb-button__text::after {
          right: 0; }
    .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled],
    html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus[disabled] {
      cursor: not-allowed; }
    .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled])::before,
    html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):focus:not([disabled])::before {
      left: 0;
      right: 0; }
    html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):hover:not([disabled]) {
      --border-color: var(--color-sea-green);
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):hover:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.0625rem #007272;
                  box-shadow: 0 0 0 0.0625rem #007272;
          -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
                  box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }
    .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active[disabled],
    html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active[disabled] {
      cursor: not-allowed; }
    .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active:not([disabled]) {
      --border-color: var(--color-sea-green-30);
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active:not([disabled]),
        html:not([data-whatintent='touch']) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):active:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.0625rem #b3dada;
                  box-shadow: 0 0 0 0.0625rem #b3dada;
          -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green-30);
                  box-shadow: 0 0 0 0.0625rem var(--color-sea-green-30); } }
    html[data-whatinput='keyboard']
.dnb-button--tertiary:hover:focus .dnb-button__text::after {
      visibility: hidden; }
    .dnb-button--tertiary[disabled] {
      color: #b3dada;
      color: var(--color-sea-green-30); }
  .dnb-button--signal {
    color: #00343e;
    color: var(--color-ocean-green);
    background-color: #fdbb31;
    background-color: var(--color-accent-yellow); }
    html:not([data-whatintent='touch']) .dnb-button--signal:hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
      color: #00343e;
      color: var(--color-ocean-green);
      background-color: #fdbb31;
      background-color: var(--color-accent-yellow);
      --border-color: var(--color-ocean-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
                  box-shadow: 0 0 0 0.125rem #00343e;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
      @media screen and (-ms-high-contrast: none) {
        html:not([data-whatintent='touch']) .dnb-button--signal:hover:not([disabled]) {
          opacity: 1; } }
    html[data-whatintent='touch'] .dnb-button--signal:active[disabled],
    html:not([data-whatintent='touch']) html[data-whatintent='touch'] .dnb-button--signal:active[disabled] {
      cursor: not-allowed; }
    html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]),
    html:not([data-whatintent='touch']) html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]) {
      color: #00343e;
      color: var(--color-ocean-green);
      background-color: #fdbb31;
      background-color: var(--color-accent-yellow);
      --border-color: var(--color-ocean-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]),
        html:not([data-whatintent='touch']) html[data-whatintent='touch'] .dnb-button--signal:active:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.125rem #00343e;
                  box-shadow: 0 0 0 0.125rem #00343e;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-ocean-green);
                  box-shadow: 0 0 0 0.125rem var(--color-ocean-green); } }
    .dnb-button--signal:focus[disabled],
    html:not([data-whatintent='touch']) .dnb-button--signal:focus[disabled] {
      cursor: not-allowed; }
    .dnb-button--signal:focus:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-button--signal:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
        color: #00343e;
        color: var(--color-ocean-green);
        background-color: #fdbb31;
        background-color: var(--color-accent-yellow); }
      html[data-whatinput='keyboard'] .dnb-button--signal:focus:not([disabled]), html[data-whatinput='keyboard']
      html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
                box-shadow: inset 0 0 0 0.125rem var(--border-color);
        /* iOS fix - because "inset" works not fine with border-radius */
        /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
        border-color: transparent; }
        @supports (-webkit-touch-callout: none) {
          html[data-whatinput='keyboard'] .dnb-button--signal:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
        @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
          html[data-whatinput='keyboard'] .dnb-button--signal:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
            -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                    box-shadow: 0 0 0 0.125rem var(--border-color); } }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-button--signal:focus:not([disabled]), html[data-whatinput='keyboard']
          html:not([data-whatintent='touch']) .dnb-button--signal:focus:not([disabled]) {
            -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                    box-shadow: inset 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
    .dnb-button--signal:active[disabled],
    html:not([data-whatintent='touch']) .dnb-button--signal:active[disabled] {
      cursor: not-allowed; }
    .dnb-button--signal:active:not([disabled]),
    html:not([data-whatintent='touch']) .dnb-button--signal:active:not([disabled]) {
      color: #00343e;
      color: var(--color-ocean-green);
      background-color: #fdbb31;
      background-color: var(--color-accent-yellow);
      --border-color: transparent;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
              box-shadow: 0 0 0 0.0625rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        .dnb-button--signal:active:not([disabled]),
        html:not([data-whatintent='touch']) .dnb-button--signal:active:not([disabled]) {
          -webkit-box-shadow: 0 0 0 0.0625rem transparent;
                  box-shadow: 0 0 0 0.0625rem transparent; } }
    .dnb-button--signal[disabled] {
      color: #ccc;
      color: var(--color-black-20);
      background-color: #feebc1;
      background-color: var(--color-accent-yellow-30); }
  .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]) {
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled])::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 0.0625rem;
      background-color: currentColor; }
  html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus, html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover {
    color: #fff;
    color: var(--color-white);
    -webkit-box-shadow: none;
            box-shadow: none; }
    html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus, html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus::after, html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover, html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover::after {
      background-color: #007272;
      background-color: var(--color-sea-green); }
  html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):not(:active):hover {
    border-radius: 0; }
  html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active {
    color: #007272;
    color: var(--color-sea-green);
    -webkit-box-shadow: none;
            box-shadow: none; }
    html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active, html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active::after {
      background-color: #d2f0e9;
      background-color: var(--color-mint-green-50); }
  html:not([data-whatintent='touch'])
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled] {
    color: #737373;
    color: var(--color-black-55);
    background-color: #f8f8f8;
    background-color: var(--color-black-3); }

/*
* Checkbox theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-checkbox {
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-checkbox__gfx {
    -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  .dnb-checkbox__input:checked ~ .dnb-checkbox__gfx,
  .dnb-checkbox__input[data-checked='true'] ~ .dnb-checkbox__gfx {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    color: #fff;
    color: var(--color-white); }
  .dnb-checkbox__input:checked ~ .dnb-checkbox__button,
  .dnb-checkbox__input[data-checked='true'] ~ .dnb-checkbox__button {
    background-color: #007272;
    background-color: var(--color-sea-green); }
  .dnb-checkbox__input:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__gfx {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    color: #007272;
    color: var(--color-sea-green); }
  .dnb-checkbox__input:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #007272;
    border-color: var(--color-sea-green); }
  .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button,
  .dnb-checkbox__input[disabled][data-checked='true'] ~ .dnb-checkbox__button {
    border-color: transparent;
    background-color: #b3dada;
    background-color: var(--color-sea-green-30); }
  .dnb-checkbox__input[disabled]:not(:checked):not([data-checked='true']) ~ .dnb-checkbox__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__button,
  .dnb-checkbox__input:not([disabled]):not([data-checked='true']):active ~ .dnb-checkbox__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    border-color: transparent; }
  .dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__gfx,
  .dnb-checkbox__input:not([disabled])[data-checked='true']:active ~ .dnb-checkbox__gfx {
    color: #fff;
    color: var(--color-white); }
  .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-checkbox__input:not([disabled]):not(:focus):checked:hover ~ .dnb-checkbox__button,
  .dnb-checkbox__input:not([disabled]):not(:focus)[data-checked='true']:hover ~ .dnb-checkbox__button {
    border-color: transparent; }
  .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__gfx {
    color: #007272;
    color: var(--color-sea-green); }
  html[data-whatinput='keyboard'] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button {
    border: none;
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  html[data-whatinput='keyboard'] .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__gfx {
    color: #007272;
    color: var(--color-sea-green); }
  .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button .dnb-checkbox__focus,
  .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus {
    display: block; }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button {
    border: none; }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
    display: block;
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
        -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
                box-shadow: 0 0 0 0.125rem #dc2a2a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
                box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button {
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8); }
    .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button[data-checked='true'] {
      border-color: #dc2a2a;
      border-color: var(--color-fire-red); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__button {
    border-color: #fdeeee;
    border-color: var(--color-fire-red-8); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button,
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked='true'] ~ .dnb-checkbox__button {
    background-color: #dc2a2a;
    background-color: var(--color-fire-red); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx {
    color: #dc2a2a;
    color: var(--color-fire-red); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
    color: #fdeeee;
    color: var(--color-fire-red-8); }

/*
* DatePicker theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input {
  color: #737373;
  color: var(--color-black-55); }
  .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input ~ .dnb-date-picker--separator {
    color: #737373;
    color: var(--color-black-55); }

.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='0']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='1']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='2']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='3']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='4']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='5']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='6']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='7']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='8']:not([data-input-state='disabled']), .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='9']:not([data-input-state='disabled']) {
  color: #000;
  color: var(--color-black); }
  .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='0']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='1']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='2']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='3']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='4']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='5']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='6']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='7']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='8']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input[value*='9']:not([data-input-state='disabled']) ~ .dnb-date-picker--separator {
    color: #000;
    color: var(--color-black); }

.dnb-date-picker__container {
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default);
  border-radius: 0.25rem;
  background-color: #fff;
  background-color: var(--color-white); }

.dnb-date-picker__addon::after, .dnb-date-picker__calendar::after {
  background-color: #ebebeb;
  background-color: var(--color-black-8); }

.dnb-date-picker__header::after {
  background-color: #ebebeb;
  background-color: var(--color-black-8); }

.dnb-date-picker__header__nav .dnb-button {
  -webkit-box-shadow: none;
          box-shadow: none; }

.dnb-date-picker__header__title {
  text-transform: capitalize;
  text-align: center;
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: #333;
  color: var(--color-black-80); }

.dnb-date-picker__labels__day {
  text-transform: capitalize;
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  color: #333;
  color: var(--color-black-80); }

.dnb-date-picker__day, .dnb-date-picker__labels__day {
  text-align: center; }

.dnb-date-picker__day--today .dnb-button {
  font-weight: 500;
  font-weight: var(--font-weight-medium); }

.dnb-date-picker__day--preview .dnb-button,
.dnb-date-picker__day--inactive .dnb-button,
.dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover) {
  background-color: transparent; }

.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date), .dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) {
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50); }

.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive)::after, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive)::after {
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50); }

.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button {
  color: #e9f8f4;
  color: var(--color-mint-green-25);
  background-color: #14555a;
  background-color: var(--color-emerald-green); }

.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover {
  -webkit-box-shadow: none;
          box-shadow: none; }

html:not([data-whatintent='touch'])
.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),
html:not([data-whatintent='touch'])
.dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]) {
  color: #e9f8f4;
  color: var(--color-mint-green-25);
  background-color: #14555a;
  background-color: var(--color-emerald-green); }

.dnb-date-picker__day--disabled .dnb-button {
  text-decoration: line-through; }

.dnb-date-picker__day--inactive .dnb-button {
  color: #737373;
  color: var(--color-black-55); }

.dnb-date-picker__day--inactive .dnb-button[disabled],
.dnb-date-picker__day--disabled .dnb-button[disabled] {
  -webkit-box-shadow: none;
          box-shadow: none; }

html:not([data-whatintent='touch']) .dnb-date-picker__day--inactive .dnb-button[disabled] {
  cursor: default; }

.dnb-date-picker--opened .dnb-input .dnb-input__shell,
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover
~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
  --border-color: var(--color-sea-green);
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
          box-shadow: 0 0 0 0.125rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-date-picker--opened .dnb-input .dnb-input__shell,
    .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover
~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
      -webkit-box-shadow: 0 0 0 0.125rem #007272;
              box-shadow: 0 0 0 0.125rem #007272;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-sea-green);
              box-shadow: 0 0 0 0.125rem var(--color-sea-green); } }

.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary,
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover
~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__submit-button__button.dnb-button--secondary {
  color: #fff;
  color: var(--color-white);
  background-color: #007272;
  background-color: var(--color-sea-green); }
  .dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary::after,
  .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover
~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__submit-button__button.dnb-button--secondary::after {
    background-color: inherit; }

.dnb-date-picker__triangle::before {
  border: none;
  background-color: #fff;
  background-color: var(--color-white);
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default); }

.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover
~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
          box-shadow: 0 0 0 0.125rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover
~ .dnb-date-picker__inner .dnb-input:not([data-input-state='disabled']) .dnb-input__shell {
      -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
              box-shadow: 0 0 0 0.125rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
              box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }

/*
* Drawer theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-dialog {
  background: #fff;
  background: var(--color-white); }
  .dnb-dialog__icon__primary.dnb-icon--border::after {
    left: -50%;
    right: -50%;
    top: -50%;
    bottom: -50%;
    border: none;
    background-color: currentColor;
    opacity: 0.1; }
  .dnb-dialog__icon__primary.dnb-dialog__icon--warning {
    color: #dc2a2a;
    color: var(--color-fire-red); }
    .dnb-dialog__icon__primary.dnb-dialog__icon--warning ::after {
      background-color: #fdeeee;
      background-color: var(--color-fire-red-8); }
  .dnb-dialog__icon__primary.dnb-dialog__icon--info {
    color: #14555a;
    color: var(--color-emerald-green); }
    .dnb-dialog__icon__primary.dnb-dialog__icon--info ::after {
      background-color: #f2f4ec;
      background-color: var(--color-pistachio); }

/*
* Modal theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-drawer {
  background: #fff;
  background: var(--color-white); }

/*
* Dropdown theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover[disabled] {
  cursor: not-allowed; }

html:not([data-whatintent='touch']) .dnb-dropdown__trigger:hover:not([disabled]) {
  color: #14555a;
  color: var(--color-emerald-green); }

.dnb-dropdown__trigger[disabled] {
  color: #737373;
  color: var(--color-black-55);
  background-color: #f8f8f8;
  background-color: var(--color-black-3); }
  .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
    --border-color: var(--color-black-55);
    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
            box-shadow: 0 0 0 0.0625rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
        -webkit-box-shadow: 0 0 0 0.0625rem #737373;
                box-shadow: 0 0 0 0.0625rem #737373;
        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
                box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }

.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
      -webkit-box-shadow: 0 0 0 0.0625rem #dc2a2a;
              box-shadow: 0 0 0 0.0625rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-fire-red);
              box-shadow: 0 0 0 0.0625rem var(--color-fire-red); } }
  html:not([data-whatintent='touch']) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled] {
    cursor: not-allowed; }
  html:not([data-whatintent='touch']) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) {
    color: #dc2a2a;
    color: var(--color-fire-red);
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      html:not([data-whatintent='touch']) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) {
        -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
                box-shadow: 0 0 0 0.125rem #dc2a2a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
                box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
    html:not([data-whatintent='touch']) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon {
      color: #dc2a2a;
      color: var(--color-fire-red); }
  .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled],
  html:not([data-whatintent='touch']) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled] {
    cursor: not-allowed; }
  .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]),
  html:not([data-whatintent='touch']) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]) {
    color: #dc2a2a;
    color: var(--color-fire-red);
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8); }

.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger,
.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon {
  color: #dc2a2a;
  color: var(--color-fire-red); }

.dnb-dropdown > .dnb-form-status {
  -webkit-transform: translateY(-0.4375rem);
          transform: translateY(-0.4375rem); }

/*
 * FormLabel theme
 *
 */
.dnb-form-label {
  color: #333;
  color: var(--color-black-80); }
  .dnb-form-label[for]:not([disabled]):hover {
    color: #007272;
    color: var(--color-sea-green); }

/*
 * FormRow theme
 *
 */
.dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default > .dnb-form-label, .dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium > .dnb-form-label {
  width: 30vw;
  max-width: 20rem; }
  @media screen and (max-width: 40em) {
    .dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--default > .dnb-form-label, .dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__indent--medium > .dnb-form-label {
      width: auto; } }

/*
 * FormSet theme
 *
 */
/*
 * FormStatus theme
 *
 */
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-form-status__shell {
  color: #333;
  color: var(--color-black-80);
  font-size: 1rem;
  font-size: var(--font-size-small); }

.dnb-form-status--error .dnb-form-status__shell {
  background-color: #fdeeee;
  background-color: var(--color-fire-red-8); }
  .dnb-form-status--error .dnb-form-status__shell > .dnb-icon {
    color: #dc2a2a;
    color: var(--color-fire-red);
    border: none; }

.dnb-form-status--warn .dnb-form-status__shell {
  background-color: #fbf6ec;
  background-color: var(--color-sand-yellow); }

.dnb-form-status--info .dnb-form-status__shell {
  background-color: #f2f4ec;
  background-color: var(--color-pistachio); }

.dnb-form-status--marketing .dnb-form-status__shell {
  background-color: #f2f2f5;
  background-color: var(--color-lavender); }

.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text {
  color: #333;
  color: var(--color-black-80); }

.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell {
      -webkit-box-shadow: 0 0 0 0.0625rem #dc2a2a;
              box-shadow: 0 0 0 0.0625rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-fire-red);
              box-shadow: 0 0 0 0.0625rem var(--color-fire-red); } }

.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell {
  --border-color: var(--color-accent-yellow);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell {
      -webkit-box-shadow: 0 0 0 0.0625rem #fdbb31;
              box-shadow: 0 0 0 0.0625rem #fdbb31;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-accent-yellow);
              box-shadow: 0 0 0 0.0625rem var(--color-accent-yellow); } }

.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
  --border-color: var(--color-sea-green);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
      -webkit-box-shadow: 0 0 0 0.0625rem #007272;
              box-shadow: 0 0 0 0.0625rem #007272;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green);
              box-shadow: 0 0 0 0.0625rem var(--color-sea-green); } }

.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
  --border-color: var(--color-black-55);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
      -webkit-box-shadow: 0 0 0 0.0625rem #737373;
              box-shadow: 0 0 0 0.0625rem #737373;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
              box-shadow: 0 0 0 0.0625rem var(--color-black-55); } }

.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell,
.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell {
  -webkit-animation: attention-focus 2s ease-in-out 1 200ms;
          animation: attention-focus 2s ease-in-out 1 200ms; }

.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell > .dnb-icon,
.dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell > .dnb-icon {
  -webkit-animation: attention-focus 2s ease-in-out 1 200ms;
          animation: attention-focus 2s ease-in-out 1 200ms; }

@-webkit-keyframes attention-focus {
  0%,
  100% {
    color: #dc2a2a;
    color: var(--color-fire-red);
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8);
    border-color: #dc2a2a;
    border-color: var(--color-fire-red); }
  35% {
    color: #fff;
    color: var(--color-white);
    background-color: #dc2a2a;
    background-color: var(--color-fire-red);
    border-color: #dc2a2a;
    border-color: var(--color-fire-red); } }

@keyframes attention-focus {
  0%,
  100% {
    color: #dc2a2a;
    color: var(--color-fire-red);
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8);
    border-color: #dc2a2a;
    border-color: var(--color-fire-red); }
  35% {
    color: #fff;
    color: var(--color-white);
    background-color: #dc2a2a;
    background-color: var(--color-fire-red);
    border-color: #dc2a2a;
    border-color: var(--color-fire-red); } }

/*
 * GlobalError theme
 *
 */
/*
 * GlobalStatus theme
 *
 */
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-global-status:not(.dnb-global-status--no-animation).dnb-global-status--fade-in.dnb-global-status.dnb-section::after {
  -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 #333, 100vw 0.0625rem 0 0 #333;
          box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 #333, 100vw 0.0625rem 0 0 #333;
  -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-black-80), 100vw 0.0625rem 0 0 var(--color-black-80);
          box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-black-80), 100vw 0.0625rem 0 0 var(--color-black-80); }

.dnb-global-status__icon {
  font-size: 1rem; }

.dnb-global-status__message__content {
  color: #333;
  color: var(--color-black-80); }

.dnb-global-status__message.dnb-section--white ::-moz-selection {
  background-color: #a5e1d2;
  background-color: var(--color-mint-green); }

.dnb-global-status__message.dnb-section--white ::selection {
  background-color: #a5e1d2;
  background-color: var(--color-mint-green); }

.dnb-global-status__content .dnb-hr {
  color: #dc2a2a;
  color: var(--color-fire-red); }

.dnb-global-status--info .dnb-global-status__content .dnb-hr {
  color: #007272;
  color: var(--color-sea-green); }

/*
 * Np theme is provided
 *
 */
/*
 * Icon theme
 *
 */
.dnb-icon--border {
  position: relative;
  vertical-align: baseline; }
  .dnb-icon--border::after {
    content: '';
    position: absolute;
    left: -25%;
    right: -25%;
    top: -25%;
    bottom: -25%;
    margin: auto;
    border-radius: 50%;
    border: 0.0875rem solid;
    border-color: currentColor; }

/*
* Input theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-input {
  color: #000;
  color: var(--color-black); }
  .dnb-input__inner {
    color: inherit; }
  .dnb-input__shell {
    color: inherit;
    background-color: #fff;
    background-color: var(--color-white);
    border: none;
    --border-color: var(--color-sea-green);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    -webkit-box-shadow: inset 0 0 0 var(--input-border-width) var(--border-color);
            box-shadow: inset 0 0 0 var(--input-border-width) var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color);
        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color);
        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-input__shell {
        -webkit-box-shadow: inset 0 0 0 1px #007272;
                box-shadow: inset 0 0 0 1px #007272;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
                box-shadow: inset 0 0 0 1px var(--color-sea-green); } }
  .dnb-input__icon {
    color: #007272;
    color: var(--color-sea-green); }
  .dnb-input[data-input-state='disabled'] .dnb-input__shell {
    -webkit-text-fill-color: currentColor;
    --border-color: var(--color-black-55);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    -webkit-box-shadow: inset 0 0 0 var(--input-border-width) var(--border-color);
            box-shadow: inset 0 0 0 var(--input-border-width) var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent;
    background-color: #f8f8f8;
    background-color: var(--color-black-3); }
    .dnb-input[data-input-state='disabled'] .dnb-input__shell,
    .dnb-input[data-input-state='disabled'] .dnb-input__shell .dnb-icon {
      color: #737373;
      color: var(--color-black-55); }
    @supports (-webkit-touch-callout: none) {
      .dnb-input[data-input-state='disabled'] .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color);
        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-input[data-input-state='disabled'] .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color);
        -webkit-box-shadow: 0 0 0 var(--input-border-width) var(--border-color);
                box-shadow: 0 0 0 var(--input-border-width) var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-input[data-input-state='disabled'] .dnb-input__shell {
        -webkit-box-shadow: inset 0 0 0 1px #737373;
                box-shadow: inset 0 0 0 1px #737373;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-black-55);
                box-shadow: inset 0 0 0 1px var(--color-black-55); } }
  .dnb-input:not([data-input-state='disabled']) .dnb-input__shell:hover,
  .dnb-input:not([data-input-state='disabled']):hover .dnb-input__shell {
    --border-color: var(--color-sea-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-input:not([data-input-state='disabled']) .dnb-input__shell:hover,
      .dnb-input:not([data-input-state='disabled']):hover .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.125rem #007272;
                box-shadow: 0 0 0 0.125rem #007272;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-sea-green);
                box-shadow: 0 0 0 0.125rem var(--color-sea-green); } }
  .dnb-input[data-input-state='focus']:not([data-input-state='disabled']) .dnb-input__shell {
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-input[data-input-state='focus']:not([data-input-state='disabled']) .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-input__status--error.dnb-input:not([data-input-state='focus']) .dnb-input__shell {
    color: #dc2a2a;
    color: var(--color-fire-red); }
  .dnb-input__status--error.dnb-input:not([data-input-state='focus']):not(:hover) .dnb-input__shell {
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
            box-shadow: 0 0 0 0.0625rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-input__status--error.dnb-input:not([data-input-state='focus']):not(:hover) .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.0625rem #dc2a2a;
                box-shadow: 0 0 0 0.0625rem #dc2a2a;
        -webkit-box-shadow: 0 0 0 0.0625rem var(--color-fire-red);
                box-shadow: 0 0 0 0.0625rem var(--color-fire-red); } }
  .dnb-input__status--error.dnb-input[data-input-state='focus'] .dnb-input__shell,
  .dnb-input__status--error.dnb-input:not([data-input-state='disabled']) .dnb-input__shell:hover,
  .dnb-input__status--error.dnb-input:not([data-input-state='disabled']):hover .dnb-input__shell {
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-input__status--error.dnb-input[data-input-state='focus'] .dnb-input__shell,
      .dnb-input__status--error.dnb-input:not([data-input-state='disabled']) .dnb-input__shell:hover,
      .dnb-input__status--error.dnb-input:not([data-input-state='disabled']):hover .dnb-input__shell {
        -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
                box-shadow: 0 0 0 0.125rem #dc2a2a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
                box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
  html:not([data-whatintent='touch'])
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover, html:not([data-whatintent='touch'])
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover::after,
  html:not([data-whatintent='touch'])
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus,
  html:not([data-whatintent='touch'])
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus::after {
    background-color: #dc2a2a;
    background-color: var(--color-fire-red); }
  html:not([data-whatintent='touch'])
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):hover:active,
  html:not([data-whatintent='touch'])
.dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not([disabled]):focus:active {
    color: #fff;
    color: var(--color-white); }
  .dnb-input__status--error .dnb-input__icon {
    color: #dc2a2a;
    color: var(--color-fire-red); }
  .dnb-input__input::-moz-selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #000;
    color: var(--color-black);
    text-shadow: none; }
  .dnb-input__input::selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #000;
    color: var(--color-black);
    text-shadow: none; }
  .dnb-input__placeholder {
    color: #737373;
    color: var(--color-black-55); }
  .dnb-input[data-input-state='focus'] .dnb-input__placeholder {
    display: none; }
  .dnb-input--keep-placeholder .dnb-input[data-input-state='focus'] .dnb-input__placeholder {
    display: block;
    color: #ccc;
    color: var(--color-black-20); }

/*
* Modal theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --modal-overlay-bg: rgba(0, 0, 0, 0.32); }

.dnb-modal__overlay {
  background-color: rgba(0, 0, 0, 0.32);
  background-color: var(--modal-overlay-bg); }

/*
* Pagination theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-pagination__page, .dnb-pagination__loadbar {
  min-height: 6rem; }

.dnb-pagination__bar {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.dnb-pagination__indicator {
  min-height: inherit; }
  .dnb-pagination__indicator__inner {
    -webkit-animation: show-page 300ms ease-out forwards;
            animation: show-page 300ms ease-out forwards; }

.dnb-core-style .dnb-pagination__button.dnb-button--primary, .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):hover, .dnb-pagination__button.dnb-button--primary, .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):hover {
  background-color: #14555a;
  background-color: var(--color-emerald-green);
  color: #a5e1d2;
  color: var(--color-mint-green); }

.dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus, .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus {
  color: #14555a;
  color: var(--color-emerald-green);
  background-color: #a5e1d2;
  background-color: var(--color-mint-green);
  outline: none; }
  html[data-whatinput='keyboard'] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus {
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      html[data-whatinput='keyboard'] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }

.dnb-pagination__dots {
  color: #737373;
  color: var(--color-black-55); }

@-webkit-keyframes show-page {
  from {
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
    opacity: 0.1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes show-page {
  from {
    -webkit-transform: translate3d(0, -8px, 0);
            transform: translate3d(0, -8px, 0);
    opacity: 0.1; }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1; } }

/*
* ProgressIndicator theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-progress-indicator__circular--small {
  width: 1rem;
  height: 1rem; }

.dnb-progress-indicator__circular--medium {
  width: 1.5rem;
  height: 1.5rem; }

.dnb-progress-indicator__circular--large {
  width: 3.5rem;
  height: 3.5rem; }

.dnb-progress-indicator__circular--huge {
  width: 20rem;
  height: 20rem; }

.dnb-progress-indicator__circular__line {
  -webkit-animation-duration: 2s;
          animation-duration: 2s; }

.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle {
  stroke: #a5e1d2;
  stroke: var(--color-mint-green); }

.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
  stroke: #14555a;
  stroke: var(--color-emerald-green); }

.dnb-progress-indicator__circular--small .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
  stroke-width: 3.1; }

.dnb-progress-indicator__circular--medium .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
  stroke-width: 3.3; }

.dnb-progress-indicator__circular--default .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
  stroke-width: 3.5; }

.dnb-progress-indicator__circular--large .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
  stroke-width: 3.7; }

.dnb-progress-indicator__circular--huge .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
  stroke-width: 3.9; }

.dnb-progress-indicator__linear {
  background-color: #ebebeb;
  background-color: var(--color-black-8); }
  .dnb-progress-indicator__linear--small {
    height: 0.25rem;
    border-radius: 0.125rem; }
  .dnb-progress-indicator__linear--medium {
    height: 1rem;
    border-radius: 0.5rem; }
  .dnb-progress-indicator__linear--large {
    height: 1.5rem;
    border-radius: 0.75rem; }
  .dnb-progress-indicator__linear--huge {
    height: 2rem;
    border-radius: 1rem; }
  .dnb-progress-indicator__linear__bar {
    background-color: #007272;
    background-color: var(--color-sea-green); }

/*
* Radio theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-radio {
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-radio__dot {
    background-color: #007272;
    background-color: var(--color-sea-green);
    -webkit-transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, -webkit-transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out;
    transition: opacity 200ms ease-out, transform 200ms ease-out, -webkit-transform 200ms ease-out; }
  .dnb-radio__input:checked ~ .dnb-radio__button,
  .dnb-radio__input[data-checked='true'] ~ .dnb-radio__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #007272;
    border-color: var(--color-sea-green); }
  .dnb-radio__input:checked ~ .dnb-radio__dot,
  .dnb-radio__input[data-checked='true'] ~ .dnb-radio__dot {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .dnb-radio__input:not(:checked):not([data-checked='true']) ~ .dnb-radio__dot {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  .dnb-radio__input:not(:checked):not([data-checked='true']) ~ .dnb-radio__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #007272;
    border-color: var(--color-sea-green); }
  .dnb-radio__input[disabled]:checked ~ .dnb-radio__button,
  .dnb-radio__input[disabled][data-checked='true'] ~ .dnb-radio__button {
    border-color: #b3dada;
    border-color: var(--color-sea-green-30); }
  .dnb-radio__input[disabled]:not(:checked):not([data-checked='true']) ~ .dnb-radio__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-radio__input[disabled]:checked ~ .dnb-radio__dot,
  .dnb-radio__input[disabled][data-checked='true'] ~ .dnb-radio__dot {
    background-color: #b3dada;
    background-color: var(--color-sea-green-30); }
  .dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__button,
  .dnb-radio__input:not([disabled])[data-checked='true']:active ~ .dnb-radio__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):not(:checked):not([data-checked='true']):active ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    border-color: transparent; }
  .dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__dot,
  .dnb-radio__input:not([disabled])[data-checked='true']:active ~ .dnb-radio__dot {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked='true']):hover ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):not(:focus):checked:hover ~ .dnb-radio__dot,
  .dnb-radio__input:not([disabled]):not(:focus)[data-checked='true']:hover ~ .dnb-radio__dot {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  html[data-whatinput='keyboard'] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked='true']):focus ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  html[data-whatinput='keyboard'] .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__button {
    border: none; }
  .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__focus,
  .dnb-radio__input:not([disabled]):active ~ .dnb-radio__focus {
    display: block; }
  .dnb-radio__input:not([disabled]):not(:checked):not([data-checked='true']):focus ~ .dnb-radio__button,
  .dnb-radio__input:not([disabled]):not(:checked):not([data-checked='true']):active ~ .dnb-radio__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__button {
    border: none; }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__focus {
    display: block;
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__focus {
        -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
                box-shadow: 0 0 0 0.125rem #dc2a2a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
                box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked='true']):hover ~ .dnb-radio__button {
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-radio__dot,
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked='true'] ~ .dnb-radio__dot {
    background-color: #dc2a2a;
    background-color: var(--color-fire-red); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover ~ .dnb-radio__dot,
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked='true']:hover ~ .dnb-radio__dot {
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8); }
  .dnb-radio > .dnb-form-status {
    -webkit-transform: translateY(0.25rem);
            transform: translateY(0.25rem);
    /* 4/16 */ }

/*
 * Section theme
 *
 */
/*
 * Anchor mixins
 *
 */
/*
 * Utilities
 */
.dnb-section--divider {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--divider::after {
    color: #fff;
    color: var(--color-white);
    -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 #d2f0e9, 99vw 0.0625rem 0 0 #d2f0e9, 0 -0.0625rem 0 0 #d2f0e9, 99vw -0.0625rem 0 0 #d2f0e9, 198vw 0.0625rem 0 0 #d2f0e9, 198vw -0.0625rem 0 0 #d2f0e9;
            box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 #d2f0e9, 99vw 0.0625rem 0 0 #d2f0e9, 0 -0.0625rem 0 0 #d2f0e9, 99vw -0.0625rem 0 0 #d2f0e9, 198vw 0.0625rem 0 0 #d2f0e9, 198vw -0.0625rem 0 0 #d2f0e9;
    -webkit-box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-mint-green-50), 99vw 0.0625rem 0 0 var(--color-mint-green-50), 0 -0.0625rem 0 0 var(--color-mint-green-50), 99vw -0.0625rem 0 0 var(--color-mint-green-50), 198vw 0.0625rem 0 0 var(--color-mint-green-50), 198vw -0.0625rem 0 0 var(--color-mint-green-50);
            box-shadow: 99vw 0 0 0 currentColor, 198vw 0 0 0 currentColor, 297vw 0 0 0 currentColor, 396vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-mint-green-50), 99vw 0.0625rem 0 0 var(--color-mint-green-50), 0 -0.0625rem 0 0 var(--color-mint-green-50), 99vw -0.0625rem 0 0 var(--color-mint-green-50), 198vw 0.0625rem 0 0 var(--color-mint-green-50), 198vw -0.0625rem 0 0 var(--color-mint-green-50); }

.dnb-section--transparent::after {
  color: transparent; }

.dnb-section--mint-green-12 {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--mint-green-12::after {
    color: #f4fbf9;
    color: var(--color-mint-green-12); }

.dnb-section--white {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--white::after {
    color: #fff;
    color: var(--color-white); }

.dnb-section--mint-green {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--mint-green::after {
    color: #a5e1d2;
    color: var(--color-mint-green); }

.dnb-section--lavender {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--lavender::after {
    color: #f2f2f5;
    color: var(--color-lavender); }

.dnb-section--sand-yellow {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--sand-yellow::after {
    color: #fbf6ec;
    color: var(--color-sand-yellow); }

.dnb-section--pistachio {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--pistachio::after {
    color: #f2f4ec;
    color: var(--color-pistachio); }

.dnb-section--black-3 {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--black-3::after {
    color: #f8f8f8;
    color: var(--color-black-3); }

.dnb-section--emerald-green {
  color: #a5e1d2;
  color: var(--color-mint-green); }
  .dnb-section--emerald-green::after {
    color: #14555a;
    color: var(--color-emerald-green); }

.dnb-section--sea-green {
  color: #fff;
  color: var(--color-white); }
  .dnb-section--sea-green::after {
    color: #007272;
    color: var(--color-sea-green); }

.dnb-section--fire-red {
  color: #fff;
  color: var(--color-white); }
  .dnb-section--fire-red::after {
    color: #dc2a2a;
    color: var(--color-fire-red); }

.dnb-section--fire-red-8 {
  color: #333;
  color: var(--color-black-80); }
  .dnb-section--fire-red-8::after {
    color: #fdeeee;
    color: var(--color-fire-red-8); }

.dnb-section--fire-red .dnb-anchor,
.dnb-section--emerald-green .dnb-anchor,
.dnb-section--sea-green .dnb-anchor {
  color: #fff;
  color: var(--color-white); }
  .dnb-section--fire-red .dnb-anchor:hover, .dnb-section--fire-red .dnb-anchor:active,
  .dnb-section--emerald-green .dnb-anchor:hover,
  .dnb-section--emerald-green .dnb-anchor:active,
  .dnb-section--sea-green .dnb-anchor:hover,
  .dnb-section--sea-green .dnb-anchor:active {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #fff;
    background-color: var(--color-white);
    text-decoration: none; }
  .dnb-section--fire-red .dnb-anchor:active,
  .dnb-section--emerald-green .dnb-anchor:active,
  .dnb-section--sea-green .dnb-anchor:active {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-section--fire-red .dnb-anchor:not(:disabled):focus,
  .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus,
  .dnb-section--sea-green .dnb-anchor:not(:disabled):focus {
    color: #fff;
    color: var(--color-white);
    background-color: transparent;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
    .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
    .dnb-section--sea-green .dnb-anchor:not(:disabled):focus {
      --border-color: var(--color-white);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
        .dnb-section--emerald-green .dnb-anchor:not(:disabled):focus, html[data-whatinput='keyboard']
        .dnb-section--sea-green .dnb-anchor:not(:disabled):focus {
          -webkit-box-shadow: 0 0 0 0.125rem #fff;
                  box-shadow: 0 0 0 0.125rem #fff;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
                  box-shadow: 0 0 0 0.125rem var(--color-white); } }

.dnb-section--fire-red .dnb-button--tertiary,
.dnb-section--emerald-green .dnb-button--tertiary,
.dnb-section--sea-green .dnb-button--tertiary {
  color: #fff;
  color: var(--color-white); }
  .dnb-section--fire-red .dnb-button--tertiary:hover,
  .dnb-section--emerald-green .dnb-button--tertiary:hover,
  .dnb-section--sea-green .dnb-button--tertiary:hover {
    color: #fff;
    color: var(--color-white); }
  .dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text::after,
  .dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text::after,
  .dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text::after {
    color: #fff !important;
    color: var(--color-white) !important; }
  .dnb-section--fire-red .dnb-button--tertiary:focus,
  .dnb-section--emerald-green .dnb-button--tertiary:focus,
  .dnb-section--sea-green .dnb-button--tertiary:focus {
    color: #fff;
    color: var(--color-white); }
    .dnb-section--fire-red .dnb-button--tertiary:focus::before,
    .dnb-section--emerald-green .dnb-button--tertiary:focus::before,
    .dnb-section--sea-green .dnb-button--tertiary:focus::before {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
      .dnb-section--emerald-green .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
      .dnb-section--sea-green .dnb-button--tertiary:focus::before {
        --border-color: var(--color-white);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-section--fire-red .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
          .dnb-section--emerald-green .dnb-button--tertiary:focus::before, html[data-whatinput='keyboard']
          .dnb-section--sea-green .dnb-button--tertiary:focus::before {
            -webkit-box-shadow: 0 0 0 0.125rem #fff;
                    box-shadow: 0 0 0 0.125rem #fff;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
                    box-shadow: 0 0 0 0.125rem var(--color-white); } }

.dnb-section--signal-orange {
  color: #00343e;
  color: var(--color-ocean-green); }
  .dnb-section--signal-orange::after {
    color: #ff5400;
    color: var(--color-signal-orange); }

.dnb-section--signal-orange ::-moz-selection, .dnb-section--fire-red ::-moz-selection, .dnb-section--mint-green ::-moz-selection {
  background-color: #fff;
  background-color: var(--color-white); }

.dnb-section--signal-orange ::selection, .dnb-section--fire-red ::selection, .dnb-section--mint-green ::selection {
  background-color: #fff;
  background-color: var(--color-white); }

/*
 * Skeleton Theme
 *
 */
:root {
  --skeleton-delay: 5s;
  --skeleton-color: var(--color-black-8);
  --skeleton-color--contrast: var(--color-white); }

.dnb-skeleton img,
.dnb-skeleton video {
  -webkit-filter: brightness(0%) contrast(0%) opacity(0.5);
          filter: brightness(0%) contrast(0%) opacity(0.5); }

.dnb-skeleton--shape.dnb-skeleton::before {
  background-color: #ebebeb !important;
  background-color: var(--skeleton-color) !important; }

.dnb-skeleton--shape.dnb-skeleton::after,
.dnb-skeleton--lines .dnb-skeleton--shape.dnb-skeleton::after, .dnb-skeleton--lines.dnb-skeleton--shape.dnb-skeleton::after {
  background-image: repeating-linear-gradient(-45deg, #fff 1px, #fff 2px, transparent 0, transparent 6px) !important;
  background-image: repeating-linear-gradient(-45deg, #fff 1px 2px, transparent 0 6px) !important;
  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px, var(--skeleton-color--contrast) 2px, transparent 0, transparent 6px) !important;
  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
  background-repeat: repeat !important;
  background-size: 100% !important;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  -webkit-animation: skeletonLinearAnimation 1.5s linear infinite 5s;
          animation: skeletonLinearAnimation 1.5s linear infinite 5s;
  -webkit-animation: skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay);
          animation: skeletonLinearAnimation 1.5s linear infinite var(--skeleton-delay); }

.dnb-skeleton--font-only::marker, .dnb-skeleton--font::marker,
.dnb-skeleton--font .dnb-skeleton--show-font::marker,
.dnb-skeleton--font .dnb-p::marker {
  color: #ebebeb;
  color: var(--skeleton-color); }

.dnb-skeleton--font,
.dnb-skeleton--font .dnb-skeleton--show-font,
.dnb-skeleton--font .dnb-p {
  background-image: repeating-linear-gradient(-45deg, #fff 1px, #fff 2px, transparent 0, transparent 6px) !important;
  background-image: repeating-linear-gradient(-45deg, #fff 1px 2px, transparent 0 6px) !important;
  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px, var(--skeleton-color--contrast) 2px, transparent 0, transparent 6px) !important;
  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
  --border-color: var(--skeleton-color);
  background-color: #ebebeb !important;
  background-color: var(--skeleton-color) !important;
  background-position-x: 30rem;
  -webkit-animation: skeletonFontAnimation 5s linear infinite 5s;
          animation: skeletonFontAnimation 5s linear infinite 5s;
  -webkit-animation: skeletonFontAnimation 5s linear infinite var(--skeleton-delay);
          animation: skeletonFontAnimation 5s linear infinite var(--skeleton-delay); }

@-webkit-keyframes skeletonLinearAnimation {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
  50% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  100% {
    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); } }

@keyframes skeletonLinearAnimation {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
  50% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
  100% {
    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%); } }

@-webkit-keyframes skeletonFontAnimation {
  0% {
    background-position-x: 30rem; }
  100% {
    background-position-x: -30rem; } }

@keyframes skeletonFontAnimation {
  0% {
    background-position-x: 30rem; }
  100% {
    background-position-x: -30rem; } }

/*
* Slider theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-slider__line {
  background-color: #007272;
  background-color: var(--color-sea-green); }
  .dnb-slider__line__after {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }

.dnb-slider__state--disabled .dnb-slider__line {
  background-color: #b3dada;
  background-color: var(--color-sea-green-30); }
  .dnb-slider__state--disabled .dnb-slider__line__after {
    background-color: #e9f8f4;
    background-color: var(--color-mint-green-25); }

.dnb-slider__thumb {
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default); }

/*
 * Np theme is provided
 *
 */
/*
* StepIndicator theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
* Deprecated v1
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-step-indicator-v1 .dnb-step-indicator__item-content--static {
  color: #14555a;
  color: var(--color-emerald-green); }

.dnb-step-indicator-v1 .dnb-step-indicator__item-content--link {
  color: #007272;
  color: var(--color-sea-green); }

.dnb-step-indicator-v1 .dnb-step-indicator__item {
  margin-left: 4.5rem; }
  .dnb-step-indicator-v1 .dnb-step-indicator__item:first-child {
    margin-left: 0; }
  @media screen and (max-width: 50em) {
    .dnb-step-indicator-v1 .dnb-step-indicator__item {
      margin-left: 2rem; } }

.dnb-step-indicator-v1 .dnb-step-indicator::after {
  color: #a5e1d2;
  color: var(--color-mint-green); }

.dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item::after,
.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content::after {
  background-color: #007272;
  background-color: var(--color-sea-green); }

.dnb-step-indicator-v1 .dnb-step-indicator span[hidden],
.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content {
  font-weight: 500;
  font-weight: var(--font-weight-medium); }
  .dnb-step-indicator-v1 .dnb-step-indicator span[hidden]:not(:hover),
  .dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:not(:hover) {
    color: #14555a;
    color: var(--color-emerald-green); }

.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
  font-weight: 500;
  font-weight: var(--font-weight-medium);
  --border-color: var(--color-sea-green);
  -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
          box-shadow: inset 0 0 0 0.125rem var(--border-color);
  /* iOS fix - because "inset" works not fine with border-radius */
  /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
  border-color: transparent; }
  @supports (-webkit-touch-callout: none) {
    .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color); } }
  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
    .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color); } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button {
      -webkit-box-shadow: inset 0 0 0 1px #007272;
              box-shadow: inset 0 0 0 1px #007272;
      -webkit-box-shadow: inset 0 0 0 1px var(--color-sea-green);
              box-shadow: inset 0 0 0 1px var(--color-sea-green); } }

.dnb-step-indicator-v2 .dnb-step-indicator__item--visited .dnb-button {
  background-color: #f2f4ec;
  background-color: var(--color-pistachio); }

.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button {
  cursor: text;
  pointer-events: initial;
  -webkit-user-select: initial;
     -moz-user-select: initial;
      -ms-user-select: initial;
          user-select: initial; }
  .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
    color: #333;
    color: var(--color-black-80);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-black-20);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive .dnb-button.dnb-button--secondary:active {
        -webkit-box-shadow: inset 0 0 0 1px #ccc;
                box-shadow: inset 0 0 0 1px #ccc;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-black-20);
                box-shadow: inset 0 0 0 1px var(--color-black-20); } }

.dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
  --border-color: var(--color-black-80);
  -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
          box-shadow: inset 0 0 0 0.125rem var(--border-color);
  /* iOS fix - because "inset" works not fine with border-radius */
  /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
  border-color: transparent; }
  @supports (-webkit-touch-callout: none) {
    .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color); } }
  @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
    .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color); } }
  @media screen and (-ms-high-contrast: none) {
    .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:hover, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:focus, .dnb-step-indicator-v2 .dnb-step-indicator__item--inactive.dnb-step-indicator__item--current .dnb-button.dnb-button--secondary:active {
      -webkit-box-shadow: inset 0 0 0 1px #333;
              box-shadow: inset 0 0 0 1px #333;
      -webkit-box-shadow: inset 0 0 0 1px var(--color-black-80);
              box-shadow: inset 0 0 0 1px var(--color-black-80); } }

html[data-whatinput='keyboard']
.dnb-step-indicator-v2 .dnb-step-indicator__item--current .dnb-button:not([disabled]):not(:active):not(:hover):focus {
  color: #14555a;
  color: var(--color-emerald-green);
  background-color: #a5e1d2;
  background-color: var(--color-mint-green); }

.dnb-step-indicator-v2 .dnb-step-indicator__label, .dnb-step-indicator-v2 .dnb-step-indicator__label.dnb-p {
  font-size: 1rem;
  font-size: var(--font-size-small);
  margin-bottom: 0.5rem; }

.dnb-step-indicator-v2 .dnb-step-indicator__button__status.dnb-button--secondary {
  background-color: #fbf6ec;
  background-color: var(--color-sand-yellow); }

.dnb-step-indicator-v2 .dnb-step-indicator__button__status--error.dnb-button--secondary {
  background-color: #fdeeee;
  background-color: var(--color-fire-red-8); }

.dnb-step-indicator-v2 .dnb-step-indicator__button__status--info.dnb-button--secondary {
  background-color: #f2f4ec;
  background-color: var(--color-pistachio); }

.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-button__icon {
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 1rem;
  margin-right: 0.75rem; }

.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__number, .dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
  font-weight: normal;
  font-weight: var(--font-weight-basis); }

.dnb-step-indicator-v2 .dnb-step-indicator__button__status .dnb-step-indicator__item-content__status {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  font-size: var(--font-size-x-small);
  line-height: 1.125rem;
  line-height: var(--font-size-basis);
  color: #333;
  color: var(--color-black-80); }

/*
* Deprecated v1
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-step-indicator-v1 .dnb-step-indicator__item-content--static {
  color: #14555a;
  color: var(--color-emerald-green); }

.dnb-step-indicator-v1 .dnb-step-indicator__item-content--link {
  color: #007272;
  color: var(--color-sea-green); }

.dnb-step-indicator-v1 .dnb-step-indicator__item {
  margin-left: 4.5rem; }
  .dnb-step-indicator-v1 .dnb-step-indicator__item:first-child {
    margin-left: 0; }
  @media screen and (max-width: 50em) {
    .dnb-step-indicator-v1 .dnb-step-indicator__item {
      margin-left: 2rem; } }

.dnb-step-indicator-v1 .dnb-step-indicator::after {
  color: #a5e1d2;
  color: var(--color-mint-green); }

.dnb-step-indicator-v1 .dnb-step-indicator--active.dnb-step-indicator-v1 .dnb-step-indicator__item::after,
.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content::after {
  background-color: #007272;
  background-color: var(--color-sea-green); }

.dnb-step-indicator-v1 .dnb-step-indicator span[hidden],
.dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content {
  font-weight: 500;
  font-weight: var(--font-weight-medium); }
  .dnb-step-indicator-v1 .dnb-step-indicator span[hidden]:not(:hover),
  .dnb-step-indicator-v1 .dnb-step-indicator--active .dnb-step-indicator__item-content:not(:hover) {
    color: #14555a;
    color: var(--color-emerald-green); }

/*
* Switch theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-switch {
  /*
    * When switched OFF
    * aka when the checkbox is not :checked
    */
  /*
    * When switched ON
    * aka when the checkbox is :checked
    */
  /*
    * Draw the circle / line
    *
    */
  /*
    * On disabled
    *
    */
  /*
    * On focus
    *
    */
  /* stylelint-disable-next-line */
  /*
    * On hover
    *
    */
  /* stylelint-disable-next-line */
  /*
    * On active
    *
    */
  /* stylelint-disable-next-line */
  /*
    * On error state
    *
    */
  /* stylelint-disable-next-line */ }
  .dnb-switch__background {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    background-color: #b3dada;
    background-color: var(--color-sea-green-30); }
    .dnb-switch__background::after {
      content: '';
      position: absolute;
      -webkit-transition: position 0.3s ease-out, -webkit-transform 0.3s ease-out;
      transition: position 0.3s ease-out, -webkit-transform 0.3s ease-out;
      transition: transform 0.3s ease-out, position 0.3s ease-out;
      transition: transform 0.3s ease-out, position 0.3s ease-out, -webkit-transform 0.3s ease-out; }
      @media screen and (-ms-high-contrast: none) {
        .dnb-switch__background::after {
          top: 0.25rem; } }
  .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #007272;
    border-color: var(--color-sea-green); }
  .dnb-switch__input:checked ~ .dnb-switch__button {
    background-color: #007272;
    background-color: var(--color-sea-green); }
  .dnb-switch__input:not(:checked) ~ .dnb-switch__background::after {
    right: 0;
    -webkit-transform: translateX(-0.3rem);
    -webkit-transform: translateX(calc(2.5rem - 2.8rem));
            transform: translateX(-0.3rem);
            transform: translateX(calc(2.5rem - 2.8rem));
    -webkit-transform: translateX(calc(var(--switch-width--medium) - 2.8rem));
            transform: translateX(calc(var(--switch-width--medium) - 2.8rem));
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    border: 0.0625rem solid #007272;
    border: 0.0625rem solid var(--color-sea-green); }
  .dnb-switch__input:checked ~ .dnb-switch__background::after {
    left: 0;
    -webkit-transform: translateX(0.63rem);
    -webkit-transform: translateX(calc(2.5rem - 1.87rem));
            transform: translateX(0.63rem);
            transform: translateX(calc(2.5rem - 1.87rem));
    -webkit-transform: translateX(calc(var(--switch-width--medium) - 1.87rem));
            transform: translateX(calc(var(--switch-width--medium) - 1.87rem));
    width: 0.0625rem;
    height: 0.5rem;
    border-radius: 0.0625rem;
    background-color: #007272;
    background-color: var(--color-sea-green); }
  .dnb-switch--large .dnb-switch__input:not(:checked) ~ .dnb-switch__background::after {
    width: 0.625rem;
    height: 0.625rem;
    -webkit-transform: translateX(-0.45rem);
    -webkit-transform: translateX(calc(3.25rem - 3.7rem));
            transform: translateX(-0.45rem);
            transform: translateX(calc(3.25rem - 3.7rem));
    -webkit-transform: translateX(calc(var(--switch-width--large) - 3.7rem));
            transform: translateX(calc(var(--switch-width--large) - 3.7rem)); }
  .dnb-switch--large .dnb-switch__input:checked ~ .dnb-switch__background::after {
    height: 0.625rem;
    -webkit-transform: translateX(0.75rem);
    -webkit-transform: translateX(calc(3.25rem - 2.5rem));
            transform: translateX(0.75rem);
            transform: translateX(calc(3.25rem - 2.5rem));
    -webkit-transform: translateX(calc(var(--switch-width--large) - 2.5rem));
            transform: translateX(calc(var(--switch-width--large) - 2.5rem)); }
  .dnb-switch__input[disabled] ~ .dnb-switch__background {
    background-color: #e9f8f4;
    background-color: var(--color-mint-green-25); }
  .dnb-switch__input[disabled]:checked ~ .dnb-switch__background::after {
    background-color: #b3dada;
    background-color: var(--color-sea-green-30); }
  .dnb-switch__input[disabled]:not(:checked) ~ .dnb-switch__background::after {
    border-color: #b3dada;
    border-color: var(--color-sea-green-30); }
  .dnb-switch__input[disabled] ~ .dnb-switch__button {
    border-color: #b3dada;
    border-color: var(--color-sea-green-30); }
  .dnb-switch__input[disabled]:checked ~ .dnb-switch__button {
    background-color: #b3dada;
    background-color: var(--color-sea-green-30); }
  html[data-whatinput='keyboard'] .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__button {
    border: none; }
  html[data-whatinput='keyboard'] .dnb-switch__input:not([disabled]):not(:checked):focus ~ .dnb-switch__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__background,
  .dnb-switch__input:not([disabled]):active ~ .dnb-switch__background {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__background, html[data-whatinput='keyboard']
    .dnb-switch__input:not([disabled]):active ~ .dnb-switch__background {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__background, html[data-whatinput='keyboard']
        .dnb-switch__input:not([disabled]):active ~ .dnb-switch__background {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__button .dnb-switch__focus,
  .dnb-switch__input:not([disabled]):active ~ .dnb-switch__button .dnb-switch__focus {
    display: block; }
  .dnb-switch__input:not([disabled]):checked ~ .dnb-switch__button .dnb-switch__focus {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .dnb-switch__input:not([disabled]):not(:focus):not(:active):hover ~ .dnb-switch__button {
    border-color: #007272;
    border-color: var(--color-sea-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-switch__input:not([disabled]):active ~ .dnb-switch__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    border-color: transparent; }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover ~ .dnb-switch__button {
    border-color: #dc2a2a;
    border-color: var(--color-fire-red);
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-switch__button {
    border-color: #fdeeee;
    border-color: var(--color-fire-red-8); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-switch__button {
    background-color: #dc2a2a;
    background-color: var(--color-fire-red); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__background {
    background-color: #fdeeee;
    background-color: var(--color-fire-red-8);
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__background {
        -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
                box-shadow: 0 0 0 0.125rem #dc2a2a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
                box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
  .dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked ~ .dnb-switch__background::after {
    background-color: #dc2a2a;
    background-color: var(--color-fire-red); }
  .dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked) ~ .dnb-switch__background::after {
    border-color: #dc2a2a;
    border-color: var(--color-fire-red); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__button .dnb-switch__focus {
    display: block;
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
            box-shadow: 0 0 0 0.125rem var(--border-color);
    border-color: transparent; }
    @media screen and (-ms-high-contrast: none) {
      .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__button .dnb-switch__focus {
        -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
                box-shadow: 0 0 0 0.125rem #dc2a2a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
                box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked ~ .dnb-switch__button .dnb-switch__focus {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  .dnb-switch > .dnb-form-status {
    -webkit-transform: translateY(0.1875rem);
            transform: translateY(0.1875rem); }

/*
* Table theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-table {
  text-align: left; }
  .dnb-table > tr > th,
  .dnb-table > thead > tr > th, .dnb-table__th {
    padding: 2rem 1rem 1rem;
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    color: currentColor;
    color: var(--theme-color-black-80, currentColor);
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis);
    vertical-align: bottom;
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-table > tr > td,
  .dnb-table > tbody > tr > td, .dnb-table__td,
  tbody > tr > .dnb-table__th,
  .dnb-table > tr > th[scope='row'] {
    padding: 1rem;
    color: currentColor;
    color: var(--theme-color-black-80, currentColor);
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis);
    vertical-align: baseline; }
  .dnb-table__size--medium .dnb-table__th {
    padding: 1.375rem 1rem 0.875rem;
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }
    .dnb-table__size--medium .dnb-table__th .dnb-button__text {
      line-height: inherit; }
  .dnb-table__size--small .dnb-table__th {
    padding: 1.25rem 1rem 0.5rem;
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }
  tbody > tr > .dnb-table__th {
    padding: 1rem;
    vertical-align: baseline; }
  .dnb-table__size--medium tbody > tr > .dnb-table__th, .dnb-table__size--medium
  tbody > tr > .dnb-table__td {
    padding: 0.875rem 1rem;
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }
  .dnb-table__size--small tbody > tr > .dnb-table__th, .dnb-table__size--small
  tbody > tr > .dnb-table__td {
    padding: 0.625rem 1rem;
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }
  .dnb-table:not(.dnb-table--outline) > tbody > .dnb-table__tr:last-of-type > .dnb-table__td::after,
  .dnb-table:not(.dnb-table--outline) > tbody > .dnb-table__tr:last-of-type > .dnb-table__th::after,
  .dnb-table:not(.dnb-table--outline) > tbody
> .dnb-table__tr.dnb-table__tr--has-accordion-content:not(.dnb-table__tr--expanded):nth-last-child(2) td::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    pointer-events: none;
    border-bottom: var(--border); }

.dnb-table__container {
  background-color: #fff;
  background-color: var(--color-white); }

.dnb-table,
.dnb-table__container {
  --border-width: 0.0625rem;
  --outline-width: 0.0625rem;
  --border: var(--border-width) solid var(--color-black-8);
  --outline: var(--outline-width) solid var(--color-black-8); }
  html[data-visual-test] .dnb-table, html[data-visual-test]
  .dnb-table__container {
    --border: 0.0625rem solid blue;
    --outline: 0.0625rem solid red; }

/*
* Tabs theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-tabs__tabs:not(.dnb-section)::before {
  background-color: #ebebeb;
  background-color: var(--color-black-8);
  -webkit-box-shadow: 100vw 0 0 0 #ebebeb;
          box-shadow: 100vw 0 0 0 #ebebeb;
  -webkit-box-shadow: 100vw 0 0 0 var(--color-black-8);
          box-shadow: 100vw 0 0 0 var(--color-black-8); }

.dnb-tabs__tabs__tablist:focus {
  border-radius: 0.5rem; }

.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type {
  border-radius: 0 50% 50% 0; }

.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type {
  border-radius: 50% 0 0 50%; }

.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus {
  border-radius: 0; }

.dnb-tabs__content:focus {
  position: relative; }
  .dnb-tabs__content:focus::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0.125rem;
    bottom: -0.5rem;
    left: -0.5rem;
    right: -0.5rem;
    max-width: 100vw;
    border-radius: 0.5rem;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-tabs__content:focus::before {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-tabs__content:focus::before {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }

.dnb-tabs__button__title {
  font-weight: normal;
  font-weight: var(--font-weight-regular);
  font-size: 1.125rem;
  font-size: var(--font-size-basis);
  text-align: center;
  display: block;
  color: #007272;
  color: var(--color-sea-green);
  padding: 0.5rem 0 0.25rem 0; }

html:not([data-whatintent='touch']) .dnb-tabs__button:hover[disabled] {
  cursor: not-allowed; }

html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled]) {
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50); }
  html:not([data-whatintent='touch']) .dnb-tabs__button:hover:not([disabled])::after {
    height: 2px;
    border-radius: 2px;
    background-color: #007272;
    background-color: var(--color-sea-green); }

.dnb-tabs__button:focus {
  overflow: visible; }
  .dnb-tabs__button:focus::before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: -0.5rem;
    bottom: 0;
    right: -0.5rem;
    height: inherit;
    border-radius: inherit;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-tabs__button:focus::before {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] .dnb-tabs__button:focus::before {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-tabs__button:focus::before {
    top: 0.5rem;
    left: -0.375rem;
    right: -0.375rem;
    bottom: 0.5rem;
    border-radius: 1.5rem; }

.dnb-tabs__button[disabled] .dnb-tabs__button__title {
  color: #b3dada;
  color: var(--color-sea-green-30); }

.dnb-tabs__button:not([disabled]):active::after, .dnb-tabs__button:not([disabled]).selected::after {
  height: 2px;
  border-radius: 2px;
  background-color: #007272;
  background-color: var(--color-sea-green); }

.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title,
.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title {
  color: #14555a;
  color: var(--color-emerald-green); }

.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title {
  font-weight: 500;
  font-weight: var(--font-weight-medium); }

.dnb-tabs__button span[hidden] {
  font-weight: 500;
  font-weight: var(--font-weight-medium); }

/*
* Textarea theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --textarea-rows: 2; }

.dnb-textarea__textarea {
  color: #000;
  color: var(--color-black);
  background-color: #fff;
  background-color: var(--color-white);
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: #007272 transparent;
  scrollbar-color: var(--color-sea-green) transparent; }
  .dnb-textarea__textarea ::-moz-selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #000;
    color: var(--color-black);
    text-shadow: none; }
  .dnb-textarea__textarea ::selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #000;
    color: var(--color-black);
    text-shadow: none; }
  @supports not (scrollbar-color: auto) {
    .dnb-textarea__textarea::-webkit-scrollbar {
      background-color: #ebebeb;
      background-color: var(--color-black-8); }
      .dnb-textarea__textarea::-webkit-scrollbar:vertical {
        width: 0.5rem; }
      .dnb-textarea__textarea::-webkit-scrollbar:horizontal {
        height: 0.5rem; }
    .dnb-textarea__textarea::-webkit-scrollbar-thumb {
      background-color: #007272;
      background-color: var(--color-sea-green);
      border-radius: 0.5rem; }
      .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover {
        background-color: #14555a;
        background-color: var(--color-emerald-green); } }
  html:not([data-visual-test]) .dnb-textarea__textarea {
    scroll-behavior: smooth; }
  html[data-visual-test] .dnb-textarea__textarea {
    scroll-behavior: auto !important; }

.dnb-textarea__placeholder {
  color: #737373;
  color: var(--color-black-55);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  -webkit-line-clamp: var(--textarea-rows, 2); }

.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state,
.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
  -webkit-box-shadow: 0 0 0 0.125rem #14555a;
          box-shadow: 0 0 0 0.125rem #14555a;
  -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
          box-shadow: 0 0 0 0.125rem var(--color-emerald-green); }

.dnb-textarea--disabled .dnb-textarea__textarea, .dnb-textarea__textarea[disabled] {
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  color: #737373;
  color: var(--color-black-55);
  background-color: #f8f8f8;
  background-color: var(--color-black-3); }
  .dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
    width: 0; }

.dnb-textarea--disabled .dnb-textarea__state,
.dnb-textarea__textarea[disabled] ~ .dnb-textarea__state {
  -webkit-box-shadow: 0 0 0 0.0625rem #737373;
          box-shadow: 0 0 0 0.0625rem #737373;
  -webkit-box-shadow: 0 0 0 0.0625rem var(--color-black-55);
          box-shadow: 0 0 0 0.0625rem var(--color-black-55);
  background-color: #f8f8f8;
  background-color: var(--color-black-3); }

.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled),
.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover {
  color: #dc2a2a;
  color: var(--color-fire-red); }

.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
          box-shadow: 0 0 0 0.0625rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
      -webkit-box-shadow: 0 0 0 0.0625rem #dc2a2a;
              box-shadow: 0 0 0 0.0625rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-fire-red);
              box-shadow: 0 0 0 0.0625rem var(--color-fire-red); } }

.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
  --border-color: var(--color-fire-red);
  -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
          box-shadow: 0 0 0 0.125rem var(--border-color);
  border-color: transparent; }
  @media screen and (-ms-high-contrast: none) {
    .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
      -webkit-box-shadow: 0 0 0 0.125rem #dc2a2a;
              box-shadow: 0 0 0 0.125rem #dc2a2a;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-fire-red);
              box-shadow: 0 0 0 0.125rem var(--color-fire-red); } }

.dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder,
.dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
  display: none; }

/*
* Timeline theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
:root {
  --timeline-icon-height--small: var(--button-height--small);
  --timeline-icon-width--small: var(--button-width--small);
  --timeline-icon-border-radius--small: calc(var(--timeline-icon-height--small)/2);
  --timeline-icon-border-radius--small: calc(
    var(--timeline-icon-height--small) / 2
  );
  --timeline-icon-height--medium: var(--button-height--medium);
  --timeline-icon-width--medium: var(--button-width--medium);
  --timeline-icon-border-radius--medium: calc(var(--timeline-icon-height--medium)/2);
  --timeline-icon-border-radius--medium: calc(
    var(--timeline-icon-height--medium) / 2
  );
  --timeline-icon-width-diff: calc(var(--timeline-icon-width--medium)/2 - var(--timeline-icon-width--small)/2);
  --timeline-icon-width-diff: calc(
    (
        var(--timeline-icon-width--medium) -
          var(--timeline-icon-width--small)
      ) / 2
  );
  --timeline-border-spacing: var(--spacing-small);
  --timeline-border-spacing--icon-adjusted: calc(var(--timeline-icon-width-diff) + var(--timeline-border-spacing));
  --timeline-border-spacing--icon-adjusted: calc(
    var(--timeline-icon-width-diff) + var(--timeline-border-spacing)
  ); }

.dnb-timeline__item {
  margin-left: 0.25rem;
  margin-left: calc(
    (
        2rem -
          1.5rem) / 2
  );
  margin-left: var(--timeline-icon-width-diff); }
  .dnb-timeline__item__label__icon {
    width: 1.5rem;
    width: var(--timeline-icon-width--small);
    line-height: 1.5rem;
    line-height: var(--timeline-icon-height--small);
    border-radius: 0.75rem;
    border-radius: calc(
    1.5rem / 2
  );
    border-radius: var(--timeline-icon-border-radius--small);
    color: #333;
    color: var(--color-black-80);
    background-color: #fff;
    background-color: var(--color-white);
    --border-color: var(--color-black-80);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-timeline__item__label__icon {
        -webkit-box-shadow: inset 0 0 0 1px #333;
                box-shadow: inset 0 0 0 1px #333;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-black-80);
                box-shadow: inset 0 0 0 1px var(--color-black-80); } }
  .dnb-timeline__item__label__title {
    margin-left: 1.25rem;
    margin-left: calc(
    calc(
    (
        2rem -
          1.5rem) / 2
  ) + 1rem);
    margin-left: var(--timeline-border-spacing--icon-adjusted);
    font-size: 1rem;
    font-size: var(--font-size-small);
    line-height: 1.25rem;
    line-height: var(--line-height-small); }
  .dnb-timeline__item__content {
    margin-left: 0.75rem;
    margin-left: calc(1.5rem / 2);
    margin-left: calc(var(--timeline-icon-width--small)/2);
    margin-left: calc(var(--timeline-icon-width--small) / 2);
    padding-left: 2rem;
    padding-left: calc(1.5rem / 2 + calc(
    calc(
    (
        2rem -
          1.5rem) / 2
  ) + 1rem));
    padding-left: calc(var(--timeline-icon-width--small)/2 + var(--timeline-border-spacing--icon-adjusted));
    padding-left: calc(var(--timeline-icon-width--small) / 2 + var(--timeline-border-spacing--icon-adjusted));
    border-left: 1px dashed #737373;
    border-left: 1px dashed var(--color-black-55); }
  .dnb-timeline__item--completed .dnb-timeline__item__content {
    border-left: 1px solid #333;
    border-left: 1px solid var(--color-black-80); }
  .dnb-timeline__item--completed .dnb-timeline__item__label__title {
    color: #333;
    color: var(--color-black-80); }
  .dnb-timeline__item--current .dnb-timeline__item__content {
    margin-left: 1rem;
    margin-left: calc(2rem / 2);
    margin-left: calc(var(--timeline-icon-width--medium)/2);
    margin-left: calc(var(--timeline-icon-width--medium) / 2);
    padding-left: 2rem;
    padding-left: calc(2rem / 2 + 1rem);
    padding-left: calc(var(--timeline-icon-width--medium)/2 + var(--timeline-border-spacing));
    padding-left: calc(var(--timeline-icon-width--medium) / 2 + var(--timeline-border-spacing)); }
  .dnb-timeline__item--current .dnb-timeline__item__label__title {
    margin-left: 1rem;
    margin-left: var(--timeline-border-spacing);
    font-weight: 500;
    font-weight: var(--font-weight-medium);
    font-size: 1.125rem;
    font-size: var(--font-size-basis);
    line-height: 1.5rem;
    line-height: var(--line-height-basis); }
  .dnb-timeline__item--current .dnb-timeline__item__label__icon {
    width: 2rem;
    width: var(--timeline-icon-width--medium);
    line-height: 2rem;
    line-height: var(--timeline-icon-height--medium);
    border-radius: 1rem;
    border-radius: calc(
    2rem / 2
  );
    border-radius: var(--timeline-icon-border-radius--medium); }
  .dnb-timeline__item--current {
    margin-left: 0; }
  .dnb-timeline__item--upcoming .dnb-timeline__item__label__title {
    font-weight: normal;
    font-weight: var(--font-weight-basis);
    color: #737373;
    color: var(--color-black-55); }
  .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
    color: #737373;
    color: var(--color-black-55);
    background-color: #f8f8f8;
    background-color: var(--color-black-3);
    --border-color: var(--color-black-3);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
        -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
                box-shadow: inset 0 0 0 1px #f8f8f8;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-black-3);
                box-shadow: inset 0 0 0 1px var(--color-black-3); } }
  .dnb-timeline__item:only-child {
    margin-left: 0; }
  .dnb-timeline__item:last-child .dnb-timeline__item__content {
    border-left: none; }

/*
* ToggleButton theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-toggle-button {
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On error state
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-toggle-button .dnb-checkbox__gfx path {
    stroke-width: 0.125rem; }
  .dnb-toggle-button .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
    -webkit-box-shadow: 0 0 0 0.0318rem #007272;
            box-shadow: 0 0 0 0.0318rem #007272;
    -webkit-box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
            box-shadow: 0 0 0 0.0318rem var(--color-sea-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active),
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active),
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active) {
    background-color: #14555a;
    background-color: var(--color-emerald-green);
    color: #a5e1d2;
    color: var(--color-mint-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon {
    color: inherit; }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button {
    background-color: transparent;
    border-color: #a5e1d2;
    border-color: var(--color-mint-green);
    -webkit-box-shadow: 0 0 0 0.0318rem #a5e1d2;
            box-shadow: 0 0 0 0.0318rem #a5e1d2;
    -webkit-box-shadow: 0 0 0 0.0318rem var(--color-mint-green);
            box-shadow: 0 0 0 0.0318rem var(--color-mint-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green); }
  html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
    --border-color: var(--color-emerald-green);
    -webkit-box-shadow: inset 0 0 0 0.09375rem var(--border-color);
            box-shadow: inset 0 0 0 0.09375rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
      .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
      .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
      .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
      .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
      .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput='keyboard']
      .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
        -webkit-box-shadow: inset 0 0 0 1px #14555a;
                box-shadow: inset 0 0 0 1px #14555a;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-emerald-green);
                box-shadow: inset 0 0 0 1px var(--color-emerald-green); } }
  html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot {
    background-color: #14555a;
    background-color: var(--color-emerald-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    border-color: #14555a;
    border-color: var(--color-emerald-green);
    -webkit-box-shadow: 0 0 0 0.0318rem #14555a;
            box-shadow: 0 0 0 0.0318rem #14555a;
    -webkit-box-shadow: 0 0 0 0.0318rem var(--color-emerald-green);
            box-shadow: 0 0 0 0.0318rem var(--color-emerald-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx {
    color: #14555a;
    color: var(--color-emerald-green); }
  html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button {
    background-color: #14555a;
    background-color: var(--color-emerald-green); }
  html[data-whatinput='keyboard'] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx {
    color: #a5e1d2;
    color: var(--color-mint-green); }
  .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button {
    -webkit-box-shadow: none;
            box-shadow: none; }
  html[data-whatinput='keyboard']
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #a5e1d2;
    background-color: var(--color-mint-green); }
  html[data-whatinput='keyboard']
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard']
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
    outline: none; }
    html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
    .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
    .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: inset 0 0 0 0.125rem var(--border-color);
              box-shadow: inset 0 0 0 0.125rem var(--border-color);
      /* iOS fix - because "inset" works not fine with border-radius */
      /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
      border-color: transparent; }
      @supports (-webkit-touch-callout: none) {
        html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
        .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
        .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
        html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
        .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
        .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
          -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                  box-shadow: 0 0 0 0.125rem var(--border-color); } }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
        .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput='keyboard'] html[data-whatinput='keyboard']
        .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
          -webkit-box-shadow: inset 0 0 0 0.125rem #14555a;
                  box-shadow: inset 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green);
                  box-shadow: inset 0 0 0 0.125rem var(--color-emerald-green); } }
  .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button {
    background-color: transparent;
    border-color: #007272;
    border-color: var(--color-sea-green);
    -webkit-box-shadow: 0 0 0 0.0318rem #007272;
            box-shadow: 0 0 0 0.0318rem #007272;
    -webkit-box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
            box-shadow: 0 0 0 0.0318rem var(--color-sea-green); }
  .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot {
    background-color: #007272;
    background-color: var(--color-sea-green); }
  .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button {
    background-color: transparent;
    border-color: #007272;
    border-color: var(--color-sea-green);
    -webkit-box-shadow: 0 0 0 0.0318rem #007272;
            box-shadow: 0 0 0 0.0318rem #007272;
    -webkit-box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
            box-shadow: 0 0 0 0.0318rem var(--color-sea-green); }
  .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx,
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx {
    color: #007272;
    color: var(--color-sea-green); }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
    background-color: #fff;
    background-color: var(--color-white);
    color: #dc2a2a;
    color: var(--color-fire-red);
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
        -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
                box-shadow: inset 0 0 0 1px #dc2a2a;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-fire-red);
                box-shadow: inset 0 0 0 1px var(--color-fire-red); } }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: inset 0 0 0 0.09375rem var(--border-color);
            box-shadow: inset 0 0 0 0.09375rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
        -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
                box-shadow: inset 0 0 0 1px #dc2a2a;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-fire-red);
                box-shadow: inset 0 0 0 1px var(--color-fire-red); } }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__dot {
    background-color: transparent; }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
    border: none;
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: inset 0 0 0 0.09375rem var(--border-color);
            box-shadow: inset 0 0 0 0.09375rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
        -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
                box-shadow: inset 0 0 0 1px #dc2a2a;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-fire-red);
                box-shadow: inset 0 0 0 1px var(--color-fire-red); } }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not(:hover) ~ .dnb-checkbox__button .dnb-checkbox__focus {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
    color: #fff;
    color: var(--color-white);
    background-color: #dc2a2a;
    background-color: var(--color-fire-red);
    --border-color: var(--color-fire-red);
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--border-color);
            box-shadow: inset 0 0 0 0.0625rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
        -webkit-box-shadow: 0 0 0 0.0625rem var(--border-color);
                box-shadow: 0 0 0 0.0625rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
        -webkit-box-shadow: inset 0 0 0 1px #dc2a2a;
                box-shadow: inset 0 0 0 1px #dc2a2a;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-fire-red);
                box-shadow: inset 0 0 0 1px var(--color-fire-red); } }
  .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
    --border-color: var(--color-white);
    -webkit-box-shadow: inset 0 0 0 0.09375rem var(--border-color);
            box-shadow: inset 0 0 0 0.09375rem var(--border-color);
    /* iOS fix - because "inset" works not fine with border-radius */
    /* Safari fix - because "inset" works not fine with border-radius if the user zooms the page */
    border-color: transparent; }
    @supports (-webkit-touch-callout: none) {
      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
        -webkit-box-shadow: 0 0 0 0.09375rem var(--border-color);
                box-shadow: 0 0 0 0.09375rem var(--border-color); } }
    @media screen and (-ms-high-contrast: none) {
      .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
        -webkit-box-shadow: inset 0 0 0 1px #fff;
                box-shadow: inset 0 0 0 1px #fff;
        -webkit-box-shadow: inset 0 0 0 1px var(--color-white);
                box-shadow: inset 0 0 0 1px var(--color-white); } }
  .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]):not(:hover) ~ .dnb-radio__dot {
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not([disabled]):not(:hover):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox
.dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover)
~ .dnb-checkbox__gfx {
    color: #dc2a2a;
    color: var(--color-fire-red); }
  .dnb-toggle-button > .dnb-form-status {
    -webkit-transform: translateY(0.1875rem);
            transform: translateY(0.1875rem); }

/*
* Tooltip theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-tooltip {
  border-radius: 1rem;
  color: #fff;
  color: var(--color-white);
  background-color: #333;
  background-color: var(--color-black-80);
  -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
          box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
  -webkit-box-shadow: var(--shadow-default);
          box-shadow: var(--shadow-default); }
  .dnb-tooltip__arrow::before {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #333;
    background-color: var(--color-black-80); }

/*
 * Upload theme
 *
 */
.dnb-upload {
  background-color: #fff;
  background-color: var(--color-white);
  border-radius: 0.5rem; }
  .dnb-upload__outline {
    stroke: #007272;
    stroke: var(--color-sea-green);
    border-radius: 0.5rem;
    stroke-width: 0.1875rem; }
  .dnb-upload--active .dnb-upload__outline {
    stroke: #14555a;
    stroke: var(--color-emerald-green);
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    inset: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px); }
    .dnb-upload--active .dnb-upload__outline rect {
      stroke-width: 0.25rem;
      stroke-dasharray: 0; }
  .dnb-upload--active {
    background-color: #f2f4ec;
    background-color: var(--color-pistachio); }
  .dnb-upload__file-cell {
    /** Highlight Animation */
    -webkit-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: 1.5s;
            transition-duration: 1.5s;
    -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0, 1);
            transition-timing-function: cubic-bezier(0.42, 0, 0, 1);
    -webkit-transition-timing-function: var(--easing-default);
            transition-timing-function: var(--easing-default); }
    .dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon {
      color: #dc2a2a;
      color: var(--color-fire-red); }
    .dnb-upload__file-cell--highlight {
      background-color: #fbf6ec;
      background-color: var(--color-sand-yellow); }
  .dnb-upload__text.dnb-p {
    color: #737373;
    color: var(--color-black-55); }
  .dnb-upload__subtitle.dnb-p {
    color: #737373;
    color: var(--color-black-55); }

/*
* PaymentCard theme
*
*/
/*
* ScrollView theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --drawer-list-options-border-radius: 0.25rem;
  --drawer-list-option-border-width: 0.0625rem; }

.dnb-drawer-list {
  color: #14555a;
  color: var(--color-emerald-green); }
  .dnb-drawer-list__list {
    -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
            box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
    -webkit-box-shadow: var(--shadow-default);
            box-shadow: var(--shadow-default);
    background-color: #fff;
    background-color: var(--color-white);
    border-radius: 0.4rem;
    border-radius: calc( 0.25rem + 0.15rem);
    border-radius: calc(var(--drawer-list-options-border-radius) + 0.15rem);
    border-radius: calc( var(--drawer-list-options-border-radius) + 0.15rem); }
  @media screen and (max-width: 40em) {
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__list {
      border-radius: 0; } }
  .dnb-drawer-list__options {
    border: none;
    background-color: #fff;
    background-color: var(--color-white);
    border-radius: 0.4rem;
    border-radius: calc( 0.25rem + 0.15rem);
    border-radius: calc(var(--drawer-list-options-border-radius) + 0.15rem);
    border-radius: calc( var(--drawer-list-options-border-radius) + 0.15rem); }
    .dnb-drawer-list__options:focus {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-drawer-list__options:focus {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-drawer-list__options:focus {
            -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                    box-shadow: 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
    .dnb-drawer-list__options--focusring {
      outline: none; }
      html[data-whatinput='mouse'] .dnb-drawer-list__options--focusring {
        --border-color: var(--color-emerald-green);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='mouse'] .dnb-drawer-list__options--focusring {
            -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                    box-shadow: 0 0 0 0.125rem #14555a;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                    box-shadow: 0 0 0 0.125rem var(--color-emerald-green); } }
  @media screen and (max-width: 40em) {
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__options {
      border-radius: 0; } }
  .dnb-drawer-list__option {
    position: relative;
    color: #333;
    color: var(--color-black-80);
    background-color: #fff;
    background-color: var(--color-white); }
    .dnb-drawer-list__option.ignore-events {
      pointer-events: none; }
    .dnb-drawer-list__option__inner::before {
      pointer-events: none;
      content: '';
      position: absolute;
      z-index: 2;
      top: auto;
      left: 0;
      right: 0;
      bottom: 0;
      height: 0.0625rem;
      height: var(--drawer-list-option-border-width);
      background-color: #e9f8f4;
      background-color: var(--color-mint-green-25); }
    .dnb-drawer-list__option__item.item-nr-1 {
      font-weight: 500;
      font-weight: var(--font-weight-medium); }
    .dnb-drawer-list__option__inner {
      background-color: #fff;
      background-color: var(--color-white); }
    html:not([data-whatintent='touch']) .dnb-drawer-list__option:hover[disabled] {
      cursor: not-allowed; }
    html:not([data-whatintent='touch']) .dnb-drawer-list__option:hover:not([disabled]) {
      background-color: #f4fbf9;
      background-color: var(--color-mint-green-12); }
      html:not([data-whatintent='touch']) .dnb-drawer-list__option:hover:not([disabled]) .dnb-drawer-list__option__inner {
        color: #007272;
        color: var(--color-sea-green);
        background-color: #f4fbf9;
        background-color: var(--color-mint-green-12); }
    .dnb-drawer-list__option:active[disabled],
    html:not([data-whatintent='touch']) .dnb-drawer-list__option:active[disabled] {
      cursor: not-allowed; }
    .dnb-drawer-list__option:active:not([disabled]) .dnb-drawer-list__option__inner,
    html:not([data-whatintent='touch']) .dnb-drawer-list__option:active:not([disabled]) .dnb-drawer-list__option__inner {
      color: #000;
      color: var(--color-black); }
    .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
      z-index: 3;
      top: 0.125rem;
      top: var(--drawer-list-focus-border-width);
      left: 0.125rem;
      left: var(--drawer-list-focus-border-width);
      right: 0.125rem;
      right: var(--drawer-list-focus-border-width);
      bottom: 0.125rem;
      bottom: var(--drawer-list-focus-border-width);
      height: auto;
      background-color: transparent;
      --border-color: var(--color-emerald-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      -webkit-box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--border-color);
              box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        .dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
          -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                  box-shadow: 0 0 0 0.125rem #14555a;
          -webkit-box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-emerald-green);
                  box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-emerald-green); } }
    .dnb-drawer-list__option--ignore .dnb-drawer-list__option__inner {
      color: #333;
      color: var(--color-black-80);
      background-color: #fff;
      background-color: var(--color-white); }
    .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner {
      color: #fff;
      color: var(--color-white);
      background-color: #14555a;
      background-color: var(--color-emerald-green); }
      .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner .dnb-drawer-list__option__inner {
        color: inherit;
        background-color: inherit; }
      html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover[disabled] {
        cursor: not-allowed; }
      html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]) {
        color: #fff;
        color: var(--color-white);
        background-color: #14555a;
        background-color: var(--color-emerald-green); }
        html:not([data-whatintent='touch']) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]) .dnb-drawer-list__option__inner {
          color: inherit;
          background-color: inherit; }
      .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::after {
        content: '';
        width: 1rem;
        height: 1rem;
        background-size: cover;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+ICA8cGF0aCAgICBmaWxsPSIjRTlGOEY0IiAgICBkPSJNMyA4LjhhLjc1Ljc1IDAgMSAwLTEuMjIuODZMMyA4Ljc5em0xLjg0IDMuOWwuNjMtLjQxdi0uMDFoLS4wMWwtLjYyLjQyem0xLjcxLjA1bC0uNTktLjQ2di4wMWwuNTkuNDV6bTguNDMtOS40NWEuNzUuNzUgMCAwIDAtMS4xOC0uOTNsMS4xOC45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTNsLTEuMjUuODN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uN2w3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyIDEuMTguOTN6Ii8+PC9zdmc+); }
        @supports not (display: grid) {
          .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::after {
            position: absolute;
            z-index: 1;
            top: calc(50% - 0.5rem);
            right: 1rem; } }
        @supports (display: grid) {
          .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::after {
            grid-column: 2;
            grid-row: 1 / -1;
            justify-self: end;
            align-self: center; } }
      .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::before {
        visibility: hidden; }
    @media screen and (min-width: 40em) {
      .dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix {
        z-index: 2;
        background-color: inherit; }
      .dnb-drawer-list__option:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__suffix.dnb-drawer-list__option__item:nth-of-type(n + 2) {
        color: #333;
        color: var(--color-black-80); } }
    html[data-whatinput='keyboard']
.dnb-drawer-list__option--selected.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
      visibility: visible;
      --border-color: var(--color-mint-green);
      -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
              box-shadow: 0 0 0 0.125rem var(--border-color);
      -webkit-box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--border-color);
              box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--border-color);
      border-color: transparent; }
      @media screen and (-ms-high-contrast: none) {
        html[data-whatinput='keyboard']
.dnb-drawer-list__option--selected.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
          -webkit-box-shadow: 0 0 0 0.125rem #a5e1d2;
                  box-shadow: 0 0 0 0.125rem #a5e1d2;
          -webkit-box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-mint-green);
                  box-shadow: 0 0 0 var(--drawer-list-focus-border-width) var(--color-mint-green); } }
    .dnb-drawer-list__option--focus:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__inner {
      color: #007272;
      color: var(--color-sea-green);
      background-color: #f4fbf9;
      background-color: var(--color-mint-green-12); }
    .dnb-drawer-list__option--focus.first-of-type .dnb-drawer-list__option__inner,
    .dnb-drawer-list__option--focus.first-of-type .dnb-drawer-list__option__inner::before {
      border-radius: 0.25rem 0.25rem 0 0;
      border-radius: var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0; }
    .dnb-drawer-list__option.last-of-type,
    .dnb-drawer-list__option--focus.last-of-type .dnb-drawer-list__option__inner,
    .dnb-drawer-list__option--focus.last-of-type .dnb-drawer-list__option__inner::before {
      border-radius: 0 0 0.25rem 0.25rem;
      border-radius: 0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius); }
    .dnb-drawer-list__option.last-of-type:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner::before {
      content: none; }
    .dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus {
        --border-color: var(--color-white);
        -webkit-box-shadow: 0 0 0 0.125rem var(--border-color);
                box-shadow: 0 0 0 0.125rem var(--border-color);
        border-color: transparent; }
        @media screen and (-ms-high-contrast: none) {
          html[data-whatinput='keyboard'] .dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus {
            -webkit-box-shadow: 0 0 0 0.125rem #fff;
                    box-shadow: 0 0 0 0.125rem #fff;
            -webkit-box-shadow: 0 0 0 0.125rem var(--color-white);
                    box-shadow: 0 0 0 0.125rem var(--color-white); } }
  .dnb-drawer-list--scroll .dnb-drawer-list__option:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner::before {
    left: 0.5rem;
    right: 0.5rem; }
  .dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner::before {
    border-radius: 0.25rem 0.25rem 0 0;
    border-radius: var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0; }
  .dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner::before {
    border-radius: 0 0 0.25rem 0.25rem;
    border-radius: 0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius); }
  .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner::before {
    border-radius: 0 0 0.25rem 0.25rem;
    border-radius: 0 0 var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius); }
  .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner::before {
    border-radius: 0.25rem 0.25rem 0 0;
    border-radius: var(--drawer-list-options-border-radius) var(--drawer-list-options-border-radius) 0 0; }
  @media screen and (max-width: 40em) {
    .dnb-drawer-list__portal .dnb-drawer-list--mobile-view .dnb-drawer-list__option__inner {
      border-radius: 0; } }
  .dnb-drawer-list__status--error:not(.dnb-drawer-list--opened) .dnb-drawer-list__icon {
    color: #dc2a2a;
    color: var(--color-fire-red); }
  .dnb-drawer-list__triangle::before {
    border: none;
    background-color: #fff;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
            box-shadow: 0 8px 16px rgba(51, 51, 51, 0.08);
    -webkit-box-shadow: var(--shadow-default);
            box-shadow: var(--shadow-default); }
  .dnb-drawer-list--top .dnb-drawer-list__option.last-of-type:hover ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--bottom .dnb-drawer-list__option.first-of-type:hover ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top:hover ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom:hover ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--focus ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--focus ~ .dnb-drawer-list__triangle::before {
    background-color: #f4fbf9;
    background-color: var(--color-mint-green-12); }
  .dnb-drawer-list--bottom .dnb-drawer-list__option.first-of-type.dnb-drawer-list__option--selected ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--top .dnb-drawer-list__option.last-of-type.dnb-drawer-list__option--selected ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--selected ~ .dnb-drawer-list__triangle::before,
  .dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--selected ~ .dnb-drawer-list__triangle::before {
    background-color: #14555a;
    background-color: var(--color-emerald-green); }
  .dnb-drawer-list > .dnb-form-status {
    -webkit-transform: translateY(-0.4375rem);
            transform: translateY(-0.4375rem); }

/*
* ScrollView theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */

/* @import 'reset-list'; */
/* @import 'screen-reader-only'; */
/* @import 'font-smoothing'; */

/* @import '~dnb-ui-lib/style/dnb-ui-properties'; */

:root {
  --topbar-height: 6.5rem;

  --vh: 1vh;

  --full-page-height: calc(var(--vh, 1vh) * 100);
  --page-height: calc(var(--vh, 1vh) * 100 - var(--topbar-height));

  /* --full-page-height: 100vh; */
  /* --page-height: calc(var(--full-page-height) - var(--topbar-height)); */

  /* Easing effects */
  /*
  --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);

  --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);

  --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);

  --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);

  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);

  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);

  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);

  --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);

  --ease-in-out-fast: cubic-bezier(1, 0, 0, 1);
  */
}



/* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700); */

/* @font-face {
  font-family: Proxima Nova;
  src: url('proximanova-regular.woff2') format('woff2'),
    url('proximanova-regular.woff') format('woff');

  font-weight: 400;
  font-style: normal;
} */



html {
  height: 100%;
}

body {
  min-height: 100%;

  background-color: var(--color-ocean-green);
}

button {
  cursor: pointer;
}

.dnb-autocomplete {
  --autocomplete-width: 18rem; /* custom width */
  --autocomplete-height: 3rem; /* custom width */

  /* max-width: 30rem; */

  /* & .dnb-autocomplete__inner,
  & .dnb-autocomplete__row,
  & .dnb-autocomplete__shell, */
  & .dnb-input,
  & .dnb-input__inner,
  & .dnb-input__row,
  & .dnb-input__shell,
  & .dnb-input__input {
    /*
    display: flex;
    flex: 1 1 auto;
  */
    width: 100%;
  }
}

@page {
  size: A4 portrait;
  margin: 0mm;
}

@media print and (color) {
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

body {
  color: var(--color-white);
}

p {
}

h1 {
}
h2 {
}
h3 {
}
h4 {
}
h5 {
}
h6 {
}

address {
}

a {
}

b,
strong {
  font-weight: 700;
}

i,
em {
  font-style: italic;
}




.mapboxgl-map{-webkit-tap-highlight-color:rgba(0,0,0,0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:-webkit-grabbing;cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{-ms-touch-action:none;touch-action:none}.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl{clear:both;pointer-events:auto;-webkit-transform:translate(0);transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){-webkit-box-shadow:0 0 0 2px rgba(0,0,0,.1);box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){-webkit-box-shadow:0 0 0 2px ButtonText;box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{-webkit-box-shadow:0 0 2px 2px #0096ff;box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-group button:focus.focus-visible{-webkit-box-shadow:0 0 2px 2px #0096ff;box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:focus-visible{-webkit-box-shadow:0 0 2px 2px #0096ff;box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(.focus-visible){-webkit-box-shadow:none;box-shadow:none}.mapboxgl-ctrl-group button:focus:not(:focus-visible){-webkit-box-shadow:none;box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-zoom-out.svg",fill:#333)}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-zoom-in.svg",fill:#333)}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-zoom-out.svg",fill:#fff)}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-zoom-in.svg",fill:#fff)}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-zoom-out.svg",fill:#000)}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-zoom-in.svg",fill:#000)}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-fullscreen.svg",fill:#333)}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-shrink.svg")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-fullscreen.svg",fill:#fff)}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-shrink.svg",fill:#fff)}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-fullscreen.svg",fill:#000)}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-shrink.svg",fill:#000)}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-compass.svg",fill:#333)}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{@svg-load ctrl-compass-white url("svg/mapboxgl-ctrl-compass.svg"){fill:#fff;#south{fill:#999}}background-image:svg-inline(ctrl-compass-white)}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:svg-load("svg/mapboxgl-ctrl-compass.svg",fill:#000)}}@svg-load ctrl-geolocate url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#333;#stroke{display:none}}@svg-load ctrl-geolocate-white url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#fff;#stroke{display:none}}@svg-load ctrl-geolocate-black url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#000;#stroke{display:none}}@svg-load ctrl-geolocate-disabled url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#aaa;#stroke{fill:red}}@svg-load ctrl-geolocate-disabled-white url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#999;#stroke{fill:red}}@svg-load ctrl-geolocate-disabled-black url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#666;#stroke{fill:red}}@svg-load ctrl-geolocate-active url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#33b5e5;#stroke{display:none}}@svg-load ctrl-geolocate-active-error url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#e58978;#stroke{display:none}}@svg-load ctrl-geolocate-background url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#33b5e5;#dot,#stroke{display:none}}@svg-load ctrl-geolocate-background-error url("svg/mapboxgl-ctrl-geolocate.svg"){fill:#e54e33;#dot,#stroke{display:none}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-disabled)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-active)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-active-error)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-background)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-background-error)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{-webkit-animation:mapboxgl-spin 2s linear infinite;animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-white)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-disabled-white)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-active)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-active-error)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-background)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-background-error)}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-black)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:svg-inline(ctrl-geolocate-disabled-black)}}@-webkit-keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes mapboxgl-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:svg-load("svg/mapboxgl-ctrl-logo.svg");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{@svg-load ctrl-logo-white url("svg/mapboxgl-ctrl-logo.svg"){#fill,#outline{opacity:1}}background-color:transparent;background-image:svg-inline(ctrl-logo-white)}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{@svg-load ctrl-logo-black url("svg/mapboxgl-ctrl-logo.svg"){#outline{fill:#fff;stroke:#fff;opacity:1}#fill{fill:#000;opacity:1}}background-image:svg-inline(ctrl-logo-black)}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);background-image:svg-load("svg/mapboxgl-ctrl-attrib.svg");border:0;border-radius:12px;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgba(0,0,0,.05)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:svg-load("svg/mapboxgl-ctrl-attrib.svg",fill=#fff)}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:svg-load("svg/mapboxgl-ctrl-attrib.svg")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;-webkit-box-sizing:border-box;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:-webkit-box;display:-ms-flexbox;display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.mapboxgl-popup-anchor-left{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.mapboxgl-popup-anchor-right{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{-ms-flex-item-align:center;align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{-ms-flex-item-align:start;align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{-ms-flex-item-align:end;align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{-ms-flex-item-align:center;align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{-ms-flex-item-align:start;align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{-ms-flex-item-align:end;align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{-ms-flex-item-align:center;align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{-ms-flex-item-align:center;align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgba(0,0,0,.05)}.mapboxgl-popup-content{background:#fff;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:-webkit-box;display:-ms-flexbox;display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;-webkit-transition:opacity .2s;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{-webkit-animation:mapboxgl-user-location-dot-pulse 2s infinite;animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;-webkit-box-shadow:0 0 3px rgba(0,0,0,.35);box-shadow:0 0 3px rgba(0,0,0,.35);-webkit-box-sizing:border-box;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;-webkit-transform:translateY(-28px) skewY(-20deg);transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;-webkit-transform:translate(7.5px,-28px) skewY(20deg);transform:translate(7.5px,-28px) skewY(20deg)}@-webkit-keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}70%{opacity:0;-webkit-transform:scale(3);transform:scale(3)}to{opacity:0;-webkit-transform:scale(1);transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:rgba(29,161,242,.2);border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(0,0,0,.7);color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;-webkit-transition:opacity .75s ease-in-out;transition:opacity .75s ease-in-out;-webkit-transition-delay:1s;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}
:root{--font-family-default:"DNB",sans-serif;--font-family-monospace:"DNBMono","Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace;--font-weight-default:normal;--font-weight-basis:normal;--font-weight-regular:normal;--font-weight-medium:500;--font-weight-bold:600;--font-size-x-small:0.875rem;--font-size-small:1rem;--font-size-basis:1.125rem;--font-size-basis--em:1em;--font-size-medium:1.25rem;--font-size-large:1.625rem;--font-size-x-large:2.125rem;--font-size-xx-large:3rem;--line-height-xx-small--em:1em;--line-height-x-small:1.125rem;--line-height-small:1.25rem;--line-height-basis:1.5rem;--line-height-basis--em:1.333em;--line-height-medium:2rem;--line-height-large:2.5rem;--line-height-x-large:3.5rem;--color-mint-green-50:#d2f0e9;--color-mint-green-25:#e9f8f4;--color-mint-green-12:#f4fbf9;--color-sea-green-30:#b3dada;--color-accent-yellow-30:#feebc1;--color-signal-orange:#ff5400;--color-fire-red:#dc2a2a;--color-success-green:#007b5e;--color-fire-red-8:#fdeeee;--color-black:#000;--color-black-80:#333;--color-black-55:#737373;--color-black-20:#ccc;--color-black-8:#ebebeb;--color-black-3:#f8f8f8;--color-white:#fff;--color-black-border:#cdcdcd;--color-black-background:#fafafa;--color-sea-green:#007272;--color-mint-green:#a5e1d2;--color-summer-green:#28b482;--color-emerald-green:#14555a;--color-ocean-green:#00343e;--color-accent-yellow:#fdbb31;--color-indigo:#23195a;--color-violet:#6e2382;--color-sky-blue:#4bbed2;--color-lavender:#f2f2f5;--color-sand-yellow:#fbf6ec;--color-pistachio:#f2f4ec;--color-mint-green-alt:#ebfffa;--color-indigo-medium:#6e6491;--color-indigo-light:#b9afc8;--color-violet-medium:#a06eaf;--color-violet-light:#cfb9d7;--color-sky-blue-medium:#87d2e1;--color-sky-blue-light:#c3ebf0;--spacing-xx-small:0.25rem;--spacing-x-small:0.5rem;--spacing-small:1rem;--spacing-medium:1.5rem;--spacing-large:2rem;--spacing-x-large:3rem;--spacing-xx-large:3.5rem;--layout-small:40em;--layout-medium:50em;--layout-large:60em;--layout-x-large:72em;--layout-xx-large:80em;--layout-xxx-large:90em;--shadow-default:0 8px 16px rgba(51,51,51,.08);--shadow-default-x:0;--shadow-default-y:8px;--shadow-default-blur-radius:16px;--shadow-default-color:rgba(51,51,51,.08);--easing-default:cubic-bezier(0.42,0,0,1)}.dnb-typo-regular{font-weight:400}.dnb-typo-medium,.dnb-typo-regular{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal}.dnb-typo-medium{font-weight:500;font-weight:var(--font-weight-medium)}.dnb-typo-bold{font-family:DNB,sans-serif;font-family:var(--font-family-default);font-style:normal;font-weight:600;font-weight:var(--font-weight-bold)}.dnb-typo-mono-regular{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-style:normal;font-weight:400}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:400;src:url(/assets/DNB-Regular.54d35.woff2) format("woff2"),url(/assets/DNB-Regular.a7ae8.woff) format("woff"),url(/assets/DNB-Regular.f3647.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:500;src:url(/assets/DNB-Medium.8e57b.woff2) format("woff2"),url(/assets/DNB-Medium.7cce6.woff) format("woff"),url(/assets/DNB-Medium.8d30b.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNB;font-style:normal;font-weight:600;src:url(/assets/DNB-Bold.b402b.woff2) format("woff2"),url(/assets/DNB-Bold.fa1ef.woff) format("woff"),url(/assets/DNB-Bold.14a47.ttf) format("truetype")}@font-face{font-display:fallback;font-family:DNBMono;font-style:normal;font-weight:400;src:url(/assets/DNBMono-Regular.322db.woff2) format("woff2"),url(/assets/DNBMono-Regular.0d773.woff) format("woff"),url(/assets/DNBMono-Regular.44317.ttf) format("truetype")}.dnb-no-focus,.dnb-tab-focus,.dnb-tab-focus:focus{outline:none}html[data-whatinput=keyboard] .dnb-tab-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-tab-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-mouse-focus,.dnb-mouse-focus:focus{outline:none}html[data-whatinput=mouse] .dnb-mouse-focus:focus{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-mouse-focus:focus{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-focus-ring{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color)!important;box-shadow:0 0 0 .125rem var(--border-color)!important}@media screen and (-ms-high-contrast:none){.dnb-focus-ring{-webkit-box-shadow:0 0 0 .125rem #14555a!important;box-shadow:0 0 0 .125rem #14555a!important;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green)!important;box-shadow:0 0 0 .125rem var(--color-emerald-green)!important}}.dnb-scrollbar-appearance{-webkit-overflow-scrolling:touch;-ms-overflow-style:auto;scrollbar-color:#007272 transparent;scrollbar-color:var(--color-sea-green) transparent;scrollbar-width:thin}@supports not (scrollbar-color:auto){.dnb-scrollbar-appearance::-webkit-scrollbar{background-color:#ebebeb;background-color:var(--color-black-8)}.dnb-scrollbar-appearance::-webkit-scrollbar:vertical{width:.5rem}.dnb-scrollbar-appearance::-webkit-scrollbar:horizontal{height:.5rem}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb{background-color:#007272;background-color:var(--color-sea-green);border-radius:.5rem}.dnb-scrollbar-appearance::-webkit-scrollbar-thumb:hover{background-color:#14555a;background-color:var(--color-emerald-green)}}.dnb-skip-link{opacity:.3;position:absolute;top:-100vh;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out;z-index:0}.dnb-skip-link--active,.dnb-skip-link:focus{background-color:transparent;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green);font-size:1.125rem;font-size:var(--font-size-basis);left:40%;margin:0;outline:none;padding:.5rem 1rem;position:fixed;text-align:center;text-decoration:none;top:5%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;white-space:nowrap;z-index:9999}.dnb-skip-link--active:after,.dnb-skip-link:focus:after{background-color:hsla(0,0%,100%,.85);-webkit-box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);box-shadow:150vw 150vh 0 0 hsla(0,0%,100%,.85);content:"";height:150vh;left:-200vw;position:absolute;top:-200vh;width:150vw;z-index:-2}.dnb-skip-link--active:before,.dnb-skip-link:focus:before{background-color:#fff;background-color:var(--color-white);border-radius:1.5rem;content:"";height:100%;left:0;outline:none;position:absolute;top:0;width:100%;z-index:-1}html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=mouse] .dnb-skip-link--active:before,html[data-whatinput=mouse] .dnb-skip-link:focus:before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-skip-link--active:hover:before,.dnb-skip-link:focus:hover:before{background-color:#d2f0e9;background-color:var(--color-mint-green-50)}.dnb-skip-link--active:active:before,.dnb-skip-link:focus:active:before{background-color:#14555a;background-color:var(--color-emerald-green)}.dnb-skip-link--active:focus:not(:active):before,.dnb-skip-link:focus:focus:not(:active):before{outline:none}html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{--border-color:var(--color-emerald-green);border-color:transparent;-webkit-box-shadow:0 0 0 .125rem var(--border-color);box-shadow:0 0 0 .125rem var(--border-color)}@media screen and (-ms-high-contrast:none){html[data-whatinput=keyboard] .dnb-skip-link--active:focus:not(:active):before,html[data-whatinput=keyboard] .dnb-skip-link:focus:focus:not(:active):before{-webkit-box-shadow:0 0 0 .125rem #14555a;box-shadow:0 0 0 .125rem #14555a;-webkit-box-shadow:0 0 0 .125rem var(--color-emerald-green);box-shadow:0 0 0 .125rem var(--color-emerald-green)}}.dnb-skip-link--active:focus,.dnb-skip-link:focus:focus{opacity:1}.dnb-skip-link--active:focus:not(:hover):not(:active),.dnb-skip-link--active:hover,.dnb-skip-link:focus:focus:not(:hover):not(:active),.dnb-skip-link:focus:hover{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#007272;color:var(--color-sea-green)}.dnb-skip-link--active:active,.dnb-skip-link:focus:active{background-color:transparent;color:#fff;color:var(--color-white)}html[data-whatintent=touch] .dnb-skip-link{display:none}.dnb-alignment-helper,.dnb-alignment-helper:before{speak:none;display:inline-block;font-size:1rem;font-size:var(--font-size-small);height:0;width:0}.dnb-alignment-helper:before{content:"\200C"}.dnb-drop-shadow{-webkit-box-shadow:0 8px 16px rgba(51,51,51,.08);box-shadow:0 8px 16px rgba(51,51,51,.08);-webkit-box-shadow:var(--shadow-default);box-shadow:var(--shadow-default)}.dnb-sr-only,.dnb-sr-only--inline{-webkit-touch-callout:none;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:0;max-height:1px;max-width:1px;overflow:hidden;padding:0;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.dnb-sr-only--inline{display:inline-block;font-size:0;line-height:0;position:static;visibility:visible}.dnb-not-sr-only{-webkit-clip-path:initial;clip-path:none;font-size:medium;line-height:normal;max-height:none;max-width:none;overflow:auto;position:static;white-space:normal}.dnb-suffix{font-size:1.125rem;font-size:var(--font-size-basis);line-height:1.5rem;line-height:var(--line-height-basis);padding-left:.5rem;word-break:normal}html{font-size:100%;scroll-behavior:smooth}@supports (-webkit-touch-callout:none) and (font:-apple-system-body){html{font:-apple-system-body}}html[xmlns="http://www.w3.org/1999/xhtml"] a:hover{text-decoration:none}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--active{color:#a5e1d2!important;color:var(--color-mint-green)!important}html[xmlns="http://www.w3.org/1999/xhtml"] .dnb-anchor--contrast:not(:hover){color:#fff!important;color:var(--color-white)!important}html[xmlns="http://www.w3.org/1999/xhtml"] a.dnb-button--primary{color:#fff;color:var(--color-white)}html[xmlns="http://www.w3.org/1999/xhtml"] ul{list-style:disc none outside;list-style:initial}html[xmlns="http://www.w3.org/1999/xhtml"] p{background-color:transparent;background-color:initial;overflow:visible;overflow:initial;text-align:inherit}html[xmlns="http://www.w3.org/1999/xhtml"] i{font-style:italic}html[xmlns="http://www.w3.org/1999/xhtml"] #column_left,html[xmlns="http://www.w3.org/1999/xhtml"] #root{width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefault #wrapper,html[xmlns="http://www.w3.org/1999/xhtml"] body#dnbLayoutDefaultStartPage #wrapper{max-width:60rem;width:100%}html[xmlns="http://www.w3.org/1999/xhtml"] #column_content{-webkit-box-shadow:none;box-shadow:none}body{margin:0}.dnb-core-style{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#333;color:var(--color-black-80,#333);font-family:DNB,sans-serif;font-family:var(--font-family-default);font-size:1rem;font-size:var(--font-size-small);font-style:normal;font-weight:400;font-weight:var(--font-weight-basis);line-height:1.5rem;line-height:var(--line-height-basis);-moz-tab-size:4;-o-tab-size:4;tab-size:4;word-break:break-word}.dnb-core-style *,.dnb-core-style :after,.dnb-core-style :before{background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box}.dnb-core-style :after,.dnb-core-style :before{text-decoration:inherit;vertical-align:inherit}.dnb-core-style hr{height:0;overflow:visible}.dnb-core-style main{display:block}.dnb-core-style nav ol,.dnb-core-style nav ul{list-style:none}.dnb-core-style abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline;-webkit-text-decoration:underline dotted currentColor;text-decoration:underline dotted currentColor}.dnb-core-style b,.dnb-core-style strong{font-weight:bolder}.dnb-core-style code,.dnb-core-style kbd,.dnb-core-style pre,.dnb-core-style samp{font-family:DNBMono,Menlo,Consolas,Roboto Mono,"Ubuntu Monospace",Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-family:var(--font-family-monospace);font-size:1em;font-size:var(--font-size-basis--em)}.dnb-core-style ::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}.dnb-core-style audio,.dnb-core-style canvas,.dnb-core-style iframe,.dnb-core-style img,.dnb-core-style svg,.dnb-core-style video{vertical-align:middle}.dnb-core-style audio,.dnb-core-style video{display:inline-block}.dnb-core-style audio:not([controls]){display:none;height:0}.dnb-core-style img{border-style:none}.dnb-core-style svg:not([fill]){fill:currentColor}.dnb-core-style svg:not(:root){overflow:hidden}.dnb-core-style table{border-collapse:collapse}.dnb-core-style button,.dnb-core-style input,.dnb-core-style select,.dnb-core-style textarea{font-family:inherit;font-size:inherit;line-height:inherit}.dnb-core-style button,.dnb-core-style figure,.dnb-core-style input,.dnb-core-style select{margin:0}.dnb-core-style button{overflow:visible;text-transform:none}.dnb-core-style fieldset{padding:.35rem .75rem .625rem}.dnb-core-style input{overflow:visible;word-break:normal}.dnb-core-style legend{color:inherit;display:table;max-width:100%;white-space:normal}.dnb-core-style progress{display:inline-block;vertical-align:baseline}.dnb-core-style select{text-transform:none}.dnb-core-style textarea{overflow:auto;resize:vertical}.dnb-core-style [type=checkbox],.dnb-core-style [type=radio]{padding:0}.dnb-core-style input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}.dnb-core-style ::-webkit-inner-spin-button,.dnb-core-style ::-webkit-outer-spin-button{height:auto}.dnb-core-style ::-webkit-input-placeholder{color:inherit;opacity:.54}.dnb-core-style ::-webkit-search-decoration{-webkit-appearance:none}.dnb-core-style ::-webkit-file-upload-button{background-color:transparent;border:none;font:inherit}.dnb-core-style ::-moz-focus-inner{border-style:none;padding:0}.dnb-core-style details{display:block}.dnb-core-style summary{display:list-item}.dnb-core-style canvas{display:inline-block}.dnb-core-style template{display:none}.dnb-core-style [tabindex],.dnb-core-style a,.dnb-core-style area,.dnb-core-style button,.dnb-core-style input,.dnb-core-style label,.dnb-core-style select,.dnb-core-style summary,.dnb-core-style textarea{-ms-touch-action:manipulation;touch-action:manipulation}.dnb-core-style [hidden]{display:none}.dnb-core-style [aria-busy=true]{cursor:progress}.dnb-core-style [aria-controls]:not(input){cursor:pointer}.dnb-core-style [aria-disabled=true],.dnb-core-style [disabled]{cursor:not-allowed}.dnb-core-style [aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}@media print{.dnb-core-style{background-color:#fff;color:#000}}
.e86e1{--border-color:var(--color-white)!important;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid;color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;height:2em;justify-content:center;overflow:hidden;width:2em}
.a85e0{position:relative}.ab024{--border-color:var(--color-white)!important;color:var(--color-white)}.ab024 .dnb-icon{margin-top:0!important}.d0e24{left:-.25rem;overflow:hidden;position:absolute;top:calc(100% + .5rem)}.bb5be{list-style:none;margin:0;padding:0}.bc223{padding:.25rem}.bc223 svg{opacity:.6}.bc223:hover svg{opacity:1}.d45f3{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:3.5rem;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:1rem;top:100%;width:8.125rem}.d45f3 p{color:var(--color-ocean-green);position:relative;right:0;text-align:center;text-transform:uppercase;top:.5rem;width:100%}.d45f3 svg{display:block;left:0;position:absolute;top:0}.d45f3 svg path{fill:#fff}
.d801e{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;height:var(--topbar-height);justify-content:center;left:0;padding:0 1rem;position:absolute;right:0;top:0;z-index:101}@media (min-width:48rem){.d801e{padding:0 2rem}}.ea800{font-size:1.75em;height:1em}@media (min-width:20em){.ea800{font-size:calc(1.125em + 3.125vw)}}@media (min-width:60em){.ea800{font-size:3em}}.ea800 span,.ea800 svg{height:100%}.b442b,.bdca5{-webkit-box-flex:0;-ms-flex:0 0 8rem;flex:0 0 8rem;position:fixed;top:calc(var(--topbar-height)/2);-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);width:8rem}.bdca5{left:1rem}.b442b{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;right:1.5rem}.b442b>*{margin:0 .5rem}.bf6cb{--border-color:transparent!important;color:var(--color-white);position:relative}@media (min-width:40rem){.bf6cb:before{content:"Skriv ut";left:-3.8rem;position:absolute}}.b17f6 .dnb-icon{position:relative;top:-1px}.b17f6 .dnb-button__text{display:none}@media (min-width:48rem){.b17f6 .dnb-button__text{display:inline}}.b17f6:hover .dnb-button__text:after{color:var(--color-white)!important}.b17f6{border-color:var(--color-white)}.a9b92,.b17f6{color:var(--color-white)}.a9b92{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;font-family:var(--font-family-monospace);font-style:normal;font-weight:400;left:0;position:absolute;right:0;text-align:center;top:calc(100% - .5rem);width:100%}
.da67e{width:inherit}.cb777{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:start;-ms-flex-align:start;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:flex-start;background:#fff;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - var(--header-height));justify-content:space-between;padding-bottom:2rem;width:100%}.c237e,.cb777{display:-webkit-box;display:-ms-flexbox;display:flex}.c237e{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:var(--topbar-height)}.f67b0 ul,.c6b99 ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0}.f67b0 ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.f67b0 li{margin:1rem 0}.c6b99 ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.c6b99 ul li+li{margin-top:var(--spacing-small)}@media (min-width:24rem){.c6b99 ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.c6b99 ul li{margin-top:0!important}.c6b99 li:not(:last-child){margin-right:1rem}}.c0d2d{background:rgba(0,52,62,.75);bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}
.a1052{background:var(--color-contrast);bottom:0;left:0;position:fixed;right:0;top:0}
.d15bd{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--color-white);display:-webkit-box;display:-ms-flexbox;display:flex;height:var(--full-page-height);justify-content:center}
.b59dc{min-height:var(--full-page-height)}