/*
* DNB MainNav
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* DNB Grid
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
.dnb-grid {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-grid *,
  .dnb-grid ::before,
  .dnb-grid ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-grid ::before,
  .dnb-grid ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

/*
 * Grid element
 *
 */
/*
 * Grid and units
 */
.dnb-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }

.dnb-grid__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1em;
  line-height: 1rem;
  padding: 0;
  margin: 9; }

.dnb-grid--flex-cells > .dnb-grid__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.dnb-grid--top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start; }

.dnb-grid--bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.dnb-grid--center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.dnb-grid--justify-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.dnb-grid--justify-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.dnb-grid__cell--top {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.dnb-grid__cell--bottom {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.dnb-grid__cell--center {
  -ms-flex-item-align: center;
      align-self: center; }

.dnb-grid__cell--auto-size {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none; }

.dnb-grid--fit > .dnb-grid__cell {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.dnb-grid--full > .dnb-grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }

.dnb-grid--1of2 > .dnb-grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%; }

.dnb-grid--1of3 > .dnb-grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%; }

.dnb-grid--1of4 > .dnb-grid__cell {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%; }

@media screen and (min-width: 40em) {
  .dnb-small-grid--fit > .dnb-grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .dnb-small-grid--full > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .dnb-small-grid--1of2 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .dnb-small-grid--1of3 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%; }
  .dnb-small-grid--1of4 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; } }

@media screen and (min-width: 50em) {
  .dnb-med-grid--fit > .dnb-grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .dnb-med-grid--full > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .dnb-med-grid--1of2 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .dnb-med-grid--1of3 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%; }
  .dnb-med-grid--1of4 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; } }

@media screen and (min-width: 60em) {
  .dnb-large-grid--fit > .dnb-grid__cell {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .dnb-large-grid--full > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
  .dnb-large-grid--1of2 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%; }
  .dnb-large-grid--1of3 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%; }
  .dnb-large-grid--1of4 > .dnb-grid__cell {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%; } }

.dnb-grid--gutters {
  margin: -0.5rem 0 0.5rem -0.5rem; }

.dnb-grid--gutters > .dnb-grid__cell {
  padding: 0.5rem 0 0 0.5rem; }

.dnb-grid--gutters-l {
  margin: -1.5rem 0 1.5rem -1.5rem; }

.dnb-grid--gutters-l > .dnb-grid__cell {
  padding: 1.5rem 0 0 1.5rem; }

.dnb-grid--gutters-xl {
  margin: -2rem 0 2rem -2rem; }

.dnb-grid--gutters-xl > .dnb-grid__cell {
  padding: 2rem 0 0 2rem; }

@media screen and (min-width: 40em) {
  .dnb-small-grid--gutters {
    margin: -0.5rem 0 0.5rem -0.5rem; }
  .dnb-small-grid--gutters > .dnb-grid__cell {
    padding: 0.5rem 0 0 0.5rem; }
  .dnb-small-grid--gutters-l {
    margin: -1.5rem 0 1.5rem -1.5rem; }
  .dnb-small-grid--gutters-l > .dnb-grid__cell {
    padding: 1.5rem 0 0 1.5rem; }
  .dnb-small-grid--gutters-xl {
    margin: -2rem 0 2rem -2rem; }
  .dnb-small-grid--gutters-xl > .dnb-grid__cell {
    padding: 2rem 0 0 2rem; } }

@media screen and (min-width: 50em) {
  .dnb-med-grid--gutters {
    margin: -0.5rem 0 0.5rem -0.5rem; }
  .dnb-med-grid--gutters > .dnb-grid__cell {
    padding: 0.5rem 0 0 0.5rem; }
  .dnb-med-grid--gutters-l {
    margin: -1.5rem 0 1.5rem -1.5rem; }
  .dnb-med-grid--gutters-l > .dnb-grid__cell {
    padding: 1.5rem 0 0 1.5rem; }
  .dnb-med-grid--gutters-xl {
    margin: -2rem 0 2rem -2rem; }
  .dnb-med-grid--gutters-xl > .dnb-grid__cell {
    padding: 2rem 0 0 2rem; } }

@media screen and (min-width: 60em) {
  .dnb-large-grid--gutters {
    margin: -0.5rem 0 0.5rem -0.5rem; }
  .dnb-large-grid--gutters > .dnb-grid__cell {
    padding: 0.5rem 0 0 0.5rem; }
  .dnb-large-grid--gutters-l {
    margin: -1.5rem 0 1.5rem -1.5rem; }
  .dnb-large-grid--gutters-l > .dnb-grid__cell {
    padding: 1.5rem 0 0 1.5rem; }
  .dnb-large-grid--gutters-xl {
    margin: -2rem 0 2rem -2rem; }
  .dnb-large-grid--gutters-xl > .dnb-grid__cell {
    padding: 2rem 0 0 2rem; } }

.u-full {
  width: 100% !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.u-1of2 {
  width: 50% !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.u-1of3 {
  width: 33.33333% !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.u-2of3 {
  width: 66.6667% !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.u-1of4 {
  width: 25% !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

.u-3of4 {
  width: 75% !important;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important; }

@media screen and (min-width: 40em) {
  .u-small-full {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-small-1of2 {
    width: 50% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-small-1of3 {
    width: 33.33333% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-small-2of3 {
    width: 66.6667% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-small-1of4 {
    width: 25% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-small-3of4 {
    width: 75% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; } }

@media screen and (min-width: 50em) {
  .u-med-full {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-med-1of2 {
    width: 50% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-med-1of3 {
    width: 33.33333% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-med-2of3 {
    width: 66.6667% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-med-1of4 {
    width: 25% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-med-3of4 {
    width: 75% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; } }

@media screen and (min-width: 60em) {
  .u-large-full {
    width: 100% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-large-1of2 {
    width: 50% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-large-1of3 {
    width: 33.33333% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-large-2of3 {
    width: 66.6667% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-large-1of4 {
    width: 25% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; }
  .u-large-3of4 {
    width: 75% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: none !important;
            flex: none !important; } }

/*
* DNB icon
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* 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; }

/*
* DNB Button
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* DNB icon
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* 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; }

.dnb-button {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-button *,
  .dnb-button ::before,
  .dnb-button ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-button ::before,
  .dnb-button ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

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

/*
* DNB Input
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* DNB Button
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* DNB icon
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* 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; }

.dnb-button {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-button *,
  .dnb-button ::before,
  .dnb-button ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-button ::before,
  .dnb-button ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

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

/*
* DNB icon
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* 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; }

/*
* DNB FormLabel
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
.dnb-form-label {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-form-label *,
  .dnb-form-label ::before,
  .dnb-form-label ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-form-label ::before,
  .dnb-form-label ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

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

/*
* DNB FormStatus
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
.dnb-form-status {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-form-status *,
  .dnb-form-status ::before,
  .dnb-form-status ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-form-status ::before,
  .dnb-form-status ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

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

.dnb-input {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-input *,
  .dnb-input ::before,
  .dnb-input ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-input ::before,
  .dnb-input ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

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

/*
* DNB Notification
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* DNB icon
*
*/
/**
 * This file is only used to make components independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
/*
 * Scopes
 *
 */
/*
 * Document Reset
 *
 */
/*
* 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; }

.dnb-notification {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-notification *,
  .dnb-notification ::before,
  .dnb-notification ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-notification ::before,
  .dnb-notification ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

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

.dnb-main-nav {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-default);
  font-weight: normal;
  font-weight: var(--font-weight-default);
  font-size: 1rem;
  font-style: normal;
  line-height: 1.5rem;
  color: #333;
  color: var(--color-black-80, #333);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
          font-feature-settings: "lnum";
  /**
  * 1. Remove repeating backgrounds in all browsers (opinionated).
  * 2. Add border box sizing in all browsers (opinionated).
  */
  /**
  * 1. Add text decoration inheritance in all browsers (opinionated).
  * 2. Add vertical alignment inheritance in all browsers (opinionated).
  */
  margin: 0;
  padding: 0; }
  .dnb-main-nav *,
  .dnb-main-nav ::before,
  .dnb-main-nav ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-main-nav ::before,
  .dnb-main-nav ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

/*
 * MainNav element
 *
 * Consists of:
 * Trigger button
 * Search component
 * DNB Logo
 * User profile component
 * Log in / out button
 */
/*
 * MainNavTrigger element
 *
 */
.dnb-main-nav-trigger {
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.25rem;
  padding: 0.25rem;
  cursor: pointer;
  border: none;
  background: white;
  border-radius: 0;
  color: #007272;
  color: var(--color-sea-green); }
  .dnb-main-nav-trigger:focus {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-main-nav-trigger: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; }
  :not([dnb-is-touch]) .dnb-main-nav-trigger:hover[disabled] {
    cursor: not-allowed; }
  :not([dnb-is-touch]) .dnb-main-nav-trigger:hover:not([disabled]) {
    text-decoration: underline; }
  @media screen and (min-width: 50em) {
    .dnb-main-nav-trigger {
      height: 2.5rem;
      padding: 0.5rem;
      margin-left: -0.5rem; } }
  .dnb-main-nav-trigger__text {
    font-size: 0.75rem;
    display: none; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav-trigger__text {
        display: block; } }
  .dnb-main-nav-trigger__icon {
    color: #007272;
    color: var(--color-sea-green);
    margin: 0; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav-trigger__icon {
        margin: 0 0.5rem 0 0; } }

@media screen and (min-width: 60em) {
  :not([dnb-is-touch]) .main {
    padding-top: 3rem; } }

.dnb-main-nav {
  position: relative;
  z-index: 2;
  width: 100%;
  background: #fff;
  border: 0 solid #d2efe8;
  border-width: 0 0 1px 0;
  -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 50em) {
    .dnb-main-nav {
      -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); } }
  @media screen and (min-width: 60em) {
    .dnb-main-nav {
      position: fixed;
      top: 0;
      left: 0; } }
  .dnb-main-nav__inner {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    background: #fff; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav__inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
  .dnb-main-nav__inner__inner {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    max-width: 60em;
    padding: 0 0.5rem;
    background: #fff; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav__inner__inner {
        padding-left: 1rem;
        padding-right: 1rem; } }
  .dnb-main-nav__left, .dnb-main-nav__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .dnb-main-nav__logo .dnb-logo {
    width: 5rem; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav__logo .dnb-logo {
        width: 6rem; } }
  .dnb-main-nav__logo a {
    padding: 0;
    border: none;
    display: block;
    padding-bottom: 0;
    border-bottom-style: hidden !important; }
  .dnb-main-nav__logo a:hover {
    opacity: 0.7; }
  .dnb-main-nav a:focus {
    outline: none; }
    html[data-whatinput='keyboard'] .dnb-main-nav a: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-main-nav__nav {
    position: relative;
    z-index: 1;
    display: none;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); }
    .dnb-main-nav__nav::before {
      content: '';
      position: absolute;
      left: 0;
      width: 100%;
      height: 2rem;
      bottom: 100%;
      background: #fff; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav__nav {
        -webkit-box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); } }
    [data-nav-active='true'] .dnb-main-nav__nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav__nav {
        position: absolute;
        z-index: 0;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        opacity: 0;
        -webkit-transform: translate(0, -100%);
                transform: translate(0, -100%);
        -webkit-transition: -webkit-transform 0.138s ease-out 0s;
        transition: -webkit-transform 0.138s ease-out 0s;
        transition: transform 0.138s ease-out 0s;
        transition: transform 0.138s ease-out 0s, -webkit-transform 0.138s ease-out 0s; }
        [data-nav-active='true'] .dnb-main-nav__nav {
          -webkit-transform: translate(0, 100%);
                  transform: translate(0, 100%);
          opacity: 1; } }
  .dnb-main-nav__nav__inner {
    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%;
    padding: 0.5rem; }
    @media screen and (min-width: 50em) {
      .dnb-main-nav__nav__inner {
        padding: 1rem; } }
  .dnb-main-nav__links {
    margin: 1rem auto; }
