/*
* DNB SummaryTable
*
*/
/**
 * 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-summary-table {
  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-summary-table *,
  .dnb-summary-table ::before,
  .dnb-summary-table ::after {
    background-repeat: no-repeat;
    /* 1 */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    /* 2 */ }
  .dnb-summary-table ::before,
  .dnb-summary-table ::after {
    text-decoration: inherit;
    /* 1 */
    vertical-align: inherit;
    /* 2 */ }

/*
 * SummaryTable element
 *
 */
.dnb-summary-table {
  padding: 2.5rem 0;
  background: #f4fbf9;
  background: var(--color-mint-green-12); }
  @media screen and (min-width: 60em) {
    .dnb-summary-table__title, .dnb-summary-table__body {
      padding-left: 33.33333%; } }
  .dnb-summary-table__title__text {
    font-size: 1.5rem;
    color: #007272;
    color: var(--color-sea-green);
    padding-left: 0.5rem; }
  .dnb-summary-table__body {
    border: 1px solid #28b482;
    border: 1px solid var(--color-summer-green);
    border-width: 1px 0; }
  .dnb-summary-table__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 0.5rem;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    border-color: #28b482;
    border-color: var(--color-summer-green);
    border-top: 1px solid #28b482;
    border-top: 1px solid var(--color-summer-green); }
    .dnb-summary-table__row:first-child {
      border-width: 0; }
  .dnb-summary-table__key-holder {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
            flex: 0 0 55%; }
  .dnb-summary-table__value-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }
  .dnb-summary-table__key {
    font-size: 1.125rem; }
  .dnb-summary-table__operation, .dnb-summary-table__value {
    font-size: 2rem; }
  .dnb-summary-table__operation {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2rem;
            flex: 0 0 2rem;
    line-height: 1.5rem;
    text-align: center; }
  .dnb-summary-table__value {
    position: relative;
    bottom: -0.4rem;
    width: 100%;
    padding: 0 1rem 0 0;
    text-align: right;
    color: #007272;
    color: var(--color-sea-green); }
  .dnb-summary-table__help {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 2.5rem;
            flex: 0 0 2.5rem; }
  .dnb-summary-table__summary-row {
    padding-top: 1.5rem; }
  .dnb-summary-table__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  .dnb-summary-table__left {
    -ms-flex-item-align: start;
        align-self: flex-start; }
  .dnb-summary-table__right {
    -ms-flex-item-align: end;
        align-self: flex-end; }
  .dnb-summary-table__left, .dnb-summary-table__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 0 0.3rem; }
  .dnb-summary-table__item {
    padding: 0 0.3rem; }
