/**
 * ATTENTION: This file is auto generated by using "styleFactory".
 * Do not change the content!
 *
 */
/*
 * Utilities
 */
/*
* Button component
*
*/
:root {
  --button-font-size: var(--font-size-default);
  --button-font-size-small: var(--font-size-small);
  --button-width: 2.5rem;
  --button-height: 2.5rem;
  --button-width--small: 1.5rem;
  --button-height--small: 1.5rem;
  --button-width--medium: 2rem;
  --button-height--medium: 2rem;
  --button-width--large: 3rem;
  --button-height--large: 3rem;
  --button-icon-size: 1rem;
  --button-border-width: 0.0625rem;
  --button-border-width--hover: 3px;
  --button-border-radius: calc(var(--button-height)/2);
  --button-border-radius: calc(var(--button-height) / 2);
  --button-border-radius--small: calc(var(--button-height--small)/2);
  --button-border-radius--small: calc(var(--button-height--small) / 2);
  --button-border-radius--medium: calc(var(--button-height--medium)/2);
  --button-border-radius--medium: calc(var(--button-height--medium) / 2);
  --button-border-radius--large: calc(var(--button-height--large)/2);
  --button-border-radius--large: calc(var(--button-height--large) / 2); }

.dnb-button {
  cursor: pointer;
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  width: var(--button-width);
  height: 2.5rem;
  height: var(--button-height);
  padding: 0;
  border: 0.0625rem solid transparent;
  border: var(--button-border-width) solid transparent;
  border-radius: 1.25rem;
  border-radius: calc(2.5rem / 2);
  border-radius: var(--button-border-radius);
  text-decoration: none;
  /* Firefox includes a hidden border which messes up button dimensions */ }
  .dnb-button,
  .dnb-core-style .dnb-button {
    font-size: 1rem;
    font-size: var(--button-font-size);
    line-height: 2.5rem;
    line-height: var(--button-height); }
  .dnb-button__icon {
    line-height: 1em; }
    .dnb-button__icon:not(.dnb-icon) svg:not([width]):not([height]) {
      width: 1rem;
      width: var(--button-icon-size);
      height: 1rem;
      height: var(--button-icon-size); }
    @supports not (-ms-ime-align: auto) {
      .dnb-button__icon {
        -webkit-transform: translateY(-0.0625rem);
        -webkit-transform: translateY(calc(1px - 1px - 0.0625rem));
                transform: translateY(-0.0625rem);
                transform: translateY(calc(1px - 1px - 0.0625rem));
        -webkit-transform: translateY(calc(0px - var(--button-border-width)));
        -webkit-transform: translateY(calc(1px - 1px - var(--button-border-width)));
                transform: translateY(calc(0px - var(--button-border-width)));
                transform: translateY(calc(1px - 1px - var(--button-border-width))); } }
  .dnb-button__text {
    line-height: 1em;
    color: inherit;
    background-color: inherit; }
    @supports not (-ms-ime-align: auto) {
      .dnb-button__text {
        -webkit-transform: translateY(calc(1px - 0.0625rem));
                transform: translateY(calc(1px - 0.0625rem));
        -webkit-transform: translateY(calc(1px - var(--button-border-width)));
                transform: translateY(calc(1px - var(--button-border-width))); } }
  .dnb-button__bounding {
    position: absolute;
    background-color: transparent;
    width: 2.5rem;
    width: var(--button-width);
    height: 2.5rem;
    height: var(--button-height);
    border-radius: 1.25rem;
    border-radius: calc(2.5rem / 2);
    border-radius: var(--button-border-radius);
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  .dnb-button--size-small {
    width: 1.5rem;
    width: var(--button-width--small);
    height: 1.5rem;
    height: var(--button-height--small);
    font-size: 0.875rem;
    font-size: var(--button-font-size-small);
    line-height: 0.875rem;
    line-height: var(--button-font-size-small);
    border-radius: 0.75rem;
    border-radius: calc(1.5rem / 2);
    border-radius: var(--button-border-radius--small); }
  .dnb-button--has-text.dnb-button--size-small {
    padding-left: 1rem;
    padding-right: 1rem; }
  .dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-small {
    padding-left: 0.5rem; }
  .dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-small {
    padding-right: 0.5rem; }
  .dnb-button--size-medium {
    width: 2rem;
    width: var(--button-width--medium);
    height: 2rem;
    height: var(--button-height--medium);
    line-height: 2rem;
    line-height: var(--button-height--medium);
    border-radius: 1rem;
    border-radius: calc(2rem / 2);
    border-radius: var(--button-border-radius--medium); }
  .dnb-button--has-text.dnb-button--size-medium {
    padding-left: 1rem;
    padding-right: 1rem; }
  .dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-medium {
    padding-left: 0.5rem; }
  .dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-medium {
    padding-right: 0.5rem; }
  .dnb-button--size-large {
    width: 3rem;
    width: var(--button-width--large);
    height: 3rem;
    height: var(--button-height--large);
    line-height: 3rem;
    line-height: var(--button-height--large);
    border-radius: 1.5rem;
    border-radius: calc(3rem / 2);
    border-radius: var(--button-border-radius--large); }
  .dnb-button--has-text.dnb-button--size-large {
    padding-left: 2rem;
    padding-right: 2rem; }
  .dnb-button--has-text.dnb-button--icon-position-left.dnb-button--size-large {
    padding-left: 1rem; }
  .dnb-button--has-text.dnb-button--icon-position-right.dnb-button--size-large {
    padding-right: 1rem; }
  .dnb-button--has-text {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: auto; }
  .dnb-button--has-text .dnb-button__icon {
    margin: 0 0.5rem;
    margin: 0 calc(1rem / 2);
    margin: 0 calc(var(--button-icon-size)/2);
    margin: 0 calc(var(--button-icon-size) / 2); }
  .dnb-button--has-text.dnb-button--icon-position-left {
    padding-left: 0.5rem; }
  .dnb-button--has-text.dnb-button--icon-position-right {
    padding-right: 0.5rem; }
  .dnb-button--has-text.dnb-button--has-icon .dnb-button__icon {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-button--has-text.dnb-button--has-icon .dnb-button__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-button--reset {
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    overflow: visible;
    border: none;
    border-radius: 0;
    background-color: transparent;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    line-height: inherit; }
    :not([dnb-is-touch]) .dnb-button--reset:hover[disabled] {
      cursor: not-allowed; }
    :not([dnb-is-touch]) .dnb-button--reset:hover:not([disabled]) {
      -webkit-box-shadow: none;
              box-shadow: none;
      border: none; }
    .dnb-button--reset:not([disabled]):focus, .dnb-button--reset:not([disabled]):active {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-button--reset:not([disabled]):focus, html[data-whatinput='keyboard'] .dnb-button--reset:not([disabled]):active {
        -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='mouse'] .dnb-button--reset:not([disabled]):focus,
    html[data-whatinput='mouse'] .dnb-button--reset:not([disabled]):active {
      -webkit-box-shadow: none;
              box-shadow: none;
      color: inherit;
      border: none; }
  .dnb-button[disabled] {
    cursor: not-allowed; }
  button.dnb-button::-moz-focus-inner .dnb-button {
    border: none; }

a.dnb-button[type='button'] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

a.dnb-button .dnb-button__icon {
  -webkit-transform: translateY(0);
          transform: translateY(0); }

a.dnb-button .dnb-button__text {
  -webkit-transform: translateY(1px);
          transform: translateY(1px); }

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

.dnb-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: auto;
  margin: 0;
  padding: 0; }
  .dnb-checkbox__shell {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1.5rem;
    width: var(--checkbox-height);
    height: 1.5rem;
    height: var(--checkbox-height);
    -webkit-transform: translateY(-0.0625rem);
            transform: translateY(-0.0625rem); }
  .dnb-checkbox__focus, .dnb-checkbox__button, .dnb-checkbox__gfx {
    position: absolute;
    z-index: 4;
    border-radius: 0.25rem; }
  .dnb-checkbox__button {
    border: 0.125rem solid transparent;
    border: var(--checkbox-border-width) solid transparent; }
  .dnb-checkbox__focus {
    display: none;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-checkbox__focus {
      -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-checkbox__focus, .dnb-checkbox__button {
    width: 1.25rem;
    width: calc(1.5rem - 0.25rem);
    width: calc(var(--checkbox-width) - 0.25rem);
    height: 1.25rem;
    height: calc(1.5rem - 0.25rem);
    height: calc(var(--checkbox-height) - 0.25rem); }
  .dnb-checkbox__gfx {
    position: absolute;
    width: 1.5rem;
    width: var(--checkbox-height);
    height: 1.5rem;
    height: var(--checkbox-height);
    fill: currentColor;
    shape-rendering: geometricPrecision; }
  .dnb-checkbox__input {
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 1.5rem;
    width: var(--checkbox-width);
    height: 1.5rem;
    height: var(--checkbox-height);
    margin: 0;
    padding: 0;
    border: 0; }
  .dnb-checkbox__input:not([disabled]) {
    cursor: pointer; }
  .dnb-checkbox--modifier {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    vertical-align: top; }
  .dnb-checkbox--label-position-left .dnb-checkbox {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-checkbox--label-position-left .dnb-form-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 1rem; }
  .dnb-checkbox--label-position-left .dnb-form-status {
    margin-top: 0.5rem; }
  .dnb-checkbox--label-position-right .dnb-checkbox {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-checkbox--label-position-right .dnb-form-label {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-left: 1rem;
    margin-right: 0.5rem; }
  .dnb-checkbox--label-position-right + .dnb-form-status {
    vertical-align: top;
    margin-top: 0.5rem; }

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

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

@keyframes datePickerSlideDown {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

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

@keyframes datePickerSlideUp {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.dnb-date-picker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column; }
  .dnb-date-picker__shell {
    position: relative;
    top: 0;
    display: inline-block; }
  .dnb-date-picker__container {
    position: absolute;
    display: block;
    z-index: 3;
    left: -1rem;
    top: 2rem;
    top: var(--date-picker-input-height); }
  .dnb-date-picker--show-input .dnb-date-picker__container {
    left: 0; }
  .dnb-date-picker--opened .dnb-date-picker__container {
    z-index: 4; }
    .dnb-date-picker--opened .dnb-date-picker__container {
      -webkit-animation: datePickerSlideDown 200ms ease-out 1 forwards;
              animation: datePickerSlideDown 200ms ease-out 1 forwards; }
    .dnb-date-picker--opened .dnb-date-picker__container--no-animation {
      -webkit-animation: datePickerSlideDown 1ms ease-out 1 forwards;
              animation: datePickerSlideDown 1ms ease-out 1 forwards; }
  .dnb-date-picker--hidden .dnb-date-picker__container {
    display: none; }
  .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container {
    -webkit-animation: datePickerSlideUp 150ms ease-out 1 forwards;
            animation: datePickerSlideUp 150ms ease-out 1 forwards; }
  .dnb-date-picker:not(.dnb-date-picker--opened) .dnb-date-picker__container--no-animation {
    -webkit-animation: datePickerSlideUp 1ms ease-out 1 forwards;
            animation: datePickerSlideUp 1ms ease-out 1 forwards; }
  .dnb-date-picker__input,
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input,
  .dnb-core-style .dnb-date-picker__input {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 0.1875rem;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    /* Chrome fix */
    /* Safari fix */
    outline: none;
    font-family: Menlo,
     Consolas,  Roboto Mono,
     Ubuntu Monospace,  Noto Mono,
     Oxygen Mono,
     Liberation Mono,
     monospace;
    font-family: var(--font-family-monospace);
    text-align: center;
    border: none;
    background: transparent;
    overflow: visible;
    white-space: nowrap; }
    @supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
      .dnb-date-picker__input,
      .dnb-date-picker .dnb-input__input.dnb-date-picker__input,
      .dnb-core-style .dnb-date-picker__input {
        margin: 0 -2px; } }
    @media not all and (min-resolution: 0.001dpcm) {
      @supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-overflow-scrolling: touch)) {
        .dnb-date-picker__input:not(*:root),
        .dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(*:root),
        .dnb-core-style .dnb-date-picker__input:not(*:root) {
          margin: 0 -5px; }
        .dnb-date-picker__input:first-of-type:not(*:root),
        .dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(*:root),
        .dnb-core-style .dnb-date-picker__input:first-of-type:not(*:root) {
          margin-left: 0.8rem; }
        .dnb-date-picker__input:last-of-type:not(*:root),
        .dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(*:root),
        .dnb-core-style .dnb-date-picker__input:last-of-type:not(*:root) {
          margin-right: 2.2rem; } } }
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type, .dnb-date-picker__input:first-of-type {
    margin-left: 0.8rem; }
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type, .dnb-date-picker__input:last-of-type {
    margin-right: 2.2rem; }
  .dnb-date-picker__input__wrapper {
    display: none; }
  .dnb-date-picker--show-input .dnb-date-picker__input__wrapper {
    display: block; }
  .dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell {
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-input__submit-button button:focus ~ .dnb-date-picker__input__wrapper {
    display: block; }
  .dnb-date-picker--separator {
    margin: 0 -0.2rem; }
  .dnb-date-picker__views {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .dnb-date-picker__calendar {
    position: relative;
    padding: 1rem; }
    .dnb-date-picker__calendar::after {
      content: '';
      position: absolute;
      bottom: 0;
      width: calc(100% - 2rem);
      height: 1px; }
  .dnb-date-picker:not(.dnb-date-picker--show-footer) .dnb-date-picker__calendar::after {
    content: none; }
  .dnb-date-picker__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 1rem; }
    .dnb-date-picker__header::after {
      content: '';
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 1px; }
  .dnb-date-picker__footer {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1rem; }
  .dnb-date-picker__labels__day {
    padding: 1.5rem 0 0.5rem; }
  .dnb-date-picker__labels, .dnb-date-picker__days {
    min-width: 18rem;
    max-width: 18rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none; }
  .dnb-date-picker table.dnb-no-focus:focus {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-date-picker table.dnb-no-focus:focus {
      -webkit-box-shadow: 0 0 0 0.125rem #14555a;
              box-shadow: 0 0 0 0.125rem #14555a;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
              box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
      border-color: transparent; }
  .dnb-date-picker__day, .dnb-date-picker__labels__day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 14.28571%;
        flex-basis: 14.28571%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .dnb-date-picker__day {
    position: relative;
    width: 2rem;
    width: var(--date-picker-day-width);
    height: 2rem;
    height: var(--date-picker-day-width);
    margin: 4px 0;
    margin: var(--date-picker-day-horizontal-spacing) 0; }
    .dnb-date-picker__day .dnb-button {
      position: absolute;
      top: 0;
      width: 2rem;
      width: var(--date-picker-day-width);
      height: 2rem;
      height: var(--date-picker-day-width);
      -webkit-box-shadow: none;
              box-shadow: none; }
      .dnb-date-picker__day .dnb-button__bounding {
        border-radius: 0; }
    .dnb-date-picker__day--selectable:hover {
      z-index: 2; }
    .dnb-date-picker__day--start-date .dnb-button,
    .dnb-date-picker__day--end-date .dnb-button {
      z-index: 1; }
    .dnb-date-picker__day--start-date, .dnb-date-picker__day--end-date {
      position: relative; }
      .dnb-date-picker__day--start-date::after, .dnb-date-picker__day--end-date::after {
        content: '';
        position: absolute;
        top: 0;
        width: 1rem;
        width: calc(2rem / 2);
        width: calc(var(--date-picker-day-width)/2);
        width: calc(var(--date-picker-day-width) / 2);
        height: 100%; }
    .dnb-date-picker__day--start-date::after {
      left: auto;
      right: 0; }
    .dnb-date-picker__day--end-date::after {
      left: 0;
      right: auto; }
    .dnb-date-picker__day--start-date.dnb-date-picker__day--end-date::after {
      content: none; }
  .dnb-date-picker__triangle {
    pointer-events: none;
    position: absolute;
    top: calc(2px - 1rem);
    top: calc(1px + 1px - 2rem / 2);
    top: calc(2px - var(--date-picker-input-height)/2);
    top: calc(1px + 1px - var(--date-picker-input-height) / 2);
    left: 0;
    right: auto;
    margin: 0 1.5rem;
    width: 1rem;
    width: calc(2rem / 2);
    width: calc(var(--date-picker-input-height)/2);
    width: calc(var(--date-picker-input-height) / 2);
    height: 1rem;
    height: calc(2rem / 2);
    height: calc(var(--date-picker-input-height)/2);
    height: calc(var(--date-picker-input-height) / 2);
    overflow: hidden; }
    .dnb-date-picker__triangle::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1rem;
      width: calc(2rem / 2);
      width: calc(var(--date-picker-input-height)/2);
      width: calc(var(--date-picker-input-height) / 2);
      height: 1rem;
      height: calc(2rem / 2);
      height: calc(var(--date-picker-input-height)/2);
      height: calc(var(--date-picker-input-height) / 2);
      -webkit-transform: translateY(60%) rotate(45deg);
              transform: translateY(60%) rotate(45deg);
      border: 1px solid #cdcdcd;
      border: 1px solid var(--color-black-border);
      background-color: #fff;
      background-color: var(--color-white); }
  .dnb-date-picker--show-input .dnb-date-picker__triangle {
    left: 0; }
  .dnb-date-picker .rtl {
    direction: rtl; }
    .dnb-date-picker .rtl .dnb-date-picker__prev::before {
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
    .dnb-date-picker .rtl .dnb-date-picker__next::before {
      -webkit-transform: scaleX(-1);
              transform: scaleX(-1); }
  .dnb-date-picker .dnb-form-status {
    margin-top: 0.375rem; }

/*
* Dropdown component
*
*/
:root {
  --dropdown-width: 16rem;
  --dropdown-min-width: 10rem;
  --dropdown-max-width: 20rem;
  --dropdown-height: 2rem;
  --dropdown-padding-horizontal: 1rem;
  --dropdown-border-width: 0.0625rem;
  --dropdown-focus-border-width: 0.125rem;
  --dropdown-text-padding: 0.5rem;
  --dropdown-border-radius: calc(var(--dropdown-height)/2);
  --dropdown-border-radius: calc(var(--dropdown-height) / 2); }

@-webkit-keyframes dropdownSlideDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--dropdown-height)));
            transform: translateY(calc(1px - var(--dropdown-height))); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@keyframes dropdownSlideDown {
  from {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--dropdown-height)));
            transform: translateY(calc(1px - var(--dropdown-height))); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes dropdownSlideUp {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--dropdown-height)));
            transform: translateY(calc(1px - var(--dropdown-height))); } }

@keyframes dropdownSlideUp {
  from {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  to {
    opacity: 0;
    -webkit-transform: translateY(calc(1px - 2rem));
            transform: translateY(calc(1px - 2rem));
    -webkit-transform: translateY(calc(1px - var(--dropdown-height)));
            transform: translateY(calc(1px - var(--dropdown-height))); } }

.dnb-dropdown {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 1rem;
  font-size: var(--font-size-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  color: inherit; }
  .dnb-dropdown__shell {
    position: relative;
    top: -0.0625rem;
    height: 2rem;
    height: var(--dropdown-height);
    margin: 0;
    padding: 0;
    color: inherit; }
  label + .dnb-dropdown[class*='__form-status'] {
    vertical-align: top; }
    label + .dnb-dropdown[class*='__form-status'] .dnb-dropdown__shell {
      top: -0.375rem; }
  .dnb-dropdown__content {
    padding: 0; }
  .dnb-dropdown__list {
    position: absolute;
    z-index: 3;
    top: calc(2.125rem - 1px);
    top: calc( 2rem + 0.125rem - 1px);
    top: calc(var(--dropdown-height) + var(--dropdown-focus-border-width) - 1px);
    top: calc( var(--dropdown-height) + var(--dropdown-focus-border-width) - 1px);
    bottom: auto;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: transparent;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: opacity 160ms ease-out, -webkit-transform 200ms;
    transition: opacity 160ms ease-out, -webkit-transform 200ms;
    transition: transform 200ms, opacity 160ms ease-out;
    transition: transform 200ms, opacity 160ms ease-out, -webkit-transform 200ms; }
  .dnb-dropdown--direction-top .dnb-dropdown__list {
    top: auto;
    bottom: calc(2.125rem - 1px);
    bottom: calc( 2rem + 0.125rem - 1px);
    bottom: calc(var(--dropdown-height) + var(--dropdown-focus-border-width) - 1px);
    bottom: calc( var(--dropdown-height) + var(--dropdown-focus-border-width) - 1px); }
  .dnb-dropdown__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: transparent; }
    .dnb-spacing .dnb-dropdown__options li.dnb-dropdown__option {
      margin: 0; }
  .dnb-dropdown--scroll .dnb-dropdown__options {
    min-height: 8rem;
    max-height: 50vh;
    overflow-y: scroll;
    -ms-scroll-chaining: none;
        overscroll-behavior: contain;
    scroll-behavior: smooth;
    -ms-overflow-style: none; }
  .dnb-dropdown--no-scroll-animation .dnb-dropdown__options {
    scroll-behavior: auto; }
  .dnb-dropdown__option {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 0.125rem;
    padding: var(--dropdown-focus-border-width);
    color: inherit;
    background-color: #fff;
    background-color: var(--color-white); }
    .dnb-dropdown__option__inner {
      position: relative;
      z-index: 1;
      display: block;
      outline: none;
      width: 100%;
      margin: 0;
      padding: 1rem;
      color: inherit;
      background-color: #fff;
      background-color: var(--color-white); }
      :not([dnb-is-touch]) .dnb-dropdown__option__inner:hover[disabled] {
        cursor: not-allowed; }
      :not([dnb-is-touch]) .dnb-dropdown__option__inner:hover:not([disabled]) {
        background-color: grey; }
    .dnb-dropdown__option__item {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      width: 100%; }
    :not([dnb-is-touch]) .dnb-dropdown__option:hover[disabled] {
      cursor: not-allowed; }
    :not([dnb-is-touch]) .dnb-dropdown__option:hover:not([disabled]) {
      background-color: grey; }
      :not([dnb-is-touch]) .dnb-dropdown__option:hover:not([disabled]) .dnb-dropdown__option__inner {
        background-color: grey; }
    .dnb-dropdown__option--focus {
      background-color: grey; }
      .dnb-dropdown__option--focus .dnb-dropdown__option__inner {
        -webkit-box-shadow: 0 0 0 0.0625rem;
                box-shadow: 0 0 0 0.0625rem; }
    .dnb-dropdown__option--selected {
      background-color: grey; }
      .dnb-dropdown__option--selected .dnb-dropdown__option__inner {
        background-color: grey; }
  .dnb-dropdown__icon {
    position: relative;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    pointer-events: none;
    color: inherit; }
    .dnb-dropdown__icon .dnb-icon {
      color: inherit; }
  .dnb-dropdown__triangle {
    position: absolute;
    top: -0.875rem;
    top: calc( 0.125rem - 2rem / 2);
    top: calc(var(--dropdown-focus-border-width) - var(--dropdown-height)/2);
    top: calc( var(--dropdown-focus-border-width) - var(--dropdown-height) / 2);
    left: auto;
    right: 0;
    margin: 0 1.0625rem;
    margin: 0 calc( 1rem + 0.0625rem);
    margin: 0 calc(var(--dropdown-padding-horizontal) + var(--dropdown-border-width));
    margin: 0 calc( var(--dropdown-padding-horizontal) + var(--dropdown-border-width));
    width: 1rem;
    width: calc(2rem / 2);
    width: calc(var(--dropdown-height)/2);
    width: calc(var(--dropdown-height) / 2);
    height: 1rem;
    height: calc(2rem / 2);
    height: calc(var(--dropdown-height)/2);
    height: calc(var(--dropdown-height) / 2);
    overflow: hidden; }
    .dnb-dropdown__triangle::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1rem;
      width: calc(2rem / 2);
      width: calc(var(--dropdown-height)/2);
      width: calc(var(--dropdown-height) / 2);
      height: 1rem;
      height: calc(2rem / 2);
      height: calc(var(--dropdown-height)/2);
      height: calc(var(--dropdown-height) / 2);
      -webkit-transform: translateY(60%) rotate(45deg);
              transform: translateY(60%) rotate(45deg);
      border: 1px solid #cdcdcd;
      border: 1px solid var(--color-black-border);
      background-color: #fff;
      background-color: var(--color-white); }
  .dnb-dropdown--icon-position-left .dnb-dropdown__triangle {
    left: 0;
    right: auto; }
  .dnb-dropdown--direction-top .dnb-dropdown__triangle {
    top: auto;
    bottom: calc(-0.875rem - 2px);
    bottom: calc( 0.125rem - 2rem / 2 - 2px);
    bottom: calc(var(--dropdown-focus-border-width) - var(--dropdown-height)/2 - 2px);
    bottom: calc( var(--dropdown-focus-border-width) - var(--dropdown-height) / 2 - 2px);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
    .dnb-dropdown--direction-top .dnb-dropdown__triangle::before {
      -webkit-transform: translateY(65%) rotate(45deg);
              transform: translateY(65%) rotate(45deg); }
  .dnb-dropdown__trigger {
    position: relative;
    z-index: 1;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    outline: none;
    width: 100%;
    height: 2rem;
    height: var(--dropdown-height);
    padding: 0 1rem;
    padding: 0 var(--dropdown-padding-horizontal);
    font-size: inherit;
    color: inherit;
    border: 0.0625rem solid transparent;
    border: var(--dropdown-border-width) solid transparent;
    border-radius: 1rem;
    border-radius: calc(2rem / 2);
    border-radius: var(--dropdown-border-radius); }
  .dnb-dropdown button, .dnb-dropdown__trigger {
    line-height: 2rem;
    line-height: var(--dropdown-height); }
  .dnb-dropdown__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    position: relative;
    z-index: 4;
    height: inherit;
    padding: 0 0.5rem 0 0;
    padding: 0 var(--dropdown-text-padding) 0 0;
    overflow: hidden;
    color: inherit;
    text-align: left;
    text-overflow: ellipsis; }
    .dnb-dropdown__text__inner {
      display: inline-block;
      width: calc(13rem - 10px);
      width: calc( 16rem - calc(1rem * 3 + 10px));
      width: calc(var(--dropdown-width) - var(--dropdown-padding-horizontal)*3 + 10px);
      width: calc( var(--dropdown-width) - calc(var(--dropdown-padding-horizontal) * 3 + 10px));
      height: inherit;
      padding: 0;
      overflow: hidden;
      white-space: nowrap;
      color: inherit;
      text-decoration: none;
      text-overflow: inherit;
      text-align: inherit; }
  .dnb-dropdown--opened .dnb-dropdown__list {
    z-index: 9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .dnb-dropdown--opened .dnb-dropdown__list {
      -webkit-animation: dropdownSlideDown 200ms ease-out 1 forwards;
              animation: dropdownSlideDown 200ms ease-out 1 forwards; }
    .dnb-dropdown--opened .dnb-dropdown__list--no-animation {
      -webkit-animation: dropdownSlideDown 1ms ease-out 1 forwards;
              animation: dropdownSlideDown 1ms ease-out 1 forwards; }
  .dnb-dropdown--hidden .dnb-dropdown__list {
    display: none; }
  .dnb-dropdown:not(.dnb-dropdown--opened) .dnb-dropdown__list {
    -webkit-animation: dropdownSlideUp 150ms ease-out 1 forwards;
            animation: dropdownSlideUp 150ms ease-out 1 forwards; }
  .dnb-dropdown:not(.dnb-dropdown--opened) .dnb-dropdown__list--no-animation {
    -webkit-animation: dropdownSlideUp 1ms ease-out 1 forwards;
            animation: dropdownSlideUp 1ms ease-out 1 forwards; }
  .dnb-dropdown--icon-position-left .dnb-dropdown__icon {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-top: -1px; }
  .dnb-dropdown--icon-position-left .dnb-dropdown__text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-right: 0;
    padding-left: 0.5rem;
    padding-left: var(--dropdown-text-padding); }
  .dnb-dropdown__input {
    position: absolute;
    z-index: 6;
    top: 0;
    left: 0;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 2rem;
    height: var(--dropdown-height);
    opacity: 0; }
    :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: black; }
    :not([dnb-is-touch]) .dnb-dropdown__input:focus[disabled] {
      cursor: not-allowed; }
    :not([dnb-is-touch]) .dnb-dropdown__input:focus:not([disabled]) ~ .dnb-dropdown__trigger {
      z-index: 8;
      cursor: pointer;
      -webkit-box-shadow: 0 0 0 0.0625rem;
              box-shadow: 0 0 0 0.0625rem; }
    :not([dnb-is-touch]) .dnb-dropdown__input:focus:not([disabled]) ~ .dnb-dropdown__list {
      z-index: 9;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      :not([dnb-is-touch]) .dnb-dropdown__input:focus:not([disabled]) ~ .dnb-dropdown__list {
        -webkit-animation: dropdownSlideDown 200ms ease-out 1 forwards;
                animation: dropdownSlideDown 200ms ease-out 1 forwards; }
      :not([dnb-is-touch]) .dnb-dropdown__input:focus:not([disabled]) ~ .dnb-dropdown__list--no-animation {
        -webkit-animation: dropdownSlideDown 1ms ease-out 1 forwards;
                animation: dropdownSlideDown 1ms ease-out 1 forwards; }
  .dnb-dropdown__input[disabled] ~ .dnb-dropdown__icon,
  .dnb-dropdown__input[disabled] ~ .dnb-dropdown__trigger {
    color: lightgrey; }
  .dnb-dropdown__outside-value {
    display: block;
    padding: 0.5rem 0 1rem 1rem;
    padding: 0.5rem 0 1rem var(--dropdown-padding-horizontal); }
  .dnb-dropdown > .dnb-form-label {
    margin-right: 1rem; }
  .dnb-dropdown > .dnb-form-status {
    margin-top: 0.5rem; }
  .dnb-dropdown .icon-chevron-left .dnb-icon svg {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }

/*
 * FormLabel component
 *
 */
.dnb-form-label {
  display: inline-block;
  width: auto;
  margin: 0;
  margin-right: 1rem;
  vertical-align: baseline;
  color: inherit; }
  .dnb-form-label--vertical {
    display: block;
    margin-right: 0;
    margin-bottom: 0.5rem; }
  .dnb-form-label[for]:not([disabled]) {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer; }
  .dnb-form-label[disabled] {
    cursor: not-allowed; }

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

.dnb-form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .dnb-form-row > .dnb-form-status {
    margin: 0.5rem 0; }
  .dnb-form-row > .dnb-form-label {
    margin: 0; }
  @supports (display: grid) {
    .dnb-form-row:not(.dnb-form-row--vertical), .dnb-form-row--horizontal {
      display: grid;
      grid-template-columns: [column1-start] auto [column1-end column2-start] 1fr [column2-end];
      grid-template-columns: [column1-start] var(--form-row-column1-start) [column1-end column2-start] var(--form-row-column2-start) [column2-end];
      grid-template-rows: [row1-start] auto [row1-end row2-start] auto [row2-end];
      grid-template-rows: [row1-start] var(--form-row-row1-start) [row1-end row2-start] var(--form-row-row2-start) [row2-end]; } }
  @supports not (display: grid) {
    .dnb-form-row:not(.dnb-form-row--vertical), .dnb-form-row--horizontal {
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end; } }
  .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content, .dnb-form-row--horizontal > .dnb-form-row__content {
    grid-column: column2-start / column2-end;
    grid-row: row2-start / row2-end;
    justify-self: start; }
  .dnb-form-row:not(.dnb-form-row--vertical) > label,
  .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-label, .dnb-form-row--horizontal > label,
  .dnb-form-row--horizontal > .dnb-form-label {
    margin-right: 1rem; }
    @supports (display: grid) {
      .dnb-form-row:not(.dnb-form-row--vertical) > label,
      .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-label, .dnb-form-row--horizontal > label,
      .dnb-form-row--horizontal > .dnb-form-label {
        grid-column: column1-start / column1-end;
        grid-row: row1-start / row1-end;
        margin-bottom: -1.5rem; }
        @media (min-width: 40em) {
          .dnb-form-row:not(.dnb-form-row--vertical) > label,
          .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-label, .dnb-form-row--horizontal > label,
          .dnb-form-row--horizontal > .dnb-form-label {
            text-align: right; } } }
  @media (max-width: 40em) {
    .dnb-form-row:not(.dnb-form-row--vertical), .dnb-form-row--horizontal {
      display: block; } }
  .dnb-form-row--vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: auto;
    /* stylelint-disable */
    /* stylelint-enable */ }
    .dnb-form-row--vertical > label,
    .dnb-form-row--vertical > .dnb-form-label {
      margin-bottom: 0.5rem; }
  .dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__size--default > .dnb-form-label, .dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__size--medium > .dnb-form-label {
    width: 30vw;
    max-width: 20rem; }
    @media (max-width: 40em) {
      .dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__size--default > .dnb-form-label, .dnb-form-row:not(.dnb-form-row--vertical).dnb-form-row__size--medium > .dnb-form-label {
        width: auto; } }

/*
 * FormSet component
 *
 */
/*
 * FormStatus component
 *
 */
.dnb-form-status {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 2rem;
  min-height: var(--input-height); }
  .dnb-form-status__shell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 1rem;
    border-radius: calc(2rem / 2);
    border-radius: var(--input-border-radius); }
  .dnb-form-status--text {
    padding: 0.25rem 1rem;
    padding: calc(0.5rem / 2) 1rem;
    cursor: text;
    color: #14555a;
    color: var(--color-emerald-green);
    line-height: 1.5rem; }
  .dnb-icon + .dnb-form-status--text {
    padding-left: 0.5rem; }
  .dnb-form-status__shell > .dnb-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1.5em;
    height: 1.5em;
    margin-left: 0.5rem;
    color: inherit;
    font-size: 1rem;
    border-radius: 50%;
    border: 1px solid;
    border-color: currentColor; }
  .dnb-form-status[hidden] {
    display: none; }
  .dnb-form-status--fade-in {
    height: 0;
    opacity: 0;
    -webkit-animation: fade-in 600ms ease-out 1 200ms forwards;
            animation: fade-in 600ms ease-out 1 200ms forwards; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0;
    height: 0; }
  to {
    opacity: 1;
    height: 2rem;
    height: var(--input-height); } }

@keyframes fade-in {
  from {
    opacity: 0;
    height: 0; }
  to {
    opacity: 1;
    height: 2rem;
    height: var(--input-height); } }

/*
* Icon component
*
*/
.dnb-icon {
  display: inline-block;
  vertical-align: baseline;
  font-size: inherit;
  line-height: 1em;
  width: 1em;
  height: 1em; }
  .dnb-icon img,
  .dnb-icon svg {
    width: inherit;
    height: inherit;
    vertical-align: middle;
    shape-rendering: geometricPrecision; }
  .dnb-icon svg[width='100%'] {
    width: inherit; }
  .dnb-icon svg[height='100%'] {
    height: inherit; }
  .dnb-icon svg:not([fill]),
  .dnb-icon svg [fill] {
    fill: currentColor; }
  .dnb-icon svg [stroke] {
    stroke: currentColor; }
  .dnb-icon--small {
    width: 0.75rem;
    height: 0.75rem; }
  .dnb-icon--default {
    width: 1rem;
    height: 1rem; }
  .dnb-icon--medium {
    width: 1.5rem;
    height: 1.5rem; }
  .dnb-icon--large {
    width: 2rem;
    height: 2rem; }
  .dnb-icon--x-large {
    width: 2.5rem;
    height: 2.5rem; }
  .dnb-icon--xx-large {
    width: 3rem;
    height: 3rem; }
  .dnb-icon--custom-size {
    width: auto;
    height: auto; }

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

.dnb-input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  vertical-align: middle;
  width: auto;
  font-size: 1rem;
  font-size: var(--input-font-size); }
  .dnb-input__shell {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow: hidden;
    border: 0.0625rem solid #008484;
    border: var(--input-border-width) solid var(--color-sea-green-alt); }
  label + .dnb-input[class*='__form-status'] {
    vertical-align: baseline; }
  .dnb-input__input {
    border: none;
    outline: none;
    word-break: normal; }
  .dnb-input__input[disabled] {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .dnb-input__shell, .dnb-input__input {
    height: 2rem;
    height: var(--input-height);
    border-radius: 1rem;
    border-radius: calc(2rem / 2);
    border-radius: var(--input-border-radius); }
  .dnb-input__placeholder, .dnb-input__input {
    width: 100%;
    padding: 0 1rem;
    padding: var(--input-padding);
    text-align: left;
    color: inherit;
    font-size: inherit;
    line-height: 1em;
    background-color: transparent;
    -webkit-transform: translateY(0.0625rem);
            transform: translateY(0.0625rem);
    -webkit-transform: translateY(var(--input-border-width));
            transform: translateY(var(--input-border-width)); }
  .dnb-input__placeholder {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .dnb-input--has-submit-button .dnb-input__placeholder,
  .dnb-input--has-submit-button .dnb-input__input {
    padding-right: 2rem;
    margin-right: -1rem; }
  .dnb-input__description {
    color: inherit;
    padding-left: 0.5rem; }
  .dnb-input--medium .dnb-input__shell,
  .dnb-input--medium .dnb-input__input {
    height: 2.5rem;
    height: var(--input-height--medium);
    border-radius: 1.25rem;
    border-radius: calc(2.5rem / 2);
    border-radius: var(--input-border-radius--medium); }
  .dnb-input--medium .dnb-input__placeholder,
  .dnb-input--medium .dnb-input__input {
    padding: 0 1rem;
    padding: var(--input-padding--medium);
    font-size: 1.5rem;
    font-size: var(--input-font-size--medium); }
  .dnb-input--large .dnb-input__shell,
  .dnb-input--large .dnb-input__input {
    height: 3rem;
    height: var(--input-height--large);
    border-radius: 1.5rem;
    border-radius: calc(3rem / 2);
    border-radius: var(--input-border-radius--large); }
  .dnb-input--large .dnb-input__placeholder,
  .dnb-input--large .dnb-input__input {
    padding: 0 1.5rem;
    padding: var(--input-padding--large);
    font-size: 2rem;
    font-size: var(--input-font-size--large); }
  .dnb-input__align--right .dnb-input__placeholder,
  .dnb-input__align--right .dnb-input__input {
    text-align: right; }
  .dnb-input__shell[data-has-content='true'] .dnb-input__placeholder,
  .dnb-input__shell[data-has-content='true'][data-input-state='focus'] .dnb-input__placeholder {
    display: none; }
  .dnb-input__submit-button {
    position: relative;
    z-index: 2;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: -2rem; }
  .dnb-input > .dnb-form-status {
    margin-top: 0.5rem; }

/*
* InputMasked component
*
*/
/*
 * LineTitle element
 *
 */
.dnb-line-title {
  color: #007272;
  color: var(--color-sea-green);
  position: relative;
  text-align: center; }
  @media screen and (min-width: 50em) {
    .dnb-line-title {
      text-align: right;
      padding-left: 1rem;
      padding-right: calc(66.66667% - 1rem); } }
  .dnb-line-title__title {
    display: inline;
    position: relative;
    z-index: 1;
    font-size: 1.5rem;
    font-size: var(--font-size-medium);
    line-height: 2rem; }
  .dnb-line-title__mask {
    position: absolute;
    z-index: 1;
    top: -0.5rem;
    left: -0.5rem;
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
    background-color: white; }
  .dnb-line-title__text {
    display: inline;
    position: relative;
    z-index: 2; }
  .dnb-line-title--small__title {
    font-size: 0.875rem; }

.dnb-line-title__line {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #28b482;
  background: var(--color-summer-green); }

/*
 * Logo Component
 *
 */
.dnb-logo {
  display: inline-block;
  vertical-align: baseline;
  font-size: inherit;
  line-height: 1em;
  color: #007272;
  color: var(--color-sea-green);
  --ratio: attr(data-ratio);
  width: 1.45369em;
  width: calc(1em * 1.453690625);
  width: calc(1em*var(--ratio, 1.453690625));
  width: calc(1em * var(--ratio, 1.453690625));
  height: 1em; }
  .dnb-logo svg {
    fill: currentColor;
    shape-rendering: geometricPrecision; }
  .dnb-logo--has-size {
    width: auto;
    height: auto; }
  .dnb-logo--inherit-size {
    height: inherit; }
  .dnb-logo svg:not([width]):not([height]) {
    width: inherit;
    height: inherit; }

/*
 * Modal component
 *
 */
:root {
  --modal-z-index: 3000; }

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

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

.dnb-modal {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex; }
  .dnb-modal__content {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3001;
    z-index: calc(3000 + 1);
    z-index: calc(var(--modal-z-index) + 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
    .dnb-modal__content__inner {
      position: relative;
      padding: 2rem;
      max-width: calc(100vw - 1rem);
      max-height: 100vh;
      width: auto;
      height: auto;
      overflow-y: scroll;
      -webkit-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
      border: none;
      background: #fff;
      background: var(--color-white); }
      @media screen and (min-width: 50em) {
        .dnb-modal__content__inner {
          padding: 2rem 2rem 3rem;
          padding-right: 4rem;
          -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
                  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16); } }
      @media screen and (max-width: 50em) {
        .dnb-modal__content__inner {
          max-width: 100%;
          width: 100%;
          height: 100%; } }
      @media screen and (max-width: 40em) {
        .dnb-modal__content__inner {
          padding: 2rem 1rem; } }
  .dnb-modal__title.dnb-h2,
  .dnb-core-style .dnb-modal__title.dnb-h2 {
    margin: 0; }
  .dnb-modal__wrapper {
    position: relative;
    z-index: 1;
    margin-top: 1.5rem; }
  .dnb-modal__close-button {
    position: absolute;
    top: 1rem;
    right: 1rem; }
    @media screen and (min-width: 40em) {
      .dnb-modal__close-button {
        top: 2rem;
        right: 2rem; } }
  .dnb-modal__overlay {
    position: fixed;
    z-index: 3000;
    z-index: var(--modal-z-index);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.85); }

/*
 * Notification element
 *
 */
.dnb-notification {
  position: relative;
  display: inline-block; }
  .dnb-notification__button {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    padding: 2px;
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none; }
    .dnb-notification__button:focus {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-notification__button: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-notification__inner {
    display: block;
    position: relative;
    height: 100%; }
  .dnb-notification__icon {
    display: block; }
  .dnb-notification svg {
    fill: #007272;
    fill: var(--color-sea-green); }
  .dnb-notification__amount {
    position: absolute;
    top: 1px;
    right: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1rem;
    height: 1rem;
    background: transparent;
    border: 1px solid #007272;
    border: 1px solid var(--color-sea-green);
    border-radius: 50%;
    color: #007272;
    color: var(--color-sea-green);
    text-align: center; }
  .dnb-notification__amount__inner {
    display: block;
    width: 0.8em;
    height: 0.8em;
    line-height: 0.8em;
    font-size: 0.8em; }

.dnb-notification--has-notification .dnb-notification__icon {
  position: absolute;
  bottom: 0;
  left: 0; }

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

.dnb-progress-indicator {
  position: relative; }
  .dnb-progress-indicator__circular {
    position: relative;
    width: 2rem;
    height: 2rem;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
    .dnb-progress-indicator__circular svg {
      position: absolute;
      width: 100%;
      height: 100%; }
    .dnb-progress-indicator__circular__line {
      -webkit-animation-duration: 2s;
              animation-duration: 2s;
      -webkit-animation-delay: 200ms;
              animation-delay: 200ms;
      -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0.99);
              animation-timing-function: cubic-bezier(0.5, 0, 0.5, 0.99);
      -webkit-animation-timing-function: var(--progress-indicator-timing);
              animation-timing-function: var(--progress-indicator-timing);
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite; }
    .dnb-progress-indicator__circular__line.background {
      stroke-dashoffset: 1;
      stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); }
    .dnb-progress-indicator__circular__line.light {
      -webkit-animation-name: progress-indicator-circular-line-light;
              animation-name: progress-indicator-circular-line-light;
      stroke-dasharray: 88, 88;
      stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
      stroke-dashoffset: 1;
      stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max); }
    .dnb-progress-indicator__circular__line.dark {
      -webkit-animation-name: progress-indicator-circular-line-dark;
              animation-name: progress-indicator-circular-line-dark;
      stroke-dasharray: 88, 88;
      stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
      stroke-dashoffset: 88;
      stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min); }
    .dnb-progress-indicator__circular__line.paused {
      -webkit-animation-play-state: paused;
              animation-play-state: paused; }
    .dnb-progress-indicator__circular--has-progress-indicator .dnb-progress-indicator__circular__line.dark {
      -webkit-transition: stroke-dashoffset 600ms cubic-bezier(0.5, 0, 0.5, 0.99);
      transition: stroke-dashoffset 600ms cubic-bezier(0.5, 0, 0.5, 0.99);
      -webkit-transition: stroke-dashoffset 600ms var(--progress-indicator-timing);
      transition: stroke-dashoffset 600ms var(--progress-indicator-timing); }
    .dnb-progress-indicator__circular__circle {
      stroke-linecap: round; }
    .dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle {
      stroke: grey; }
    .dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
      stroke: black; }
  .dnb-progress-indicator:not(.dnb-progress-indicator--no-animation), .dnb-progress-indicator--visible:not(.dnb-progress-indicator--no-animation) {
    opacity: 0;
    -webkit-animation: progress-indicator-fade-in 200ms ease-out 1 forwards;
            animation: progress-indicator-fade-in 200ms ease-out 1 forwards; }
  .dnb-progress-indicator--complete:not(.dnb-progress-indicator--no-animation):not(.dnb-progress-indicator--visible) {
    -webkit-animation: progress-indicator-fade-out 600ms ease-out 1 forwards;
            animation: progress-indicator-fade-out 600ms ease-out 1 forwards; }

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

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

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

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

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

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

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

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

/*
* Radio component
*
*/
:root {
  --radio-height: 1.5rem;
  --radio-width: 1.5rem;
  --radio-border-width: 0.125rem; }

.dnb-radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: auto;
  margin: 0;
  padding: 0; }
  .dnb-radio__shell {
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 1.5rem;
    width: var(--radio-height);
    height: 1.5rem;
    height: var(--radio-height);
    -webkit-transform: translateY(-0.0625rem);
            transform: translateY(-0.0625rem); }
  .dnb-radio__focus, .dnb-radio__button, .dnb-radio__dot {
    position: absolute;
    z-index: 4; }
  .dnb-radio__button {
    border: 0.125rem solid transparent;
    border: var(--radio-border-width) solid transparent; }
  .dnb-radio__focus {
    display: none;
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-radio__focus {
      -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-radio__focus, .dnb-radio__button {
    width: 1.25rem;
    width: calc(1.5rem - 0.25rem);
    width: calc(var(--radio-width) - 0.25rem);
    height: 1.25rem;
    height: calc(1.5rem - 0.25rem);
    height: calc(var(--radio-height) - 0.25rem);
    border-radius: 50%; }
  .dnb-radio__dot {
    width: 0.75rem;
    width: calc(1.5rem - 0.75rem);
    width: calc(var(--radio-width) - 0.75rem);
    height: 0.75rem;
    height: calc(1.5rem - 0.75rem);
    height: calc(var(--radio-height) - 0.75rem);
    border-radius: 50%; }
  .dnb-radio__input {
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 1.5rem;
    width: var(--radio-width);
    height: 1.5rem;
    height: var(--radio-height);
    margin: 0;
    padding: 0;
    border: 0; }
  .dnb-radio__input:not([disabled]) {
    cursor: pointer; }
  .dnb-radio .dnb-form-status {
    margin-bottom: 0.5rem; }
  .dnb-radio--modifier {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
  .dnb-radio--label-position-left .dnb-radio {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-radio--label-position-left .dnb-form-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin-right: 0.5rem;
    margin-left: 1rem; }
  .dnb-radio-group--column .dnb-radio--label-position-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem; }
  .dnb-radio--label-position-right .dnb-radio {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1; }
  .dnb-radio--label-position-right .dnb-form-label {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: 1rem;
    margin-left: 0.5rem; }
  .dnb-radio-group--column .dnb-radio--label-position-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.5rem; }
  :not(.dnb-radio-group) > .dnb-form-label + .dnb-radio {
    vertical-align: top; }
  .dnb-radio--label-position-left ~ .dnb-form-status,
  .dnb-radio--label-position-right ~ .dnb-form-status {
    margin-bottom: 1rem; }
  .dnb-radio-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }

/*
 * Section component
 *
 */
.dnb-section {
  position: relative; }
  .dnb-section::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -50vw;
    top: 0;
    width: 100vw;
    height: 100%;
    color: #f4fbf9;
    color: var(--color-mint-green-12);
    background-color: currentColor;
    -webkit-box-shadow: 100vw 0 0 0 currentColor;
            box-shadow: 100vw 0 0 0 currentColor; }
  .dnb-section--spacing,
  .dnb-spacing .dnb-section--spacing, .dnb-section--spacing-default,
  .dnb-spacing .dnb-section--spacing-default {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  .dnb-section--spacing-small,
  .dnb-spacing .dnb-section--spacing-small {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .dnb-section--spacing-medium,
  .dnb-spacing .dnb-section--spacing-medium {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  .dnb-section--spacing-large,
  .dnb-spacing .dnb-section--spacing-large {
    padding-top: 3rem;
    padding-bottom: 3.5rem; }

/*
* Slider component
*
*/
.dnb-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .dnb-slider .slider__root {
    width: 100%;
    cursor: pointer;
    padding: 1rem 0.5rem;
    position: relative; }
  .dnb-slider.slider__vertical {
    height: 100%;
    padding: 0.5rem 1rem; }
    .dnb-slider.slider__vertical .slider__root {
      width: inherit;
      height: inherit; }
  .dnb-slider.slider__reverse .slider__root {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  .dnb-slider.slider__reverse.slider__vertical .slider__root {
    -webkit-transform: scaleY(-1);
            transform: scaleY(-1); }
  .dnb-slider .slider__line {
    position: absolute;
    top: 50%;
    height: 2px;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    background-color: #007272;
    background-color: var(--color-sea-green); }
  .dnb-slider .slider__state--disabled .slider__line {
    background-color: #b3b3b3;
    background-color: var(--color-black-30); }
  .dnb-slider.slider__vertical .slider__line {
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    left: 50%;
    top: auto;
    top: initial;
    width: 2px; }
  .dnb-slider .slider__line__before {
    left: 0;
    z-index: 1; }
  .dnb-slider .slider__line__after {
    right: 0;
    opacity: 0.24; }
  .dnb-slider.slider__vertical .slider__line__before {
    top: 0; }
  .dnb-slider.slider__vertical .slider__line__after {
    bottom: 0; }
  .dnb-slider .slider__thumb {
    position: absolute;
    z-index: 2;
    height: 1.5rem;
    width: 1.5rem;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    vertical-align: middle;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    outline: none;
    color: inherit;
    border: 1px solid #d2f0e9;
    border: 1px solid var(--color-mint-green-50);
    border-radius: 50%;
    text-decoration: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-color: white;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 135, 137, 0.25), 0 0 1px rgba(0, 160, 163, 0.25);
            box-shadow: 1px 1px 2px rgba(0, 135, 137, 0.25), 0 0 1px rgba(0, 160, 163, 0.25); }
    .dnb-slider .slider__thumb:focus {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-slider .slider__thumb: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-slider .slider__state--disabled .slider__thumb {
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #b3b3b3;
    background-color: var(--color-black-30);
    height: 0.5rem;
    width: 0.5rem; }
  .dnb-slider .slider__state--jumped .slider__thumb,
  .dnb-slider .slider__state--jumped .slider__line {
    -webkit-transition: width 250ms ease 0ms, height 250ms ease 0ms, left 250ms ease 0ms, top 250ms ease 0ms, -webkit-box-shadow 250ms ease 0ms;
    transition: width 250ms ease 0ms, height 250ms ease 0ms, left 250ms ease 0ms, top 250ms ease 0ms, -webkit-box-shadow 250ms ease 0ms;
    transition: width 250ms ease 0ms, height 250ms ease 0ms, left 250ms ease 0ms, top 250ms ease 0ms, box-shadow 250ms ease 0ms;
    transition: width 250ms ease 0ms, height 250ms ease 0ms, left 250ms ease 0ms, top 250ms ease 0ms, box-shadow 250ms ease 0ms, -webkit-box-shadow 250ms ease 0ms; }
  .dnb-slider .slider__state--activated .slider__thumb {
    border-width: 2px; }
  .dnb-slider .slider__state--disabled.slider__root,
  .dnb-slider .slider__state--disabled .slider__thumb {
    cursor: not-allowed; }

/*
 * StepIndicator component
 *
 */
.dnb-step-indicator {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0; }
  .dnb-step-indicator__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none; }
  .dnb-spacing .dnb-step-indicator__list,
  .dnb-spacing .dnb-step-indicator__list li {
    margin-top: 0;
    margin-bottom: 0; }
  .dnb-step-indicator__item-contenta, .dnb-step-indicator__item-content.dnb-anchor, .dnb-step-indicator__item-content--static, .dnb-step-indicator__item-content--link {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0;
    padding: 0.25rem 0.25rem;
    height: 100%;
    border-bottom: none;
    text-decoration: none;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .dnb-step-indicator__item-content--link.dnb-anchor {
    line-height: 1.5rem; }
  :not([dnb-is-touch]) .dnb-step-indicator__item-content--link:focus[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-step-indicator__item-content--link:focus:not([disabled]) {
    outline: none; }
    html[data-whatinput='keyboard'] :not([dnb-is-touch]) .dnb-step-indicator__item-content--link:focus:not([disabled]) {
      -webkit-box-shadow: 0 0 0 0.125rem #14555a;
              box-shadow: 0 0 0 0.125rem #14555a;
      -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
              box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
      border-color: transparent; }
    :not([dnb-is-touch]) .dnb-step-indicator__item-content--link:focus:not([disabled])::after {
      content: none; }
  .dnb-step-indicator__item-content--number {
    padding-right: 0.25rem;
    white-space: nowrap; }
  .dnb-step-indicator__item-content--text {
    text-align: left; }
    .dnb-step-indicator__item-content--text > span[hidden] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 0;
      visibility: hidden;
      overflow: hidden; }
  .dnb-step-indicator__item-content::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: 1.5px; }
  .dnb-step-indicator::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -50vw;
    bottom: 0;
    width: 100vw;
    height: 1px;
    color: black;
    background-color: currentColor;
    -webkit-box-shadow: 100vw 0 0 0 currentColor;
            box-shadow: 100vw 0 0 0 currentColor; }

/*
* Switch component
*
*/
:root {
  --switch-height: 1.5rem;
  --switch-width: 2.5rem;
  --switch-border-width: 0.0625rem; }

.dnb-switch {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  vertical-align: middle;
  width: auto;
  margin: 0;
  padding: 0;
  /*
    * When switched OFF
    * aka when the switch is not :checked
    */
  /*
    * When switched ON
    * aka when the switch is :checked
    */ }
  .dnb-switch__shell {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transform: translateY(-0.0625rem);
            transform: translateY(-0.0625rem); }
  .dnb-switch__focus, .dnb-switch__button {
    position: absolute;
    z-index: 4;
    width: 1.5rem;
    width: var(--switch-height);
    height: 1.5rem;
    height: var(--switch-height);
    border-radius: 50%; }
  .dnb-switch__button {
    left: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 160ms ease-out 125ms;
    transition: -webkit-transform 160ms ease-out 125ms;
    transition: transform 160ms ease-out 125ms;
    transition: transform 160ms ease-out 125ms, -webkit-transform 160ms ease-out 125ms;
    border: 0.0625rem solid transparent;
    border: var(--switch-border-width) solid transparent; }
    @media all and (-ms-high-contrast: none) {
      .dnb-switch__button {
        top: -0.25rem; } }
  .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transform: translateX(-0.0625rem);
    -webkit-transform: translateX(calc(1px - 1px - 0.0625rem));
            transform: translateX(-0.0625rem);
            transform: translateX(calc(1px - 1px - 0.0625rem));
    -webkit-transform: translateX(calc(0px - var(--switch-border-width)));
    -webkit-transform: translateX(calc(1px - 1px - var(--switch-border-width)));
            transform: translateX(calc(0px - var(--switch-border-width)));
            transform: translateX(calc(1px - 1px - var(--switch-border-width))); }
  .dnb-switch__input:checked ~ .dnb-switch__button {
    -webkit-transform: translateX(1rem);
            transform: translateX(1rem);
    -webkit-transform: translateX(1.0625rem);
    -webkit-transform: translateX(calc(1rem + 0.0625rem));
            transform: translateX(1.0625rem);
            transform: translateX(calc(1rem + 0.0625rem));
    -webkit-transform: translateX(calc(1rem + var(--switch-border-width)));
            transform: translateX(calc(1rem + var(--switch-border-width))); }
  .dnb-switch__background {
    width: 2.5rem;
    width: var(--switch-width);
    height: 1rem;
    border-radius: 0.8125rem; }
  .dnb-switch__focus {
    display: none;
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 150ms ease-out;
    transition: -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out;
    transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
            clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-switch__focus {
      -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 {
    opacity: 0;
    position: absolute;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 1.5rem;
    height: var(--switch-height);
    margin: 0;
    padding: 0;
    border: 0; }
  .dnb-switch__input:not([disabled]) {
    cursor: pointer; }
  .dnb-switch--label-position-left, .dnb-switch--label-position-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-switch--label-position-left .dnb-switch {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2; }
  .dnb-switch--label-position-left .dnb-form-label {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .dnb-switch--label-position-left .dnb-form-status {
    margin-top: 0.5rem; }
  .dnb-switch__status--message.dnb-switch--label-position-left .dnb-form-label {
    -webkit-transform: translateY(-0.25rem);
            transform: translateY(-0.25rem); }
  .dnb-switch--label-position-right {
    vertical-align: middle; }
    .dnb-switch--label-position-right .dnb-switch {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
    .dnb-switch--label-position-right .dnb-form-label {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-left: 1rem;
      margin-right: 0.5rem;
      line-height: 1rem; }
    .dnb-switch--label-position-right + .dnb-form-status {
      vertical-align: bottom;
      margin-top: 0.5rem; }

/*
 * Tabs component
 *
 */
.dnb-tabs__tabs {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .dnb-tabs__tabs__tablist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto; }
    .dnb-tabs__tabs__tablist:focus {
      outline: none; }
      html[data-whatinput='keyboard'] .dnb-tabs__tabs__tablist:focus {
        -webkit-box-shadow: 0 0 0 0.125rem #14555a;
                box-shadow: 0 0 0 0.125rem #14555a;
        -webkit-box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
                box-shadow: 0 0 0 0.125rem var(--color-emerald-green);
        border-color: transparent; }
  .dnb-tabs__tabs--left .dnb-tabs__tabs__tablist {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start; }
  .dnb-tabs__tabs--right .dnb-tabs__tabs__tablist {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .dnb-tabs__tabs--center .dnb-tabs__tabs__tablist {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .dnb-tabs__tabs .dnb-tablink {
    position: relative;
    z-index: 1;
    margin: 0;
    margin-left: 4.5rem;
    padding: 0.25rem 0.125rem;
    /* 1/16*4 */
    background-color: transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    outline: none;
    border: none; }
    .dnb-tabs__tabs .dnb-tablink-title {
      font-size: 1rem;
      font-size: var(--font-size-default);
      white-space: nowrap; }
    .dnb-tabs__tabs .dnb-tablink > span[hidden] {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 0;
      visibility: hidden;
      overflow: hidden; }
    .dnb-tabs__tabs .dnb-tablink::after {
      content: '';
      position: absolute;
      z-index: -1;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 1px; }
  .dnb-tabs__tabs .dnb-tablink:first-child {
    margin-left: 0; }
  .dnb-tabs__tabs::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: -50vw;
    bottom: 0;
    width: 100vw;
    height: 1px; }
  @media screen and (max-width: 50em) {
    .dnb-tabs__tabs .dnb-tablink {
      margin-left: 2.5rem; } }
  @media screen and (max-width: 40em) {
    .dnb-tabs__tabs__tablist {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      margin: 0; }
    .dnb-tabs__tabs .dnb-tablink {
      margin-left: 0; } }

.dnb-tabs__content {
  margin-top: 2rem; }

/*
* Textarea component
*
*/
/*
* Textarea theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
:root {
  --textarea-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); } }

:root {
  --textarea-vertical-correction: 0.25rem;
  --textarea-padding-width: 0.5rem;
  --textarea-border-inner: 0 0 0 var(--textarea-padding-width)
    var(--color-white); }

.dnb-textarea {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0.5rem;
  margin: var(--textarea-padding-width); }
  .dnb-textarea__shell {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative; }
  .dnb-textarea__placeholder {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 0.5rem;
    padding: var(--textarea-padding-width);
    padding-top: 0.25rem;
    padding-top: calc( 0.5rem - 0.25rem);
    padding-top: calc(var(--textarea-padding-width) - var(--textarea-vertical-correction));
    padding-top: calc( var(--textarea-padding-width) - var(--textarea-vertical-correction));
    padding-bottom: 0.25rem;
    padding-bottom: var(--textarea-vertical-correction);
    line-height: 1.5rem; }
  .dnb-textarea__textarea {
    border: none;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.5625rem #008484;
    -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.0625rem) #008484;
            box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.5625rem #008484;
            box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.0625rem) #008484;
    -webkit-box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt);
            box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt);
    padding: 0.5rem;
    padding: var(--textarea-padding-width);
    padding-top: 0.25rem;
    padding-top: calc( 0.5rem - 0.25rem);
    padding-top: calc(var(--textarea-padding-width) - var(--textarea-vertical-correction));
    padding-top: calc( var(--textarea-padding-width) - var(--textarea-vertical-correction));
    padding-bottom: 0.25rem;
    padding-bottom: var(--textarea-vertical-correction);
    line-height: 1.5rem; }
  .dnb-textarea__placeholder, .dnb-textarea__textarea {
    text-align: left; }
  .dnb-textarea__align--right .dnb-textarea__textarea,
  .dnb-textarea__align--right .dnb-textarea__placeholder {
    text-align: right; }
  .dnb-textarea--has-content .dnb-textarea__textarea ~ .dnb-textarea__placeholder,
  .dnb-textarea--focus .dnb-textarea__textarea:not([disabled]):not([readonly]) ~ .dnb-textarea__placeholder {
    opacity: 0.5; }
  .dnb-textarea__form-status .dnb-form-status {
    margin: 1rem 0 0 -0.5rem;
    margin: 1rem 0 0 calc(1px - 1px - 0.5rem);
    margin: 1rem 0 0 calc(0px - var(--textarea-padding-width));
    margin: 1rem 0 0 calc(1px - 1px - var(--textarea-padding-width)); }

textarea.dnb-textarea {
  display: inline-block;
  margin: 0.5rem;
  margin: var(--textarea-padding-width);
  border: none;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.5625rem #008484;
  -webkit-box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.0625rem) #008484;
          box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 0.5625rem #008484;
          box-shadow: 0 0 0 0.5rem
    #fff, 0 0 0 calc(0.5rem + 0.0625rem) #008484;
  -webkit-box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt);
          box-shadow: var(--textarea-border-inner), 0 0 0 calc(var(--textarea-padding-width) + 0.0625rem) var(--color-sea-green-alt);
  padding: 0.5rem;
  padding: var(--textarea-padding-width);
  padding-top: 0.25rem;
  padding-top: calc( 0.5rem - 0.25rem);
  padding-top: calc(var(--textarea-padding-width) - var(--textarea-vertical-correction));
  padding-top: calc( var(--textarea-padding-width) - var(--textarea-vertical-correction));
  padding-bottom: 0.25rem;
  padding-bottom: var(--textarea-vertical-correction);
  line-height: 1.5rem;
  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); } }
  label + textarea.dnb-textarea[class*='__form-status'] {
    vertical-align: baseline; }

.dnb-form-row--vertical > .dnb-textarea {
  -webkit-transform: translateY(2px);
          transform: translateY(2px); }

.dnb-form-row:not(.dnb-form-row--vertical):not(.dnb-form-row--vertical) > .dnb-textarea, .dnb-form-row--horizontal:not(.dnb-form-row--vertical) > .dnb-textarea {
  -webkit-transform: translateY(-0.25rem);
  -webkit-transform: translateY(calc(1px - 1px - 0.25rem));
          transform: translateY(-0.25rem);
          transform: translateY(calc(1px - 1px - 0.25rem));
  -webkit-transform: translateY(calc(0px - var(--textarea-vertical-correction)));
  -webkit-transform: translateY(calc(1px - 1px - var(--textarea-vertical-correction)));
          transform: translateY(calc(0px - var(--textarea-vertical-correction)));
          transform: translateY(calc(1px - 1px - var(--textarea-vertical-correction)));
  margin-top: 0; }

/*
* ToggleButton component
*
*/
.dnb-toggle-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  padding: 0; }
  .dnb-toggle-button__shell {
    position: relative;
    left: 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .dnb-toggle-button__component {
    padding-right: 0.25rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-toggle-button__button {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
    .dnb-toggle-button__button .dnb-checkbox__shell,
    .dnb-toggle-button__button .dnb-radio__shell {
      -webkit-transform: translateY(0);
              transform: translateY(0); }
    .dnb-toggle-button__button .dnb-checkbox {
      margin-left: -0.75rem; }
      .dnb-toggle-button__button .dnb-checkbox__input {
        pointer-events: none; }
      .dnb-toggle-button__button .dnb-checkbox__focus, .dnb-toggle-button__button .dnb-checkbox__button {
        width: 1rem;
        width: calc(1.5rem - 0.5rem);
        width: calc(var(--checkbox-width) - 0.5rem);
        height: 1rem;
        height: calc(1.5rem - 0.5rem);
        height: calc(var(--checkbox-width) - 0.5rem);
        border-width: 0.0625rem;
        -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 .dnb-checkbox__dot {
        width: 0.5rem;
        width: calc(1.5rem - 1rem);
        width: calc(var(--checkbox-width) - 1rem);
        height: 0.5rem;
        height: calc(1.5rem - 1rem);
        height: calc(var(--checkbox-width) - 1rem); }
      .dnb-toggle-button__button .dnb-checkbox__gfx {
        width: 1.25rem;
        width: calc(1.5rem - 0.25rem);
        width: calc(var(--checkbox-width) - 0.25rem);
        height: 1.25rem;
        height: calc(1.5rem - 0.25rem);
        height: calc(var(--checkbox-width) - 0.25rem); }
    .dnb-toggle-button__button .dnb-radio {
      margin-left: -0.75rem; }
      .dnb-toggle-button__button .dnb-radio__input {
        pointer-events: none; }
      .dnb-toggle-button__button .dnb-radio__focus, .dnb-toggle-button__button .dnb-radio__button {
        width: 1rem;
        width: calc(1.5rem - 0.5rem);
        width: calc(var(--radio-width) - 0.5rem);
        height: 1rem;
        height: calc(1.5rem - 0.5rem);
        height: calc(var(--radio-width) - 0.5rem);
        border-width: 0.0625rem;
        -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 .dnb-radio__dot {
        width: 0.5rem;
        width: calc(1.5rem - 1rem);
        width: calc(var(--radio-width) - 1rem);
        height: 0.5rem;
        height: calc(1.5rem - 1rem);
        height: calc(var(--radio-width) - 1rem); }
  .dnb-toggle-button__button.dnb-button--has-icon.dnb-button--icon-position-right {
    padding-right: 0.5rem; }
  .dnb-toggle-button__button.dnb-button--has-icon.dnb-button--icon-position-left {
    padding-left: 0.5rem; }
    .dnb-toggle-button__button.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon {
      margin-left: 0.25rem;
      margin-right: 0.25rem; }
  .dnb-toggle-button__button.dnb-button--has-icon.dnb-button--icon-position-left > .dnb-toggle-button__component {
    padding-left: 0.5rem;
    padding-right: 0; }
  .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active) {
    background-color: #14555a;
    background-color: var(--color-emerald-green);
    color: #a5e1d2;
    color: var(--color-mint-green); }
  :not(.dnb-toggle-button-group) > .dnb-form-label + .dnb-toggle-button {
    vertical-align: top; }
  .dnb-toggle-button-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .dnb-toggle-button-group .dnb-toggle-button {
      margin-right: 1rem;
      margin-bottom: 1rem; }
    .dnb-toggle-button-group--column .dnb-toggle-button {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-right: 0;
      margin-bottom: 1rem; }
    .dnb-toggle-button-group .dnb-toggle-button-group__shell {
      display: block;
      margin-bottom: -1rem; }
    @media (min-width: 40em) {
      .dnb-form-row__label:not(.dnb-form-label--vertical)
+ .dnb-form-row__content
> .dnb-toggle-button-group {
        margin-top: -0.5rem; }
      .dnb-form-row__label:not(.dnb-form-label--vertical)
+ .dnb-form-row__content
> .dnb-toggle-button-group__shell {
        display: block;
        margin-top: -0.5rem; } }
  @media (min-width: 40em) {
    .dnb-form-label + .dnb-toggle-button {
      margin-top: -0.5rem; } }
  .dnb-toggle-button + .dnb-form-status,
  .dnb-toggle-button-group .dnb-toggle-button-group__shell > .dnb-form-status {
    margin-top: 0.5rem;
    margin-bottom: 1rem; }
  .dnb-toggle-button-group .dnb-toggle-button-group__shell .dnb-toggle-button + .dnb-form-status {
    margin-top: 0; }
  .dnb-toggle-button--label-position-right {
    vertical-align: middle; }
    .dnb-toggle-button--label-position-right .dnb-form-label {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      margin-left: 1rem; }
    .dnb-toggle-button--label-position-right .dnb-toggle-button__shell {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1; }
