@charset "UTF-8";
/**
 * Main UI Theme
 *
 */
/*
 * Utilities
 */
/*
 * CSS Properties
 *
 */
:root {
  --font-family-default: 'Fedra Sans Std', sans-serif;
  --font-family-book: 'Fedra Sans Std', sans-serif;
  /* Do not use, use --font-weight-... */
  --font-family-demi: 'Fedra Sans Std', sans-serif;
  /* Do not use, use --font-weight-... */
  --font-family-medium: 'Fedra Sans Std', sans-serif;
  /* Do not use, use --font-weight-... */
  --font-family-monospace: /* macOS 10.10+ */ Menlo,
    /* Windows 6+ */ Consolas, /* Android 4+ */ Roboto Mono,
    /* Ubuntu 10.10+ */ Ubuntu Monospace, /* KDE Plasma 5+ */ Noto Mono,
    /* KDE Plasma 4+ */ Oxygen Mono,
    /* Linux/OpenOffice fallback */ Liberation Mono,
    /* fallback */ monospace;
  --font-weight-default: normal;
  --font-weight-book: normal;
  --font-weight-demi: 500;
  --font-weight-medium: 600;
  --font-size-small: 0.875rem;
  --font-size-default: 1rem;
  --font-size-x-default: 1.25rem;
  --font-size-medium: 1.5rem;
  --font-size-large: 2rem;
  --font-size-xx-large: 3rem;
  --color-sea-green-alt: #008484;
  --color-mint-green-50: #d2f0e9;
  --color-mint-green-25: #e9f8f4;
  --color-mint-green-12: #f4fbf9;
  --color-sea-green-alt-30: #b3dada;
  --color-signal-yellow-30: #ffffd7;
  --color-cherry-red: #e10076;
  --color-cherry-red-80: #fdebf4;
  --color-black: #000;
  --color-black-80: #333;
  --color-black-30: #b3b3b3;
  --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-signal-orange: #ff5400;
  --color-signal-yellow: #ffff7a;
  --color-indigo: #23195a;
  --color-violet: #6e2382;
  --color-sky-blue: #4bbed2;
  --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; }

/*
 * Import all Elements
 *
 */
/*
 * Core Styles
 * Mainly only the margins are defined in here
 *
 */
/*
 * Anchor
 *
 */
button.dnb-anchor {
  cursor: pointer;
  line-height: 1.625rem;
  border: none;
  background: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

.dnb-anchor {
  display: inline;
  padding: 0.25rem 0.125rem 0.125rem;
  color: inherit;
  color: #007272;
  color: var(--color-sea-green);
  text-decoration: none;
  -webkit-box-shadow: 0 1.5px 0 0 currentColor;
          box-shadow: 0 1.5px 0 0 currentColor;
  border-radius: 0;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease; }
  .dnb-anchor:focus {
    outline: none;
    border-radius: 0.25rem; }
    .dnb-anchor:focus:not(:active) {
      color: #007272;
      color: var(--color-sea-green);
      background-color: transparent;
      -webkit-transition: none;
      transition: none;
      -webkit-box-shadow: none;
              box-shadow: 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);
      border-color: transparent; }
  .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.25rem;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-anchor:active {
    color: #a5e1d2;
    color: var(--color-mint-green);
    background-color: #14555a;
    background-color: var(--color-emerald-green);
    border-radius: 0.25rem;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-anchor .dnb-icon {
    display: inline-block;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px); }

.dnb-anchor--hover {
  color: #007272;
  color: var(--color-sea-green);
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50);
  border-radius: 0.25rem;
  -webkit-box-shadow: none;
          box-shadow: none; }

.dnb-anchor--active {
  color: #a5e1d2;
  color: var(--color-mint-green);
  background-color: #14555a;
  background-color: var(--color-emerald-green);
  border-radius: 0.25rem;
  -webkit-box-shadow: none;
          box-shadow: none; }

.dnb-anchor--focus {
  outline: none;
  border-radius: 0.25rem; }
  .dnb-anchor--focus:not(:active) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: transparent;
    -webkit-transition: none;
    transition: none;
    -webkit-box-shadow: none;
            box-shadow: 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);
    border-color: transparent; }

.dnb-anchor--no-style {
  color: inherit;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-transition: none;
  transition: none; }
  .dnb-anchor--no-style:hover {
    color: inherit;
    background-color: transparent; }

.dnb-anchor--no-underline {
  -webkit-box-shadow: none;
          box-shadow: 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);
  -webkit-box-shadow: 0 1.5px 0 0 #fff;
          box-shadow: 0 1.5px 0 0 #fff;
  -webkit-box-shadow: 0 1.5px 0 0 var(--color-white);
          box-shadow: 0 1.5px 0 0 var(--color-white); }
  .dnb-anchor--contrast:focus {
    color: #fff;
    color: var(--color-white);
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-anchor--contrast: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);
      border-color: transparent; }
  .dnb-anchor--contrast:hover, .dnb-anchor--contrast:active {
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-anchor--contrast:active {
    color: #a5e1d2;
    color: var(--color-mint-green);
    background-color: #14555a;
    background-color: var(--color-emerald-green); }

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

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

.dnb-h1 {
  font-size: 3rem;
  font-size: var(--font-size-xx-large);
  line-height: 3.5rem;
  font-weight: 500;
  font-weight: var(--font-weight-demi); }
  .dnb-h1--small,
  .dnb-h1 > small {
    display: block;
    font-size: 2rem;
    font-size: var(--font-size-large);
    line-height: 3rem; }

.dnb-h2 {
  font-size: 1.5rem;
  font-size: var(--font-size-medium);
  line-height: 2rem; }
  .dnb-h2--small,
  .dnb-h2 > small {
    font-size: 1.25rem;
    font-size: var(--font-size-x-default); }
  .dnb-h2 > small {
    line-height: 1.875rem; }

/* H3 looks the same as .dnb-lead */
.dnb-h3,
.dnb-lead {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-demi);
  font-weight: 500;
  font-weight: var(--font-weight-demi);
  font-size: 1.25rem;
  font-size: var(--font-size-x-default);
  line-height: 2rem; }
  .dnb-h3--small,
  .dnb-h3 > small,
  .dnb-lead--small,
  .dnb-lead > small {
    font-size: 1rem;
    font-size: var(--font-size-default); }
  .dnb-h3 > small,
  .dnb-lead > small {
    line-height: 1.75rem; }

.dnb-h4 {
  font-size: 1rem;
  font-size: var(--font-size-default); }
  .dnb-h4 > small {
    line-height: 1.375rem; }

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

.dnb-h6 {
  font-size: 0.875rem;
  font-size: var(--font-size-small);
  font-weight: normal;
  font-weight: var(--font-weight-book); }
  .dnb-h6 > small {
    line-height: 1.25rem; }

.dnb-h1,
.dnb-h2,
.dnb-h3,
.dnb-lead,
.dnb-h4,
.dnb-h5,
.dnb-h6,
.dnb-core-style .dnb-h1,
.dnb-core-style .dnb-h2,
.dnb-core-style .dnb-h3,
.dnb-core-style .dnb-h4,
.dnb-core-style .dnb-h5,
.dnb-core-style .dnb-h6 {
  margin: 0;
  padding: 0;
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-demi);
  font-weight: 500;
  font-weight: var(--font-weight-demi);
  color: #14555a;
  color: var(--color-emerald-green); }

.dnb-p {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.5em;
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum"; }
  .dnb-p--demi {
    font-weight: 500;
    font-weight: var(--font-weight-demi); }
  .dnb-p--ingress {
    font-weight: 500;
    font-weight: var(--font-weight-demi);
    color: #14555a;
    color: var(--color-emerald-green); }
  .dnb-p b,
  .dnb-p strong, .dnb-p--medium {
    font-weight: 600;
    font-weight: var(--font-weight-medium); }
  .dnb-p--small,
  .dnb-p > small {
    font-size: 0.875rem;
    font-size: var(--font-size-small);
    line-height: 1.5rem; }
  .dnb-p > cite {
    font-weight: 500;
    font-weight: var(--font-weight-demi);
    font-style: italic; }

.dnb-spacing .dnb-h1 {
  margin: 3rem 0 2.5rem; }

.dnb-spacing .dnb-h2 {
  margin: 3rem 0 1rem; }

.dnb-spacing .dnb-h3,
.dnb-spacing .dnb-lead,
.dnb-spacing .dnb-h4,
.dnb-spacing .dnb-h5,
.dnb-spacing .dnb-h6 {
  margin: 2rem 0 1rem; }

.dnb-spacing .dnb-p {
  margin-top: 0;
  margin-bottom: 1.5rem; }

/*
 * Blockquote
 *
 */
.dnb-blockquote {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 1.5rem;
  color: #a5e1d2;
  color: var(--color-mint-green);
  background-color: #00343e;
  background-color: var(--color-ocean-green);
  border-radius: 1rem;
  position: relative; }
  .dnb-blockquote::before {
    content: '';
    position: absolute;
    top: 2rem;
    left: 1.5rem;
    width: 3rem;
    height: 3rem;
    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-anchor,
  .dnb-blockquote a {
    color: #fff;
    color: var(--color-white);
    -webkit-box-shadow: 0 1.5px 0 0 #fff;
            box-shadow: 0 1.5px 0 0 #fff;
    -webkit-box-shadow: 0 1.5px 0 0 var(--color-white);
            box-shadow: 0 1.5px 0 0 var(--color-white); }
    .dnb-blockquote .dnb-anchor:focus,
    .dnb-blockquote a:focus {
      color: #fff;
      color: var(--color-white);
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-blockquote .dnb-anchor:focus, html[data-whatinput='keyboard']
      .dnb-blockquote a: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);
        border-color: transparent; }
    .dnb-blockquote .dnb-anchor:hover, .dnb-blockquote .dnb-anchor:active,
    .dnb-blockquote a:hover,
    .dnb-blockquote a:active {
      color: #14555a;
      color: var(--color-emerald-green);
      background-color: #d2f0e9;
      background-color: var(--color-mint-green-50);
      -webkit-box-shadow: none;
              box-shadow: none; }
    .dnb-blockquote .dnb-anchor:active,
    .dnb-blockquote a:active {
      color: #a5e1d2;
      color: var(--color-mint-green);
      background-color: #14555a;
      background-color: var(--color-emerald-green); }
  .dnb-blockquote h1,
  .dnb-blockquote h2,
  .dnb-blockquote h3,
  .dnb-blockquote h4,
  .dnb-blockquote h5,
  .dnb-blockquote h6,
  .dnb-blockquote .dnb-h1,
  .dnb-blockquote .dnb-h2,
  .dnb-blockquote .dnb-h3,
  .dnb-blockquote .dnb-h4,
  .dnb-blockquote .dnb-h5,
  .dnb-blockquote .dnb-h6 {
    color: #a5e1d2;
    color: var(--color-mint-green); }
  .dnb-blockquote .dnb-cite,
  .dnb-blockquote .dnb-footer,
  .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-demi);
    font-style: italic; }
    .dnb-blockquote .dnb-cite::before,
    .dnb-blockquote .dnb-footer::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 {
  margin-top: 0;
  margin-bottom: 1.5rem; }
  .dnb-spacing .dnb-blockquote p:last-child {
    margin-bottom: 0; }

/*
 * Lists
 *
 */
.dnb-ul {
  margin: 0;
  padding: 0;
  padding-left: 2rem;
  font-size: 1em;
  line-height: 1.5em; }
  .dnb-ulul ul,
  .dnb-ulul ol,
  .dnb-ulol ol,
  .dnb-ulol ul {
    margin-top: 0;
    margin-bottom: 0; }
  .dnb-ul li {
    word-wrap: break-all; }

.dnb-ol {
  margin: 0;
  padding: 0;
  padding-left: 2rem;
  font-size: 1em;
  line-height: 1.5em; }
  .dnb-olul ul,
  .dnb-olul ol,
  .dnb-olol ol,
  .dnb-olol ul {
    margin-top: 0;
    margin-bottom: 0; }
  .dnb-ol li {
    word-wrap: break-all; }

.dnb-dl {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1.5em; }
  .dnb-dl > dt {
    padding: 0;
    font-weight: 500;
    font-weight: var(--font-weight-demi); }
  .dnb-dl > dd {
    margin: 0;
    padding: 0 1rem;
    padding-left: 2rem; }

.dnb-spacing .dnb-ul,
.dnb-spacing .dnb-ol {
  margin-top: 0;
  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-dl {
  margin-top: 0;
  margin-bottom: 1.5rem; }
  .dnb-spacing .dnb-dl dt {
    margin-top: 1rem; }
  .dnb-spacing .dnb-dl dd {
    margin-bottom: 1rem; }

.dnb-unstyled-list {
  margin: 0;
  list-style-type: none;
  padding-left: 0; }
  .dnb-unstyled-list > li {
    margin-bottom: 0; }

/*
 * Table
 *
 */
/*
* Button mixins
*
*/
.dnb-table {
  display: block;
  width: 100%;
  overflow: auto;
  margin-top: 0;
  margin-bottom: 1rem;
  border-spacing: 0;
  border-collapse: collapse; }
  .dnb-table th,
  .dnb-table td,
  .dnb-table .dnb-table__th,
  .dnb-table .dnb-table__td {
    border-bottom: 1px solid transparent;
    font-size: 1em;
    line-height: 1.5em;
    border-spacing: 0;
    word-break: keep-all;
    text-align: left; }
  .dnb-table th,
  .dnb-table .dnb-table__th {
    padding: 3rem 1rem 0.5rem;
    font-weight: 600;
    font-weight: var(--font-weight-medium);
    color: #14555a;
    color: var(--color-emerald-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    border-bottom: 1px solid #a5e1d2;
    border-bottom: 1px solid var(--color-mint-green); }
  .dnb-table--tabular td,
  .dnb-table--tabular .dnb-table__th {
    font-variant-numeric: tabular-nums;
    -webkit-font-feature-settings: "lnum", "tnum";
            font-feature-settings: "lnum", "tnum"; }
  .dnb-table th.dnb-table--sortable,
  .dnb-table .dnb-table__th.dnb-table--sortable {
    color: #14555a;
    color: var(--color-emerald-green); }
    .dnb-table th.dnb-table--sortable .dnb-icon,
    .dnb-table .dnb-table__th.dnb-table--sortable .dnb-icon {
      visibility: hidden;
      margin-left: 0.5rem; }
    .dnb-table th.dnb-table--sortable a,
    .dnb-table th.dnb-table--sortable .dnb-anchor,
    .dnb-table th.dnb-table--sortable .dnb-button,
    .dnb-table th.dnb-table--sortable .dnb-button--tertiary,
    .dnb-table .dnb-table__th.dnb-table--sortable a,
    .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor,
    .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button,
    .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary {
      position: relative;
      z-index: 1;
      display: inline-block;
      -webkit-box-shadow: none;
              box-shadow: none;
      height: 1.5rem;
      line-height: 1.5rem;
      margin: 0;
      padding: 0;
      color: inherit;
      font-weight: 600;
      font-weight: var(--font-weight-medium);
      white-space: nowrap; }
      .dnb-table th.dnb-table--sortable a:not(:focus), .dnb-table th.dnb-table--sortable a:not(:focus).dnb-button--has-text,
      .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus),
      .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text,
      .dnb-table th.dnb-table--sortable .dnb-button:not(:focus),
      .dnb-table th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text,
      .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus),
      .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text,
      .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus),
      .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus).dnb-button--has-text,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus),
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus),
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus),
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text {
        padding: 0; }
        .dnb-table th.dnb-table--sortable a:not(:focus)::after, .dnb-table th.dnb-table--sortable a:not(:focus).dnb-button--has-text::after,
        .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus)::after,
        .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text::after,
        .dnb-table th.dnb-table--sortable .dnb-button:not(:focus)::after,
        .dnb-table th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text::after,
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus)::after,
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus)::after,
        .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus).dnb-button--has-text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus)::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus)::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus)::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text::after {
          content: '';
          position: absolute;
          z-index: 1;
          left: 0.05rem;
          right: 0.05rem;
          bottom: 0;
          width: auto;
          height: 1px;
          border-radius: 0.5px;
          border-bottom: 1px solid #007272;
          border-bottom: 1px solid var(--color-sea-green);
          left: 0;
          right: 1.5rem;
          bottom: 0;
          height: 2px;
          border-radius: 1px;
          background-color: #14555a;
          background-color: var(--color-emerald-green); }
        .dnb-table th.dnb-table--sortable a:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable a:not(:focus) .dnb-button__text::after, .dnb-table th.dnb-table--sortable a:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable a:not(:focus).dnb-button--has-text .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable a:not(:focus).dnb-button--has-text .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:not(:focus).dnb-button--has-text .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:not(:focus).dnb-button--has-text .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus):not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text:not(:focus):hover:not([disabled]) .dnb-button__text::after,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:not(:focus).dnb-button--has-text .dnb-button__text::after {
          border-bottom: none; }
      :not([dnb-is-touch]) .dnb-table th.dnb-table--sortable a:hover[disabled], :not([dnb-is-touch])
      .dnb-table th.dnb-table--sortable .dnb-anchor:hover[disabled], :not([dnb-is-touch])
      .dnb-table th.dnb-table--sortable .dnb-button:hover[disabled], :not([dnb-is-touch])
      .dnb-table th.dnb-table--sortable .dnb-button--tertiary:hover[disabled], :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable a:hover[disabled], :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover[disabled], :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover[disabled], :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:hover[disabled] {
        cursor: not-allowed; }
      :not([dnb-is-touch]) .dnb-table th.dnb-table--sortable a:hover:not([disabled]), :not([dnb-is-touch])
      .dnb-table th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), :not([dnb-is-touch])
      .dnb-table th.dnb-table--sortable .dnb-button:hover:not([disabled]), :not([dnb-is-touch])
      .dnb-table th.dnb-table--sortable .dnb-button--tertiary:hover:not([disabled]), :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable a:hover:not([disabled]), :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]), :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]), :not([dnb-is-touch])
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:hover:not([disabled]) {
        color: #007272;
        color: var(--color-sea-green); }
        :not([dnb-is-touch]) .dnb-table th.dnb-table--sortable a:hover:not([disabled]):not(:focus) .dnb-icon, :not([dnb-is-touch])
        .dnb-table th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, :not([dnb-is-touch])
        .dnb-table th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, :not([dnb-is-touch])
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:hover:not([disabled]):not(:focus) .dnb-icon, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable a:hover:not([disabled]):not(:focus) .dnb-icon, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled]):not(:focus) .dnb-icon, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:hover:not([disabled]):not(:focus) .dnb-icon {
          visibility: visible; }
        :not([dnb-is-touch]) .dnb-table th.dnb-table--sortable a:hover:not([disabled])::after, :not([dnb-is-touch])
        .dnb-table th.dnb-table--sortable .dnb-anchor:hover:not([disabled])::after, :not([dnb-is-touch])
        .dnb-table th.dnb-table--sortable .dnb-button:hover:not([disabled])::after, :not([dnb-is-touch])
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:hover:not([disabled])::after, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable a:hover:not([disabled])::after, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:hover:not([disabled])::after, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:hover:not([disabled])::after, :not([dnb-is-touch])
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:hover:not([disabled])::after {
          right: 0;
          background-color: #007272;
          background-color: var(--color-sea-green);
          visibility: visible; }
      .dnb-table th.dnb-table--sortable a:focus,
      .dnb-table th.dnb-table--sortable .dnb-anchor:focus,
      .dnb-table th.dnb-table--sortable .dnb-button:focus,
      .dnb-table th.dnb-table--sortable .dnb-button--tertiary:focus,
      .dnb-table .dnb-table__th.dnb-table--sortable a:focus,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus,
      .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:focus {
        outline: medium none invert;
        outline: initial; }
        html[data-whatinput='keyboard'] .dnb-table th.dnb-table--sortable a:focus, html[data-whatinput='keyboard']
        .dnb-table th.dnb-table--sortable .dnb-anchor:focus, html[data-whatinput='keyboard']
        .dnb-table th.dnb-table--sortable .dnb-button:focus, html[data-whatinput='keyboard']
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:focus, html[data-whatinput='keyboard']
        .dnb-table .dnb-table__th.dnb-table--sortable a:focus, html[data-whatinput='keyboard']
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus, html[data-whatinput='keyboard']
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus, html[data-whatinput='keyboard']
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:focus {
          -webkit-box-shadow: none;
                  box-shadow: none; }
        .dnb-table th.dnb-table--sortable a:focus::before,
        .dnb-table th.dnb-table--sortable .dnb-anchor:focus::before,
        .dnb-table th.dnb-table--sortable .dnb-button:focus::before,
        .dnb-table th.dnb-table--sortable .dnb-button--tertiary:focus::before,
        .dnb-table .dnb-table__th.dnb-table--sortable a:focus::before,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-anchor:focus::before,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button:focus::before,
        .dnb-table .dnb-table__th.dnb-table--sortable .dnb-button--tertiary:focus::before {
          content: '';
          position: absolute;
          top: -0.6rem;
          left: -1rem;
          right: 1rem;
          height: 2.5rem; }
  .dnb-table th.dnb-table--active a::after, .dnb-table th.dnb-table--active a.dnb-button--has-text::after,
  .dnb-table th.dnb-table--active .dnb-anchor::after,
  .dnb-table th.dnb-table--active .dnb-anchor.dnb-button--has-text::after,
  .dnb-table th.dnb-table--active .dnb-button::after,
  .dnb-table th.dnb-table--active .dnb-button.dnb-button--has-text::after,
  .dnb-table th.dnb-table--active .dnb-button--tertiary::after,
  .dnb-table th.dnb-table--active .dnb-button--tertiary.dnb-button--has-text::after,
  .dnb-table .dnb-table__th.dnb-table--active a::after,
  .dnb-table .dnb-table__th.dnb-table--active a.dnb-button--has-text::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor.dnb-button--has-text::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button.dnb-button--has-text::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button--tertiary::after,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button--tertiary.dnb-button--has-text::after {
    visibility: hidden; }
  .dnb-table th.dnb-table--active a .dnb-icon,
  .dnb-table th.dnb-table--active .dnb-anchor .dnb-icon,
  .dnb-table th.dnb-table--active .dnb-button .dnb-icon,
  .dnb-table th.dnb-table--active .dnb-button--tertiary .dnb-icon,
  .dnb-table .dnb-table__th.dnb-table--active a .dnb-icon,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor .dnb-icon,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button .dnb-icon,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button--tertiary .dnb-icon {
    visibility: visible; }
  .dnb-table th.dnb-table--active a:focus::before,
  .dnb-table th.dnb-table--active .dnb-anchor:focus::before,
  .dnb-table th.dnb-table--active .dnb-button:focus::before,
  .dnb-table th.dnb-table--active .dnb-button--tertiary:focus::before,
  .dnb-table .dnb-table__th.dnb-table--active a:focus::before,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-anchor:focus::before,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button:focus::before,
  .dnb-table .dnb-table__th.dnb-table--active .dnb-button--tertiary:focus::before {
    right: -0.5rem; }
  .dnb-table th.dnb-table--reversed a .dnb-icon,
  .dnb-table th.dnb-table--reversed .dnb-anchor .dnb-icon,
  .dnb-table th.dnb-table--reversed .dnb-button .dnb-icon,
  .dnb-table th.dnb-table--reversed .dnb-button--tertiary .dnb-icon,
  .dnb-table .dnb-table__td.dnb-table--reversed a .dnb-icon,
  .dnb-table .dnb-table__td.dnb-table--reversed .dnb-anchor .dnb-icon,
  .dnb-table .dnb-table__td.dnb-table--reversed .dnb-button .dnb-icon,
  .dnb-table .dnb-table__td.dnb-table--reversed .dnb-button--tertiary .dnb-icon {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1); }
  .dnb-table th.dnb-table--no-wrap,
  .dnb-table .dnb-table__th.dnb-table--no-wrap {
    white-space: nowrap; }
  .dnb-table td,
  .dnb-table .dnb-table__td {
    padding: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.1875rem; }
  .dnb-table tr,
  .dnb-table .dnb-table__tr,
  .dnb-table .dnb-table__tr--odd {
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-table tr:not(.dnb-table__tr--odd):nth-of-type(2n),
  .dnb-table .dnb-table__tr:not(.dnb-table__tr--odd):nth-of-type(2n),
  .dnb-table .dnb-table__tr--even {
    background-color: #f4fbf9;
    background-color: var(--color-mint-green-12); }
  .dnb-table tr:last-of-type td,
  .dnb-table .dnb-table__tr:last-of-type .dnb-table__td {
    padding-bottom: calc(1.1875rem - 1px);
    border-bottom: 1px solid #d2f0e9;
    border-bottom: 1px solid var(--color-mint-green-50); }

.dnb-spacing .dnb-table {
  /* stylelint-disable-next-line */ }
  .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; }

/*
 * 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: 1rem;
  line-height: 1.5rem; }

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

.dnb-pre {
  display: block;
  margin: 0;
  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: Menlo,
     Consolas,  Roboto Mono,
     Ubuntu Monospace,  Noto Mono,
     Oxygen Mono,
     Liberation Mono,
     monospace;
  font-family: var(--font-family-monospace); }
  .dnb-pre pre {
    padding: 1rem; }
  .dnb-pre .dnb-spacing pre {
    margin-top: 0;
    margin-bottom: 1.5rem; }
  .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);
    border-color: transparent; }

.dnb-spacing .dnb-pre {
  margin-top: 0;
  margin-bottom: 1.5rem; }

/*
 * Table
 *
 */
.dnb-image {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  max-width: 100%;
  border-style: none; }

/*
 * Hr tag / line
 *
 */
.dnb-hr {
  position: relative;
  margin: 0;
  padding: 0;
  height: 1px;
  margin-top: -1px;
  border: 0;
  color: #cdcdcd;
  color: var(--color-black-border); }
  .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: -50vw;
  right: -50vw;
  width: 200vw; }

.dnb-spacing .dnb-hr {
  margin-top: 0;
  margin-bottom: 1.5rem; }

@supports not (-ms-ime-align: auto) {
  [class^='dnb-'] ::-moz-selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #000;
    color: var(--color-black);
    text-shadow: none; }
  [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
*/
/*
* 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
*
*/
:root {
  --button-border-width: 0px;
  /* stylelint-disable-line */ }

.dnb-button {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .dnb-button--secondary:not([disabled]):not(.dnb-button--has-text) .dnb-button__icon {
    color: #14555a;
    color: var(--color-emerald-green); }

.dnb-button--primary {
  color: #fff;
  color: var(--color-white);
  background-color: #008484;
  background-color: var(--color-sea-green-alt); }
  :not([dnb-is-touch]) .dnb-button--primary:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--primary:hover:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #fff;
    background-color: var(--color-white);
    -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);
    border-color: transparent; }
  :not([dnb-is-touch]) .dnb-button--primary:focus[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--primary:focus:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #fff;
    background-color: var(--color-white);
    outline: none; }
    html[data-whatinput='keyboard'] :not([dnb-is-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);
      border-color: transparent; }
  :not([dnb-is-touch]) .dnb-button--primary:active[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--primary:active:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    -webkit-box-shadow: 0 0 0 0.0625rem transparent;
            box-shadow: 0 0 0 0.0625rem transparent;
    border-color: transparent; }
  .dnb-button--primary[disabled] {
    color: #fff;
    color: var(--color-white);
    background-color: #b3dada;
    background-color: var(--color-sea-green-alt-30); }

.dnb-button--secondary {
  color: #007272;
  color: var(--color-sea-green);
  background-color: #fff;
  background-color: var(--color-white);
  -webkit-box-shadow: inset 0 0 0 0.0625rem #008484;
          box-shadow: inset 0 0 0 0.0625rem #008484;
  -webkit-box-shadow: inset 0 0 0 0.0625rem var(--color-sea-green-alt);
          box-shadow: inset 0 0 0 0.0625rem var(--color-sea-green-alt);
  border-color: transparent; }
  :not([dnb-is-touch]) .dnb-button--secondary:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--secondary:hover:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #fff;
    background-color: var(--color-white);
    -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);
    border-color: transparent; }
  :not([dnb-is-touch]) .dnb-button--secondary:focus[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--secondary:focus:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #fff;
    background-color: var(--color-white);
    outline: none; }
    html[data-whatinput='keyboard'] :not([dnb-is-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);
      border-color: transparent; }
  :not([dnb-is-touch]) .dnb-button--secondary:active[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--secondary:active:not([disabled]) {
    color: #007272;
    color: var(--color-sea-green);
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    -webkit-box-shadow: 0 0 0 0.0625rem transparent;
            box-shadow: 0 0 0 0.0625rem transparent;
    border-color: transparent; }
  .dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
    color: #b3dada;
    color: var(--color-sea-green-alt-30);
    background-color: #fff;
    background-color: var(--color-white);
    -webkit-box-shadow: inset 0 0 0 0.0625rem #b3dada;
            box-shadow: inset 0 0 0 0.0625rem #b3dada;
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--color-sea-green-alt-30);
            box-shadow: inset 0 0 0 0.0625rem var(--color-sea-green-alt-30);
    border-color: transparent; }

.dnb-button--tertiary {
  position: relative;
  z-index: 1;
  color: #007272;
  color: var(--color-sea-green);
  background-color: transparent; }
  .dnb-button--tertiary .dnb-button__text {
    line-height: inherit; }
  .dnb-button--tertiary.dnb-button--has-text {
    padding: 0 0.5rem; }
  :not([dnb-is-touch]) .dnb-button--tertiary.dnb-button--has-text:not(:focus):not([disabled]):hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--tertiary.dnb-button--has-text:not(:focus):not([disabled]):hover:not([disabled]) .dnb-button__text::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0.05rem;
    right: 0.05rem;
    bottom: 0;
    width: auto;
    height: 1px;
    border-radius: 0.5px;
    border-bottom: 1px solid #007272;
    border-bottom: 1px solid var(--color-sea-green);
    left: 0;
    right: 0;
    bottom: 0.5rem; }
  :not([dnb-is-touch]) .dnb-button--tertiary.dnb-button--has-text:not(:focus):not([disabled]):hover:not([disabled]).dnb-button--icon-position-left .dnb-button__text::after {
    left: -1.5rem;
    left: calc(-0.5rem - 1rem);
    left: calc(-0.5rem - var(--button-icon-size)); }
  :not([dnb-is-touch]) .dnb-button--tertiary.dnb-button--has-text:not(:focus):not([disabled]):hover:not([disabled]).dnb-button--icon-position-right .dnb-button__text::after {
    right: -1.5rem;
    right: calc(-0.5rem - 1rem);
    right: calc(-0.5rem - var(--button-icon-size)); }
  :not([dnb-is-touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text):hover:not([disabled]) .dnb-button__icon {
    color: #b3dada;
    color: var(--color-sea-green-alt-30); }
  .dnb-button--tertiary.dnb-button--has-text:not([disabled]):active::after {
    border-bottom: none; }
  .dnb-button--tertiary:focus {
    outline: medium none invert;
    outline: initial; }
    html[data-whatinput='keyboard'] .dnb-button--tertiary:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
    .dnb-button--tertiary:focus::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: -0.5rem;
      height: inherit;
      border-radius: inherit;
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-button--tertiary: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);
        border-color: transparent; }
  .dnb-button--tertiary[disabled] {
    color: #b3dada;
    color: var(--color-sea-green-alt-30); }

.dnb-button--signal {
  color: #000;
  color: var(--color-black);
  background-color: #ffff7a;
  background-color: var(--color-signal-yellow); }
  :not([dnb-is-touch]) .dnb-button--signal:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--signal:hover:not([disabled]) {
    color: #000;
    color: var(--color-black);
    background-color: #ffff7a;
    background-color: var(--color-signal-yellow);
    -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);
    border-color: transparent; }
  :not([dnb-is-touch]) .dnb-button--signal:focus[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--signal:focus:not([disabled]) {
    color: #000;
    color: var(--color-black);
    background-color: #ffff7a;
    background-color: var(--color-signal-yellow);
    outline: none; }
    html[data-whatinput='keyboard'] :not([dnb-is-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);
      border-color: transparent; }
  :not([dnb-is-touch]) .dnb-button--signal:active[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-button--signal:active:not([disabled]) {
    color: #000;
    color: var(--color-black);
    background-color: #ffff7a;
    background-color: var(--color-signal-yellow);
    -webkit-box-shadow: 0 0 0 0.0625rem transparent;
            box-shadow: 0 0 0 0.0625rem transparent;
    border-color: transparent; }
  .dnb-button--signal[disabled] {
    color: #b3b3b3;
    color: var(--color-black-30);
    background-color: #ffffd7;
    background-color: var(--color-signal-yellow-30); }

/*
* 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 {
  /*
    * When checkbox is OFF
    * aka when the checkbox is not :checked
    */
  /*
    * When checkbox is ON
    * aka when the checkbox is :checked
    */
  /*
    * When checkboxed OFF
    * aka when the checkbox is not :checked
    */
  /*
    * When checkboxed ON
    * aka when the checkbox is :checked
    */
  /*
    * On disabled
    *
    */
  /*
    * On hover
    *
    */
  /*
    * On active
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On focus
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On error state
    *
    */ }
  .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:not(:checked) ~ .dnb-checkbox__gfx {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    color: #008484;
    color: var(--color-sea-green-alt); }
  .dnb-checkbox__input:checked ~ .dnb-checkbox__gfx {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    color: #fff;
    color: var(--color-white); }
  .dnb-checkbox__input:not(:checked) ~ .dnb-checkbox__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #008484;
    border-color: var(--color-sea-green-alt); }
  .dnb-checkbox__input:checked ~ .dnb-checkbox__button {
    background-color: #008484;
    background-color: var(--color-sea-green-alt); }
  .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button {
    border-color: transparent;
    background-color: #b3dada;
    background-color: var(--color-sea-green-alt-30); }
  .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 {
    border-color: transparent; }
  .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__gfx {
    color: #008484;
    color: var(--color-sea-green-alt); }
  .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    border-color: transparent; }
  .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__gfx {
    color: #fff;
    color: var(--color-white); }
  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: #008484;
    color: var(--color-sea-green-alt); }
  .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__input:not([disabled]):not(:checked):focus ~ .dnb-checkbox__button,
  .dnb-checkbox__input:not([disabled]):not(:checked):active ~ .dnb-checkbox__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:focus):not(:active) ~ .dnb-checkbox__button {
    border: none; }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:focus):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
    display: block;
    -webkit-box-shadow: 0 0 0 0.125rem #e10076;
            box-shadow: 0 0 0 0.125rem #e10076;
    -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
            box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
    border-color: transparent; }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__button {
    border-color: #e10076;
    border-color: var(--color-cherry-red);
    background-color: #fdebf4;
    background-color: var(--color-cherry-red-80); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-checkbox__button {
    border-color: #fdebf4;
    border-color: var(--color-cherry-red-80); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-checkbox__button {
    background-color: #e10076;
    background-color: var(--color-cherry-red); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:focus):hover ~ .dnb-checkbox__gfx {
    color: #e10076;
    color: var(--color-cherry-red); }
  .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
    color: #fdebf4;
    color: var(--color-cherry-red-80); }

/*
* DatePicker theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --date-picker-header-color: var(--color-emerald-green);
  --date-picker-labels-day-color: var(--color-emerald-green);
  --date-picker-selected-color: var(--color-mint-green-25);
  --date-picker-selected-bg-color: var(--color-emerald-green);
  --date-picker-selected-bg-color-hover: var(--color-emerald-green);
  --date-picker-within-selection-bg-color: var(--color-mint-green-50); }

.dnb-date-picker {
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-date-picker__input[value*='0'],
  .dnb-date-picker__input[value*='0'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='1'],
  .dnb-date-picker__input[value*='1'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='2'],
  .dnb-date-picker__input[value*='2'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='3'],
  .dnb-date-picker__input[value*='3'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='4'],
  .dnb-date-picker__input[value*='4'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='5'],
  .dnb-date-picker__input[value*='5'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='6'],
  .dnb-date-picker__input[value*='6'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='7'],
  .dnb-date-picker__input[value*='7'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='8'],
  .dnb-date-picker__input[value*='8'] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='9'],
  .dnb-date-picker__input[value*='9'] ~ .dnb-date-picker--separator {
    color: #14555a;
    color: var(--color-emerald-green); }
  .dnb-date-picker__input[value*='0'][disabled],
  .dnb-date-picker__input[value*='0'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='1'][disabled],
  .dnb-date-picker__input[value*='1'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='2'][disabled],
  .dnb-date-picker__input[value*='2'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='3'][disabled],
  .dnb-date-picker__input[value*='3'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='4'][disabled],
  .dnb-date-picker__input[value*='4'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='5'][disabled],
  .dnb-date-picker__input[value*='5'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='6'][disabled],
  .dnb-date-picker__input[value*='6'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='7'][disabled],
  .dnb-date-picker__input[value*='7'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='8'][disabled],
  .dnb-date-picker__input[value*='8'][disabled] ~ .dnb-date-picker--separator, .dnb-date-picker__input[value*='9'][disabled],
  .dnb-date-picker__input[value*='9'][disabled] ~ .dnb-date-picker--separator {
    color: #b3dada;
    color: var(--input-text-color--disabled); }
  .dnb-date-picker__container {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    border-radius: 0.25rem;
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-date-picker__calendar::after {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-date-picker__header::after {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-date-picker__header__nav .dnb-button {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-date-picker__header__title {
    text-transform: capitalize;
    color: #14555a;
    color: var(--date-picker-header-color); }
  .dnb-date-picker__labels__day {
    text-transform: capitalize;
    font-weight: 500;
    font-weight: var(--font-weight-demi);
    color: #14555a;
    color: var(--date-picker-labels-day-color); }
  .dnb-date-picker__day, .dnb-date-picker__labels__day {
    text-align: center; }
  .dnb-date-picker__day .dnb-button {
    font-variant-numeric: tabular-nums;
    -webkit-font-feature-settings: "lnum", "tnum";
            font-feature-settings: "lnum", "tnum"; }
  .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(--date-picker-within-selection-bg-color); }
  .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(--date-picker-within-selection-bg-color); }
  .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(--date-picker-selected-color);
    background-color: #14555a;
    background-color: var(--date-picker-selected-bg-color); }
  .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; }
  :not([dnb-is-touch])
.dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]),
  :not([dnb-is-touch])
.dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]) {
    color: #e9f8f4;
    color: var(--date-picker-selected-color);
    background-color: #14555a;
    background-color: var(--date-picker-selected-bg-color-hover); }
  .dnb-date-picker__day--inactive .dnb-button[disabled],
  .dnb-date-picker__day--disabled .dnb-button[disabled] {
    -webkit-box-shadow: none;
            box-shadow: none; }
  :not([dnb-is-touch]) .dnb-date-picker__day--inactive .dnb-button[disabled] {
    cursor: default; }
  .dnb-date-picker__triangle::before {
    border: none;
    background-color: #fff;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16); }
  .dnb-date-picker:not(.dnb-date-picker--opened).dnb-date-picker__status--error .dnb-input__shell:not([data-input-state='focus'])
.dnb-date-picker__input,
  .dnb-date-picker:not(.dnb-date-picker--opened).dnb-date-picker__status--error .dnb-input__shell:not([data-input-state='focus'])
.dnb-date-picker__input ~ .dnb-date-picker--separator {
    color: #e10076;
    color: var(--color-cherry-red); }

/*
* Dropdown theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --dropdown-text-color: var(--color-emerald-green);
  --dropdown-text-color--disabled: var(--color-sea-green-alt-30);
  --dropdown-border-color: var(--color-sea-green-alt);
  --dropdown-border-color--selected: var(--color-emerald-green);
  --dropdown-options-border-radius: 0.25rem;
  --dropdown-option-color: var(--color-black-80);
  --dropdown-option-color--hover: var(--color-sea-green);
  --dropdown-option-background-color: var(--color-white);
  --dropdown-option-background-color--hover: var(--color-mint-green-12);
  --dropdown-option-color--selected: var(--color-white);
  --dropdown-option-background-color--selected: var(--color-emerald-green);
  --dropdown-option-border-width: 0.0625rem;
  --dropdown-option-border-color: var(--color-mint-green-25); }

.dnb-dropdown {
  color: #14555a;
  color: var(--dropdown-text-color);
  /* stylelint-disable-next-line */ }
  .dnb-dropdown__list {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    border-radius: 0.25rem;
    border-radius: var(--dropdown-options-border-radius);
    background-color: #fff;
    background-color: var(--dropdown-option-background-color); }
  .dnb-dropdown__options {
    border: none;
    background-color: transparent;
    border-radius: 0.25rem;
    border-radius: var(--dropdown-options-border-radius); }
  .dnb-dropdown__option {
    padding: 0.125rem;
    color: #333;
    color: var(--dropdown-option-color);
    background-color: #fff;
    background-color: var(--dropdown-option-background-color);
    border-bottom: 0.0625rem solid #e9f8f4;
    border-bottom: var(--dropdown-option-border-width) solid var(--dropdown-option-border-color); }
    .dnb-dropdown__option__item:nth-of-type(1) {
      font-weight: 500;
      font-weight: var(--font-weight-demi); }
    .dnb-dropdown__option__inner {
      padding-right: 2rem;
      background-color: #fff;
      background-color: var(--dropdown-option-background-color); }
    :not([dnb-is-touch]) .dnb-dropdown__option:hover[disabled] {
      cursor: not-allowed; }
    :not([dnb-is-touch]) .dnb-dropdown__option:hover:not([disabled]) {
      background-color: #f4fbf9;
      background-color: var(--dropdown-option-background-color--hover); }
      :not([dnb-is-touch]) .dnb-dropdown__option:hover:not([disabled]) .dnb-dropdown__option__inner {
        color: #007272;
        color: var(--dropdown-option-color--hover);
        background-color: #f4fbf9;
        background-color: var(--dropdown-option-background-color--hover); }
    .dnb-dropdown__option--focus .dnb-dropdown__option__inner {
      -webkit-box-shadow: 0 0 0 0.125rem #14555a;
              box-shadow: 0 0 0 0.125rem #14555a;
      -webkit-box-shadow: 0 0 0 var(--dropdown-focus-border-width, 2px) var(--dropdown-border-color--selected);
              box-shadow: 0 0 0 var(--dropdown-focus-border-width, 2px) var(--dropdown-border-color--selected);
      border-color: transparent; }
    .dnb-dropdown__option--selected {
      color: #fff;
      color: var(--dropdown-option-color--selected);
      background-color: #14555a;
      background-color: var(--dropdown-option-background-color--selected); }
      .dnb-dropdown__option--selected .dnb-dropdown__option__inner {
        color: inherit;
        background-color: inherit; }
      :not([dnb-is-touch]) .dnb-dropdown__option--selected:hover[disabled] {
        cursor: not-allowed; }
      :not([dnb-is-touch]) .dnb-dropdown__option--selected:hover:not([disabled]) {
        color: #fff;
        color: var(--dropdown-option-color--selected);
        background-color: #14555a;
        background-color: var(--dropdown-option-background-color--selected); }
        :not([dnb-is-touch]) .dnb-dropdown__option--selected:hover:not([disabled]) .dnb-dropdown__option__inner {
          color: inherit;
          background-color: inherit; }
      .dnb-dropdown__option--selected::after {
        content: '';
        position: absolute;
        z-index: 1;
        top: calc(50% - 0.5rem);
        right: 1rem;
        width: 1rem;
        height: 1rem;
        background-size: cover;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+ICA8cGF0aCAgICBmaWxsPSIjRTlGOEY0IiAgICBkPSJNMyA4LjhhLjc1Ljc1IDAgMSAwLTEuMjIuODZMMyA4Ljc5em0xLjg0IDMuOWwuNjMtLjQxdi0uMDFoLS4wMWwtLjYyLjQyem0xLjcxLjA1bC0uNTktLjQ2di4wMWwuNTkuNDV6bTguNDMtOS40NWEuNzUuNzUgMCAwIDAtMS4xOC0uOTNsMS4xOC45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTNsLTEuMjUuODN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uN2w3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyIDEuMTguOTN6Ii8+PC9zdmc+); }
    .dnb-dropdown__option--focus:not(.dnb-dropdown__option--selected) .dnb-dropdown__option__inner {
      color: #007272;
      color: var(--dropdown-option-color--hover);
      background-color: #f4fbf9;
      background-color: var(--dropdown-option-background-color--hover); }
    .dnb-dropdown__option:first-of-type,
    .dnb-dropdown__option--focus:first-of-type .dnb-dropdown__option__inner {
      border-radius: 0.25rem 0.25rem 0 0;
      border-radius: var(--dropdown-options-border-radius) var(--dropdown-options-border-radius) 0 0; }
    .dnb-dropdown__option.last-of-type,
    .dnb-dropdown__option--focus.last-of-type .dnb-dropdown__option__inner {
      border-radius: 0 0 0.25rem 0.25rem;
      border-radius: 0 0 var(--dropdown-options-border-radius) var(--dropdown-options-border-radius);
      border-bottom: none; }
  .dnb-dropdown--direction-bottom .dnb-dropdown__option--focus.closest-to-top .dnb-dropdown__option__inner {
    border-radius: 0.25rem 0.25rem 0 0;
    border-radius: var(--dropdown-options-border-radius) var(--dropdown-options-border-radius) 0 0; }
  .dnb-dropdown--direction-bottom .dnb-dropdown__option--focus.closest-to-bottom .dnb-dropdown__option__inner {
    border-radius: 0 0 0.25rem 0.25rem;
    border-radius: 0 0 var(--dropdown-options-border-radius) var(--dropdown-options-border-radius); }
  .dnb-dropdown--direction-top .dnb-dropdown__option--focus.closest-to-bottom .dnb-dropdown__option__inner {
    border-radius: 0 0 0.25rem 0.25rem;
    border-radius: 0 0 var(--dropdown-options-border-radius) var(--dropdown-options-border-radius); }
  .dnb-dropdown--direction-top .dnb-dropdown__option--focus.closest-to-top .dnb-dropdown__option__inner {
    border-radius: 0.25rem 0.25rem 0 0;
    border-radius: var(--dropdown-options-border-radius) var(--dropdown-options-border-radius) 0 0; }
  .dnb-dropdown__trigger {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #008484;
    border-color: var(--dropdown-border-color); }
  .dnb-dropdown--opened .dnb-dropdown__trigger {
    -webkit-box-shadow: 0 0 0 0.0625rem;
            box-shadow: 0 0 0 0.0625rem;
    border-color: #14555a;
    border-color: var(--dropdown-border-color--selected); }
  .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
    -webkit-box-shadow: 0 0 0 1px #e10076 !important;
            box-shadow: 0 0 0 1px #e10076 !important;
    -webkit-box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
            box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
    border-color: transparent;
    border-color: #e10076;
    border-color: var(--color-cherry-red); }
  .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon {
    color: #e10076;
    color: var(--color-cherry-red); }
  :not([dnb-is-touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__input:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger {
    -webkit-box-shadow: 0 0 0 1px #e10076 !important;
            box-shadow: 0 0 0 1px #e10076 !important;
    -webkit-box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
            box-shadow: 0 0 0 1px var(--color-cherry-red) !important;
    border-color: transparent;
    border-color: #e10076;
    border-color: var(--color-cherry-red); }
  :not([dnb-is-touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger .dnb-dropdown__icon .dnb-icon {
    color: #e10076;
    color: var(--color-cherry-red); }
  .dnb-dropdown__triangle::before {
    border: none;
    background-color: #fff;
    background-color: var(--color-white);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16); }
  .dnb-dropdown__option:first-of-type:hover ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-bottom .dnb-dropdown__option.closest-to-top:hover ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-top .dnb-dropdown__option.closest-to-bottom:hover ~ .dnb-dropdown__triangle::before {
    background-color: #f4fbf9;
    background-color: var(--dropdown-option-background-color--hover); }
  .dnb-dropdown--direction-bottom .dnb-dropdown__option.closest-to-top.dnb-dropdown__option--selected ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-bottom .dnb-dropdown__option.closest-to-top.dnb-dropdown__option--focus ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-top .dnb-dropdown__option.closest-to-bottom.dnb-dropdown__option--selected ~ .dnb-dropdown__triangle::before,
  .dnb-dropdown--direction-top .dnb-dropdown__option.closest-to-bottom.dnb-dropdown__option--focus ~ .dnb-dropdown__triangle::before {
    background-color: #14555a;
    background-color: var(--dropdown-option-background-color--selected); }
  .dnb-dropdown__input[disabled] ~ .dnb-dropdown__icon,
  .dnb-dropdown__input[disabled] ~ .dnb-dropdown__trigger {
    border-color: #b3dada;
    border-color: var(--dropdown-text-color--disabled);
    color: #b3dada;
    color: var(--dropdown-text-color--disabled); }
  :not([dnb-is-touch]) .dnb-dropdown__input:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger .dnb-dropdown__text,
  :not([dnb-is-touch]) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger .dnb-dropdown__icon .dnb-icon {
    color: #14555a;
    color: var(--dropdown-text-color); }
  :not([dnb-is-touch]) .dnb-dropdown__input:hover:not([disabled]) ~ .dnb-dropdown__trigger {
    border-color: #14555a;
    border-color: var(--dropdown-border-color--selected);
    -webkit-box-shadow: 0 0 0 0.0625rem;
            box-shadow: 0 0 0 0.0625rem; }
  .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
 *
 */
/*
 * FormSet theme
 *
 */
/*
 * FormStatus theme
 *
 */
.dnb-form-status__shell {
  font-size: 0.875rem;
  font-size: var(--font-size-small); }

.dnb-form-status--error .dnb-form-status__shell {
  color: #e10076;
  color: var(--color-cherry-red);
  background-color: #fdebf4;
  background-color: var(--color-cherry-red-80); }

.dnb-form-status--info .dnb-form-status__shell {
  color: #14555a;
  color: var(--color-emerald-green);
  background-color: #e9f8f4;
  background-color: var(--color-mint-green-25); }

/*
* Input theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
:root {
  --input-text-color: var(--color-sea-green);
  --input-text-color--focus: var(--color-sea-green);
  --input-text-color--changed: var(--color-emerald-green);
  --input-text-color--disabled: var(--color-sea-green-alt-30);
  --input-background-color: var(--color-white);
  --input-background-color--focus: var(--color-white);
  --input-background-color--changed: var(--color-white);
  --input-background-color--disabled: var(--color-mint-green-12);
  --input-border-color: var(--color-sea-green-alt);
  --input-border-color--focus: var(--color-emerald-green);
  --input-border-color--changed: var(--color-sea-green-alt);
  --input-border-color--disabled: var(--color-sea-green-alt-30); }

.dnb-input {
  color: #007272;
  color: var(--input-text-color); }
  .dnb-input__shell {
    background-color: #fff;
    background-color: var(--input-background-color);
    border: none;
    -webkit-box-shadow: inset 0 0 0 0.0625rem #008484;
            box-shadow: inset 0 0 0 0.0625rem #008484;
    -webkit-box-shadow: inset 0 0 0 var(--input-border-width) var(--input-border-color);
            box-shadow: inset 0 0 0 var(--input-border-width) var(--input-border-color);
    border-color: transparent; }
    .dnb-input__shell[data-input-state='dirty'] {
      color: #14555a;
      color: var(--input-text-color--changed);
      background-color: #fff;
      background-color: var(--input-background-color--changed); }
    .dnb-input__shell[data-input-state='disabled'] {
      color: #b3dada;
      color: var(--input-text-color--disabled);
      -webkit-box-shadow: inset 0 0 0 0.0625rem #b3dada;
              box-shadow: inset 0 0 0 0.0625rem #b3dada;
      -webkit-box-shadow: inset 0 0 0 var(--input-border-width) var(--input-border-color--disabled);
              box-shadow: inset 0 0 0 var(--input-border-width) var(--input-border-color--disabled);
      border-color: transparent;
      background-color: #f4fbf9;
      background-color: var(--input-background-color--disabled); }
    .dnb-input__shell:not([data-input-state='disabled']):hover, .dnb-input__shell[data-input-state='focus'] {
      color: #007272;
      color: var(--input-text-color--focus);
      background-color: #fff;
      background-color: var(--input-background-color--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(--input-border-color--focus);
              box-shadow: 0 0 0 0.125rem var(--input-border-color--focus);
      border-color: transparent; }
  .dnb-input__status--error .dnb-input__shell:not([data-input-state='focus']), .dnb-input__status--error .dnb-input__shell:not([data-input-state='focus']):not([data-input-state='disabled']):hover {
    -webkit-box-shadow: 0 0 0 0.125rem #e10076;
            box-shadow: 0 0 0 0.125rem #e10076;
    -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
            box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
    border-color: transparent; }
  .dnb-input__status--error .dnb-input__shell:not([data-input-state='focus']) ~ .dnb-input__submit-button .dnb-button__icon,
  .dnb-input__status--error .dnb-input__shell:not([data-input-state='focus']) ~ .dnb-input__submit-button .dnb-button--secondary .dnb-button__icon {
    color: #e10076;
    color: var(--color-cherry-red); }
  .dnb-input__status--error .dnb-input__shell:not([data-input-state='focus']) ~ .dnb-input__submit-button .dnb-button {
    -webkit-box-shadow: 0 0 0 0.125rem #e10076;
            box-shadow: 0 0 0 0.125rem #e10076;
    -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
            box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
    border-color: transparent; }
  .dnb-input ::-moz-selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #007272;
    color: var(--input-text-color--focus);
    text-shadow: none; }
  .dnb-input ::selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #007272;
    color: var(--input-text-color--focus);
    text-shadow: none; }
  .dnb-input__input:not([disabled]):not([readonly]):focus ~ .dnb-input__placeholder {
    display: none; }
  .dnb-input__shell[data-input-state='focus'][data-has-content='false'] .dnb-input__input:not([disabled]):not([readonly]) .dnb-input__placeholder {
    display: none; }

/*
* Modal theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-modal__content__inner {
  overscroll-behavior-y: contain;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fff;
  background: var(--color-white); }

.dnb-modal__close-button {
  cursor: pointer;
  color: #007272;
  color: var(--color-sea-green);
  outline: none; }
  html[data-whatinput='keyboard'] .dnb-modal__close-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);
    border-color: transparent; }
  html[data-whatinput='keyboard'] .dnb-modal__close-button, .dnb-modal__close-button.dnb-button--secondary {
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent; }

.dnb-modal__overlay {
  background: rgba(255, 255, 255, 0.85);
  -webkit-box-shadow: 0 100vh 0 0 rgba(255, 255, 255, 0.85);
          box-shadow: 0 100vh 0 0 rgba(255, 255, 255, 0.85); }

/*
* 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--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); }

/*
* 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 {
  /*
    * When is OFF
    * aka when the radio is not :checked
    */
  /*
    * When is ON
    * aka when the radio is :checked
    */
  /*
  * When radio is OFF
  * aka when the radio is not :checked
  */
  /*
    * On disabled
    *
    */
  /*
    * On hover
    *
    */
  /*
    * On active
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On focus
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On error state
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */ }
  .dnb-radio__dot {
    background-color: #008484;
    background-color: var(--color-sea-green-alt);
    -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:not(:checked) ~ .dnb-radio__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #008484;
    border-color: var(--color-sea-green-alt); }
  .dnb-radio__input:checked ~ .dnb-radio__button {
    background-color: #fff;
    background-color: var(--color-white);
    border-color: #008484;
    border-color: var(--color-sea-green-alt); }
  .dnb-radio__input:checked ~ .dnb-radio__dot {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  .dnb-radio__input:not(:checked) ~ .dnb-radio__dot {
    opacity: 0;
    -webkit-transform: scale(0.8);
            transform: scale(0.8); }
  .dnb-radio__input[disabled] ~ .dnb-radio__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-radio__input[disabled]:checked ~ .dnb-radio__button {
    border-color: #b3dada;
    border-color: var(--color-sea-green-alt-30); }
  .dnb-radio__input[disabled]:checked ~ .dnb-radio__dot {
    background-color: #b3dada;
    background-color: var(--color-sea-green-alt-30); }
  .dnb-radio__input:not([disabled]):not(:focus):not(:checked):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 {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):not(:checked):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__button {
    border-color: #d2f0e9;
    border-color: var(--color-mint-green-50); }
  .dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__dot {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  html[data-whatinput='keyboard'] .dnb-radio__input:not([disabled]):not(:checked):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):focus ~ .dnb-radio__button,
  .dnb-radio__input:not([disabled]):not(:checked):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;
    -webkit-box-shadow: 0 0 0 0.125rem #e10076;
            box-shadow: 0 0 0 0.125rem #e10076;
    -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
            box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
    border-color: transparent; }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):hover ~ .dnb-radio__button {
    background-color: #fdebf4;
    background-color: var(--color-cherry-red-80); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-radio__dot {
    background-color: #e10076;
    background-color: var(--color-cherry-red); }
  .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover ~ .dnb-radio__dot {
    background-color: #fdebf4;
    background-color: var(--color-cherry-red-80); }
  .dnb-radio > .dnb-form-status {
    -webkit-transform: translateY(0.1875rem);
            transform: translateY(0.1875rem); }

/*
 * Section theme
 *
 */
.dnb-section--divider::after {
  color: #fff;
  color: var(--color-white);
  -webkit-box-shadow: 100vw 0 0 0 currentColor, 0 0.0625rem 0 0 #d2f0e9, 100vw 0.0625rem 0 0 #d2f0e9, 0 -0.0625rem 0 0 #d2f0e9, 100vw -0.0625rem 0 0 #d2f0e9;
          box-shadow: 100vw 0 0 0 currentColor, 0 0.0625rem 0 0 #d2f0e9, 100vw 0.0625rem 0 0 #d2f0e9, 0 -0.0625rem 0 0 #d2f0e9, 100vw -0.0625rem 0 0 #d2f0e9;
  -webkit-box-shadow: 100vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-mint-green-50), 100vw 0.0625rem 0 0 var(--color-mint-green-50), 0 -0.0625rem 0 0 var(--color-mint-green-50), 100vw -0.0625rem 0 0 var(--color-mint-green-50);
          box-shadow: 100vw 0 0 0 currentColor, 0 0.0625rem 0 0 var(--color-mint-green-50), 100vw 0.0625rem 0 0 var(--color-mint-green-50), 0 -0.0625rem 0 0 var(--color-mint-green-50), 100vw -0.0625rem 0 0 var(--color-mint-green-50); }

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

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

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

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

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

.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--emerald-green .dnb-code {
    color: #14555a;
    color: var(--color-emerald-green); }

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

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

.dnb-step-indicator__item-content--link {
  color: #008484;
  color: var(--color-sea-green-alt); }

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

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

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

.dnb-step-indicator span[hidden],
.dnb-step-indicator--active .dnb-step-indicator__item-content {
  font-weight: 500;
  font-weight: var(--font-weight-demi); }
  .dnb-step-indicator span[hidden]:not(:hover),
  .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 hover
    *
    */
  /*
    * On active
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On focus
    *
    */
  /* stylelint-disable */
  /* stylelint-enable */
  /* stylelint-disable */
  /* stylelint-enable */
  /*
    * On error state
    *
    */ }
  .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-alt-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 all 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: #008484;
    border-color: var(--color-sea-green-alt); }
  .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.3125rem);
            transform: translateX(-0.3125rem);
    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.625rem);
    -webkit-transform: translateX(calc(0.5rem + 0.125rem));
            transform: translateX(0.625rem);
            transform: translateX(calc(0.5rem + 0.125rem));
    width: 0.0625rem;
    height: 0.5rem;
    border-radius: 0.0625rem;
    background-color: #007272;
    background-color: var(--color-sea-green); }
  .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-alt-30); }
  .dnb-switch__input[disabled]:not(:checked) ~ .dnb-switch__background::after {
    border-color: #b3dada;
    border-color: var(--color-sea-green-alt-30); }
  .dnb-switch__input[disabled] ~ .dnb-switch__button {
    border-color: #b3dada;
    border-color: var(--color-sea-green-alt-30); }
  .dnb-switch__input[disabled]:checked ~ .dnb-switch__button {
    background-color: #b3dada;
    background-color: var(--color-sea-green-alt-30); }
  .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; }
  html[data-whatinput='keyboard'] .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__button {
    border: none; }
  .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 {
      -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);
      border-color: transparent; }
  .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(:checked):focus ~ .dnb-switch__button,
  .dnb-switch__input:not([disabled]):not(:checked):active ~ .dnb-switch__button {
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover ~ .dnb-switch__button {
    border-color: #e10076;
    border-color: var(--color-cherry-red);
    background-color: #fdebf4;
    background-color: var(--color-cherry-red-80); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-switch__button {
    border-color: #fdebf4;
    border-color: var(--color-cherry-red-80); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-switch__button {
    background-color: #e10076;
    background-color: var(--color-cherry-red); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__background {
    background-color: #fdebf4;
    background-color: var(--color-cherry-red-80);
    -webkit-box-shadow: 0 0 0 0.125rem #e10076;
            box-shadow: 0 0 0 0.125rem #e10076;
    -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
            box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
    border-color: transparent; }
  .dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked ~ .dnb-switch__background::after {
    background-color: #e10076;
    background-color: var(--color-cherry-red); }
  .dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked) ~ .dnb-switch__background::after {
    border-color: #e10076;
    border-color: var(--color-cherry-red); }
  .dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__button .dnb-switch__focus {
    display: block;
    -webkit-box-shadow: 0 0 0 0.125rem #e10076;
            box-shadow: 0 0 0 0.125rem #e10076;
    -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
            box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
    border-color: transparent; }
  .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); }

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

.dnb-tabs__tabs.dnb-section::before {
  z-index: 0; }

@media screen and (max-width: 40em) {
  .dnb-tabs__tabs:not(.dnb-section)::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -50vw;
    top: 0;
    width: 100vw;
    height: 1px;
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    -webkit-box-shadow: 100vw 0 0 0 #d2f0e9;
            box-shadow: 100vw 0 0 0 #d2f0e9;
    -webkit-box-shadow: 100vw 0 0 0 var(--color-mint-green-50);
            box-shadow: 100vw 0 0 0 var(--color-mint-green-50); } }

.dnb-tabs__tabs__tablist {
  margin: 0 -1rem;
  padding: 0 1rem; }
  .dnb-tabs__tabs__tablist:focus {
    border-radius: 0.5rem; }

.dnb-tabs__tabs .dnb-tablink-title {
  font-weight: normal;
  font-weight: var(--font-weight-book);
  font-size: 1rem;
  font-size: var(--font-size-default);
  text-align: center;
  color: #007272;
  color: var(--color-sea-green); }

@media screen and (max-width: 40em) {
  .dnb-tabs__tabs .dnb-tablink {
    text-align: left;
    padding: 0.5rem 1rem; } }

:not([dnb-is-touch]) .dnb-tabs__tabs .dnb-tablink:hover[disabled] {
  cursor: not-allowed; }

:not([dnb-is-touch]) .dnb-tabs__tabs .dnb-tablink:hover:not([disabled]) {
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50); }
  :not([dnb-is-touch]) .dnb-tabs__tabs .dnb-tablink:hover:not([disabled])::after {
    height: 3px;
    border-radius: 1.5px;
    background-color: #007272;
    background-color: var(--color-sea-green); }

.dnb-tabs__tabs .dnb-tablink[disabled] .dnb-tablink-title {
  color: #b3dada;
  color: var(--color-sea-green-alt-30); }

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

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

.dnb-tabs__tabs .dnb-tablink:not([disabled]).selected .dnb-tablink-title {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-demi);
  font-weight: 500;
  font-weight: var(--font-weight-demi); }

.dnb-tabs__tabs .dnb-tablink span[hidden] {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-demi);
  font-weight: 500;
  font-weight: var(--font-weight-demi); }

/*
* 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-text-color: var(--color-sea-green);
  --textarea-text-color--focus: var(--color-sea-green);
  --textarea-text-color--changed: var(--color-emerald-green);
  --textarea-text-color--disabled: var(--color-sea-green-alt-30);
  --textarea-background-color: var(--color-white);
  --textarea-background-color--focus: var(--color-white);
  --textarea-background-color--changed: var(--color-white);
  --textarea-background-color--disabled: var(--color-mint-green-12); }

.dnb-textarea__textarea {
  border-radius: 0.5rem;
  /* IE11 fix */ }
  .dnb-textarea__textarea,
  .dnb-textarea--virgin .dnb-textarea__textarea,
  .dnb-textarea--initial .dnb-textarea__textarea {
    color: #007272;
    color: var(--textarea-text-color);
    background-color: #fff;
    background-color: var(--textarea-background-color); }
  .dnb-textarea--dirty .dnb-textarea__textarea {
    color: #14555a;
    color: var(--textarea-text-color--changed);
    background-color: #fff;
    background-color: var(--textarea-background-color--changed); }
  .dnb-textarea--focus .dnb-textarea__textarea, .dnb-textarea__textarea:focus, .dnb-textarea__textarea:hover {
    outline: none; }
    .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]), .dnb-textarea__textarea:focus:not([disabled]), .dnb-textarea__textarea:hover:not([disabled]) {
      color: #007272;
      color: var(--textarea-text-color--focus);
      background-color: #fff;
      background-color: var(--textarea-background-color--focus); }
      .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not(.status--error), .dnb-textarea__textarea:focus:not([disabled]):not(.status--error), .dnb-textarea__textarea:hover:not([disabled]):not(.status--error) {
        -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #14555a;
        -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #14555a;
                box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #14555a;
                box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #14555a;
        -webkit-box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-emerald-green);
                box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-emerald-green);
        /* IE11 fix */ }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not(.status--error), .dnb-textarea__textarea:focus:not([disabled]):not(.status--error), .dnb-textarea__textarea:hover:not([disabled]):not(.status--error) {
            -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__textarea[disabled],
  .dnb-textarea--disabled .dnb-textarea__textarea {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #b3dada;
    color: var(--textarea-text-color--disabled);
    background-color: #f4fbf9;
    background-color: var(--textarea-background-color--disabled);
    -webkit-box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 0.5625rem #b3dada;
    -webkit-box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 calc(0.5rem + 0.0625rem) #b3dada;
            box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 0.5625rem #b3dada;
            box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 calc(0.5rem + 0.0625rem) #b3dada;
    -webkit-box-shadow: 0 0 0 var(--textarea-padding-width) var(--color-mint-green-12), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt-30);
            box-shadow: 0 0 0 var(--textarea-padding-width) var(--color-mint-green-12), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt-30); }
    .dnb-textarea__textarea[disabled]::-webkit-scrollbar,
    .dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar {
      width: 0; }
  .dnb-textarea__textarea.status--error,
  .dnb-textarea__textarea .dnb-textarea__status--error {
    -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #e10076;
    -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #e10076;
            box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #e10076;
            box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #e10076;
    -webkit-box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-cherry-red);
            box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-cherry-red); }
  .dnb-textarea__textarea ::-moz-selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #007272;
    color: var(--textarea-text-color--focus);
    text-shadow: none; }
  .dnb-textarea__textarea ::selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #007272;
    color: var(--textarea-text-color--focus);
    text-shadow: none; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .dnb-textarea__textarea {
      -ms-overflow-style: -ms-autohiding-scrollba;
      -webkit-box-shadow: 0 0 0 0.0625rem #008484;
              box-shadow: 0 0 0 0.0625rem #008484;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green-alt);
              box-shadow: 0 0 0 0.0625rem var(--color-sea-green-alt); } }

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

.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea, .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:hover {
  -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #e10076;
  -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #e10076;
          box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #e10076;
          box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #e10076;
  -webkit-box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-cherry-red);
          box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-cherry-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; }

textarea.dnb-textarea {
  border-radius: 0.5rem;
  /* IE11 fix */ }
  textarea.dnb-textarea,
  .dnb-textarea--virgin textarea.dnb-textarea,
  .dnb-textarea--initial textarea.dnb-textarea {
    color: #007272;
    color: var(--textarea-text-color);
    background-color: #fff;
    background-color: var(--textarea-background-color); }
  .dnb-textarea--dirty textarea.dnb-textarea {
    color: #14555a;
    color: var(--textarea-text-color--changed);
    background-color: #fff;
    background-color: var(--textarea-background-color--changed); }
  .dnb-textarea--focus textarea.dnb-textarea, textarea.dnb-textarea:focus, textarea.dnb-textarea:hover {
    outline: none; }
    .dnb-textarea--focus textarea.dnb-textarea:not([disabled]), textarea.dnb-textarea:focus:not([disabled]), textarea.dnb-textarea:hover:not([disabled]) {
      color: #007272;
      color: var(--textarea-text-color--focus);
      background-color: #fff;
      background-color: var(--textarea-background-color--focus); }
      .dnb-textarea--focus textarea.dnb-textarea:not([disabled]):not(.status--error), textarea.dnb-textarea:focus:not([disabled]):not(.status--error), textarea.dnb-textarea:hover:not([disabled]):not(.status--error) {
        -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #14555a;
        -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #14555a;
                box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #14555a;
                box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #14555a;
        -webkit-box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-emerald-green);
                box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-emerald-green);
        /* IE11 fix */ }
        @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
          .dnb-textarea--focus textarea.dnb-textarea:not([disabled]):not(.status--error), textarea.dnb-textarea:focus:not([disabled]):not(.status--error), textarea.dnb-textarea:hover:not([disabled]):not(.status--error) {
            -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); } }
  textarea.dnb-textarea[disabled],
  .dnb-textarea--disabled textarea.dnb-textarea {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #b3dada;
    color: var(--textarea-text-color--disabled);
    background-color: #f4fbf9;
    background-color: var(--textarea-background-color--disabled);
    -webkit-box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 0.5625rem #b3dada;
    -webkit-box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 calc(0.5rem + 0.0625rem) #b3dada;
            box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 0.5625rem #b3dada;
            box-shadow: 0 0 0 0.5rem #f4fbf9, 0 0 0 calc(0.5rem + 0.0625rem) #b3dada;
    -webkit-box-shadow: 0 0 0 var(--textarea-padding-width) var(--color-mint-green-12), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt-30);
            box-shadow: 0 0 0 var(--textarea-padding-width) var(--color-mint-green-12), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt-30); }
    textarea.dnb-textarea[disabled]::-webkit-scrollbar,
    .dnb-textarea--disabled textarea.dnb-textarea::-webkit-scrollbar {
      width: 0; }
  textarea.dnb-textarea.status--error,
  textarea.dnb-textarea .dnb-textarea__status--error {
    -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #e10076;
    -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #e10076;
            box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.625rem #e10076;
            box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.125rem) #e10076;
    -webkit-box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-cherry-red);
            box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.125rem) var(--color-cherry-red); }
  textarea.dnb-textarea ::-moz-selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #007272;
    color: var(--textarea-text-color--focus);
    text-shadow: none; }
  textarea.dnb-textarea ::selection {
    background-color: #a5e1d2;
    background-color: var(--color-mint-green);
    color: #007272;
    color: var(--textarea-text-color--focus);
    text-shadow: none; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    textarea.dnb-textarea {
      -ms-overflow-style: -ms-autohiding-scrollba;
      -webkit-box-shadow: 0 0 0 0.0625rem #008484;
              box-shadow: 0 0 0 0.0625rem #008484;
      -webkit-box-shadow: 0 0 0 0.0625rem var(--color-sea-green-alt);
              box-shadow: 0 0 0 0.0625rem var(--color-sea-green-alt); } }

/*
* 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--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:not([disabled]):not(:active):not(:hover),
    .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover),
    .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover) {
      -webkit-box-shadow: inset 0 0 0 0.0625rem #14555a;
              box-shadow: inset 0 0 0 0.0625rem #14555a;
      -webkit-box-shadow: inset 0 0 0 0.0625rem var(--color-emerald-green);
              box-shadow: inset 0 0 0 0.0625rem var(--color-emerald-green);
      border-color: transparent; }
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:hover,
  .dnb-toggle-button--checked .dnb-toggle-button__button:focus:focus:hover,
  .dnb-toggle-button--checked .dnb-toggle-button__button:hover:focus:hover {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .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.03125rem #a5e1d2;
            box-shadow: 0 0 0 0.03125rem #a5e1d2;
    -webkit-box-shadow: 0 0 0 0.03125rem var(--color-mint-green);
            box-shadow: 0 0 0 0.03125rem 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); }
  .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); }
  .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); }
  .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; }
  .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: #008484;
    border-color: var(--color-sea-green-alt);
    -webkit-box-shadow: 0 0 0 0.03125rem #008484;
            box-shadow: 0 0 0 0.03125rem #008484;
    -webkit-box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt);
            box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt); }
  .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: #008484;
    background-color: var(--color-sea-green-alt); }
  .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: #008484;
    border-color: var(--color-sea-green-alt);
    -webkit-box-shadow: 0 0 0 0.03125rem #008484;
            box-shadow: 0 0 0 0.03125rem #008484;
    -webkit-box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt);
            box-shadow: 0 0 0 0.03125rem var(--color-sea-green-alt); }
  .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: #008484;
    color: var(--color-sea-green-alt); }
  .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active) {
    background-color: #fff;
    background-color: var(--color-white);
    color: #e10076;
    color: var(--color-cherry-red);
    -webkit-box-shadow: inset 0 0 0 0.0625rem #e10076;
            box-shadow: inset 0 0 0 0.0625rem #e10076;
    -webkit-box-shadow: inset 0 0 0 0.0625rem var(--color-cherry-red);
            box-shadow: inset 0 0 0 0.0625rem var(--color-cherry-red);
    border-color: transparent; }
    .dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active):hover {
      -webkit-box-shadow: 0 0 0 0.125rem #e10076;
              box-shadow: 0 0 0 0.125rem #e10076;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
              box-shadow: 0 0 0 0.125rem var(--color-cherry-red); }
  .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active) {
    background-color: #e10076;
    background-color: var(--color-cherry-red);
    color: #fff;
    color: var(--color-white); }
    .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:focus):not(:active):hover {
      -webkit-box-shadow: 0 0 0 0.125rem #e10076;
              box-shadow: 0 0 0 0.125rem #e10076;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-cherry-red);
              box-shadow: 0 0 0 0.125rem var(--color-cherry-red); }
  .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__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-toggle-button--checked.dnb-toggle-button__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-radio__dot {
    background-color: #fff;
    background-color: var(--color-white); }
  .dnb-toggle-button--checked.dnb-toggle-button__status--error .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-checkbox__gfx path {
    stroke: #fff;
    stroke: var(--color-white); }
  .dnb-toggle-button > .dnb-form-status {
    -webkit-transform: translateY(0.1875rem);
            transform: translateY(0.1875rem); }
