@charset "UTF-8";
/**
 * ATTENTION: This file is auto generated by using "themeFactory".
 * But you still can change the content of this file on the very top.
 */
/**
 * ATTENTION: This file is auto generated by using "styleFactory".
 * Do not change the content!
 *
 */
/*
 * Utilities
 */
/**
 * ATTENTION: This file is auto generated by using "styleFactory".
 * Do not change the content!
 *
 */
/*
 * Utilities
 */
/*
* DrawerList component
*
*/
/*
 * Utilities
 */
.dnb-drawer-list {
  --drawer-list-height: 2rem;
  --drawer-list-padding-horizontal: 1rem;
  --drawer-list-focus-border-width: 0.125rem;
  --drawer-list-text-padding: 0.5rem;
  --drawer-list-height--small: 1.5rem;
  --drawer-list-height--medium: 2.5rem;
  --drawer-list-height--large: 3rem;
  --drawer-list-option-inner-background: var(--color-white);
  --drawer-list-list-background: var(--color-white);
  --drawer-list-list-line-height: var(--line-height-basis);
  --drawer-list-option-disabled-background: var(--color-white);
  --drawer-list-option-disabled-color: var(--color-black-20);
  --drawer-list-group-title-color: var(--color-black-80);
  --drawer-list-group-title-bg: var(--color-lavender);
  display: block;
  position: relative;
  width: inherit;
  min-width: inherit;
  font-size: var(--font-size-small);
}
.dnb-drawer-list__portal {
  --drawer-list-width: 16rem;
}
.dnb-drawer-list__portal__style {
  position: absolute;
  transition: all 300ms var(--easing-default);
}
html[data-visual-test] .dnb-drawer-list__portal__style {
  transition: none !important;
}
.dnb-drawer-list__portal__style {
  z-index: calc(var(--modal-z-index, 3200) + 300);
}
.dnb-drawer-list__portal__style--fixed {
  position: fixed;
}
.dnb-drawer-list__root {
  width: inherit;
  min-width: inherit;
}
.dnb-drawer-list__root--portal {
  position: absolute;
  top: 0;
  left: 0;
}
.dnb-drawer-list__content {
  width: 100%;
  padding: 0;
}
.dnb-drawer-list__list {
  position: absolute;
  z-index: 3;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  width: inherit;
  min-width: inherit;
  margin: 0;
  padding: 0;
  font-size: var(--font-size-basis);
  line-height: var(--drawer-list-list-line-height);
  background-color: var(--drawer-list-list-background);
  transform: translateY(0);
  transition: transform 200ms, opacity 160ms ease-out;
}
.dnb-spacing .dnb-drawer-list__options li.dnb-drawer-list__option {
  margin: 0;
}

.dnb-drawer-list__options {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  max-height: 90vh;
  padding: 0;
  list-style: none;
  background-color: transparent;
}
.dnb-drawer-list--scroll .dnb-drawer-list__options {
  min-height: 2rem;
  max-height: 70vh;
  transition: max-height 300ms var(--easing-default);
  overflow-y: auto;
  overscroll-behavior: contain;
}
html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-visual-test]) .dnb-drawer-list--scroll .dnb-drawer-list__options {
    scroll-behavior: auto;
  }
}
.dnb-drawer-list--scroll .dnb-drawer-list__options {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
}
@supports not (scrollbar-color: auto) {
  .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:vertical {
    width: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
    background-color: var(--scrollbar-track-color, #eee);
  }
  .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color, #888);
  }
  .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover-color, #666);
  }
  .dnb-drawer-list--scroll .dnb-drawer-list__options::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .dnb-drawer-list--scroll .dnb-drawer-list__options {
    transition-duration: 0.01ms;
  }
}
html[data-visual-test] .dnb-drawer-list--scroll .dnb-drawer-list__options, .dnb-drawer-list--scroll.dnb-drawer-list--no-animation .dnb-drawer-list__options {
  transition: none !important;
}
.dnb-drawer-list--opened .dnb-drawer-list__options {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-drawer-list--opened .dnb-drawer-list__options {
    scroll-behavior: auto;
  }
}
.dnb-drawer-list--no-scroll-animation .dnb-drawer-list__options {
  scroll-behavior: auto;
}
.dnb-drawer-list__group {
  padding: 0;
  margin: 0;
  list-style: none;
}
.dnb-drawer-list__group-title {
  display: block;
  padding: 0.5rem 1rem;
  color: var(--drawer-list-group-title-color);
  background-color: var(--drawer-list-group-title-bg);
  font-weight: var(--font-weight-medium);
}
.dnb-drawer-list__option {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 0;
  color: inherit;
  outline: none;
  background-color: var(--color-white);
}
.dnb-drawer-list__option__inner {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: repeat(10, -webkit-min-content);
  grid-template-rows: repeat(10, min-content);
  outline: none;
  margin: 0;
  padding: 1rem;
  color: inherit;
  background-color: var(--drawer-list-option-inner-background);
}
.dnb-drawer-list__option__inner > * {
  align-self: self-start;
}
.dnb-drawer-list__option__item {
  display: block;
  text-overflow: ellipsis;
  grid-column: 1;
}
.dnb-drawer-list__option__item--horizontal {
  display: flex;
}
.dnb-drawer-list__option__item > .dnb-icon {
  vertical-align: initial;
}
.dnb-drawer-list__option__item .dnb-anchor {
  display: inline-block;
  margin-right: 0.5rem;
  word-break: break-word;
  font-size: inherit;
}
@media screen and (min-width: 40.00625em) {
  .dnb-drawer-list__option__suffix {
    grid-column: 2;
    grid-row: 1/-1;
    justify-self: end;
    align-self: center;
  }
}
.dnb-drawer-list__option--ignore {
  cursor: default;
  pointer-events: none;
}
.dnb-drawer-list__option[disabled] {
  --drawer-list-option-inner-background: var(
    --drawer-list-option-disabled-background
  );
  color: var(--drawer-list-option-disabled-color);
  cursor: not-allowed;
}
.dnb-drawer-list__triangle {
  position: absolute;
  top: calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height) / 2);
  left: auto;
  right: 0;
  pointer-events: none;
  margin: 0 var(--drawer-list-padding-horizontal);
  width: calc(var(--drawer-list-height) / 2);
  height: calc(var(--drawer-list-height) / 2);
  z-index: -1;
}
.dnb-drawer-list__triangle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--drawer-list-height) / 2);
  height: calc(var(--drawer-list-height) / 2);
  transform: translateY(60%) rotate(45deg);
  border: 1px solid var(--color-black-border);
  background-color: var(--color-white);
}
.dnb-drawer-list--triangle-position-left .dnb-drawer-list__triangle {
  left: 0;
  right: auto;
}
.dnb-drawer-list--top .dnb-drawer-list__triangle {
  top: auto;
  bottom: calc(var(--drawer-list-focus-border-width) - var(--drawer-list-height) / 2 - 2px);
  transform: rotate(180deg);
}
.dnb-drawer-list--top .dnb-drawer-list__triangle::before {
  transform: translateY(65%) rotate(45deg);
}
.dnb-drawer-list--is-popup.dnb-drawer-list--right {
  position: absolute;
  left: auto;
  right: 0;
}
.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
  left: -0.5rem;
}
.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
  right: -0.5rem;
}
.dnb-drawer-list--opened .dnb-drawer-list__list {
  z-index: 100;
  display: flex;
  flex-direction: column;
}
.dnb-drawer-list--opened .dnb-drawer-list__list:not(.dnb-drawer-list--opened .dnb-drawer-list__list--no-animation) {
  animation: drawer-list-slide-top-down 200ms ease-out 1 forwards;
}
html[data-visual-test] .dnb-drawer-list--opened .dnb-drawer-list__list, .dnb-drawer-list--opened .dnb-drawer-list__list--no-animation {
  animation-duration: 1ms !important;
}
.dnb-drawer-list--hidden .dnb-drawer-list__list {
  display: none;
}
.dnb-drawer-list--bottom .dnb-drawer-list__list {
  top: 0;
  bottom: auto;
}
.dnb-drawer-list--top .dnb-drawer-list__list {
  top: auto;
  bottom: var(--drawer-list-height);
}
.dnb-drawer-list__portal .dnb-drawer-list--bottom .dnb-drawer-list__list {
  top: var(--drawer-list-height);
  bottom: auto;
}
.dnb-drawer-list__portal .dnb-drawer-list--small .dnb-drawer-list__list {
  top: var(--drawer-list-height--small);
}
.dnb-drawer-list--small.dnb-drawer-list--top .dnb-drawer-list__list {
  bottom: var(--drawer-list-height--small);
}
.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
  left: -0.75rem;
}
.dnb-drawer-list--small.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
  right: -0.75rem;
}
.dnb-drawer-list__portal .dnb-drawer-list--medium .dnb-drawer-list__list {
  top: var(--drawer-list-height--medium);
}
.dnb-drawer-list--medium.dnb-drawer-list--top .dnb-drawer-list__list {
  bottom: var(--drawer-list-height--medium);
}
.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
  left: -0.25rem;
}
.dnb-drawer-list--medium.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
  right: -0.25rem;
}
.dnb-drawer-list__portal .dnb-drawer-list--large .dnb-drawer-list__list {
  top: var(--drawer-list-height--large);
}
.dnb-drawer-list--large.dnb-drawer-list--top .dnb-drawer-list__list {
  bottom: var(--drawer-list-height--large);
}
.dnb-drawer-list--large .dnb-drawer-list__triangle {
  margin: 0 1.25rem;
}
.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
  left: -0.25rem;
}
.dnb-drawer-list--large.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
  right: -0.25rem;
}
.dnb-drawer-list {
  /* stylelint-disable-next-line  */
}
.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
  left: auto;
}
.dnb-drawer-list__root > .dnb-drawer-list--right {
  position: absolute;
  right: 0;
  left: auto;
}
.dnb-drawer-list__portal .dnb-drawer-list--right {
  right: 100%;
}
.dnb-drawer-list__portal .dnb-drawer-list--top .dnb-drawer-list__list {
  top: auto;
  bottom: 0;
}
.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list:not(.dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation) {
  animation: drawer-list-slide-top-up 150ms ease-out 1 forwards;
}
html[data-visual-test] .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list, .dnb-drawer-list:not(.dnb-drawer-list--opened) .dnb-drawer-list__list--no-animation {
  animation-duration: 1ms !important;
}
.dnb-drawer-list--action-menu .dnb-drawer-list__option__inner {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (min-width: 40.00625em) {
  .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--left .dnb-drawer-list__list {
    left: 0;
  }
  .dnb-drawer-list--action-menu.dnb-drawer-list--is-popup.dnb-drawer-list--right .dnb-drawer-list__list {
    right: 0;
  }
}

@keyframes drawer-list-scale-in {
  from {
    opacity: 0;
    transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
  }
  to {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
}
@keyframes drawer-list-scale-out {
  from {
    opacity: 1;
    transform: scale(1) translateX(0);
  }
  to {
    opacity: 0;
    transform: scale(0.8) translateX(calc(1px - var(--drawer-list-width)));
  }
}
@keyframes drawer-list-slide-top-down {
  from {
    opacity: 0;
    transform: translateY(calc(1px - var(--drawer-list-height)));
    pointer-events: none;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
@keyframes drawer-list-slide-top-up {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(calc(1px - var(--drawer-list-height)));
  }
}
@keyframes drawer-list-slide-bottom-down {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(calc(1px + var(--drawer-list-height)));
  }
}
@keyframes drawer-list-slide-bottom-up {
  from {
    opacity: 0;
    transform: translateY(calc(1px + var(--drawer-list-height)));
    pointer-events: none;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}
/*
* ScrollView component
*
*/
/*
 * Utilities
 */
.dnb-scroll-view {
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: contain;
}
html:not([data-visual-test]) .dnb-scroll-view {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-visual-test]) .dnb-scroll-view {
    scroll-behavior: auto;
  }
}
.dnb-scroll-view {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
}
@supports not (scrollbar-color: auto) {
  .dnb-scroll-view::-webkit-scrollbar:vertical {
    width: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-scroll-view::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-scroll-view::-webkit-scrollbar {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
    background-color: var(--scrollbar-track-color, #eee);
  }
  .dnb-scroll-view::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color, #888);
  }
  .dnb-scroll-view::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover-color, #666);
  }
  .dnb-scroll-view::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
  }
}
.dnb-scroll-view {
  overscroll-behavior: auto;
}
.dnb-scroll-view[tabindex="0"]:focus {
  outline: none;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-scroll-view[tabindex="0"]:focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-text-counter .dnb-icon {
  margin-right: 0;
  font-size: 0;
  transition: margin 200ms var(--easing-default), font-size 400ms var(--easing-default);
}
.dnb-text-counter--exceeded .dnb-icon {
  margin-right: 0.5rem;
  font-size: var(--font-size-basis--em);
}

/*
* Accordion component
*
*/
/*
 * Utilities
 */
.dnb-accordion {
  --accordion-border-width: 0.0625rem;
  --accordion-border-radius: 0.5rem;
  --accordion-easing: var(--easing-default);
  --accordion-header-margin-vertical: 1.25rem;
  --accordion-header-margin-vertical--description: 0.75rem;
  --accordion-header-wrapper-margin: 1rem;
  --accordion-header-wrapper-margin--icon-right: 1rem;
  --accordion-header-icon-gutter: 1rem;
  --accordion-header-icon-margin: 1rem;
  --accordion-header-icon-alignment: flex-start;
  --accordion-title-font-weight: var(--font-weight-basis);
  --accordion-title-font-weight--expanded: var(--font-weight-medium);
  --accordion-content-margin: 1rem 0 0 0;
  --accordion-content-padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-accordion__header {
  display: flex;
  align-items: center;
  cursor: pointer;
  outline: none;
  border: var(--accordion-border-width) solid transparent;
  border-radius: var(--accordion-border-radius);
}
.dnb-accordion__header * {
  pointer-events: none;
}
.dnb-accordion__header--prevent-click {
  pointer-events: none;
}
.dnb-accordion__header__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: var(--accordion-header-margin-vertical) var(--accordion-header-wrapper-margin) var(--accordion-header-margin-vertical) 0;
}
.dnb-accordion__header--description .dnb-accordion__header__wrapper {
  margin-top: var(--accordion-header-margin-vertical--description);
  margin-bottom: var(--accordion-header-margin-vertical--description);
}
.dnb-accordion__header__container {
  margin: 0 1rem;
}
.dnb-accordion__header__icon {
  align-self: var(--accordion-header-icon-alignment);
  margin: var(--accordion-header-margin-vertical) var(--accordion-header-icon-gutter) var(--accordion-header-margin-vertical) var(--accordion-header-icon-margin);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  transition: transform 400ms var(--accordion-easing);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-accordion__header__icon {
    transition-duration: 0.01ms;
  }
}
.dnb-accordion__header--description .dnb-accordion__header__icon {
  margin-top: var(--accordion-header-margin-vertical--description);
}
.dnb-accordion__header--icon-right {
  justify-content: space-between;
}
.dnb-accordion__header--icon-right .dnb-accordion__header__icon {
  margin-right: var(--accordion-header-icon-margin);
  margin-left: var(--accordion-header-icon-gutter);
  order: 3;
}
.dnb-accordion__header--icon-right .dnb-accordion__header__container {
  order: 1;
}
.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper {
  order: 2;
  margin-right: 0;
  margin-left: var(--accordion-header-wrapper-margin--icon-right);
}
.dnb-accordion__header--icon-right .dnb-accordion__header__wrapper + .dnb-accordion__header__container {
  margin-right: 0;
}
.dnb-accordion__header--icon-right .dnb-accordion__header__container + .dnb-accordion__header__wrapper {
  margin-left: 0;
}
.dnb-accordion__header--expanded {
  --accordion-title-font-weight: var(
    --accordion-title-font-weight--expanded
  );
}
.dnb-accordion__header__title {
  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
  font-weight: var(--accordion-title-font-weight);
}
.dnb-accordion__header__description {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
  font-weight: var(--font-weight-basis);
}
.dnb-accordion__header__title + .dnb-accordion__header__description {
  margin-top: 0.25rem;
}
.dnb-accordion__header__description + .dnb-accordion__header__title {
  margin-top: 0.25rem;
}
.dnb-accordion--expanded > .dnb-accordion__header .dnb-accordion__header__icon {
  transform: rotate(-180deg);
}
.dnb-accordion__content {
  display: flex;
  width: 100%;
  will-change: height;
  transition: height 400ms var(--accordion-easing), opacity 600ms var(--accordion-easing);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-accordion__content {
    transition-duration: 0.01ms;
  }
}
.dnb-accordion__content__inner {
  width: 100%;
  margin: var(--accordion-content-margin);
  padding: var(--accordion-content-padding);
}
.dnb-accordion-group--single-container {
  transition: min-height 1s var(--accordion-easing);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-accordion-group--single-container {
    transition-duration: 0.01ms;
  }
}
.dnb-accordion-group--single-container .dnb-accordion {
  position: static;
  max-width: 60rem;
}
@media screen and (min-width: 40.00625em) {
  .dnb-accordion-group--single-container .dnb-accordion__header {
    width: 40%;
  }
  .dnb-accordion-group--single-container .dnb-accordion__content {
    margin-left: 1rem;
    transition: opacity 1s var(--accordion-easing);
  }
}
@media screen and (min-width: 40.00625em) and (prefers-reduced-motion: reduce) {
  .dnb-accordion-group--single-container .dnb-accordion__content {
    transition-duration: 0.01ms;
  }
}
@media screen and (min-width: 40.00625em) {
  .dnb-accordion-group--single-container .dnb-accordion__content__inner {
    margin-top: 0;
  }
}
@media screen and (min-width: 40.00625em) {
  .dnb-accordion-group--single-container .dnb-accordion > .dnb-accordion__header .dnb-accordion__header__icon {
    transform: rotate(-90deg);
  }
}
.dnb-accordion-group--single-container .dnb-accordion-group__children {
  max-width: 60rem;
}
@media screen and (min-width: 40.00625em) {
  .dnb-accordion-group--single-container .dnb-accordion-group__children {
    position: relative;
    display: flex;
    flex-direction: column;
  }
  .dnb-accordion-group--single-container .dnb-accordion-group__children .dnb-accordion__content {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    width: 60%;
  }
}
.dnb-accordion > .dnb-accordion__header--no-animation .dnb-accordion__header__icon, html[data-visual-test] .dnb-accordion .dnb-accordion__header .dnb-accordion__header__icon {
  transition: none;
}

/*
 * Anchor
 *
 */
/*
 * Anchor mixins
 *
 */
/*
 * Utilities
 */
button.dnb-anchor {
  cursor: pointer;
  line-height: calc(var(--line-height-basis) + 0.125rem);
  border: none;
  background: none;
  -webkit-appearance: none;
          appearance: none;
}

:where(:not(.dnb-anchor--no-style)).dnb-anchor {
  --anchor-underline-thickness: 0.0938rem;
  --anchor-icon-gutter: 0.25em;
  --anchor-icon-separator: '\2060';
  --anchor-icon-position: translateY(-0.175em);
  display: inline;
  padding: 0.05575em 0;
  font-size: var(--font-size-basis);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-color: currentcolor;
  text-decoration-thickness: var(--anchor-underline-thickness);
  text-underline-offset: 0.25em;
  border-radius: 0;
}
sup :where(:not(.dnb-anchor--no-style)).dnb-anchor, sub :where(:not(.dnb-anchor--no-style)).dnb-anchor {
  padding: 0 0.025em;
}
.dnb-p :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-lead :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--xx-large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--x-large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--large :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--medium :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--basis :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--small :where(:not(.dnb-anchor--no-style)).dnb-anchor, .dnb-h--x-small :where(:not(.dnb-anchor--no-style)).dnb-anchor {
  font-size: inherit;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
  background-color: transparent;
  transition: none;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible, .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible.dnb-anchor {
  -webkit-text-decoration: none;
  text-decoration: none;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
  outline: none;
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
  border-radius: 0.25em;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
  border-radius: 0.25em;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor {
  -webkit-text-decoration: none;
  text-decoration: none;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
  /* stylelint-disable-next-line scss/operator-no-unspaced */
}
@supports not (selector(*:where(*))) {
  :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
    border-radius: 0.25em;
  }
  :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:active {
  border-radius: 0.25em;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:active, .dnb-section :where(:not(.dnb-anchor--no-style)).dnb-anchor:active.dnb-anchor {
  -webkit-text-decoration: none;
  text-decoration: none;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor {
  transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out, background 200ms ease-in-out;
}
[data-visual-test-wrapper] :where(:not(.dnb-anchor--no-style)).dnb-anchor {
  transition: none;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon {
  display: inline;
  vertical-align: middle;
  white-space: nowrap;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon svg {
  vertical-align: baseline;
  transform: scale(2) var(--anchor-icon-position);
  font-size: 0.5em;
  width: 2em;
  height: 1em;
  pointer-events: none;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor--no-icon .dnb-icon {
  display: none;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child::after {
  content: var(--anchor-icon-separator);
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-left .dnb-icon:first-child svg {
  margin-right: calc(var(--anchor-icon-gutter) * 2);
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child::before {
  content: var(--anchor-icon-separator);
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor--icon-right .dnb-icon:last-child svg {
  margin-left: calc(var(--anchor-icon-gutter) * 2);
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor .dnb-icon--default {
  font-size: 0.8888888889em;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast {
  color: var(--color-white);
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
  color: var(--anchor-color--contrast);
  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
  /* stylelint-disable-next-line scss/operator-no-unspaced */
}
@supports not (selector(*:where(*))) {
  :where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
    color: var(--anchor-color--contrast);
    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
  }
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:active {
  color: var(--color-white);
  background-color: transparent;
  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--contrast:focus-visible {
  color: var(--color-white);
  background-color: transparent;
  outline: none;
  --border-color: var(--color-white);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor.dnb-anchor--disabled, :where(:not(.dnb-anchor--no-style)).dnb-anchor[aria-disabled=true], :where(:not(.dnb-anchor--no-style)).dnb-anchor[disabled] {
  color: var(--anchor-color--disabled);
}

:not(.dnb-anchor--no-style) {
  /* stylelint-disable-next-line scss/operator-no-unspaced */
}
@supports not (selector(*:where(*))) {
  :not(.dnb-anchor--no-style).dnb-anchor {
    --anchor-underline-thickness: 0.0938rem;
    --anchor-icon-gutter: 0.25em;
    --anchor-icon-separator: '\2060';
    --anchor-icon-position: translateY(-0.175em);
    display: inline;
    padding: 0.05575em 0;
    font-size: var(--font-size-basis);
    -webkit-text-decoration: underline;
    text-decoration: underline;
    text-decoration-color: currentcolor;
    text-decoration-thickness: var(--anchor-underline-thickness);
    text-underline-offset: 0.25em;
    border-radius: 0;
  }
  sup :not(.dnb-anchor--no-style).dnb-anchor, sub :not(.dnb-anchor--no-style).dnb-anchor {
    padding: 0 0.025em;
  }
  .dnb-p :not(.dnb-anchor--no-style).dnb-anchor, .dnb-lead :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--xx-large :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--x-large :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--large :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--medium :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--basis :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--small :not(.dnb-anchor--no-style).dnb-anchor, .dnb-h--x-small :not(.dnb-anchor--no-style).dnb-anchor {
    font-size: inherit;
  }
  :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
    background-color: transparent;
    transition: none;
  }
  :not(.dnb-anchor--no-style).dnb-anchor:focus-visible, .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:focus-visible.dnb-anchor {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
    outline: none;
    --border-color: var(--focus-ring-color);
    --border-width: var(--focus-ring-width);
    box-shadow: 0 0 0 var(--border-width) var(--border-color);
    border-color: transparent;
    border-radius: 0.25em;
  }
  :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
    border-radius: 0.25em;
  }
  :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)).dnb-anchor {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
    /* stylelint-disable-next-line scss/operator-no-unspaced */
  }
  @supports not (selector(*:where(*))) {
    :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
      border-radius: 0.25em;
    }
    :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover).dnb-anchor {
      -webkit-text-decoration: none;
      text-decoration: none;
    }
  }
  :not(.dnb-anchor--no-style).dnb-anchor:active {
    border-radius: 0.25em;
  }
  :not(.dnb-anchor--no-style).dnb-anchor:active, .dnb-section :not(.dnb-anchor--no-style).dnb-anchor:active.dnb-anchor {
    -webkit-text-decoration: none;
    text-decoration: none;
  }
  :not(.dnb-anchor--no-style).dnb-anchor {
    transition: box-shadow 200ms ease-in-out, border-radius 200ms ease-in-out, background 200ms ease-in-out;
  }
  [data-visual-test-wrapper] :not(.dnb-anchor--no-style).dnb-anchor {
    transition: none;
  }
  :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon {
    display: inline;
    vertical-align: middle;
    white-space: nowrap;
  }
  :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon svg {
    vertical-align: baseline;
    transform: scale(2) var(--anchor-icon-position);
    font-size: 0.5em;
    width: 2em;
    height: 1em;
    pointer-events: none;
  }
  :not(.dnb-anchor--no-style).dnb-anchor--no-icon .dnb-icon {
    display: none;
  }
  :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child::after {
    content: var(--anchor-icon-separator);
  }
  :not(.dnb-anchor--no-style).dnb-anchor--icon-left .dnb-icon:first-child svg {
    margin-right: calc(var(--anchor-icon-gutter) * 2);
  }
  :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child::before {
    content: var(--anchor-icon-separator);
  }
  :not(.dnb-anchor--no-style).dnb-anchor--icon-right .dnb-icon:last-child svg {
    margin-left: calc(var(--anchor-icon-gutter) * 2);
  }
  :not(.dnb-anchor--no-style).dnb-anchor .dnb-icon--default {
    font-size: 0.8888888889em;
  }
  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast {
    color: var(--color-white);
  }
  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:where(:not(.dnb-anchor--no-hover)) {
    color: var(--anchor-color--contrast);
    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
  }
  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
    /* stylelint-disable-next-line scss/operator-no-unspaced */
  }
  @supports not (selector(*:where(*))) {
    :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:hover:not(.dnb-anchor--no-hover) {
      color: var(--anchor-color--contrast);
      box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
    }
  }
  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:active {
    color: var(--color-white);
    background-color: transparent;
    box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
  }
  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--contrast:focus-visible {
    color: var(--color-white);
    background-color: transparent;
    outline: none;
    --border-color: var(--color-white);
    --border-width: var(--focus-ring-width);
    box-shadow: 0 0 0 var(--border-width) var(--border-color);
    border-color: transparent;
  }
  :not(.dnb-anchor--no-style).dnb-anchor.dnb-anchor--disabled, :not(.dnb-anchor--no-style).dnb-anchor[aria-disabled=true], :not(.dnb-anchor--no-style).dnb-anchor[disabled] {
    color: var(--anchor-color--disabled);
  }
}

.dnb-anchor--hover {
  border-radius: 0.25em;
}
.dnb-anchor--hover, .dnb-section .dnb-anchor--hover.dnb-anchor {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.dnb-anchor--active {
  border-radius: 0.25em;
}
.dnb-anchor--active, .dnb-section .dnb-anchor--active.dnb-anchor {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.dnb-anchor--focus {
  background-color: transparent;
  transition: none;
}
.dnb-anchor--focus, .dnb-section .dnb-anchor--focus.dnb-anchor {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.dnb-anchor--focus {
  outline: none;
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
  border-radius: 0.25em;
}

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

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

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

a.dnb-button {
  transition: none;
}

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

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

/*
* Avatar component
*
*/
/*
 * Utilities
 */
.dnb-avatar {
  --avatar-font-size--small: var(--font-size-x-small);
  --avatar-font-size--medium: var(--font-size-basis);
  --avatar-font-size--large: var(--font-size-x-large);
  --avatar-font-size--x-large: var(--font-size-x-large);
  --avatar-line-height--small: var(--line-height-x-small);
  --avatar-line-height--medium: var(--line-height-basis);
  --avatar-line-height--large: var(--line-height-large);
  --avatar-line-height--x-large: var(--line-height-large);
  --avatar-width--small: 1.5rem;
  --avatar-height--small: 1.5rem;
  --avatar-width--medium: 2rem;
  --avatar-height--medium: 2rem;
  --avatar-width--large: 4rem;
  --avatar-height--large: 4rem;
  --avatar-width--x-large: 5rem;
  --avatar-height--x-large: 5rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  border-radius: 50%;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  background-color: var(--background-color);
  color: var(--color);
}
.dnb-avatar[style*="--background-color"] {
  background-color: var(--background-color, var(--color-emerald-green));
}
.dnb-avatar[style*="--color"] {
  color: var(--color, var(--color-pistachio));
}
.dnb-avatar, .dnb-core-style .dnb-avatar {
  line-height: var(--line-height-large);
}
.dnb-avatar--size-small {
  width: var(--avatar-width--small);
  height: var(--avatar-height--small);
  font-size: var(--avatar-font-size--small);
}
.dnb-avatar--size-small, .dnb-core-style .dnb-avatar--size-small {
  line-height: var(--avatar-line-height--small);
}
.dnb-avatar--size-small .dnb-icon--auto {
  font-size: 0.75rem;
}
.dnb-avatar--size-medium {
  width: var(--avatar-width--medium);
  height: var(--avatar-height--medium);
  font-size: var(--avatar-font-size--medium);
}
.dnb-avatar--size-medium, .dnb-core-style .dnb-avatar--size-medium {
  line-height: var(--avatar-line-height--medium);
}
.dnb-avatar--size-medium .dnb-icon--auto {
  font-size: 1.25rem;
}
.dnb-avatar--size-large {
  width: var(--avatar-width--large);
  height: var(--avatar-height--large);
  font-size: var(--avatar-font-size--large);
}
.dnb-avatar--size-large, .dnb-core-style .dnb-avatar--size-large {
  line-height: var(--avatar-line-height--large);
}
.dnb-avatar--size-large .dnb-icon--auto {
  font-size: 2.5rem;
}
.dnb-avatar--size-x-large {
  width: var(--avatar-width--x-large);
  height: var(--avatar-height--x-large);
  font-size: var(--avatar-font-size--x-large);
}
.dnb-avatar--size-x-large, .dnb-core-style .dnb-avatar--size-x-large {
  line-height: var(--avatar-line-height--x-large);
}
.dnb-avatar--size-x-large .dnb-icon--auto {
  font-size: 2.75rem;
}
.dnb-avatar__group {
  --avatar-font-size-left--small: var(--font-size-x-small);
  --avatar-font-size-left--medium: var(--font-size-small);
  --avatar-font-size-left--large: var(--font-size-large);
  --avatar-font-size-left--x-large: var(--font-size-large);
  display: inline-flex;
  justify-content: flex;
  flex-direction: row;
}
.dnb-avatar__group .dnb-avatar {
  --border-color: var(--color-black-3);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-avatar__group .dnb-avatar--size-small {
  margin-left: -0.5rem;
}
.dnb-avatar__group .dnb-avatar--size-medium {
  margin-left: -0.75rem;
}
.dnb-avatar__group .dnb-avatar--size-large {
  margin-left: -1rem;
}
.dnb-avatar__group .dnb-avatar--size-x-large {
  margin-left: -1.5rem;
}
.dnb-avatar__group .dnb-avatar:nth-of-type(2) {
  margin-left: 0;
}
.dnb-avatar__group--elements-left {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--color-black-55);
}
.dnb-avatar__group--elements-left--size-small {
  font-size: var(--avatar-font-size-left--small);
  margin-left: 0.125rem;
}
.dnb-avatar__group--elements-left--size-medium {
  font-size: var(--avatar-font-size-left--medium);
  margin-left: 0.125rem;
}
.dnb-avatar__group--elements-left--size-large {
  font-size: var(--avatar-font-size-left--large);
  margin-left: var(--spacing-xx-small);
}
.dnb-avatar__group--elements-left--size-x-large {
  font-size: var(--avatar-font-size-left--x-large);
  margin-left: var(--spacing-xx-small);
}

/*
 * Utilities
 */
.dnb-badge {
  display: inline-flex;
  flex-flow: row wrap;
  white-space: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-x-small);
}
.dnb-badge__root {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
  flex-shrink: 0;
}
.dnb-badge__root .dnb-badge {
  display: flex;
  overflow: hidden;
  position: absolute;
  z-index: 2;
}
.dnb-badge--variant-notification {
  color: var(--color-white);
  background-color: var(--color-fire-red);
  padding: 0 0.25rem;
  min-width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.75rem;
}
.dnb-badge--variant-information {
  --badge-information-color: var(--figma-color-text-neutral);
  padding: 0.125rem 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--badge-information-bg);
  color: var(--badge-information-color, inherit);
}
.dnb-badge--subtle {
  background-color: var(--badge-information-subtle-bg);
  color: var(--badge-information-subtle-color, var(--badge-information-color));
  --border-color: var(--badge-information-subtle-border);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-badge--horizontal-left {
  left: 0;
}
.dnb-badge--horizontal-right {
  right: 0;
}
.dnb-badge--vertical-bottom {
  bottom: 0;
}
.dnb-badge--vertical-top {
  top: 0;
}
.dnb-badge--inline.dnb-badge--vertical-top {
  transform: translateY(-25%);
}
.dnb-badge--inline.dnb-badge--vertical-bottom {
  transform: translateY(25%);
}
.dnb-badge--status-default {
  --badge-information-bg: var(--figma-color-decorative-first-subtle);
  --badge-information-subtle-bg: var(
    --figma-color-decorative-first-muted
  );
  --badge-information-subtle-border: var(
    --figma-color-decorative-first-subtle
  );
}
.dnb-badge--status-neutral {
  --badge-information-bg: var(--figma-color-background-neutral-bold);
  --badge-information-subtle-bg: var(
    --figma-color-background-neutral-subtle
  );
  --badge-information-subtle-border: var(
    --figma-color-stroke-neutral-bold
  );
}
.dnb-badge--status-positive {
  --badge-information-bg: var(--figma-color-background-positive);
  --badge-information-color: var(--figma-color-text-neutral-inverse);
  --badge-information-subtle-bg: var(
    --figma-color-background-positive-subtle
  );
  --badge-information-subtle-color: var(--figma-color-text-positive);
  --badge-information-subtle-border: var(--figma-color-stroke-positive);
}
.dnb-badge--status-warning {
  --badge-information-bg: var(--figma-color-background-warning);
  --badge-information-subtle-bg: var(
    --figma-color-background-warning-subtle
  );
  --badge-information-subtle-color: var(--figma-color-text-warning-bold);
  --badge-information-subtle-border: var(--figma-color-stroke-warning);
}
.dnb-badge--status-negative {
  --badge-information-bg: var(--figma-color-background-error);
  --badge-information-color: var(--figma-color-text-neutral-inverse);
  --badge-information-subtle-bg: var(
    --figma-color-background-error-subtle
  );
  --badge-information-subtle-color: var(--figma-color-text-destructive);
  --badge-information-subtle-border: var(--figma-color-stroke-error);
}

/*
* Breadcrumb component
*
*/
/*
 * Utilities
 */
.dnb-breadcrumb {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.dnb-breadcrumb__bar.dnb-section {
  display: flex;
}
.dnb-breadcrumb__list.dnb-section {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-flow: row wrap;
  align-items: center;
  row-gap: 1rem;
  column-gap: 0.5rem;
}
.dnb-breadcrumb__item {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
}
.dnb-breadcrumb__item__span {
  display: flex;
  align-items: center;
  line-height: var(--line-height-basis);
}
.dnb-breadcrumb__item__span__icon {
  margin-right: 0.5rem;
}
.dnb-breadcrumb__item .dnb-anchor {
  line-height: 1.5rem;
  padding: 0;
  position: relative;
}
.dnb-breadcrumb__item .dnb-anchor::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: scale(1.25, 2);
  border: 0.5rem solid transparent;
}
.dnb-breadcrumb__item:first-child .dnb-anchor {
  border-left: none;
}
.dnb-breadcrumb__item:first-child .dnb-anchor .dnb-icon svg {
  margin-right: 0.5rem;
}
.dnb-breadcrumb__multiple {
  display: flex;
  flex-direction: column;
  transition: height 400ms var(--easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-breadcrumb__multiple {
    transition-duration: 0.01ms;
  }
}
.dnb-breadcrumb__multiple .dnb-breadcrumb__item {
  transition: transform 400ms var(--easing-default) calc(var(--delay) * 50ms);
  transform: translateX(-1rem);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
    transition-duration: 0.01ms;
  }
}
.dnb-breadcrumb__multiple.dnb-height-animation--parallax .dnb-breadcrumb__item {
  transform: translateX(0);
}
.dnb-breadcrumb {
  /* stylelint-disable no-descending-specificity, no-duplicate-selectors */
}
html[data-visual-test] .dnb-breadcrumb__multiple .dnb-breadcrumb__item {
  transition: none;
}
.dnb-breadcrumb {
  /* stylelint-enable */
}
@media screen and (max-width: 60em) {
  .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__bar .dnb-breadcrumb__multiple {
    display: none;
  }
}
@media screen and (min-width: 60.00625em) {
  .dnb-breadcrumb--variant-responsive .dnb-breadcrumb__toggle {
    display: none;
  }
}
.dnb-breadcrumb__collapse {
  display: flex;
  flex-direction: column;
}
.dnb-breadcrumb__collapse .dnb-breadcrumb__list.dnb-section {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0;
  margin: 0.5rem 0;
  margin-left: 1.5rem;
  padding: 0;
}

/*
* Button component
*
*/
/*
 * Utilities
 */
:root {
  --button-icon-size: 1rem;
  --button-height: 2.5rem;
}

.dnb-button {
  --button-font-size: var(--font-size-basis);
  --button-font-size-small: var(--font-size-small);
  --button-icon-size--small: 0.75rem;
  --button-icon-size--medium: 1.5rem;
  --button-icon-size--large: 2rem;
  --button-icon-gutter: 0.5rem;
  --button-width: 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-border-width: 0.0625rem;
  --button-border-width--hover: 0.1875rem;
  --button-border-radius: calc(var(--button-height) / 2);
  --button-border-radius--control-button: 0.25rem;
  --button-padding-left: 0;
  --button-padding-right: 0;
  --button-padding-icon: 1rem;
  --button-padding--default: 1.5rem;
  --button-padding--small: 1rem;
  --button-padding--medium: 1rem;
  --button-padding--large: 2rem;
  --button-icon-margin-top: 0;
  --button-icon-margin-left: 0;
  --button-icon-margin-right: 0;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
}
.dnb-button--wrap {
  overflow-wrap: break-word;
  white-space: normal;
}
.dnb-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--button-width);
  height: auto;
  padding: 0 var(--button-padding-right) 0 var(--button-padding-left);
  border: none;
  border-radius: var(--button-border-radius);
  text-align: left;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-regular);
  -webkit-text-decoration: none;
  text-decoration: none;
  box-shadow: none;
}
.dnb-button, .dnb-core-style .dnb-button {
  line-height: var(--button-height);
}
.dnb-button__text {
  margin: 0.5rem 0;
  font-size: var(--button-font-size);
  line-height: var(--line-height-basis);
  color: inherit;
  transform: translateY(-0.03125rem);
}
.dnb-button__text [data-os=linux] {
  transform: translateY(-0.035rem);
}
.dnb-button__alignment {
  display: inline-block;
  width: 0;
}
.dnb-button__bounding {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transform: scale(1.1, 1.4);
  background-color: transparent;
  border-radius: var(--button-border-radius);
}
.dnb-button--size-small {
  --button-height: var(--button-height--small);
  width: var(--button-width--small);
  font-size: var(--button-font-size-small);
}
.dnb-button--size-small .dnb-button__text {
  margin: 0;
}
.dnb-button--has-text.dnb-button--size-small {
  --button-padding-left: var(--button-padding--small);
  --button-padding-right: var(--button-padding--small);
}
.dnb-button--size-medium {
  --button-height: var(--button-height--medium);
  width: var(--button-width--medium);
}
.dnb-button--size-medium .dnb-button__text {
  margin: 0;
}
.dnb-button--has-text.dnb-button--size-medium {
  --button-padding-left: var(--button-padding--medium);
  --button-padding-right: var(--button-padding--medium);
}
.dnb-button--control-before.dnb-button--size-medium {
  line-height: var(--button-height);
}
.dnb-button--control-after.dnb-button--size-medium {
  line-height: var(--button-height);
}
.dnb-button--size-large {
  --button-height: var(--button-height--large);
  --button-padding-icon: 1.5rem;
  width: var(--button-width--large);
}
.dnb-button--has-text.dnb-button--size-large {
  --button-padding-left: var(--button-padding--large);
  --button-padding-right: var(--button-padding--large);
}
.dnb-button {
  /* stylelint-disable-next-line */
}
.dnb-button--has-text {
  --button-padding-left: var(--button-padding--default);
  --button-padding-right: var(--button-padding--default);
  width: auto;
}
.dnb-button__icon {
  margin: var(--button-icon-margin-top) var(--button-icon-margin-right) 0 var(--button-icon-margin-left);
}
.dnb-button--has-text.dnb-button--icon-position-left {
  --button-padding-left: var(--button-padding-icon);
  --button-icon-margin-right: var(--button-icon-gutter);
}
.dnb-button--has-text.dnb-button--icon-position-right {
  --button-padding-right: var(--button-padding-icon);
  --button-icon-margin-left: var(--button-icon-gutter);
}
.dnb-button--icon-size-small {
  --button-icon-size: var(--button-icon-size--small);
}
.dnb-button--icon-size-medium {
  --button-icon-size: var(--button-icon-size--medium);
}
.dnb-button--icon-size-large {
  --button-icon-size: var(--button-icon-size--large);
}
.dnb-button--has-text.dnb-button--has-icon .dnb-button__icon {
  order: 2;
}
.dnb-button--has-text.dnb-button--has-icon .dnb-button__text {
  order: 1;
}
.dnb-button:not(.dnb-button--has-text) .dnb-button__icon {
  width: inherit;
}
.dnb-button__icon.dnb-icon svg:not([width]):not([height]) {
  width: var(--button-icon-size);
  height: var(--button-icon-size);
}
[href] > .dnb-button__icon.dnb-icon {
  line-height: var(--button-font-size);
}
.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__icon, .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__icon {
  order: 1;
}
.dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-left .dnb-button__text, .dnb-button--has-text.dnb-button--has-icon.dnb-button--icon-position-top .dnb-button__text {
  order: 2;
}
.dnb-button--stretch {
  width: 100%;
}
.dnb-button--control-before {
  border-radius: var(--button-border-radius--control-button) 0 0 var(--button-border-radius--control-button);
}
.dnb-button--control-after {
  border-radius: 0 var(--button-border-radius--control-button) var(--button-border-radius--control-button) 0;
}
.dnb-button--reset {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  overflow: visible;
  border: none;
  border-radius: 0;
  background-color: transparent;
  -webkit-appearance: none;
          appearance: none;
  box-shadow: none;
  color: inherit;
  font: inherit;
  text-align: inherit;
  line-height: inherit;
}
html:not([data-whatintent=touch]) .dnb-button--reset:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--reset:hover:not([disabled]) {
  box-shadow: none;
  border: none;
}
.dnb-button--reset:not([disabled]):focus, .dnb-button--reset:not([disabled]):active {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):focus, html[data-whatinput=keyboard] .dnb-button--reset:not([disabled]):active {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):focus, html[data-whatinput=mouse] .dnb-button--reset:not([disabled]):active {
  box-shadow: none;
  color: inherit;
  border: none;
}
.dnb-button[type=button], .dnb-button[type=reset], .dnb-button[type=submit] {
  appearance: none;
  /* stylelint-disable-next-line */
  -moz-appearance: none;
  /* stylelint-disable-next-line */
  -webkit-appearance: none;
}
.dnb-button[disabled] {
  cursor: not-allowed;
  outline: none;
}
.dnb-form-row--vertical .dnb-form-row__content > .dnb-button {
  align-self: flex-start;
}
.dnb-form-row--horizontal .dnb-form-row__content .dnb-button__text {
  white-space: nowrap;
}
.dnb-button + .dnb-form-status {
  margin-top: 0.5rem;
}

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

/*
 * Utilities
 */
.dnb-card__heading {
  font-size: var(--font-size-basis);
  font-weight: var(--font-weight-medium);
}
.dnb-card + .dnb-card__heading {
  margin-top: var(--spacing-small);
}
.dnb-card__title {
  padding-bottom: 1rem;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-medium);
}
.dnb-card:not([style*="--space-"]) .dnb-card__title {
  padding: 1rem;
}
.dnb-card.dnb-section {
  background-color: var(--background-color);
}
.dnb-card .dnb-section {
  z-index: 1;
}
@media screen and (min-width: 40.00625em) {
  .dnb-card {
    --nested-space-l: calc(var(--padding-left, 0px) * -1);
    --nested-space-r: calc(var(--padding-right, 0px) * -1);
  }
  .dnb-card .dnb-section::after {
    --left: var(--nested-space-l);
    --width: calc(100% - var(--nested-space-r) * 2);
  }
}
.dnb-card--filled.dnb-card.dnb-section {
  --background-color: var(--outline-color);
}
@media screen and (max-width: 40em) {
  .dnb-card--responsive.dnb-section::before {
    left: var(--left);
    --outline: 99vw 0 0 0 var(--background-color),
      198vw 0 0 0 var(--background-color),
      297vw 0 0 0 var(--background-color),
      396vw 0 0 0 var(--background-color),
      0 var(--outline-width) 0 0 var(--outline-color),
      99vw var(--outline-width) 0 0 var(--outline-color),
      0 calc(var(--outline-width) * -1) 0 0 var(--outline-color),
      99vw calc(var(--outline-width) * -1) 0 0 var(--outline-color),
      198vw var(--outline-width) 0 0 var(--outline-color),
      198vw calc(var(--outline-width) * -1) 0 0 var(--outline-color);
  }
}
@media screen and (max-width: 40em) {
  .dnb-card + .dnb-card--responsive:not([class*=space__top])::before {
    top: var(--outline-width);
  }
  .dnb-card + .dnb-card--responsive:not([class*=space__top]) {
    background: linear-gradient(to left, var(--background-color), var(--background-color)) no-repeat 0 var(--outline-width);
  }
}
@media screen and (max-width: 40em) {
  .dnb-flex-container.dnb-flex-container--divider-space .dnb-card + .dnb-card--responsive {
    margin-top: 0;
  }
  .dnb-flex-container.dnb-flex-container--divider-space .dnb-card + .dnb-card--responsive::before {
    top: var(--outline-width);
    z-index: 0;
    background-color: transparent;
  }
}
.dnb-card .dnb-flex-container:has(> .dnb-card__title + .dnb-scroll-view) {
  align-items: stretch;
  flex-wrap: nowrap;
}
.dnb-card--filled .dnb-scroll-view {
  clip-path: inset(0 0 0 0 round var(--rounded-corner) var(--rounded-corner) var(--rounded-corner) var(--rounded-corner));
}
.dnb-card > .dnb-flex-container > .dnb-space:has(> .dnb-scroll-view) {
  width: 100%;
}
.dnb-card > .dnb-flex-container--align-stretch > .dnb-button {
  align-self: flex-start;
}
.dnb-card[style*="--outset"].dnb-space[style]:not(.dnb-card) {
  padding-left: calc(var(--padding-left) * (1 - var(--outset)));
  padding-right: calc(var(--padding-right) * (1 - var(--outset)));
}
.dnb-card[style*="--outset"].dnb-card > .dnb-flex-container {
  margin-left: calc(var(--padding-left, var(--spacing-medium)) * -1 * var(--outset));
  margin-right: calc(var(--padding-right, var(--spacing-medium)) * -1 * var(--outset));
}

.dnb-card--auto-indent:has(+ .dnb-card,
+ * + .dnb-card,
+ * + * + .dnb-card,
+ .dnb-help-button__content + .dnb-section + .dnb-card):not([class*=space__bottom]) {
  margin-bottom: var(--spacing-small);
}

@media screen and (min-width: 40.00625em) {
  .dnb-card--auto-indent:has(+ .dnb-card:not([style*="--outset"]),
  + * + .dnb-card:not([style*="--outset"]),
  + * + * + .dnb-card:not([style*="--outset"]),
  + .dnb-help-button__content + .dnb-section + .dnb-card:not([style*="--outset"])):not([class*=space__left]) {
    margin-left: var(--spacing-medium);
  }
}

/*
* Checkbox component
*
*/
/*
 * Utilities
 */
:root {
  --checkbox-width--medium: 1.5rem;
  --checkbox-height--medium: 1.5rem;
}

.dnb-checkbox {
  --checkbox-border-radius: 0.25rem;
  --checkbox-gfx-border-radius__indeterminate: 0.125rem;
  --checkbox-width--large: 2rem;
  --checkbox-height--large: 2rem;
  --checkbox-gfx-height__indeterminate: 0.625rem;
  --checkbox-gfx-width__indeterminate: 0.625rem;
  --checkbox-gfx-height__indeterminate--large: 0.875rem;
  --checkbox-gfx-width__indeterminate--large: 0.875rem;
  --checkbox-border-width: 0.09375rem;
  --checkbox-color-gfx-on: black;
  --checkbox-color-gfx-off: white;
  --checkbox-color-background-on: white;
  --checkbox-color-background-off: white;
  --checkbox-color-border-on: black;
  --checkbox-color-border-off: black;
  --checkbox-border-width--disabled: 0.125rem;
  --checkbox-color-gfx--disabled: grey;
  --checkbox-color-background-on--disabled: lightgrey;
  --checkbox-color-background-off--disabled: lightgrey;
  --checkbox-color-border-on--disabled: grey;
  --checkbox-color-border-off--disabled: grey;
  --checkbox-color-gfx__indeterminate--disabled: grey;
  --checkbox-color-background--active: lightgrey;
  --checkbox-color-border--active: transparent;
  --checkbox-border-width--hover: 0.125rem;
  --checkbox-color-gfx--hover: grey;
  --checkbox-color-background--hover: white;
  --checkbox-color-border-on--hover: grey;
  --checkbox-color-border-off--hover: grey;
  --checkbox-color-gfx--focus: grey;
  --checkbox-color-background--focus: lightgrey;
  --checkbox-border-width--error: 0.125rem;
  --checkbox-color-gfx--error: lavenderblush;
  --checkbox-color-gfx--error-contrast: red;
  --checkbox-color-background-on--error: red;
  --checkbox-color-background--error-contrast: lavenderblush;
  --checkbox-color-border--error: red;
  --checkbox-color-gfx-indeterminate--error: red;
  --checkbox-color-gfx--error--hover: red;
  --checkbox-color-background--error--hover: lavenderblush;
  --checkbox-color-border--error--hover: red;
  --checkbox-color-background-indeterminate: grey;
  --checkbox-color-gfx-indeterminate: darkgray;
  --checkbox-color-background-indeterminate--active: grey;
  --checkbox-color-border-indeterminate--active: white;
  --checkbox-color-gfx-indeterminate--active: white;
  --checkbox-bounding--medium: 1.75, 1.75;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-checkbox__inner {
  display: inline-flex;
  flex-direction: column;
  align-self: center;
}
.dnb-checkbox__shell {
  -webkit-user-select: none;
          user-select: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--checkbox-width--medium);
  height: var(--checkbox-height--medium);
}
.dnb-checkbox--large .dnb-checkbox__shell {
  width: var(--checkbox-width--large);
  height: var(--checkbox-height--large);
}
.dnb-checkbox__button {
  display: inline-block;
  border: var(--checkbox-border-width) solid transparent;
}
.dnb-checkbox__focus {
  display: none;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-checkbox__focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-checkbox__focus, .dnb-checkbox__button {
  position: relative;
  z-index: 4;
  width: calc(var(--checkbox-width--medium) - 0.25rem);
  height: calc(var(--checkbox-height--medium) - 0.25rem);
  border-radius: var(--checkbox-border-radius);
}
.dnb-checkbox--large .dnb-checkbox__focus, .dnb-checkbox--large .dnb-checkbox__button {
  width: var(--checkbox-width--large);
  height: var(--checkbox-height--large);
  border-radius: var(--checkbox-border-radius);
}
.dnb-checkbox__gfx {
  position: absolute;
  z-index: 5;
  top: auto;
  left: auto;
  width: calc(var(--checkbox-width--medium) - 0.5rem);
  height: calc(var(--checkbox-height--medium) - 0.5rem);
  shape-rendering: geometricprecision;
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}
.dnb-checkbox--large {
  line-height: var(--checkbox-height--large);
}
.dnb-checkbox--large .dnb-checkbox__gfx {
  width: calc(var(--checkbox-width--large) - 0.5rem);
  height: calc(var(--checkbox-height--large) - 0.5rem);
}
.dnb-checkbox__input {
  opacity: 0;
  position: absolute;
  top: auto;
  left: auto;
  z-index: 6;
  width: var(--checkbox-width--medium);
  height: var(--checkbox-height--medium);
  margin: 0;
  padding: 0;
  border: 0;
  transform: scale(var(--checkbox-bounding--medium));
}
.dnb-checkbox--large .dnb-checkbox__input {
  width: var(--checkbox-width--large);
  height: var(--checkbox-height--large);
  transform: scale(1);
}
.dnb-checkbox__input:not([disabled]) {
  cursor: pointer;
}
.dnb-checkbox .dnb-form-label {
  margin-bottom: 0;
  margin-right: 0;
  margin-left: 0;
}
.dnb-checkbox__order {
  display: inline-flex;
  align-items: baseline;
}
.dnb-checkbox__suffix {
  order: 4;
}
.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-checkbox__inner {
  order: 2;
}
.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-label {
  order: 1;
  padding-right: 0.5rem;
}
.dnb-checkbox--label-position-left .dnb-checkbox__order .dnb-form-status {
  order: 3;
  margin-top: 0.5rem;
}
.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-checkbox__inner {
  order: 1;
}
.dnb-checkbox--label-position-right .dnb-checkbox__order .dnb-form-label {
  order: 2;
  padding-left: 0.5rem;
}
.dnb-checkbox--label-position-right .dnb-checkbox__order + .dnb-form-status {
  order: 3;
  vertical-align: top;
  margin-top: 0.5rem;
}
.dnb-checkbox {
  /*
   * Color scheme
   */
  /** Normal state **/
}
.dnb-checkbox__input:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__gfx {
  opacity: 1;
  transform: scale(1);
  color: var(--checkbox-color-gfx-on);
}
.dnb-checkbox__input:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[data-checked=true] ~ .dnb-checkbox__button {
  background-color: var(--checkbox-color-background-on);
  border-color: var(--checkbox-color-border-on);
}
.dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__gfx {
  opacity: 0;
  transform: scale(0.8);
  color: var(--checkbox-color-gfx-off);
}
.dnb-checkbox__input:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
  background-color: var(--checkbox-color-background-off);
  border-color: var(--checkbox-color-border-off);
  transition: background-color 100ms ease-out;
}
.dnb-checkbox__input ~ .dnb-checkbox__indeterminate {
  position: absolute;
  z-index: 5;
  width: var(--checkbox-gfx-width__indeterminate);
  height: var(--checkbox-gfx-height__indeterminate);
  transform: scale(0.85);
  opacity: 0;
  background-color: var(--checkbox-color-gfx-indeterminate);
  border-radius: var(--checkbox-gfx-border-radius__indeterminate);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}
.dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
  transform: scale(1);
  opacity: 1;
}
.dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__button {
  background-color: transparent;
  border-color: var(--checkbox-color-border-off);
}
.dnb-checkbox__input:indeterminate:hover ~ .dnb-checkbox__gfx, .dnb-checkbox__input:indeterminate:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input:indeterminate:checked:hover ~ .dnb-checkbox__gfx {
  color: transparent;
}
.dnb-checkbox--large .dnb-checkbox__input:indeterminate ~ .dnb-checkbox__indeterminate {
  width: var(--checkbox-gfx-width__indeterminate--large);
  height: var(--checkbox-gfx-height__indeterminate--large);
}
.dnb-checkbox {
  /** Disabled state **/
}
.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button {
  border-width: var(--checkbox-border-width--disabled);
}
.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__button, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__button {
  background-color: var(--checkbox-color-background-on--disabled);
  border-color: var(--checkbox-color-border-on--disabled);
}
.dnb-checkbox__input[disabled]:checked ~ .dnb-checkbox__gfx, .dnb-checkbox__input[disabled][data-checked=true] ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--disabled);
}
.dnb-checkbox__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-checkbox__button {
  border-color: var(--checkbox-color-border-off--disabled);
  background-color: var(--checkbox-color-background-off--disabled);
}
.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__indeterminate {
  background-color: var(--checkbox-color-gfx__indeterminate--disabled);
}
.dnb-checkbox__input[disabled]:indeterminate ~ .dnb-checkbox__gfx {
  color: transparent;
}
.dnb-checkbox {
  /** Active state **/
}
.dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button {
  background-color: var(--checkbox-color-background--active);
  border-color: var(--checkbox-color-border--active);
}
.dnb-checkbox__input:not([disabled]):checked:active ~ .dnb-checkbox__gfx, .dnb-checkbox__input:not([disabled])[data-checked=true]:active ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx-on);
}
.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__button {
  background-color: var(--checkbox-color-background-indeterminate--active);
  border-color: var(--checkbox-color-border-indeterminate--active);
}
.dnb-checkbox__input:not([disabled]):indeterminate:active ~ .dnb-checkbox__indeterminate {
  background-color: var(--checkbox-color-gfx-indeterminate--active);
}
.dnb-checkbox {
  /** Hover state **/
}
.dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__button {
  border-color: var(--checkbox-color-border-off--hover);
  background-color: var(--checkbox-color-background--hover);
  border-width: var(--checkbox-border-width--hover);
}
.dnb-checkbox__input:hover ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--hover);
}
.dnb-checkbox__input:not([disabled]):checked:hover ~ .dnb-checkbox__button, .dnb-checkbox__input:not([disabled])[data-checked=true]:hover ~ .dnb-checkbox__button {
  border: var(--checkbox-border-width--hover) solid var(--checkbox-color-border-on--hover);
}
.dnb-checkbox {
  /** Focus state **/
}
html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button {
  border: none;
  background-color: var(--checkbox-color-background--focus);
}
html[data-whatinput=keyboard] .dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--focus);
}
.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__button .dnb-checkbox__focus, .dnb-checkbox__input:not([disabled]):active ~ .dnb-checkbox__button .dnb-checkbox__focus {
  display: block;
}
.dnb-checkbox__input:not([disabled]):focus-visible ~ .dnb-checkbox__indeterminate {
  background-color: var(--checkbox-color-gfx--focus);
}
.dnb-checkbox {
  /** Error state **/
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button {
  border: none;
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
  display: block;
  --border-color: var(--checkbox-color-border--error);
  --border-width: var(--checkbox-border-width--error);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button[data-checked=true] {
  border-color: var(--checkbox-color-border--error--hover);
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__button {
  background-color: var(--checkbox-color-background--error--hover);
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):hover ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--error--hover);
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--error);
}
html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus ~ .dnb-checkbox__button, html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__button {
  border: none;
  background-color: var(--checkbox-color-background--error-contrast);
  --border-color: var(--checkbox-color-border--error);
  --border-width: calc(var(--checkbox-border-width--hover));
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html[data-whatinput=keyboard] .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):focus:hover ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--error-contrast);
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover):checked ~ .dnb-checkbox__button, .dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):not(:hover)[data-checked=true] ~ .dnb-checkbox__button {
  background-color: var(--checkbox-color-background-on--error);
}
.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not([disabled]):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--error-contrast);
  background-color: var(--checkbox-color-gfx--error-contrast);
  border-radius: var(--checkbox-border-radius);
}
.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:not(:active):not(:hover) ~ .dnb-checkbox__indeterminate {
  background-color: var(--checkbox-color-gfx-indeterminate--error);
}
.dnb-checkbox__status--error .dnb-checkbox__input:not(:indeterminate) ~ .dnb-checkbox__indeterminate {
  background-color: var(--checkbox-color-gfx-indeterminate--error);
}
.dnb-checkbox__status--error .dnb-checkbox__input:indeterminate:hover:not(:active) ~ .dnb-checkbox__indeterminate {
  background-color: var(--checkbox-color-gfx--error--hover);
}
.dnb-checkbox__status--error .dnb-checkbox__input:not([disabled]):not(:active):hover ~ .dnb-checkbox__gfx {
  color: var(--checkbox-color-gfx--error--hover);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button::before {
  border-radius: 0;
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__button {
  border-color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__gfx {
  color: var(--skeleton-color);
}
.dnb-checkbox.dnb-skeleton .dnb-checkbox__input[disabled] ~ .dnb-checkbox__indeterminate {
  background-color: var(--skeleton-color);
}

/*
* CopyOnClick component
*
*/
.dnb-copy-on-click--cursor, .dnb-copy-on-click--cursor * {
  cursor: copy;
}

/*
* Import all flag icons (SVG) via CSS
* 
* License: MIT
* Repo: https://github.com/lipis/flag-icons
* Source: https://github.com/lipis/flag-icons/blob/main/css/flag-icons.css
* Currently using v7.3.2. Please update the version used when changing version.
* 
* Theoretically, we could use the flag-icons package to import the flags (@import '../../../assets/css/flag-icons.css'),
* but since we only use the 1x1 flag icons, we want to use the CSS instead.
* This lowers the overall footprint of the package and the amount of work the compilers needs to do.
* 
* There are a couple of projects which has had issues with the flag-icons package. 
* Where their bundler did change the path from 'flag-icons/flags/1x1/xx.svg' to './flag-icons/flags/1x1/xx.svg'
* so it did add a './' in front of the path, which is not a valid path.
* Therefore we include these SVGs in our assets folder, and point to them with a valid path.
*/
.fi-xx.fis {
  background-image: url("../../../assets/flags/1x1/xx.svg");
}

.fi-ad.fis {
  background-image: url("../../../assets/flags/1x1/ad.svg");
}

.fi-ae.fis {
  background-image: url("../../../assets/flags/1x1/ae.svg");
}

.fi-af.fis {
  background-image: url("../../../assets/flags/1x1/af.svg");
}

.fi-ag.fis {
  background-image: url("../../../assets/flags/1x1/ag.svg");
}

.fi-ai.fis {
  background-image: url("../../../assets/flags/1x1/ai.svg");
}

.fi-al.fis {
  background-image: url("../../../assets/flags/1x1/al.svg");
}

.fi-am.fis {
  background-image: url("../../../assets/flags/1x1/am.svg");
}

.fi-ao.fis {
  background-image: url("../../../assets/flags/1x1/ao.svg");
}

.fi-aq.fis {
  background-image: url("../../../assets/flags/1x1/aq.svg");
}

.fi-ar.fis {
  background-image: url("../../../assets/flags/1x1/ar.svg");
}

.fi-as.fis {
  background-image: url("../../../assets/flags/1x1/as.svg");
}

.fi-at.fis {
  background-image: url("../../../assets/flags/1x1/at.svg");
}

.fi-au.fis {
  background-image: url("../../../assets/flags/1x1/au.svg");
}

.fi-aw.fis {
  background-image: url("../../../assets/flags/1x1/aw.svg");
}

.fi-ax.fis {
  background-image: url("../../../assets/flags/1x1/ax.svg");
}

.fi-az.fis {
  background-image: url("../../../assets/flags/1x1/az.svg");
}

.fi-ba.fis {
  background-image: url("../../../assets/flags/1x1/ba.svg");
}

.fi-bb.fis {
  background-image: url("../../../assets/flags/1x1/bb.svg");
}

.fi-bd.fis {
  background-image: url("../../../assets/flags/1x1/bd.svg");
}

.fi-be.fis {
  background-image: url("../../../assets/flags/1x1/be.svg");
}

.fi-bf.fis {
  background-image: url("../../../assets/flags/1x1/bf.svg");
}

.fi-bg.fis {
  background-image: url("../../../assets/flags/1x1/bg.svg");
}

.fi-bh.fis {
  background-image: url("../../../assets/flags/1x1/bh.svg");
}

.fi-bi.fis {
  background-image: url("../../../assets/flags/1x1/bi.svg");
}

.fi-bj.fis {
  background-image: url("../../../assets/flags/1x1/bj.svg");
}

.fi-bl.fis {
  background-image: url("../../../assets/flags/1x1/bl.svg");
}

.fi-bm.fis {
  background-image: url("../../../assets/flags/1x1/bm.svg");
}

.fi-bn.fis {
  background-image: url("../../../assets/flags/1x1/bn.svg");
}

.fi-bo.fis {
  background-image: url("../../../assets/flags/1x1/bo.svg");
}

.fi-bq.fis {
  background-image: url("../../../assets/flags/1x1/bq.svg");
}

.fi-br.fis {
  background-image: url("../../../assets/flags/1x1/br.svg");
}

.fi-bs.fis {
  background-image: url("../../../assets/flags/1x1/bs.svg");
}

.fi-bt.fis {
  background-image: url("../../../assets/flags/1x1/bt.svg");
}

.fi-bv.fis {
  background-image: url("../../../assets/flags/1x1/bv.svg");
}

.fi-bw.fis {
  background-image: url("../../../assets/flags/1x1/bw.svg");
}

.fi-by.fis {
  background-image: url("../../../assets/flags/1x1/by.svg");
}

.fi-bz.fis {
  background-image: url("../../../assets/flags/1x1/bz.svg");
}

.fi-ca.fis {
  background-image: url("../../../assets/flags/1x1/ca.svg");
}

.fi-cc.fis {
  background-image: url("../../../assets/flags/1x1/cc.svg");
}

.fi-cd.fis {
  background-image: url("../../../assets/flags/1x1/cd.svg");
}

.fi-cf.fis {
  background-image: url("../../../assets/flags/1x1/cf.svg");
}

.fi-cg.fis {
  background-image: url("../../../assets/flags/1x1/cg.svg");
}

.fi-ch.fis {
  background-image: url("../../../assets/flags/1x1/ch.svg");
}

.fi-ci.fis {
  background-image: url("../../../assets/flags/1x1/ci.svg");
}

.fi-ck.fis {
  background-image: url("../../../assets/flags/1x1/ck.svg");
}

.fi-cl.fis {
  background-image: url("../../../assets/flags/1x1/cl.svg");
}

.fi-cm.fis {
  background-image: url("../../../assets/flags/1x1/cm.svg");
}

.fi-cn.fis {
  background-image: url("../../../assets/flags/1x1/cn.svg");
}

.fi-co.fis {
  background-image: url("../../../assets/flags/1x1/co.svg");
}

.fi-cr.fis {
  background-image: url("../../../assets/flags/1x1/cr.svg");
}

.fi-cu.fis {
  background-image: url("../../../assets/flags/1x1/cu.svg");
}

.fi-cv.fis {
  background-image: url("../../../assets/flags/1x1/cv.svg");
}

.fi-cw.fis {
  background-image: url("../../../assets/flags/1x1/cw.svg");
}

.fi-cx.fis {
  background-image: url("../../../assets/flags/1x1/cx.svg");
}

.fi-cy.fis {
  background-image: url("../../../assets/flags/1x1/cy.svg");
}

.fi-cz.fis {
  background-image: url("../../../assets/flags/1x1/cz.svg");
}

.fi-de.fis {
  background-image: url("../../../assets/flags/1x1/de.svg");
}

.fi-dj.fis {
  background-image: url("../../../assets/flags/1x1/dj.svg");
}

.fi-dk.fis {
  background-image: url("../../../assets/flags/1x1/dk.svg");
}

.fi-dm.fis {
  background-image: url("../../../assets/flags/1x1/dm.svg");
}

.fi-do.fis {
  background-image: url("../../../assets/flags/1x1/do.svg");
}

.fi-dz.fis {
  background-image: url("../../../assets/flags/1x1/dz.svg");
}

.fi-ec.fis {
  background-image: url("../../../assets/flags/1x1/ec.svg");
}

.fi-ee.fis {
  background-image: url("../../../assets/flags/1x1/ee.svg");
}

.fi-eg.fis {
  background-image: url("../../../assets/flags/1x1/eg.svg");
}

.fi-eh.fis {
  background-image: url("../../../assets/flags/1x1/eh.svg");
}

.fi-er.fis {
  background-image: url("../../../assets/flags/1x1/er.svg");
}

.fi-es.fis {
  background-image: url("../../../assets/flags/1x1/es.svg");
}

.fi-et.fis {
  background-image: url("../../../assets/flags/1x1/et.svg");
}

.fi-fi.fis {
  background-image: url("../../../assets/flags/1x1/fi.svg");
}

.fi-fj.fis {
  background-image: url("../../../assets/flags/1x1/fj.svg");
}

.fi-fk.fis {
  background-image: url("../../../assets/flags/1x1/fk.svg");
}

.fi-fm.fis {
  background-image: url("../../../assets/flags/1x1/fm.svg");
}

.fi-fo.fis {
  background-image: url("../../../assets/flags/1x1/fo.svg");
}

.fi-fr.fis {
  background-image: url("../../../assets/flags/1x1/fr.svg");
}

.fi-ga.fis {
  background-image: url("../../../assets/flags/1x1/ga.svg");
}

.fi-gb.fis {
  background-image: url("../../../assets/flags/1x1/gb.svg");
}

.fi-gd.fis {
  background-image: url("../../../assets/flags/1x1/gd.svg");
}

.fi-ge.fis {
  background-image: url("../../../assets/flags/1x1/ge.svg");
}

.fi-gf.fis {
  background-image: url("../../../assets/flags/1x1/gf.svg");
}

.fi-gg.fis {
  background-image: url("../../../assets/flags/1x1/gg.svg");
}

.fi-gh.fis {
  background-image: url("../../../assets/flags/1x1/gh.svg");
}

.fi-gi.fis {
  background-image: url("../../../assets/flags/1x1/gi.svg");
}

.fi-gl.fis {
  background-image: url("../../../assets/flags/1x1/gl.svg");
}

.fi-gm.fis {
  background-image: url("../../../assets/flags/1x1/gm.svg");
}

.fi-gn.fis {
  background-image: url("../../../assets/flags/1x1/gn.svg");
}

.fi-gp.fis {
  background-image: url("../../../assets/flags/1x1/gp.svg");
}

.fi-gq.fis {
  background-image: url("../../../assets/flags/1x1/gq.svg");
}

.fi-gr.fis {
  background-image: url("../../../assets/flags/1x1/gr.svg");
}

.fi-gs.fis {
  background-image: url("../../../assets/flags/1x1/gs.svg");
}

.fi-gt.fis {
  background-image: url("../../../assets/flags/1x1/gt.svg");
}

.fi-gu.fis {
  background-image: url("../../../assets/flags/1x1/gu.svg");
}

.fi-gw.fis {
  background-image: url("../../../assets/flags/1x1/gw.svg");
}

.fi-gy.fis {
  background-image: url("../../../assets/flags/1x1/gy.svg");
}

.fi-hk.fis {
  background-image: url("../../../assets/flags/1x1/hk.svg");
}

.fi-hm.fis {
  background-image: url("../../../assets/flags/1x1/hm.svg");
}

.fi-hn.fis {
  background-image: url("../../../assets/flags/1x1/hn.svg");
}

.fi-hr.fis {
  background-image: url("../../../assets/flags/1x1/hr.svg");
}

.fi-ht.fis {
  background-image: url("../../../assets/flags/1x1/ht.svg");
}

.fi-hu.fis {
  background-image: url("../../../assets/flags/1x1/hu.svg");
}

.fi-id.fis {
  background-image: url("../../../assets/flags/1x1/id.svg");
}

.fi-ie.fis {
  background-image: url("../../../assets/flags/1x1/ie.svg");
}

.fi-il.fis {
  background-image: url("../../../assets/flags/1x1/il.svg");
}

.fi-im.fis {
  background-image: url("../../../assets/flags/1x1/im.svg");
}

.fi-in.fis {
  background-image: url("../../../assets/flags/1x1/in.svg");
}

.fi-io.fis {
  background-image: url("../../../assets/flags/1x1/io.svg");
}

.fi-iq.fis {
  background-image: url("../../../assets/flags/1x1/iq.svg");
}

.fi-ir.fis {
  background-image: url("../../../assets/flags/1x1/ir.svg");
}

.fi-is.fis {
  background-image: url("../../../assets/flags/1x1/is.svg");
}

.fi-it.fis {
  background-image: url("../../../assets/flags/1x1/it.svg");
}

.fi-je.fis {
  background-image: url("../../../assets/flags/1x1/je.svg");
}

.fi-jm.fis {
  background-image: url("../../../assets/flags/1x1/jm.svg");
}

.fi-jo.fis {
  background-image: url("../../../assets/flags/1x1/jo.svg");
}

.fi-jp.fis {
  background-image: url("../../../assets/flags/1x1/jp.svg");
}

.fi-ke.fis {
  background-image: url("../../../assets/flags/1x1/ke.svg");
}

.fi-kg.fis {
  background-image: url("../../../assets/flags/1x1/kg.svg");
}

.fi-kh.fis {
  background-image: url("../../../assets/flags/1x1/kh.svg");
}

.fi-ki.fis {
  background-image: url("../../../assets/flags/1x1/ki.svg");
}

.fi-km.fis {
  background-image: url("../../../assets/flags/1x1/km.svg");
}

.fi-kn.fis {
  background-image: url("../../../assets/flags/1x1/kn.svg");
}

.fi-kp.fis {
  background-image: url("../../../assets/flags/1x1/kp.svg");
}

.fi-kr.fis {
  background-image: url("../../../assets/flags/1x1/kr.svg");
}

.fi-kw.fis {
  background-image: url("../../../assets/flags/1x1/kw.svg");
}

.fi-ky.fis {
  background-image: url("../../../assets/flags/1x1/ky.svg");
}

.fi-kz.fis {
  background-image: url("../../../assets/flags/1x1/kz.svg");
}

.fi-la.fis {
  background-image: url("../../../assets/flags/1x1/la.svg");
}

.fi-lb.fis {
  background-image: url("../../../assets/flags/1x1/lb.svg");
}

.fi-lc.fis {
  background-image: url("../../../assets/flags/1x1/lc.svg");
}

.fi-li.fis {
  background-image: url("../../../assets/flags/1x1/li.svg");
}

.fi-lk.fis {
  background-image: url("../../../assets/flags/1x1/lk.svg");
}

.fi-lr.fis {
  background-image: url("../../../assets/flags/1x1/lr.svg");
}

.fi-ls.fis {
  background-image: url("../../../assets/flags/1x1/ls.svg");
}

.fi-lt.fis {
  background-image: url("../../../assets/flags/1x1/lt.svg");
}

.fi-lu.fis {
  background-image: url("../../../assets/flags/1x1/lu.svg");
}

.fi-lv.fis {
  background-image: url("../../../assets/flags/1x1/lv.svg");
}

.fi-ly.fis {
  background-image: url("../../../assets/flags/1x1/ly.svg");
}

.fi-ma.fis {
  background-image: url("../../../assets/flags/1x1/ma.svg");
}

.fi-mc.fis {
  background-image: url("../../../assets/flags/1x1/mc.svg");
}

.fi-md.fis {
  background-image: url("../../../assets/flags/1x1/md.svg");
}

.fi-me.fis {
  background-image: url("../../../assets/flags/1x1/me.svg");
}

.fi-mf.fis {
  background-image: url("../../../assets/flags/1x1/mf.svg");
}

.fi-mg.fis {
  background-image: url("../../../assets/flags/1x1/mg.svg");
}

.fi-mh.fis {
  background-image: url("../../../assets/flags/1x1/mh.svg");
}

.fi-mk.fis {
  background-image: url("../../../assets/flags/1x1/mk.svg");
}

.fi-ml.fis {
  background-image: url("../../../assets/flags/1x1/ml.svg");
}

.fi-mm.fis {
  background-image: url("../../../assets/flags/1x1/mm.svg");
}

.fi-mn.fis {
  background-image: url("../../../assets/flags/1x1/mn.svg");
}

.fi-mo.fis {
  background-image: url("../../../assets/flags/1x1/mo.svg");
}

.fi-mp.fis {
  background-image: url("../../../assets/flags/1x1/mp.svg");
}

.fi-mq.fis {
  background-image: url("../../../assets/flags/1x1/mq.svg");
}

.fi-mr.fis {
  background-image: url("../../../assets/flags/1x1/mr.svg");
}

.fi-ms.fis {
  background-image: url("../../../assets/flags/1x1/ms.svg");
}

.fi-mt.fis {
  background-image: url("../../../assets/flags/1x1/mt.svg");
}

.fi-mu.fis {
  background-image: url("../../../assets/flags/1x1/mu.svg");
}

.fi-mv.fis {
  background-image: url("../../../assets/flags/1x1/mv.svg");
}

.fi-mw.fis {
  background-image: url("../../../assets/flags/1x1/mw.svg");
}

.fi-mx.fis {
  background-image: url("../../../assets/flags/1x1/mx.svg");
}

.fi-my.fis {
  background-image: url("../../../assets/flags/1x1/my.svg");
}

.fi-mz.fis {
  background-image: url("../../../assets/flags/1x1/mz.svg");
}

.fi-na.fis {
  background-image: url("../../../assets/flags/1x1/na.svg");
}

.fi-nc.fis {
  background-image: url("../../../assets/flags/1x1/nc.svg");
}

.fi-ne.fis {
  background-image: url("../../../assets/flags/1x1/ne.svg");
}

.fi-nf.fis {
  background-image: url("../../../assets/flags/1x1/nf.svg");
}

.fi-ng.fis {
  background-image: url("../../../assets/flags/1x1/ng.svg");
}

.fi-ni.fis {
  background-image: url("../../../assets/flags/1x1/ni.svg");
}

.fi-nl.fis {
  background-image: url("../../../assets/flags/1x1/nl.svg");
}

.fi-no.fis {
  background-image: url("../../../assets/flags/1x1/no.svg");
}

.fi-np.fis {
  background-image: url("../../../assets/flags/1x1/np.svg");
}

.fi-nr.fis {
  background-image: url("../../../assets/flags/1x1/nr.svg");
}

.fi-nu.fis {
  background-image: url("../../../assets/flags/1x1/nu.svg");
}

.fi-nz.fis {
  background-image: url("../../../assets/flags/1x1/nz.svg");
}

.fi-om.fis {
  background-image: url("../../../assets/flags/1x1/om.svg");
}

.fi-pa.fis {
  background-image: url("../../../assets/flags/1x1/pa.svg");
}

.fi-pe.fis {
  background-image: url("../../../assets/flags/1x1/pe.svg");
}

.fi-pf.fis {
  background-image: url("../../../assets/flags/1x1/pf.svg");
}

.fi-pg.fis {
  background-image: url("../../../assets/flags/1x1/pg.svg");
}

.fi-ph.fis {
  background-image: url("../../../assets/flags/1x1/ph.svg");
}

.fi-pk.fis {
  background-image: url("../../../assets/flags/1x1/pk.svg");
}

.fi-pl.fis {
  background-image: url("../../../assets/flags/1x1/pl.svg");
}

.fi-pm.fis {
  background-image: url("../../../assets/flags/1x1/pm.svg");
}

.fi-pn.fis {
  background-image: url("../../../assets/flags/1x1/pn.svg");
}

.fi-pr.fis {
  background-image: url("../../../assets/flags/1x1/pr.svg");
}

.fi-ps.fis {
  background-image: url("../../../assets/flags/1x1/ps.svg");
}

.fi-pt.fis {
  background-image: url("../../../assets/flags/1x1/pt.svg");
}

.fi-pw.fis {
  background-image: url("../../../assets/flags/1x1/pw.svg");
}

.fi-py.fis {
  background-image: url("../../../assets/flags/1x1/py.svg");
}

.fi-qa.fis {
  background-image: url("../../../assets/flags/1x1/qa.svg");
}

.fi-re.fis {
  background-image: url("../../../assets/flags/1x1/re.svg");
}

.fi-ro.fis {
  background-image: url("../../../assets/flags/1x1/ro.svg");
}

.fi-rs.fis {
  background-image: url("../../../assets/flags/1x1/rs.svg");
}

.fi-ru.fis {
  background-image: url("../../../assets/flags/1x1/ru.svg");
}

.fi-rw.fis {
  background-image: url("../../../assets/flags/1x1/rw.svg");
}

.fi-sa.fis {
  background-image: url("../../../assets/flags/1x1/sa.svg");
}

.fi-sb.fis {
  background-image: url("../../../assets/flags/1x1/sb.svg");
}

.fi-sc.fis {
  background-image: url("../../../assets/flags/1x1/sc.svg");
}

.fi-sd.fis {
  background-image: url("../../../assets/flags/1x1/sd.svg");
}

.fi-se.fis {
  background-image: url("../../../assets/flags/1x1/se.svg");
}

.fi-sg.fis {
  background-image: url("../../../assets/flags/1x1/sg.svg");
}

.fi-sh.fis {
  background-image: url("../../../assets/flags/1x1/sh.svg");
}

.fi-si.fis {
  background-image: url("../../../assets/flags/1x1/si.svg");
}

.fi-sj.fis {
  background-image: url("../../../assets/flags/1x1/sj.svg");
}

.fi-sk.fis {
  background-image: url("../../../assets/flags/1x1/sk.svg");
}

.fi-sl.fis {
  background-image: url("../../../assets/flags/1x1/sl.svg");
}

.fi-sm.fis {
  background-image: url("../../../assets/flags/1x1/sm.svg");
}

.fi-sn.fis {
  background-image: url("../../../assets/flags/1x1/sn.svg");
}

.fi-so.fis {
  background-image: url("../../../assets/flags/1x1/so.svg");
}

.fi-sr.fis {
  background-image: url("../../../assets/flags/1x1/sr.svg");
}

.fi-ss.fis {
  background-image: url("../../../assets/flags/1x1/ss.svg");
}

.fi-st.fis {
  background-image: url("../../../assets/flags/1x1/st.svg");
}

.fi-sv.fis {
  background-image: url("../../../assets/flags/1x1/sv.svg");
}

.fi-sx.fis {
  background-image: url("../../../assets/flags/1x1/sx.svg");
}

.fi-sy.fis {
  background-image: url("../../../assets/flags/1x1/sy.svg");
}

.fi-sz.fis {
  background-image: url("../../../assets/flags/1x1/sz.svg");
}

.fi-tc.fis {
  background-image: url("../../../assets/flags/1x1/tc.svg");
}

.fi-td.fis {
  background-image: url("../../../assets/flags/1x1/td.svg");
}

.fi-tf.fis {
  background-image: url("../../../assets/flags/1x1/tf.svg");
}

.fi-tg.fis {
  background-image: url("../../../assets/flags/1x1/tg.svg");
}

.fi-th.fis {
  background-image: url("../../../assets/flags/1x1/th.svg");
}

.fi-tj.fis {
  background-image: url("../../../assets/flags/1x1/tj.svg");
}

.fi-tk.fis {
  background-image: url("../../../assets/flags/1x1/tk.svg");
}

.fi-tl.fis {
  background-image: url("../../../assets/flags/1x1/tl.svg");
}

.fi-tm.fis {
  background-image: url("../../../assets/flags/1x1/tm.svg");
}

.fi-tn.fis {
  background-image: url("../../../assets/flags/1x1/tn.svg");
}

.fi-to.fis {
  background-image: url("../../../assets/flags/1x1/to.svg");
}

.fi-tr.fis {
  background-image: url("../../../assets/flags/1x1/tr.svg");
}

.fi-tt.fis {
  background-image: url("../../../assets/flags/1x1/tt.svg");
}

.fi-tv.fis {
  background-image: url("../../../assets/flags/1x1/tv.svg");
}

.fi-tw.fis {
  background-image: url("../../../assets/flags/1x1/tw.svg");
}

.fi-tz.fis {
  background-image: url("../../../assets/flags/1x1/tz.svg");
}

.fi-ua.fis {
  background-image: url("../../../assets/flags/1x1/ua.svg");
}

.fi-ug.fis {
  background-image: url("../../../assets/flags/1x1/ug.svg");
}

.fi-um.fis {
  background-image: url("../../../assets/flags/1x1/um.svg");
}

.fi-us.fis {
  background-image: url("../../../assets/flags/1x1/us.svg");
}

.fi-uy.fis {
  background-image: url("../../../assets/flags/1x1/uy.svg");
}

.fi-uz.fis {
  background-image: url("../../../assets/flags/1x1/uz.svg");
}

.fi-va.fis {
  background-image: url("../../../assets/flags/1x1/va.svg");
}

.fi-vc.fis {
  background-image: url("../../../assets/flags/1x1/vc.svg");
}

.fi-ve.fis {
  background-image: url("../../../assets/flags/1x1/ve.svg");
}

.fi-vg.fis {
  background-image: url("../../../assets/flags/1x1/vg.svg");
}

.fi-vi.fis {
  background-image: url("../../../assets/flags/1x1/vi.svg");
}

.fi-vn.fis {
  background-image: url("../../../assets/flags/1x1/vn.svg");
}

.fi-vu.fis {
  background-image: url("../../../assets/flags/1x1/vu.svg");
}

.fi-wf.fis {
  background-image: url("../../../assets/flags/1x1/wf.svg");
}

.fi-ws.fis {
  background-image: url("../../../assets/flags/1x1/ws.svg");
}

.fi-ye.fis {
  background-image: url("../../../assets/flags/1x1/ye.svg");
}

.fi-yt.fis {
  background-image: url("../../../assets/flags/1x1/yt.svg");
}

.fi-za.fis {
  background-image: url("../../../assets/flags/1x1/za.svg");
}

.fi-zm.fis {
  background-image: url("../../../assets/flags/1x1/zm.svg");
}

.fi-zw.fis {
  background-image: url("../../../assets/flags/1x1/zw.svg");
}

.fi-arab.fis {
  background-image: url("../../../assets/flags/1x1/arab.svg");
}

.fi-cefta.fis {
  background-image: url("../../../assets/flags/1x1/cefta.svg");
}

.fi-cp.fis {
  background-image: url("../../../assets/flags/1x1/cp.svg");
}

.fi-dg.fis {
  background-image: url("../../../assets/flags/1x1/dg.svg");
}

.fi-eac.fis {
  background-image: url("../../../assets/flags/1x1/eac.svg");
}

.fi-es-ct.fis {
  background-image: url("../../../assets/flags/1x1/es-ct.svg");
}

.fi-es-ga.fis {
  background-image: url("../../../assets/flags/1x1/es-ga.svg");
}

.fi-es-pv.fis {
  background-image: url("../../../assets/flags/1x1/es-pv.svg");
}

.fi-eu.fis {
  background-image: url("../../../assets/flags/1x1/eu.svg");
}

.fi-gb-eng.fis {
  background-image: url("../../../assets/flags/1x1/gb-eng.svg");
}

.fi-gb-nir.fis {
  background-image: url("../../../assets/flags/1x1/gb-nir.svg");
}

.fi-gb-sct.fis {
  background-image: url("../../../assets/flags/1x1/gb-sct.svg");
}

.fi-gb-wls.fis {
  background-image: url("../../../assets/flags/1x1/gb-wls.svg");
}

.fi-ic.fis {
  background-image: url("../../../assets/flags/1x1/ic.svg");
}

.fi-pc.fis {
  background-image: url("../../../assets/flags/1x1/pc.svg");
}

.fi-sh-ac.fis {
  background-image: url("../../../assets/flags/1x1/sh-ac.svg");
}

.fi-sh-hl.fis {
  background-image: url("../../../assets/flags/1x1/sh-hl.svg");
}

.fi-sh-ta.fis {
  background-image: url("../../../assets/flags/1x1/sh-ta.svg");
}

.fi-un.fis {
  background-image: url("../../../assets/flags/1x1/un.svg");
}

.fi-xk.fis {
  background-image: url("../../../assets/flags/1x1/xk.svg");
}

/*
* CountryFlag component
*
*/
/*
 * Utilities
 */
.dnb-icon:has(.dnb-country-flag) {
  display: inline-flex;
  justify-content: center;
}

.dnb-country-flag {
  display: inline-flex;
  align-items: center;
}
.dnb-country-flag__size--auto {
  --size: 1em;
}
.dnb-country-flag__size--xx-small {
  --size: 0.5rem;
}
.dnb-country-flag__size--x-small {
  --size: 0.75rem;
}
.dnb-country-flag__size--small {
  --size: 1rem;
}
.dnb-country-flag__size--medium {
  --size: 1.5rem;
}
.dnb-country-flag__size--large {
  --size: 2rem;
}
.dnb-country-flag__size--x-large {
  --size: 2.5rem;
}
p .dnb-country-flag, h1 .dnb-country-flag, h2 .dnb-country-flag, h3 .dnb-country-flag, h4 .dnb-country-flag {
  vertical-align: sub;
}
.dnb-country-flag__flag {
  border-radius: 50%;
  width: var(--size);
  height: var(--size);
}
.dnb-country-flag__shape--square .dnb-country-flag__flag {
  border-radius: unset;
}

/*
* DatePicker component
*
*/
/*
 * Utilities
 */
.dnb-date-picker {
  --date-picker-input-height: 2rem;
  --date-picker-day-width: 2rem;
  --date-picker-day-horizontal-spacing: 4px;
  display: inline-flex;
  align-items: center;
  column-gap: var(--spacing-small);
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-date-picker__inner {
  display: inline-flex;
  flex-direction: column;
  line-height: var(--date-picker-input-height);
}
.dnb-date-picker__row {
  display: inline-flex;
}
.dnb-date-picker__shell {
  position: relative;
  top: 0;
  display: inline-flex;
  flex-direction: column;
}
.dnb-date-picker__input__wrapper {
  display: inline-flex;
  white-space: nowrap;
  height: inherit;
}
.dnb-date-picker__triangle {
  pointer-events: none;
  position: absolute;
  top: calc(2px - var(--date-picker-input-height) / 2);
  left: 0;
  right: auto;
  margin: 0 1.5rem;
  width: 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: calc(var(--date-picker-input-height) / 2);
  height: calc(var(--date-picker-input-height) / 2);
  transform: translateY(60%) rotate(45deg);
  border: 1px solid var(--color-black-border);
  background-color: var(--color-white);
}
.dnb-date-picker__container {
  width: -webkit-min-content;
  width: min-content;
  position: relative;
  top: auto;
}
.dnb-date-picker__container table {
  position: relative;
  z-index: 1;
  margin: 0;
}
.dnb-date-picker__container table.dnb-no-focus:focus {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-date-picker__container table.dnb-no-focus:focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-date-picker__container:not(.dnb-date-picker__container--show-footer) .dnb-date-picker__calendar::after {
  content: none;
}
.dnb-date-picker__input,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input, .dnb-core-style .dnb-date-picker__input {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 0.125rem;
  transform: translateY(0);
  outline: none;
  font-family: var(--font-family-monospace);
  text-align: center;
  border: none;
  background: transparent;
  overflow: visible;
  white-space: nowrap;
}
@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)) {
  .dnb-date-picker__input,
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input, .dnb-core-style .dnb-date-picker__input {
    margin: 0 -4px;
  }
}
@supports (-ms-ime-align: auto) {
  .dnb-date-picker__input,
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input, .dnb-core-style .dnb-date-picker__input {
    margin: 0 -5px;
  }
}
@supports (-webkit-touch-callout: none) {
  .dnb-date-picker__input:not(*:root),
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(*:root), .dnb-core-style .dnb-date-picker__input:not(*:root) {
    margin: 0;
  }
  .dnb-date-picker__input,
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input, .dnb-core-style .dnb-date-picker__input {
    text-indent: -2px;
  }
}
@supports (-webkit-appearance: none) and (stroke-color: transparent) and (not (-webkit-touch-callout: none)) {
  .dnb-date-picker__input:not(*:root),
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:not(*:root), .dnb-core-style .dnb-date-picker__input:not(*:root) {
    margin: 0 -4px;
  }
  .dnb-date-picker__input:first-of-type:not(*:root),
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type:not(*:root), .dnb-core-style .dnb-date-picker__input:first-of-type:not(*:root) {
    margin-left: 0.8rem;
  }
  .dnb-date-picker__input:last-of-type:not(*:root),
  .dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type:not(*:root), .dnb-core-style .dnb-date-picker__input:last-of-type:not(*:root) {
    margin-right: 2.2rem;
  }
}
.dnb-date-picker__input--small.dnb-date-picker__input--small, .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small, .dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker__input--small__input,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small.dnb-date-picker__input--small,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small,
.dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small__input, .dnb-core-style .dnb-date-picker__input--small.dnb-date-picker__input--small, .dnb-core-style .dnb-date-picker__input--small .dnb-date-picker .dnb-input__input.dnb-date-picker__input--small, .dnb-core-style .dnb-date-picker__input--small--has-submit-element .dnb-core-style .dnb-date-picker__input--small__input {
  padding-right: 0.125rem;
}
.dnb-date-picker__input--small:last-of-type:not(*:root),
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--small:last-of-type:not(*:root), .dnb-core-style .dnb-date-picker__input--small:last-of-type:not(*:root) {
  margin-right: 2.2rem;
}
.dnb-date-picker__input--medium.dnb-date-picker__input--medium, .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium, .dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker__input--medium__input,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium.dnb-date-picker__input--medium,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium,
.dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium__input, .dnb-core-style .dnb-date-picker__input--medium.dnb-date-picker__input--medium, .dnb-core-style .dnb-date-picker__input--medium .dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium, .dnb-core-style .dnb-date-picker__input--medium--has-submit-element .dnb-core-style .dnb-date-picker__input--medium__input {
  padding-right: 0.125rem;
}
.dnb-date-picker__input--medium:last-of-type:not(*:root),
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--medium:last-of-type:not(*:root), .dnb-core-style .dnb-date-picker__input--medium:last-of-type:not(*:root) {
  margin-right: 3.2rem;
}
.dnb-date-picker__input--large.dnb-date-picker__input--large, .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large, .dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker__input--large__input,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large.dnb-date-picker__input--large,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large,
.dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large__input, .dnb-core-style .dnb-date-picker__input--large.dnb-date-picker__input--large, .dnb-core-style .dnb-date-picker__input--large .dnb-date-picker .dnb-input__input.dnb-date-picker__input--large, .dnb-core-style .dnb-date-picker__input--large--has-submit-element .dnb-core-style .dnb-date-picker__input--large__input {
  padding-right: 0.125rem;
}
.dnb-date-picker__input--large:last-of-type:not(*:root),
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--large:last-of-type:not(*:root), .dnb-core-style .dnb-date-picker__input--large:last-of-type:not(*:root) {
  margin-right: 4rem;
}
.dnb-date-picker__input--label-alignment-right,
.dnb-date-picker .dnb-input__input.dnb-date-picker__input--label-alignment-right, .dnb-core-style .dnb-date-picker__input--label-alignment-right {
  flex-flow: row-reverse;
  width: -webkit-fit-content;
  width: fit-content;
}
.dnb-date-picker .dnb-input__input.dnb-date-picker__input:first-of-type, .dnb-date-picker__input:first-of-type {
  margin-left: 0.8rem;
}
.dnb-date-picker .dnb-input__input.dnb-date-picker__input:last-of-type, .dnb-date-picker__input:last-of-type {
  margin-right: 2.2rem;
}
.dnb-date-picker .dnb-input__shell {
  display: none;
}
.dnb-date-picker--show-input .dnb-input__shell {
  display: flex;
}
.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__status--error .dnb-input__shell {
  box-shadow: none;
}
.dnb-input__submit-button button:focus ~ .dnb-date-picker__input__wrapper {
  display: block;
}
.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-element, .dnb-input__submit-element > .dnb-date-picker .dnb-input__submit-element {
  margin-left: 0;
}
.dnb-date-picker__views {
  display: flex;
  -webkit-user-select: none;
          user-select: none;
}
@media screen and (max-width: 60em) {
  .dnb-date-picker__views {
    flex-direction: column;
  }
}
.dnb-date-picker__calendar {
  position: relative;
  padding: 1rem;
}
.dnb-date-picker__calendar::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: calc(100% - 2rem);
  height: 1px;
}
.dnb-date-picker__header {
  min-height: 2.5rem;
  line-height: var(--line-height-basis);
  -webkit-user-select: text;
          user-select: text;
}
.dnb-date-picker__addon, .dnb-date-picker__header {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.dnb-date-picker__addon::after, .dnb-date-picker__header::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.dnb-date-picker__addon {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 1rem;
  padding: 1rem;
}
.dnb-date-picker__addon::after {
  left: 1rem;
  width: calc(100% - 2rem);
}
.dnb-date-picker__footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
.dnb-date-picker__labels__day {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.dnb-date-picker__labels, .dnb-date-picker__days {
  min-width: 18rem;
  max-width: 18rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dnb-date-picker__day, .dnb-date-picker__labels__day {
  display: flex;
  flex-basis: 14.2857142857%;
  justify-content: center;
}
.dnb-date-picker__day {
  position: relative;
  width: var(--date-picker-day-width);
  height: var(--date-picker-day-width);
  margin: var(--date-picker-day-horizontal-spacing) 0;
}
.dnb-date-picker__day .dnb-button {
  position: absolute;
  top: 0;
  width: var(--date-picker-day-width);
  height: var(--date-picker-day-width);
  white-space: nowrap;
  box-shadow: none;
}
.dnb-date-picker__day .dnb-button__bounding {
  border-radius: 0;
  transform: scale(1.28);
}
.dnb-date-picker__day .dnb-button__text {
  transform: translateY(0);
}
.dnb-date-picker__day--selectable:hover {
  z-index: 2;
}
.dnb-date-picker__day--start-date .dnb-button, .dnb-date-picker__day--end-date .dnb-button {
  z-index: 1;
}
.dnb-date-picker__day--start-date, .dnb-date-picker__day--end-date {
  position: relative;
}
.dnb-date-picker__day--start-date::after, .dnb-date-picker__day--end-date::after {
  content: "";
  position: absolute;
  top: 0;
  width: 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 .rtl {
  direction: rtl;
}
.dnb-date-picker .rtl .dnb-date-picker__prev::before {
  transform: scaleX(-1);
}
.dnb-date-picker .rtl .dnb-date-picker__next::before {
  transform: scaleX(-1);
}
.dnb-date-picker__inner > .dnb-form-status {
  order: 2;
  margin-top: 0.5rem;
}
.dnb-date-picker--vertical {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
.dnb-date-picker > .dnb-form-label {
  line-height: var(--line-height-basis);
  margin-right: 0;
}
@media screen and (max-width: 40em) {
  .dnb-date-picker {
    flex-wrap: wrap;
  }
  .dnb-date-picker > .dnb-form-label {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
.dnb-date-picker--stretch {
  display: flex;
  flex-grow: 1;
}
.dnb-date-picker--stretch .dnb-date-picker__inner, .dnb-date-picker--stretch .dnb-date-picker__shell {
  width: 100%;
}
.dnb-form-row--horizontal .dnb-date-picker--stretch {
  width: 100%;
}
.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status] {
  align-items: flex-start;
}
.dnb-date-picker:not(.dnb-date-picker--vertical)[class*=__status] > .dnb-form-label {
  margin-top: 0.25rem;
}
.dnb-date-picker:not(.dnb-date-picker--show-input) .dnb-input__submit-button .dnb-button {
  border-radius: 50%;
}
@media screen and (max-width: 40em) {
  .dnb-responsive-component .dnb-date-picker {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.5rem;
  }
  .dnb-responsive-component .dnb-date-picker > .dnb-form-label {
    margin-bottom: 0.5rem;
  }
  .dnb-responsive-component .dnb-date-picker__helper {
    display: none;
  }
}
.dnb-date-picker .dnb-input__submit-button .dnb-button.dnb-skeleton {
  visibility: hidden;
}
.dnb-date-picker__fieldset:not([class*=space__top]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-date-picker__fieldset:not([class*=space__bottom]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-date-picker__fieldset:not([class*=space__left]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-date-picker__fieldset:not([class*=space__right]), .dnb-core-style .dnb-date-picker__fieldset:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-date-picker__fieldset, .dnb-core-style .dnb-date-picker__fieldset {
  padding: 0;
  border: none;
}
.dnb-date-picker__portal {
  --date-picker-input-height: 2rem;
  --date-picker-day-width: 2rem;
  --date-picker-day-horizontal-spacing: 4px;
  --popover-z-index: calc(var(--modal-z-index) + 10);
  line-height: var(--date-picker-input-height);
}

@keyframes date-picker-slide-down {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes date-picker-slide-up {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*
 * Dialog component
 *
 */
/*
 * Utilities
 */
/*
 * Modal component
 *
 */
@keyframes show-modal {
  from {
    opacity: 0.1;
    transform: translate3d(0, -1rem, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes hide-modal {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 1rem, 0);
    opacity: 0;
  }
}
@keyframes show-drawer {
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes hide-drawer-left {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(-20rem, 0, 0);
    opacity: 0;
  }
}
@keyframes hide-drawer-top {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, -20rem, 0);
    opacity: 0;
  }
}
@keyframes hide-drawer-bottom {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20rem, 0);
    opacity: 0;
  }
}
@keyframes hide-drawer-right {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(20rem, 0, 0);
    opacity: 0;
  }
}
@keyframes show-modal-overlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hide-modal-overlay {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.dnb-dialog {
  --dialog-min-width: 320px;
  --dialog-avg-width: 60vw;
  --dialog-max-width: 49rem;
  --dialog-confirm-max-width: 40rem;
  --dialog-spacing: 2rem;
  --dialog-spacing-minus: -2rem;
  --dialog-radius: 0.5rem;
  --dialog-padding: calc(var(--dialog-spacing) * 1.75);
  position: relative;
  border-radius: var(--dialog-radius);
  box-shadow: var(--shadow-default);
  -webkit-user-select: text;
          user-select: text;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: var(--dialog-background);
  max-height: 100vh;
  overflow: hidden;
}
.dnb-dialog > .dnb-scroll-view {
  height: 100%;
  max-height: 90vh;
}
.dnb-dialog__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
}
.dnb-dialog--information {
  width: var(--dialog-avg-width);
  min-width: var(--dialog-min-width);
  max-width: var(--dialog-max-width);
}
.dnb-dialog--confirmation {
  max-width: var(--dialog-confirm-max-width);
  margin-left: 1rem;
  margin-right: 1rem;
}
@media screen and (max-width: 40em) {
  .dnb-dialog--auto-fullscreen {
    width: 100%;
    height: 100vh;
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
    box-shadow: none;
    margin: auto 0;
  }
}
.dnb-dialog--fullscreen {
  width: 100%;
  height: 100vh;
  max-width: 100%;
  max-height: 100vh;
  border-radius: 0;
  box-shadow: none;
  margin: auto 0;
}
.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__content {
  padding-bottom: calc(var(--dialog-spacing) * 2);
}
.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner {
  padding-left: var(--dialog-padding);
  padding-right: var(--dialog-padding);
}
@media screen and (max-width: 72em) {
  .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner {
    padding-left: calc(var(--dialog-spacing));
    padding-right: calc(var(--dialog-spacing));
  }
}
@media screen and (max-width: 40em) {
  .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__inner {
    padding-left: calc(var(--dialog-spacing) / 2);
    padding-right: calc(var(--dialog-spacing) / 2);
  }
}
.dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section {
  margin-top: calc(var(--dialog-spacing));
  margin-bottom: calc(var(--dialog-spacing) / 2);
}
@media screen and (max-width: 60em) {
  .dnb-dialog--spacing.dnb-dialog--information .dnb-dialog__navigation.dnb-section {
    margin-top: calc(var(--dialog-spacing) / 2);
  }
}
.dnb-dialog--spacing.dnb-dialog--confirmation .dnb-dialog__inner {
  padding: calc(var(--dialog-spacing));
}
.dnb-dialog__align--centered .dnb-dialog__inner {
  align-items: center;
  justify-content: center;
}
.dnb-dialog__align--centered .dnb-dialog__title, .dnb-dialog__align--centered.dnb-dialog--confirmation .dnb-dialog__content {
  text-align: center;
}
.dnb-dialog__content {
  position: relative;
  z-index: 1;
}
.dnb-dialog__actions {
  padding-top: 1.5rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.dnb-dialog--information .dnb-dialog__actions {
  justify-content: left;
}
.dnb-dialog__align--center .dnb-dialog__content {
  align-items: center;
  text-align: center;
}
.dnb-dialog__align--right .dnb-dialog__content {
  align-items: flex-end;
  text-align: right;
}
.dnb-dialog__title ~ .dnb-dialog__content {
  padding-top: calc(var(--dialog-spacing) / 2);
}
@media screen and (max-width: 60em) {
  .dnb-dialog__title {
    font-size: var(--font-size-large) !important;
    line-height: var(--line-height-medium) !important;
  }
}
@media screen and (max-width: 40em) {
  .dnb-dialog__title {
    font-size: var(--font-size-medium) !important;
    line-height: var(--line-height-lead) !important;
  }
}
.dnb-dialog--information .dnb-dialog__title {
  margin-bottom: var(--spacing-small) !important;
}
.dnb-dialog--confirmation .dnb-dialog__title {
  margin-bottom: var(--spacing-x-small) !important;
}
.dnb-dialog__navigation.dnb-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.dnb-dialog--spacing .dnb-dialog__navigation.dnb-section {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 99;
}
.dnb-dialog--spacing .dnb-dialog__navigation.dnb-section.dnb-dialog__navigation--sticky {
  z-index: 2999;
}
.dnb-dialog .dnb-dialog__navigation--sticky::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: var(--shadow-default);
}
.dnb-dialog .dnb-dialog__navigation:not(.dnb-dialog__navigation--sticky)::after {
  color: transparent;
}
.dnb-dialog--spacing .dnb-dialog__navigation.dnb-section {
  margin: 0;
}
.dnb-dialog--spacing .dnb-dialog__navigation.dnb-section + .dnb-dialog__title {
  margin-top: var(--spacing-medium);
}
.dnb-dialog .dnb-dialog__navigation--sticky::before {
  left: calc(-1 * var(--dialog-padding));
  right: calc(-1 * var(--dialog-padding));
  box-shadow: var(--shadow-default-x) var(--shadow-default-y) 8px 0 var(--shadow-default-color);
}
@media screen and (max-width: 72em) {
  .dnb-dialog .dnb-dialog__navigation--sticky::before {
    left: calc(-1 * var(--dialog-spacing));
    right: calc(-1 * var(--dialog-spacing));
  }
}
@media screen and (max-width: 40em) {
  .dnb-dialog .dnb-dialog__navigation--sticky::before {
    left: calc(-1 * var(--dialog-spacing) / 2);
    right: calc(-1 * var(--dialog-spacing) / 2);
  }
}
html:not([data-visual-test]) .dnb-dialog {
  animation: show-modal var(--modal-animation-duration) ease-out;
}
html:not([data-visual-test]) .dnb-dialog--hide {
  animation: hide-modal 220ms ease-in-out forwards;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-dialog {
    animation-duration: 0.01ms !important;
  }
}
.dnb-dialog--no-animation {
  animation-duration: 0ms !important;
}
@media screen and (max-width: 40em) {
  .dnb-dialog--no-animation-on-mobile {
    animation-delay: 0ms !important;
    animation-duration: 0ms !important;
  }
}
.dnb-dialog__body {
  padding-bottom: calc(var(--dialog-spacing) * 2);
  margin-bottom: calc(var(--dialog-spacing-minus) * 2);
}
.dnb-dialog__header::after {
  top: -500%;
  height: 600%;
}
.dnb-dialog__header [class*=dnb-h--], .dnb-dialog__header .dnb-modal__title {
  padding: 0;
}
.dnb-dialog__header [class*=dnb-h--]:not([class*=__top]), .dnb-dialog__header .dnb-modal__title:not([class*=__top]) {
  margin-top: 0;
}
.dnb-dialog__header [class*=dnb-h--]:not([class*=__bottom]), .dnb-dialog__header .dnb-modal__title:not([class*=__bottom]) {
  margin-bottom: 0;
}
.dnb-dialog--spacing .dnb-dialog__header .dnb-tabs {
  margin-top: 3.5rem;
}
.dnb-dialog__icon {
  display: flex;
}
.dnb-dialog__icon__primary.dnb-icon--border {
  --icon-border-positioning--default: var(--dialog-icon-positioning);
  color: var(--dialog-icon-color);
}
.dnb-dialog__icon__primary.dnb-icon--border svg {
  z-index: 1;
  position: relative;
}
.dnb-dialog__icon__primary.dnb-icon--border::after {
  border: none;
  background-color: var(--dialog-icon-background);
}
.dnb-dialog__icon__primary.dnb-dialog__icon--warning {
  --dialog-icon-color: var(--dialog-icon-color--warning);
  --dialog-icon-background: var(--dialog-icon-background--warning);
}
.dnb-dialog__icon__primary.dnb-dialog__icon--info {
  --dialog-icon-color: var(--dialog-icon-color--info);
  --dialog-icon-background: var(--dialog-icon-background--info);
}
.dnb-dialog__icon ~ .dnb-dialog__header {
  margin-top: 1.5rem;
}
@supports (-webkit-touch-callout: none) {
  @media (max-height: 40em) {
    .dnb-dialog .dnb-scroll-view {
      max-height: 82vh;
    }
  }
}

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

/*
* Dropdown component
*
*/
/*
 * Utilities
 */
.dnb-dropdown {
  --dropdown-width: 16rem;
  --dropdown-height: 2rem;
  --dropdown-height--small: 1.5rem;
  --dropdown-height--medium: 2.5rem;
  --dropdown-height--large: 3rem;
  --dropdown-padding-horizontal: 1rem;
  --dropdown-focus-border-width: 0.125rem;
  --dropdown-error-border-width: 0.125rem;
  --dropdown-text-padding: 0.5rem;
  --dropdown-button-padding: 0 1rem;
  --dropdown-border-radius: 0.25rem;
  --dropdown-foreground-color-primary: var(--color-black-55);
  --dropdown-foreground-color-error: var(--color-fire-red);
  --dropdown-background-color-disabled: var(--color-black-3);
  --dropdown-background-color-error-active: var(--color-fire-red-8);
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-small);
  line-height: var(--dropdown-height);
}
.dnb-dropdown__inner {
  display: inline-flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: auto;
  color: inherit;
}
.dnb-dropdown__shell {
  position: relative;
  width: var(--dropdown-width);
  height: var(--dropdown-height);
  margin: 0;
  padding: 0;
  color: inherit;
}
.dnb-dropdown__row {
  display: inline-flex;
}
.dnb-dropdown__icon {
  position: relative;
  order: 2;
  display: inline-flex;
  justify-content: center;
  pointer-events: none;
}
.dnb-dropdown__trigger {
  position: relative;
  z-index: 1;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
}
.dnb-dropdown__trigger.dnb-button {
  padding: var(--dropdown-button-padding);
  border-radius: var(--dropdown-border-radius);
}
.dnb-dropdown--is-popup .dnb-dropdown__trigger.dnb-button {
  padding: 0;
  border-radius: 50%;
}
.dnb-dropdown__text {
  order: 1;
  position: relative;
  z-index: 4;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  color: inherit;
  text-align: left;
  text-overflow: ellipsis;
  line-height: inherit;
  font-size: var(--font-size-basis);
}
.dnb-dropdown__text__inner {
  display: inherit;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: inherit;
}
.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger {
  --border-color: var(--dropdown-foreground-color-error);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) {
  color: var(--dropdown-foreground-color-error);
  --border-color: var(--dropdown-foreground-color-error);
  --border-width: var(--dropdown-error-border-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:hover:not([disabled]) .dnb-dropdown__icon .dnb-icon {
  color: var(--dropdown-foreground-color-error);
}
.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled], html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active[disabled] {
  cursor: not-allowed;
}
.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger:active:not([disabled]) {
  color: var(--dropdown-foreground-color-error);
  background-color: var(--dropdown-background-color-error-active);
}
.dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__trigger, .dnb-dropdown__status--error:not(.dnb-dropdown--opened) .dnb-dropdown__icon {
  color: var(--dropdown-foreground-color-error);
}
.dnb-dropdown > .dnb-form-status {
  transform: translateY(-0.4375rem);
}
.dnb-dropdown--icon-position-left .dnb-dropdown__text {
  order: 2;
  padding-right: 0;
  padding-left: var(--dropdown-text-padding);
}
.dnb-dropdown--icon-position-left .dnb-dropdown__icon {
  order: 1;
}
.dnb-dropdown--icon-position-right .dnb-dropdown__text {
  padding-right: var(--dropdown-text-padding);
}
.dnb-dropdown--independent-width .dnb-dropdown__shell {
  width: auto;
}
@media screen and (max-width: 40em) {
  .dnb-dropdown--action-menu .dnb-dropdown__trigger.dnb-button {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    border-radius: 50%;
  }
}
@media screen and (min-width: 40.00625em) {
  .dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text {
    padding: 0 0.5rem;
  }
}
@media screen and (max-width: 40em) {
  .dnb-dropdown--action-menu .dnb-dropdown__shell .dnb-dropdown__text {
    width: 0;
    padding: 0;
  }
}
.dnb-dropdown--icon-position-left .dnb-button--tertiary ~ .dnb-drawer-list__root--portal {
  left: -0.5rem;
}
.dnb-dropdown--icon-position-right .dnb-button--tertiary ~ .dnb-drawer-list__root--portal {
  left: 0.5rem;
}
.dnb-dropdown .dnb-button--tertiary.dnb-button--active {
  box-shadow: none;
}
.dnb-dropdown .dnb-button--tertiary .dnb-button__text {
  margin: 0 0.5rem;
}
.dnb-dropdown .dnb-button--tertiary .dnb-button__text::after {
  bottom: 0;
}
.dnb-dropdown--icon-position-left .dnb-button--tertiary .dnb-dropdown__text, .dnb-dropdown--icon-position-right .dnb-button--tertiary .dnb-dropdown__text {
  padding: 0;
}
.dnb-dropdown .dnb-button--tertiary {
  padding: 0;
}
.dnb-dropdown .dnb-button--tertiary:focus::before {
  left: 0 !important;
  right: 0 !important;
}
.dnb-dropdown--default.dnb-dropdown--is-popup .dnb-dropdown__shell, .dnb-dropdown--is-popup .dnb-dropdown__trigger {
  padding: 0;
  width: var(--dropdown-height);
  height: var(--dropdown-height);
}
.dnb-dropdown--is-popup .dnb-dropdown__icon {
  width: 100%;
}
.dnb-dropdown--is-popup.dnb-dropdown--scroll .dnb-dropdown__options {
  min-height: 1rem;
}
.dnb-dropdown--is-popup .dnb-drawer-list__root {
  width: var(--dropdown-width);
}
.dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__shell, .dnb-dropdown--small.dnb-dropdown--is-popup .dnb-dropdown__trigger {
  width: var(--dropdown-height--small);
}
.dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__shell, .dnb-dropdown--medium.dnb-dropdown--is-popup .dnb-dropdown__trigger {
  width: var(--dropdown-height--medium);
}
.dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__shell, .dnb-dropdown--large.dnb-dropdown--is-popup .dnb-dropdown__trigger {
  width: var(--dropdown-height--large);
}
.dnb-dropdown--small .dnb-dropdown__shell, .dnb-dropdown--small .dnb-dropdown__trigger {
  height: var(--dropdown-height--small);
}
.dnb-dropdown--small, .dnb-dropdown--small .dnb-dropdown__trigger.dnb-button {
  line-height: var(--dropdown-height--small);
}
.dnb-dropdown--medium .dnb-dropdown__shell, .dnb-dropdown--medium .dnb-dropdown__trigger {
  height: var(--dropdown-height--medium);
}
.dnb-dropdown--medium, .dnb-dropdown--medium .dnb-dropdown__trigger.dnb-button {
  line-height: var(--dropdown-height--medium);
}
.dnb-dropdown--large .dnb-dropdown__shell, .dnb-dropdown--large .dnb-dropdown__trigger {
  height: var(--dropdown-height--large);
}
.dnb-dropdown--large, .dnb-dropdown--large .dnb-dropdown__trigger.dnb-button {
  line-height: var(--dropdown-height--large);
}
.dnb-dropdown--large .dnb-dropdown__trigger.dnb-button .dnb-dropdown__text {
  line-height: var(--line-height-basis);
}
.dnb-dropdown > .dnb-form-label {
  margin-right: 1rem;
  line-height: var(--line-height-basis);
}
@media screen and (max-width: 40em) {
  .dnb-dropdown {
    flex-wrap: wrap;
  }
  .dnb-dropdown > .dnb-form-label {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
.dnb-dropdown--stretch {
  display: flex;
  flex-grow: 1;
}
.dnb-dropdown--stretch .dnb-dropdown__inner {
  flex-grow: 1;
}
.dnb-dropdown--stretch .dnb-dropdown__row, .dnb-dropdown--stretch .dnb-dropdown__inner, .dnb-dropdown--stretch .dnb-dropdown__shell {
  width: 100%;
}
.dnb-dropdown--stretch .dnb-form-label + .dnb-dropdown__inner {
  width: auto;
}
.dnb-dropdown--vertical.dnb-dropdown--stretch .dnb-dropdown__inner {
  width: 100%;
}
.dnb-form-row--horizontal .dnb-dropdown--stretch {
  width: 100%;
}
label + .dnb-dropdown[class*=__form-status] {
  vertical-align: top;
}
label + .dnb-dropdown[class*=__form-status] .dnb-dropdown__shell {
  top: -0.375rem;
}
.dnb-dropdown__inner > .dnb-form-status {
  order: 2;
  margin-top: 0.5rem;
}
.dnb-dropdown--vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dnb-dropdown:not(.dnb-dropdown--vertical)[class*=__status] {
  align-items: flex-start;
}
.dnb-dropdown:not(.dnb-dropdown--vertical)[class*=__status] > .dnb-form-label {
  margin-top: 0.25rem;
}
@media screen and (max-width: 40em) {
  .dnb-responsive-component .dnb-dropdown {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.5rem;
  }
  .dnb-responsive-component .dnb-dropdown > .dnb-form-label {
    margin-bottom: 0.5rem;
  }
  .dnb-responsive-component .dnb-dropdown__helper {
    display: none;
  }
}

.dnb-drawer-list--triangle-position-left .dnb-dropdown__list--tertiary .dnb-drawer-list__triangle {
  margin-left: 0.5rem;
}
.dnb-drawer-list--triangle-position-right .dnb-dropdown__list--tertiary .dnb-drawer-list__triangle {
  margin-right: 0.5rem;
}

.dnb-flex-container {
  --gap: 0;
  --horizontal-gap: 0;
  display: flex;
  row-gap: var(--gap);
}
.dnb-flex-container--direction-horizontal {
  flex-direction: row;
  margin-right: calc(var(--horizontal-gap) * -1);
}
.dnb-flex-container--direction-vertical {
  flex-direction: column;
}
.dnb-flex-container--justify-flex-start {
  justify-content: flex-start;
}
.dnb-flex-container--justify-flex-end {
  justify-content: flex-end;
}
.dnb-flex-container--justify-center {
  justify-content: center;
}
.dnb-flex-container--justify-space-between {
  justify-content: space-between;
}
.dnb-flex-container--justify-space-around {
  justify-content: space-around;
}
.dnb-flex-container--justify-space-evenly {
  justify-content: space-evenly;
}
.dnb-flex-container--align-flex-start {
  align-items: flex-start;
}
.dnb-flex-container--align-flex-end {
  align-items: flex-end;
}
.dnb-flex-container--align-center {
  align-items: center;
}
.dnb-flex-container--align-stretch {
  align-items: stretch;
}
.dnb-flex-container--align-baseline {
  align-items: baseline;
}
.dnb-flex-container--align-self-flex-start {
  align-self: flex-start;
}
.dnb-flex-container--align-self-flex-end {
  align-self: flex-end;
}
.dnb-flex-container--align-self-center {
  align-self: center;
}
.dnb-flex-container--align-self-baseline {
  align-self: baseline;
}
.dnb-flex-container--align-self-stretch {
  align-self: stretch;
}
.dnb-flex-container--wrap {
  flex-wrap: wrap;
}
.dnb-flex-container--row-gap-xx-small {
  --gap: var(--spacing-xx-small);
}
.dnb-flex-container--row-gap-x-small {
  --gap: var(--spacing-x-small);
}
.dnb-flex-container--row-gap-small {
  --gap: var(--spacing-small);
}
.dnb-flex-container--row-gap-medium {
  --gap: var(--spacing-medium);
}
.dnb-flex-container--row-gap-large {
  --gap: var(--spacing-large);
}
.dnb-flex-container--row-gap-x-large {
  --gap: var(--spacing-x-large);
}
.dnb-flex-container--row-gap-xx-large {
  --gap: var(--spacing-xx-large);
}
.dnb-flex-container--spacing-xx-small {
  --horizontal-gap: var(--spacing-xx-small);
}
.dnb-flex-container--spacing-x-small {
  --horizontal-gap: var(--spacing-x-small);
}
.dnb-flex-container--spacing-small {
  --horizontal-gap: var(--spacing-small);
}
.dnb-flex-container--spacing-medium {
  --horizontal-gap: var(--spacing-medium);
}
.dnb-flex-container--spacing-large {
  --horizontal-gap: var(--spacing-large);
}
.dnb-flex-container--spacing-x-large {
  --horizontal-gap: var(--spacing-x-large);
}
.dnb-flex-container--spacing-xx-large {
  --horizontal-gap: var(--spacing-xx-large);
}
.dnb-flex-container__hr.dnb-hr {
  width: 100%;
  color: var(--color-black-8);
}

/*
 * Utilities
 */
.dnb-flex-item--grow {
  flex-grow: 1;
}
.dnb-flex-item--shrink {
  flex-shrink: 1;
}
.dnb-flex-item--align-self-flex-start {
  align-self: flex-start;
}
.dnb-flex-item--align-self-flex-end {
  align-self: flex-end;
}
.dnb-flex-item--align-self-center {
  align-self: center;
}
.dnb-flex-item--align-self-baseline {
  align-self: baseline;
}
.dnb-flex-item--align-self-stretch {
  align-self: stretch;
}
.dnb-flex-item--responsive {
  --sizeCount--default: 12;
  --size--default: var(--small);
}
.dnb-flex-container[data-media-key=small] .dnb-flex-item--responsive {
  --size: var(--small, var(--medium));
}
.dnb-flex-container[data-media-key=medium] .dnb-flex-item--responsive {
  --size: var(--medium, var(--large));
}
.dnb-flex-container[data-media-key=large] .dnb-flex-item--responsive {
  --size: var(--large, var(--medium));
}
.dnb-flex-item--responsive {
  --flex-basis: calc(
    100% / var(--sizeCount, var(--sizeCount--default)) *
      var(--size, var(--size--default))
  );
  flex-grow: 0;
  flex-basis: var(--flex-basis);
  max-width: var(--flex-basis);
}

.dnb-flex-stack + .dnb-flex-stack {
  margin-top: var(--spacing-small);
}

.dnb-flex-stack > .dnb-button {
  align-self: flex-start;
}

/*
 * FormLabel component
 *
 */
.dnb-form-label {
  display: inline-block;
  padding: 0;
}
.dnb-form-label[for] {
  width: -webkit-fit-content;
  width: fit-content;
}
.dnb-form-label {
  text-align: left;
  vertical-align: baseline;
  white-space: pre-wrap;
  word-break: normal;
  font-size: var(--font-size-basis);
  color: inherit;
}
.dnb-form-label--vertical {
  display: block;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.dnb-form-label--interactive {
  cursor: pointer;
}
.dnb-form-label[disabled] {
  cursor: not-allowed;
}

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

/*
 * FormRow component
 *
 */
/*
 * Utilities
 */
.dnb-form-row, .dnb-form-row.dnb-section {
  display: flex;
}
.dnb-form-row {
  align-items: baseline;
}
.dnb-form-row__content {
  display: inline-flex;
  flex: 1;
  width: 100%;
}
.dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content {
  align-items: baseline;
}
.dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content .dnb-form-label {
  white-space: nowrap;
}
.dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content--wrap {
  display: block;
}
@media screen and (max-width: 40em) {
  .dnb-form-row:not(.dnb-form-row--vertical) {
    flex-direction: column;
    align-items: flex-start;
  }
  .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-label {
    margin-bottom: 0.5rem;
  }
  .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content {
    flex-direction: column;
  }
  .dnb-form-row:not(.dnb-form-row--vertical) > .dnb-form-row__content > .dnb-form-label {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 40.00625em) {
  .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content {
    align-items: center;
  }
}
.dnb-form-row--vertical > .dnb-form-row__label {
  margin-bottom: 0.5rem;
}
.dnb-form-row--vertical > .dnb-form-row__content, .dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested) {
  flex-direction: column;
}
.dnb-form-row--vertical-label {
  flex-direction: column;
}
.dnb-form-row > .dnb-form-status {
  margin: 0.5rem 0;
}
.dnb-form-row > .dnb-form-row__label--vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dnb-form-row > .dnb-form-row__label--vertical ~ .dnb-form-row__content {
  grid-column: column1-start/column1-end;
}
.dnb-form-row__label-dummy {
  margin: 0;
}
.dnb-form-row__fieldset:not([class*=space__top]), .dnb-core-style .dnb-form-row__fieldset:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-form-row__fieldset:not([class*=space__bottom]), .dnb-core-style .dnb-form-row__fieldset:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-form-row__fieldset:not([class*=space__left]), .dnb-core-style .dnb-form-row__fieldset:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-form-row__fieldset:not([class*=space__right]), .dnb-core-style .dnb-form-row__fieldset:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-form-row__fieldset, .dnb-core-style .dnb-form-row__fieldset {
  padding: 0;
  border: none;
  width: 100%;
}

/*
 * FormSet component
 *
 */
/*
 * FormStatus component
 *
 */
/*
 * Utilities
 */
.dnb-form-status {
  --form-status-radius: 0.25rem;
  display: flex;
  opacity: 1;
}
.dnb-form-status__shell {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: inherit;
  border-radius: var(--form-status-radius);
}
.dnb-form-status__text {
  max-width: var(--prose-max-width);
  padding: 0.625rem 1rem;
  cursor: text;
}
button .dnb-form-status__text {
  cursor: inherit;
}
.dnb-form-status__text {
  color: inherit;
  line-height: var(--line-height-small);
  font-size: var(--font-size-small);
}
.dnb-form-status__text .dnb-ul,
.dnb-form-status__text .dnb-anchor {
  font-size: inherit;
}
.dnb-form-status__text .dnb-ul:not([class*=dnb-space__left]) {
  padding-left: 1rem;
}
.dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]) .dnb-li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.dnb-spacing .dnb-form-status__text .dnb-ul:not([class*=dnb-space__bottom]) {
  margin-bottom: 0.5rem;
}
.dnb-form-status__text {
  white-space: normal;
}
.dnb-icon + .dnb-form-status__text {
  padding-left: 0.5rem;
}
.dnb-form-status__shell > .dnb-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.3333333em 0.3333333em 0.3333333em 0.6666666em;
}
.dnb-form-status__size--large .dnb-form-status__text {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
.dnb-form-status__size--large .dnb-form-status__shell > .dnb-icon {
  margin-top: 0.6666666em;
  margin-bottom: 0.6666666em;
}
.dnb-form-status--stretch {
  flex-grow: 1;
}
.dnb-form-status--stretch .dnb-form-status__shell {
  width: 100%;
}
.dnb-form-status[hidden] {
  display: none;
}

/*
 * GlobalError component
 *
 */
/*
 * Utilities
 */
.dnb-global-error {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
}
.dnb-global-error--center {
  display: grid;
  place-content: center;
  height: 80vh;
}
.dnb-global-error__inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* for large screens */
  width: 100%;
  max-width: var(--layout-large);
  padding: var(--spacing-large);
}
@media screen and (max-width: 40em) {
  .dnb-global-error__inner {
    padding: 0 var(--spacing-x-small);
  }
}
.dnb-global-error__inner {
  text-align: center;
}
.dnb-global-error__inner__content {
  max-width: 37rem;
}
.dnb-global-error__links {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2rem;
}
.dnb-global-error__links .dnb-anchor {
  font-size: var(--font-size-medium);
}
@media screen and (max-width: 40em) {
  .dnb-global-error__links {
    flex-direction: column;
    gap: 1rem;
  }
}
@media screen and (max-width: 40em) {
  .dnb-global-error h1 {
    font-size: var(--font-size-large);
  }
}

/*
 * GlobalStatus component
 *
 */
/*
 * Utilities
 */
.dnb-global-status.dnb-section {
  display: block;
}
.dnb-global-status__shell {
  width: 100%;
}
.dnb-global-status__shell.dnb-height-animation--hidden {
  overflow-y: clip;
}
.dnb-global-status__shell .dnb-hr, .dnb-spacing .dnb-global-status__shell .dnb-hr:not([class*=dnb-space__bottom]) {
  margin: 0 0 0 1rem;
}
.dnb-global-status__shell .dnb-hr::after, .dnb-spacing .dnb-global-status__shell .dnb-hr:not([class*=dnb-space__bottom])::after {
  top: calc(var(--thickness) * -1);
}
.dnb-global-status__title {
  position: relative;
  cursor: text;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  padding: 1.5rem 5rem 1.5rem 2.5rem;
  font-size: var(--font-size-basis);
}
.dnb-global-status__title .dnb-p, .dnb-spacing .dnb-global-status__title .dnb-p, .dnb-spacing .dnb-global-status__title .dnb-p:not([class*=dnb-space]) {
  margin: 0;
}
.dnb-global-status__message {
  cursor: text;
  z-index: 1;
}
.dnb-global-status__message__content {
  display: flex;
  flex-direction: column;
  padding: 0 0 0.5rem 2.5rem;
}
.dnb-global-status__message__content > .dnb-ul:first-child > li:first-child {
  margin-top: 0;
}
.dnb-global-status__message__content .dnb-p, .dnb-spacing .dnb-global-status__message__content .dnb-p, .dnb-spacing .dnb-global-status__message__content .dnb-p:not([class*=dnb-space]) {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.dnb-global-status__icon {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 1.5rem;
}
.dnb-global-status__close-button, .dnb-global-status__close-button.dnb-button--tertiary {
  position: absolute;
  z-index: 1;
  right: 1rem;
  left: auto;
}
.dnb-modal__content__inner .dnb-global-status__close-button {
  right: 0;
}
.dnb-global-status__content {
  width: 100%;
}
.dnb-global-status__content .dnb-ul, .dnb-spacing .dnb-global-status__content .dnb-ul, .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) {
  margin: 0;
  padding-left: 1rem;
}
.dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type, .dnb-spacing .dnb-global-status__content .dnb-ul .dnb-anchor:last-of-type, .dnb-spacing .dnb-global-status__content .dnb-ul:not([class*=dnb-space]) .dnb-anchor:last-of-type {
  margin-left: 0.5rem;
}

/*
 * Utilities
 */
.dnb-grid-container {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  grid-auto-flow: dense;
  row-gap: var(--row-gap, 0);
  column-gap: var(--column-gap, 0);
}
.dnb-grid-container--row-gap-x-small {
  --row-gap: var(--spacing-x-small);
}
.dnb-grid-container--row-gap-small {
  --row-gap: var(--spacing-small);
}
.dnb-grid-container--row-gap-medium {
  --row-gap: var(--spacing-medium);
}
.dnb-grid-container--row-gap-large {
  --row-gap: var(--spacing-large);
}
.dnb-grid-container--column-gap-x-small {
  --column-gap: var(--spacing-x-small);
}
.dnb-grid-container--column-gap-small {
  --column-gap: var(--spacing-small);
}
.dnb-grid-container--column-gap-medium {
  --column-gap: var(--spacing-medium);
}
.dnb-grid-container--column-gap-large {
  --column-gap: var(--spacing-large);
}
.dnb-grid-container {
  --grid-columns: var(--small-columns, 4);
}
@media screen and (min-width: 40.00625em) {
  .dnb-grid-container {
    --grid-columns: var(--medium-columns, 6);
  }
}
@media screen and (min-width: 60.00625em) {
  .dnb-grid-container {
    --grid-columns: var(--large-columns, 12);
  }
}
@media screen and (max-width: 60em) {
  .dnb-grid-container__disabled--small {
    display: unset;
  }
}
@media screen and (min-width: 40.00625em) and (max-width: 60em) {
  .dnb-grid-container__disabled--medium {
    display: unset;
  }
}
@media screen and (min-width: 72.00625em) {
  .dnb-grid-container {
    --grid-columns: var(--large-columns, 12);
  }
  .dnb-grid-container__disabled--large {
    display: unset;
  }
}

.dnb-grid-item {
  grid-column: var(--start-c)/var(--end-c);
  --start-c: var(--small-c-s, 1);
  --end-c: var(--small-c-e, calc(var(--grid-columns) + 1));
}
@media screen and (min-width: 40.00625em) {
  .dnb-grid-item {
    --start-c: var(--medium-c-s, 1);
    --end-c: var(--medium-c-e, calc(var(--grid-columns) + 1));
  }
}
@media screen and (min-width: 60.00625em) {
  .dnb-grid-item {
    --start-c: var(--large-c-s, 1);
    --end-c: var(--large-c-e, calc(var(--grid-columns) + 1));
  }
}
.dnb-grid-item--full-width {
  --start-c: 0;
  --end-c: var(--grid-columns);
}

/*
 * Heading Component
 *
 */
/*
 * Utilities
 */
.dnb-heading__debug {
  color: var(--color-black-20);
  font-weight: var(--font-weight-basis);
}
.dnb-heading__debug .dnb-code {
  color: var(--color-black);
  font-size: 12px !important;
}
.dnb-heading__context {
  display: block;
  padding: 1rem 0 2rem;
}

/*
* HeightAnimation component
*
*/
/*
 * Utilities
 */
.dnb-height-animation {
  --height-animation-duration: var(--duration, 400ms);
  --height-animation: height var(--height-animation-duration)
    var(--easing-default) var(--delay, 0ms);
  will-change: height;
  transition: var(--height-animation);
}
html[data-visual-test] .dnb-height-animation, html[data-visual-test] .dnb-height-animation * {
  transition: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-height-animation {
    --height-animation-duration: 0.01ms;
    transition-duration: 0.01ms !important;
  }
}
.dnb-height-animation--animating {
  overflow-y: hidden;
}
@supports (overflow-y: clip) {
  .dnb-height-animation--animating {
    overflow-y: clip;
  }
}
.dnb-height-animation--hidden {
  display: none;
}
.dnb-height-animation--show-overflow {
  overflow: visible;
}

/*
 * HelpButton component
 *
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-help-button.dnb-help-button__inline--open {
  --border-color: var(--color-emerald-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-help-button__inline svg {
  will-change: transform;
}
.dnb-help-button__inline svg:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
.dnb-help-button__inline--open svg:nth-of-type(1) {
  opacity: 0;
}
.dnb-help-button__inline--open svg:nth-of-type(2) {
  animation: rotate-icon-in 400ms var(--easing-default) forwards;
}
.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(1) {
  opacity: 0;
  animation: animate-question 400ms var(--easing-default) 200ms forwards;
}
.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2) {
  animation: rotate-icon-out 400ms var(--easing-default) forwards;
}
.dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg, html[data-visual-test] .dnb-help-button__inline svg {
  animation-duration: 0ms;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-help-button__inline svg {
    animation-duration: 0.01ms !important;
  }
}
@keyframes rotate-icon-in {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(90deg);
  }
}
@keyframes rotate-icon-out {
  0% {
    opacity: 1;
    transform: rotate(90deg);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(0deg);
  }
}
@keyframes animate-question {
  from {
    opacity: 0;
    transform: rotate(10deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.dnb-help-button__content .dnb-section {
  --background-color: var(--help-button-content-background);
  --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
}
.dnb-help-button__content .dnb-section .dnb-p {
  max-width: var(--prose-max-width);
  transition: transform 400ms var(--easing-default) 40ms;
  transform: translate3d(0, -0.5rem, 0);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-help-button__content .dnb-section .dnb-p {
    transition-duration: 0.01ms;
  }
}
.dnb-help-button__content {
  --help-button-indent-width: var(--card-outline-width);
}
:not(.dnb-card) .dnb-help-button__content .dnb-section {
  --outset-left: calc(
    var(--spacing-medium) + var(--help-button-indent-width)
  );
  --outset-right: calc(
    var(--spacing-medium) + var(--help-button-indent-width)
  );
}
.dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p {
  transform: translate3d(0, 0, 0);
}

/*
 * HelpButton component
 *
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
/*
 * HelpButton component
 *
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-help-button.dnb-help-button__inline--open {
  --border-color: var(--color-emerald-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-help-button__inline svg {
  will-change: transform;
}
.dnb-help-button__inline svg:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
}
.dnb-help-button__inline--open svg:nth-of-type(1) {
  opacity: 0;
}
.dnb-help-button__inline--open svg:nth-of-type(2) {
  animation: rotate-icon-in 400ms var(--easing-default) forwards;
}
.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(1) {
  opacity: 0;
  animation: animate-question 400ms var(--easing-default) 200ms forwards;
}
.dnb-help-button__inline:not(.dnb-help-button__inline--open).dnb-help-button__inline--was-open svg:nth-of-type(2) {
  animation: rotate-icon-out 400ms var(--easing-default) forwards;
}
.dnb-help-button__inline:not(.dnb-help-button__inline--user-intent) svg, html[data-visual-test] .dnb-help-button__inline svg {
  animation-duration: 0ms;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-help-button__inline svg {
    animation-duration: 0.01ms !important;
  }
}
@keyframes rotate-icon-in {
  from {
    opacity: 0;
    transform: rotate(0deg);
  }
  to {
    opacity: 1;
    transform: rotate(90deg);
  }
}
@keyframes rotate-icon-out {
  0% {
    opacity: 1;
    transform: rotate(90deg);
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: rotate(0deg);
  }
}
@keyframes animate-question {
  from {
    opacity: 0;
    transform: rotate(10deg);
  }
  to {
    opacity: 1;
    transform: rotate(0deg);
  }
}

.dnb-help-button__content .dnb-section {
  --background-color: var(--help-button-content-background);
  --rounded-corner--value: calc(var(--card-outline-width) + 0.5rem);
}
.dnb-help-button__content .dnb-section .dnb-p {
  max-width: var(--prose-max-width);
  transition: transform 400ms var(--easing-default) 40ms;
  transform: translate3d(0, -0.5rem, 0);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-help-button__content .dnb-section .dnb-p {
    transition-duration: 0.01ms;
  }
}
.dnb-help-button__content {
  --help-button-indent-width: var(--card-outline-width);
}
:not(.dnb-card) .dnb-help-button__content .dnb-section {
  --outset-left: calc(
    var(--spacing-medium) + var(--help-button-indent-width)
  );
  --outset-right: calc(
    var(--spacing-medium) + var(--help-button-indent-width)
  );
}
.dnb-help-button__content.dnb-height-animation--parallax .dnb-section .dnb-p {
  transform: translate3d(0, 0, 0);
}

.dnb-help-button .dnb-button__bounding {
  transform: scale(1.5);
}

/*
* Icon component
*
*/
/*
 * Utilities
 */
.dnb-icon {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1rem;
  color: inherit;
  width: 1em;
  height: 1em;
}
.dnb-icon img, :where(.dnb-core-style) .dnb-icon img,
.dnb-icon svg,
:where(.dnb-core-style) .dnb-icon svg {
  width: inherit;
  height: inherit;
  shape-rendering: geometricprecision;
  vertical-align: top;
}
.dnb-icon svg[width="100%"] {
  width: inherit;
}
.dnb-icon svg[height="100%"] {
  height: inherit;
}
.dnb-icon--inherit-color svg:not([fill]), .dnb-icon--inherit-color svg [fill] {
  fill: currentcolor;
}
.dnb-icon--inherit-color svg [stroke] {
  stroke: currentcolor;
}
.dnb-icon--small {
  font-size: 0.75rem;
}
.dnb-icon--default {
  font-size: 1rem;
}
.dnb-icon--medium {
  font-size: 1.5rem;
}
.dnb-icon--large {
  font-size: 2rem;
}
.dnb-icon--x-large {
  font-size: 2.5rem;
}
.dnb-icon--xx-large {
  font-size: 3rem;
}
.dnb-icon--custom-size {
  width: auto;
  height: auto;
  line-height: 0;
}
.dnb-icon--auto {
  font-size: 1em;
}
.dnb-icon--custom-size svg[width="24"] path, .dnb-icon--auto svg[width="24"] path, .dnb-icon--large svg[width="24"] path, .dnb-icon--x-large svg[width="24"] path, .dnb-icon--xx-large svg[width="24"] path {
  vector-effect: non-scaling-stroke;
}
.dnb-icon--auto > .dnb-icon--wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
h1 > .dnb-icon, h2 > .dnb-icon, h3 > .dnb-icon, h4 > .dnb-icon, h5 > .dnb-icon, h6 > .dnb-icon {
  vertical-align: middle;
}
p > .dnb-icon {
  vertical-align: inherit;
}
.dnb-icon.dnb-skeleton::before, .dnb-icon.dnb-skeleton::after {
  content: none !important;
}
.dnb-icon.dnb-skeleton {
  color: var(--skeleton-color) !important;
}

/*
* InfoCard component
*
*/
/*
 * Utilities
 */
.dnb-info-card {
  display: flex;
  flex-direction: row;
  position: relative;
  padding: 1rem;
  overflow: hidden;
  background: var(--color-white);
}
.dnb-info-card::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border: 1px solid var(--color-black-8);
}
.dnb-info-card, .dnb-info-card::after {
  border-radius: 0.25rem;
}
.dnb-info-card--centered {
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.dnb-info-card--centered:not(.dnb-info-card--stretch) {
  margin: auto;
}
.dnb-info-card--shadow {
  box-shadow: var(--shadow-default);
}
.dnb-info-card__content {
  flex-direction: column;
  margin-top: 0.1875rem;
}
.dnb-info-card:not(.dnb-info-card--stretch), .dnb-info-card__content {
  max-width: var(--prose-max-width);
}
.dnb-info-card--centered .dnb-info-card__content {
  margin-top: 0;
}
.dnb-info-card__icon {
  color: var(--color-emerald-green);
}
.dnb-info-card__image {
  height: 4rem;
  width: 4rem;
}
.dnb-info-card__buttons {
  display: flex;
  flex-flow: row wrap;
}
.dnb-info-card--centered .dnb-info-card__buttons {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/*
* InputMasked component
*
*/
/*
 * Utilities
 */
.dnb-input-masked--guide {
  font-family: var(--font-family-monospace);
}
.dnb-input-masked input::placeholder {
  color: inherit;
}
.dnb-input-masked--hide-controls[type=number]::-webkit-outer-spin-button, .dnb-input-masked--hide-controls[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
          appearance: none;
  margin: 0;
}
.dnb-input-masked--hide-controls[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
}

.dnb-multi-input-mask__fieldset:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-multi-input-mask__fieldset:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-multi-input-mask__fieldset:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-multi-input-mask__fieldset:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-multi-input-mask__fieldset {
  padding: 0;
  border: none;
}
.dnb-multi-input-mask__fieldset--horizontal {
  display: inline-flex;
  flex-flow: row wrap;
  align-items: baseline;
  gap: 1rem;
}

.dnb-multi-input-mask__input.dnb-input__input {
  display: inline-block;
  width: auto;
  margin: 0;
  padding: 0 0.125rem;
  transform: translateY(0);
  outline: none;
  font-family: var(--font-family-monospace);
  text-align: center;
  border: none;
  background: transparent;
  overflow: visible;
  white-space: nowrap;
}
.dnb-multi-input-mask__input.dnb-input__input:first-of-type {
  padding-left: 0.5rem;
}
.dnb-multi-input-mask__input.dnb-input__input:last-of-type {
  padding-right: 0.5rem;
}
.dnb-input--medium .dnb-multi-input-mask__input.dnb-input__input, .dnb-input--large .dnb-multi-input-mask__input.dnb-input__input {
  padding: 0 0.25rem;
}

.dnb-multi-input-mask {
  width: -webkit-fit-content;
  width: fit-content;
}
.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input,
.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter {
  color: var(--color-black-55);
}
.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__input--highlight,
.dnb-multi-input-mask:not(.dnb-input__status--error) .dnb-multi-input-mask__delimiter--highlight {
  color: var(--color-black);
}

/*
* Input component
*
*/
/*
 * Utilities
 */
.dnb-input {
  --input-font-size: var(--font-size-basis);
  --input-font-size--small: var(--font-size-basis);
  --input-font-size--medium: var(--font-size-basis);
  --input-font-size--large: var(--font-size-medium);
  --input-padding: 1rem;
  --input-padding--small: 1rem;
  --input-padding--medium: 1rem;
  --input-padding--large: 1rem;
  --input-height: 2rem;
  --input-height--small: 1.5rem;
  --input-height--medium: 2.5rem;
  --input-height--large: 3rem;
  --input-background-color: var(--color-white);
  display: inline-flex;
  align-items: center;
  font-size: var(--input-font-small);
  line-height: var(--input-height);
  text-align: left;
}
.dnb-input__inner {
  display: inline-flex;
  flex-direction: column;
  width: auto;
}
.dnb-input__shell {
  position: relative;
  display: flex;
  align-items: center;
  border: var(--input-border-width) solid var(--color-sea-green);
}
.dnb-input__row {
  display: inline-flex;
  align-items: center;
}
.dnb-input__input {
  border: none;
  outline: none;
  word-break: normal;
  position: relative;
  z-index: 2;
}
.dnb-input__input[disabled] {
  -webkit-user-select: none;
          user-select: none;
  opacity: 1;
}
.dnb-input__shell, .dnb-input__input {
  height: var(--input-height);
  border-radius: var(--input-border-radius);
}
.dnb-input__placeholder, .dnb-input__input {
  width: 100%;
  padding-left: var(--input-padding);
  padding-right: var(--input-padding);
}
.dnb-input__placeholder, .dnb-input__input,
.dnb-input input.dnb-input__input {
  padding-top: 0;
  padding-bottom: 0;
  color: inherit;
  background-color: transparent;
  font-size: var(--input-font-size);
  line-height: inherit;
}
.dnb-input__placeholder {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dnb-input__border {
  display: flex;
  border-radius: var(--b-radius, var(--input-border-radius));
  --border-color: var(--b-color, var(--input-border-color));
  --border-width: var(--b-width, var(--input-border-width));
  box-shadow: var(--b-inset, var(--input-border-inset, inset)) 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-input--disabled .dnb-input__border {
  --border-color: var(--input-border-color--disabled);
  --border-width: var(--input-border-width--disabled);
  box-shadow: var(--input-border-inset--disabled, inset) 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-input__border:focus-within {
  --b-color: var(--input-border-color--active);
  --b-width: var(--input-border-width--active);
  --b-inset: var(--input-border-inset--active);
  --b-radius: var(--input-border-radius--active);
}
.dnb-input__border:hover, .dnb-input__border.hover {
  --b-color: var(--input-border-color--hover);
  --b-width: var(--input-border-width--hover);
  --b-inset: var(--input-border-inset--hover);
}
.dnb-input__border:has(.dnb-input__input:-webkit-autofill) {
  --b-color: var(--input-border-color);
  --b-inset: var(--input-border-inset--active);
}
.dnb-input__border:has(.dnb-input__input:autofill) {
  --b-color: var(--input-border-color);
  --b-inset: var(--input-border-inset--active);
}
.dnb-input__status--error .dnb-input__border:has(.dnb-input__input:-webkit-autofill) {
  --b-color: var(--input-border-color__error);
}
.dnb-input__status--error .dnb-input__border:has(.dnb-input__input:autofill) {
  --b-color: var(--input-border-color__error);
}
.dnb-input__status--error .dnb-input__border {
  --b-color: var(--input-border-color__error);
  --b-width: var(--input-border-width__error);
}
.dnb-input__status--error .dnb-input__border:focus-within {
  --b-color: var(--input-border-color__error);
  --b-width: var(--input-border-width__error--active);
  --b-inset: var(--input-border-inset--active);
  --b-radius: var(--input-border-radius--active);
}
.dnb-input__status--error .dnb-input__border:hover:has(.dnb-input__input:-webkit-autofill) {
  --b-color: var(--input-border-color__error);
  --b-width: var(--input-border-width__error--hover);
  --b-inset: var(--input-border-inset--hover);
}
.dnb-input__status--error .dnb-input__border:hover, .dnb-input__status--error .dnb-input__border:hover:has(.dnb-input__input:autofill), .dnb-input__status--error .dnb-input__border.hover {
  --b-color: var(--input-border-color__error);
  --b-width: var(--input-border-width__error--hover);
  --b-inset: var(--input-border-inset--hover);
}
html[data-whatinput=keyboard] .dnb-input__border:focus-within {
  --b-color: var(--input-border-color--focus);
  --b-width: var(--input-border-width--focus);
  --b-inset: var(--input-border-inset--focus);
  --b-radius: var(--input-border-radius--focus);
}
html[data-whatinput=keyboard] .dnb-input__status--error .dnb-input__border:focus-within {
  --b-color: var(--input-border-color__error--focus);
  --b-width: var(--input-border-width--focus);
  --b-inset: var(--input-border-inset--focus);
  --b-radius: var(--input-border-radius--focus);
}
.dnb-input input.dnb-input__input[type=file] {
  line-height: calc(var(--input-height) - 2px);
}
.dnb-input__input::-webkit-search-cancel-button {
  display: none;
}
.dnb-input__input::-ms-clear {
  display: none;
}
.dnb-input ::-webkit-file-upload-button {
  cursor: pointer;
  outline: none;
  color: var(--color-sea-green);
}
.dnb-input ::-webkit-file-upload-button:active, .dnb-input ::-webkit-file-upload-button:hover {
  color: var(--color-emerald-green);
}
.dnb-input--has-submit-element .dnb-input__placeholder, .dnb-input--has-submit-element .dnb-input__input, .dnb-input--has-clear-button .dnb-input__placeholder, .dnb-input--has-clear-button .dnb-input__input {
  padding-right: calc(var(--input-padding) * 2.5);
}
.dnb-input--password .dnb-input__placeholder, .dnb-input--password .dnb-input__input {
  margin-right: 2.5rem;
  padding-right: 0;
}
.dnb-input--password .dnb-input__placeholder::-ms-clear, .dnb-input--password .dnb-input__input::-ms-clear {
  display: none;
}
.dnb-input--password .dnb-input__placeholder::-ms-reveal, .dnb-input--password .dnb-input__input::-ms-reveal {
  display: none;
}
.dnb-input--password .dnb-input__placeholder {
  padding-right: 4rem;
}
.dnb-input--password .dnb-input__input {
  font-family: var(--font-family-monospace);
}
.dnb-input__suffix {
  color: inherit;
}
.dnb-input__submit-element {
  z-index: 3;
  margin-left: calc(var(--input-height) * -1);
  line-height: var(--line-height-basis);
}
.dnb-input__submit-element .dnb-button--input-button {
  width: var(--input-height);
  height: var(--input-height);
  line-height: var(--input-height);
}
.dnb-input__submit-button {
  position: relative;
  align-self: center; /* IE needs this to stay centered */
}
.dnb-input__submit-button__button {
  border-radius: 0 var(--input-border-radius) var(--input-border-radius) 0;
}
.dnb-input > .dnb-form-label {
  line-height: var(--line-height-basis);
}
@media screen and (max-width: 40em) {
  .dnb-input {
    flex-wrap: wrap;
  }
  .dnb-input > .dnb-form-label {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
.dnb-input:not(.dnb-input--vertical)[class*=__status] {
  align-items: flex-start;
}
.dnb-input:not(.dnb-input--vertical)[class*=__status] > .dnb-form-label {
  margin-top: 0.25rem;
}
.dnb-input--small {
  line-height: var(--input-height--small);
}
.dnb-input--small .dnb-input__shell,
.dnb-input--small .dnb-input__input {
  height: var(--input-height--small);
}
.dnb-input--small .dnb-input__placeholder,
.dnb-input--small .dnb-input__input {
  padding-left: var(--input-padding--small);
  padding-right: var(--input-padding--small);
  font-size: var(--input-font-size--small);
}
.dnb-input--small .dnb-input__submit-element {
  margin-left: calc(var(--input-height--small) * -1);
}
.dnb-input--small .dnb-input__submit-element .dnb-button--input-button {
  width: var(--input-height--small);
  height: var(--input-height--small);
  line-height: var(--input-height--small);
}
.dnb-input--small.dnb-input--has-submit-element .dnb-input__placeholder, .dnb-input--small.dnb-input--has-submit-element .dnb-input__input, .dnb-input--small.dnb-input--has-clear-button .dnb-input__placeholder, .dnb-input--small.dnb-input--has-clear-button .dnb-input__input {
  padding-right: calc(var(--input-padding--small) * 2);
}
.dnb-input--medium {
  line-height: var(--input-height--medium);
}
.dnb-input--medium .dnb-input__shell,
.dnb-input--medium .dnb-input__input {
  height: var(--input-height--medium);
}
.dnb-input--medium .dnb-input__placeholder,
.dnb-input--medium .dnb-input__input {
  padding-left: var(--input-padding--medium);
  padding-right: var(--input-padding--medium);
  font-size: var(--input-font-size--medium);
}
.dnb-input--medium .dnb-input__submit-element {
  margin-left: calc(var(--input-height--medium) * -1);
}
.dnb-input--medium .dnb-input__submit-element .dnb-button--input-button {
  width: var(--input-height--medium);
  height: var(--input-height--medium);
  line-height: var(--input-height--medium);
}
.dnb-input--medium.dnb-input--has-submit-element .dnb-input__placeholder, .dnb-input--medium.dnb-input--has-submit-element .dnb-input__input, .dnb-input--medium.dnb-input--has-clear-button .dnb-input__placeholder, .dnb-input--medium.dnb-input--has-clear-button .dnb-input__input {
  padding-right: calc(var(--input-padding--medium) * 3);
}
.dnb-input--large {
  line-height: var(--input-height--large);
}
.dnb-input--large .dnb-input__shell,
.dnb-input--large .dnb-input__input {
  height: var(--input-height--large);
}
.dnb-input--large .dnb-input__placeholder,
.dnb-input--large .dnb-input__input {
  padding-left: var(--input-padding--large);
  padding-right: var(--input-padding--large);
  font-size: var(--input-font-size--large);
}
.dnb-input--large .dnb-input__submit-element {
  margin-left: calc(var(--input-height--large) * -1);
}
.dnb-input--large .dnb-input__submit-element .dnb-button--input-button {
  width: var(--input-height--large);
  height: var(--input-height--large);
  line-height: var(--input-height--large);
}
.dnb-input--large.dnb-input--has-submit-element .dnb-input__placeholder, .dnb-input--large.dnb-input--has-submit-element .dnb-input__input, .dnb-input--large.dnb-input--has-clear-button .dnb-input__placeholder, .dnb-input--large.dnb-input--has-clear-button .dnb-input__input {
  padding-right: calc(var(--input-padding--large) * 3.5);
}
.dnb-input--large.dnb-input--has-clear-button:not(.dnb-input--has-submit-element) .dnb-input__submit-element {
  margin-left: calc(var(--input-height--large) - 0.5rem);
}
.dnb-input__align--center .dnb-input__placeholder, .dnb-input__align--center .dnb-input__input {
  text-align: center;
}
.dnb-input__align--right .dnb-input__placeholder, .dnb-input__align--right .dnb-input__input {
  text-align: right;
}
.dnb-input--clear.dnb-input__submit-element {
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.dnb-input--clear.dnb-input__submit-element .dnb-button {
  width: var(--input-height--small);
  height: var(--input-height--small);
  border-radius: var(--button-border-radius);
}
.dnb-input--clear.dnb-input__submit-element .dnb-button .dnb-button__icon {
  margin: auto;
}
html:not([data-whatintent=touch]) .dnb-input--clear.dnb-input__submit-element .dnb-button:not(.dnb-button--has-text):hover[disabled] {
  cursor: default;
}
.dnb-input--small .dnb-input--clear.dnb-input__submit-element .dnb-button {
  width: 1rem;
  height: 1rem;
}
.dnb-input--medium .dnb-input--clear.dnb-input__submit-element .dnb-button, .dnb-input--large .dnb-input--clear.dnb-input__submit-element .dnb-button {
  width: var(--input-height--small);
  height: var(--input-height--small);
}
.dnb-input[data-has-content=true] .dnb-input--clear {
  opacity: 1;
}
.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
  margin-right: 2.5rem;
}
.dnb-input--small.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
  margin-right: 2rem;
}
.dnb-input--medium.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
  margin-right: 3rem;
}
.dnb-input--large.dnb-input--has-submit-element .dnb-input--clear.dnb-input__submit-element {
  margin-right: 3.5rem;
}
.dnb-input__inner > .dnb-form-status {
  order: 2;
  margin-top: 0.5rem;
}
.dnb-input--vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dnb-input--stretch {
  display: flex;
  flex-grow: 1;
}
.dnb-input--stretch .dnb-input__inner {
  flex-grow: 1;
}
.dnb-input--stretch .dnb-input__inner, .dnb-input--stretch .dnb-input__shell {
  width: 100%;
}
.dnb-input--stretch .dnb-form-label + .dnb-input__inner {
  width: auto;
}
.dnb-input--vertical.dnb-input--stretch .dnb-input__inner {
  width: 100%;
}
.dnb-form-row--horizontal .dnb-input--stretch {
  width: 100%;
}
.dnb-input__icon {
  order: 0;
  position: absolute;
  z-index: 2;
  left: 1rem;
  right: auto;
  top: 0;
  bottom: 0;
  margin: auto;
}
.dnb-input--icon-position-right .dnb-input__icon {
  order: 1;
  left: auto;
  right: 1rem;
}
.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input, .dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder {
  padding-left: 2.5rem;
}
.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input, .dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder {
  padding-right: 2.5rem;
}
.dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__input, .dnb-input--icon-size-medium.dnb-input--icon-position-left.dnb-input--has-icon .dnb-input__placeholder {
  padding-left: 3rem;
}
.dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__input, .dnb-input--icon-size-medium.dnb-input--icon-position-right.dnb-input--has-icon .dnb-input__placeholder {
  padding-right: 3rem;
}
html[data-visual-test] .dnb-input__input {
  caret-color: var(--color-white);
}
.dnb-input[data-input-state=focus] .dnb-input__placeholder {
  display: none;
}
.dnb-input--keep-placeholder[data-input-state=focus] .dnb-input__placeholder {
  display: block;
  color: var(--color-black-20);
}
@media screen and (max-width: 40em) {
  .dnb-responsive-component .dnb-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.5rem;
  }
  .dnb-responsive-component .dnb-input__row {
    align-items: flex-start;
  }
  .dnb-responsive-component .dnb-input > .dnb-form-label {
    margin-bottom: 0.5rem;
  }
}

/*
 * Utilities
 */
.dnb-list--variant-basic {
  --item-padding: 1rem;
  --item-height: 4rem;
  --item-rounded-corner: 1.5rem;
  --item-row-gap: 0.5rem;
  --item-chevron-margin: 1rem;
  --item-chevron-height: 1.5rem;
  --item-outline-width: 0.0625rem;
  --item-outline-color: var(--color-black-8);
  --item-navigation-color: var(--color-sea-green);
  --item-navigation-color--active: var(--color-emerald-green);
  --item-icon-color: var(--item-navigation-color);
  --item-pending-color: var(--color-black-3);
  --item-background-color: var(--color-white);
  --item-selected-background-color: var(
    --internal-color-background-selected-subtle,
    var(--item-background-color)
  );
  border-radius: var(--item-rounded-corner);
}
.dnb-list__item {
  position: relative;
  z-index: 1;
  row-gap: 0;
}
.dnb-list__item::after {
  content: "";
  position: absolute;
  top: calc(var(--item-outline-width) * -1);
  right: calc(var(--item-outline-width) * -1);
  bottom: calc(var(--item-outline-width) * -1);
  left: calc(var(--item-outline-width) * -1);
  left: 0;
  right: 0;
  z-index: 10;
  border-radius: inherit;
  pointer-events: none;
  border: var(--item-outline-width) solid var(--item-outline-color);
}
.dnb-list__item {
  --item-grid-template-columns: auto auto auto minmax(0, 1fr)
    minmax(0, 1fr) auto auto;
  --item-grid-template-areas: 'chevron-left start icon title center end chevron-right'
    'footer footer footer footer footer footer footer';
}
@media screen and (max-width: 40em) {
  .dnb-list__item {
    --item-grid-template-areas: 'chevron-left start icon title center chevron-right'
      'chevron-left end end end end chevron-right'
      'footer footer footer footer footer footer';
  }
  .dnb-list__item:has(.dnb-list__item__start):has(.dnb-list__item__title), .dnb-list__item:has(.dnb-list__item__icon) {
    --item-grid-template-areas: 'chevron-left start icon title center chevron-right'
      'chevron-left . . end end .'
      'footer footer footer footer footer footer';
  }
}
@media screen and (max-width: 25em) {
  .dnb-list__item {
    --item-grid-template-areas: 'chevron-left start icon title title chevron-right'
      'chevron-left center center center center chevron-right'
      'chevron-left end end end end chevron-right'
      'footer footer footer footer footer footer';
  }
  .dnb-list__item:has(.dnb-list__item__start):has(.dnb-list__item__title), .dnb-list__item:has(.dnb-list__item__icon) {
    --item-grid-template-areas: 'chevron-left start icon title title chevron-right'
      'chevron-left . . center center .' 'chevron-left . . end end .'
      'footer footer footer footer footer footer';
  }
}
.dnb-list__item:not(:has(.dnb-list__item__center)) {
  --item-grid-template-columns: auto auto auto minmax(0, 1fr) auto auto;
}
.dnb-list__item, .dnb-list__item__accordion__header {
  display: grid;
  grid-template: var(--item-grid-template-areas)/var(--item-grid-template-columns);
  place-content: center;
  align-items: center;
  min-height: var(--item-height);
  padding: calc(var(--item-padding)) 0;
}
@media screen and (min-width: 40.00625em) {
  .dnb-list__item:has(.dnb-list__item__overline) .dnb-list__item__center, .dnb-list__item:has(.dnb-list__item__overline) .dnb-list__item__end {
    place-self: end;
  }
}
.dnb-list__item:has(.dnb-list__item__overline) .dnb-list__item__icon, .dnb-list__item:has(.dnb-list__item__overline) .dnb-list__item__chevron {
  place-self: end;
}
@media screen and (min-width: 40.00625em) {
  .dnb-list__item:has(.dnb-list__item__subline) .dnb-list__item__center, .dnb-list__item:has(.dnb-list__item__subline) .dnb-list__item__end {
    place-self: start;
  }
}
.dnb-list__item:has(.dnb-list__item__subline) .dnb-list__item__title, .dnb-list__item:has(.dnb-list__item__subline) .dnb-list__item__icon, .dnb-list__item:has(.dnb-list__item__subline) .dnb-list__item__chevron {
  place-self: start;
}
.dnb-list__item:has(.dnb-list__item__footer), .dnb-list__item:has(.dnb-list__item__footer) .dnb-list__item__accordion__header {
  padding-bottom: 0;
}
@media screen and (max-width: 40em) {
  .dnb-list__item:not(.dnb-list__item__accordion):has(.dnb-list__item__center), .dnb-list__item:not(.dnb-list__item__accordion):has(.dnb-list__item__end), .dnb-list__item__accordion__header:has(.dnb-list__item__center), .dnb-list__item__accordion__header:has(.dnb-list__item__end) {
    row-gap: var(--item-row-gap);
  }
}
.dnb-list__item {
  border-radius: 0;
}
.dnb-list__item:first-of-type {
  border-top-left-radius: var(--item-rounded-corner);
  border-top-right-radius: var(--item-rounded-corner);
}
.dnb-list__item:last-of-type {
  border-bottom-left-radius: var(--item-rounded-corner);
  border-bottom-right-radius: var(--item-rounded-corner);
}
.dnb-list--separated .dnb-list__item {
  border-radius: var(--item-rounded-corner);
}
.dnb-list__item {
  background-color: var(--item-background-color);
}
.dnb-list__item--selected {
  background-color: var(--item-selected-background-color);
}
.dnb-list__item__title, .dnb-list__item__icon, .dnb-list__item__start, .dnb-list__item__center, .dnb-list__item__end, .dnb-list__item__overline, .dnb-list__item__subline, .dnb-list__item__footer-separator, .dnb-list__item__footer {
  display: flex;
  align-items: center;
  z-index: 10;
}
@media screen and (min-width: 40.00625em) {
  .dnb-list__item__end .dnb-list__item__subline {
    place-self: end;
  }
}
.dnb-list__item__title {
  grid-area: title;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
}
.dnb-list__item__icon {
  grid-area: icon;
}
.dnb-list__item__start {
  grid-area: start;
}
.dnb-list__item__center {
  grid-area: center;
}
.dnb-list__item__end {
  flex-direction: column;
  grid-area: end;
  justify-self: start;
  align-items: flex-end;
}
@media screen and (max-width: 40em) {
  .dnb-list__item__end {
    align-items: flex-start;
  }
}
.dnb-list__item__footer-separator {
  grid-area: footer;
  margin-top: var(--item-padding);
  place-self: flex-start;
}
.dnb-list__item__footer-separator.dnb-space__top--zero {
  margin-top: var(--item-padding);
}
.dnb-list__item__footer {
  grid-area: footer;
  margin-top: var(--item-padding);
  padding: var(--item-padding);
}
.dnb-list__item:last-of-type:not(.dnb-list__item__accordion--open) .dnb-list__item__footer {
  border-bottom-left-radius: var(--item-rounded-corner);
  border-bottom-right-radius: var(--item-rounded-corner);
}
.dnb-list__item__subline--description {
  color: var(--color-black-55);
}
.dnb-list__item__action--href a .dnb-anchor__launch-icon, .dnb-list__item__chevron {
  display: flex;
  align-items: center;
  grid-area: chevron-right;
  height: var(--item-chevron-height);
  margin-right: var(--item-chevron-margin);
}
.dnb-list__item--chevron-left .dnb-list__item__action--href a .dnb-anchor__launch-icon, .dnb-list__item--chevron-left .dnb-list__item__chevron {
  grid-area: chevron-left;
  margin-right: 0;
  margin-left: var(--item-chevron-margin);
}
.dnb-list__item .dnb-checkbox .dnb-form-label,
.dnb-list__item .dnb-radio .dnb-radio__order .dnb-form-label {
  padding-left: var(--item-padding);
}
@media screen and (max-width: 40em) {
  .dnb-list__item:has(.dnb-form-label) .dnb-list__item__end {
    display: flex;
    margin-left: calc(var(--item-padding) * 2 + 0.5rem);
  }
}
.dnb-list__item--selection:has(.dnb-checkbox__input), .dnb-list__item--selection:has(.dnb-radio__input) {
  overflow: clip;
  overflow-clip-margin: var(--item-outline-width);
}
.dnb-list__item--selection .dnb-checkbox__input {
  --checkbox-bounding--medium: 100;
}
.dnb-list__item--selection .dnb-radio__input {
  --radio-bounding--medium: 100;
}
.dnb-list__item:has(.dnb-anchor__launch-icon) .dnb-list__item__chevron {
  display: none;
}
.dnb-list__item__chevron:where(.dnb-list__item__accordion .dnb-list__item__chevron) .dnb-icon {
  transition: transform 400ms var(--easing-default);
  transform: rotate(90deg);
}
.dnb-list__item__chevron:where(.dnb-list__item__accordion--open .dnb-list__item__chevron) .dnb-icon {
  transform: rotate(270deg);
}
.dnb-list__item__action {
  cursor: pointer;
  outline: none;
}
.dnb-list__item__action .dnb-icon {
  color: var(--item-icon-color);
}
.dnb-list__item__action--href a {
  display: grid;
  grid-template: var(--item-grid-template-areas)/var(--item-grid-template-columns);
  grid-column: 1/-1;
  grid-row: 1/-1;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: inherit;
}
.dnb-list__item__action:not(.dnb-list__item--disabled):hover, .dnb-list__item__action:not(.dnb-list__item--disabled):focus-visible {
  --item-outline-color: var(--item-navigation-color);
  --item-outline-width: 0.125rem;
  z-index: 2;
}
.dnb-list__item__action:not(.dnb-list__item--disabled):active {
  --item-outline-color: var(--item-navigation-color--active);
  --item-icon-color: var(--item-navigation-color--active);
  --item-outline-width: 0.0625rem;
  z-index: 2;
}
.dnb-list__item:not(.dnb-list__item--disabled):has(.dnb-list__item__accordion__header:hover), .dnb-list__item:not(.dnb-list__item--disabled):has(.dnb-list__item__accordion__header:focus-visible) {
  --item-outline-color: var(--item-navigation-color);
  --item-outline-width: 0.125rem;
  z-index: 2;
}
.dnb-list__item:not(.dnb-list__item--disabled):has(.dnb-list__item__accordion__header:active) {
  --item-outline-color: var(--item-navigation-color--active);
  --item-icon-color: var(--item-navigation-color--active);
  --item-outline-width: 0.0625rem;
  z-index: 2;
}
.dnb-list__item__accordion {
  display: flex;
  align-items: stretch;
  padding: 0;
}
.dnb-list__item__accordion .dnb-hr::after {
  left: var(--item-outline-width);
  right: var(--item-outline-width);
}
.dnb-list__item__accordion__header {
  position: relative;
  cursor: pointer;
  outline: none;
}
.dnb-list__item__accordion__header .dnb-icon {
  color: var(--item-icon-color);
}
.dnb-list__item__accordion__content {
  display: flex;
  flex-direction: column;
}
.dnb-list__item.dnb-skeleton .dnb-icon {
  color: var(--skeleton-color);
}
.dnb-list__item--pending {
  pointer-events: none;
  overflow: clip;
}
.dnb-list__item--disabled {
  cursor: not-allowed;
  color: var(--color-black-20);
  --item-navigation-color: var(--color-sea-green-30);
  --item-navigation-color--active: var(--color-sea-green-30);
  --item-icon-color: var(--color-sea-green-30);
  --item-outline-color: var(--color-black-8);
}
.dnb-list__item--disabled .dnb-list__item__accordion__header {
  cursor: not-allowed;
}
.dnb-list__item--disabled a {
  cursor: not-allowed;
}
.dnb-list__item__action--href a:visited {
  color: inherit;
}
.dnb-list__item__pending {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-image: repeating-linear-gradient(-45deg, var(--item-pending-color) 1px 2px, transparent 0 6px);
}
.dnb-list__container {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
.dnb-list--inset-outline .dnb-list__container .dnb-list__item::after {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  bottom: calc(var(--item-outline-width) * -1);
}
.dnb-list--inset-outline .dnb-list__container .dnb-list__item:last-of-type::after {
  bottom: 0;
}
.dnb-card .dnb-list__container .dnb-list__item:first-of-type, .dnb-card .dnb-list__container .dnb-list__item:last-of-type {
  border-radius: 0;
}
.dnb-card .dnb-list__container .dnb-list__item:not(:hover):not(:focus-visible)::after, .dnb-card .dnb-list__container .dnb-list__item:not(.dnb-list__item__action):not(.dnb-list__item__accordion)::after {
  border-right: none;
  border-left: none;
}
.dnb-card .dnb-list__container .dnb-list__item:not(:hover):not(:focus-visible):first-of-type::after, .dnb-card .dnb-list__container .dnb-list__item:not(.dnb-list__item__action):not(.dnb-list__item__accordion):first-of-type::after {
  border-top: none;
}
.dnb-card .dnb-list__container .dnb-list__item:not(:hover):not(:focus-visible):last-of-type::after, .dnb-card .dnb-list__container .dnb-list__item:not(.dnb-list__item__action):not(.dnb-list__item__accordion):last-of-type::after {
  border-bottom: none;
}
.dnb-scroll-view .dnb-list__container {
  padding-right: calc(var(--scrollbar-track-width) * 2);
}
.dnb-card:has(.dnb-scroll-view .dnb-list__container) {
  padding-right: calc(var(--padding-right) - var(--scrollbar-track-width) * 2);
}

/*
 * Logo Component
 *
 */
/*
 * Utilities
 */
.dnb-logo,
.sbanken-logo {
  display: inline-flex;
  vertical-align: baseline;
  font-size: inherit;
  line-height: var(--line-height-xx-small--em);
}
.dnb-logo svg,
.sbanken-logo svg {
  fill: currentcolor;
  shape-rendering: geometricprecision;
}
.dnb-logo,
.sbanken-logo {
  height: 1em;
}
.dnb-logo--has-size,
.sbanken-logo--has-size {
  width: auto;
  height: auto;
}
.dnb-logo--inherit-size,
.sbanken-logo--inherit-size {
  height: inherit;
}
.dnb-logo svg:not([width], [height]),
.sbanken-logo svg:not([width], [height]) {
  width: inherit;
  height: inherit;
}

/*
 * Modal component
 *
 */
/*
 * Utilities
 */
/*
 * Modal component
 *
 */
@keyframes show-modal {
  from {
    opacity: 0.1;
    transform: translate3d(0, -1rem, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes hide-modal {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 1rem, 0);
    opacity: 0;
  }
}
@keyframes show-drawer {
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes hide-drawer-left {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(-20rem, 0, 0);
    opacity: 0;
  }
}
@keyframes hide-drawer-top {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, -20rem, 0);
    opacity: 0;
  }
}
@keyframes hide-drawer-bottom {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 20rem, 0);
    opacity: 0;
  }
}
@keyframes hide-drawer-right {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(20rem, 0, 0);
    opacity: 0;
  }
}
@keyframes show-modal-overlay {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes hide-modal-overlay {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
:root {
  --modal-z-index: 3000;
  --modal-animation-duration: 300ms;
}

html[data-dnb-modal-active] {
  -webkit-user-select: none;
          user-select: none;
}
html[data-dnb-modal-active] .eufemia-portal-root {
  -webkit-user-select: text;
          user-select: text;
}

.dnb-modal__content {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--modal-z-index) + 1);
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100vw;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 40em) {
  .dnb-modal__content--auto-fullscreen {
    height: auto;
  }
}
.dnb-modal__content--fullscreen {
  align-items: flex-start;
  justify-content: flex-start;
}
.dnb-modal__content--fullscreen .dnb-modal__content__content {
  height: auto;
}
.dnb-modal__content--left, .dnb-modal__content--top {
  align-items: flex-start;
  justify-content: flex-start;
}
.dnb-modal__content--right {
  align-items: flex-start;
  justify-content: flex-end;
}
.dnb-modal__content--bottom {
  align-items: flex-end;
  justify-content: flex-start;
}
.dnb-modal__vertical-alignment--top {
  padding-top: 5vh;
  align-items: flex-start;
}
.dnb-modal__overlay {
  position: fixed;
  z-index: var(--modal-z-index);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.dnb-modal-root__inner .dnb-modal__overlay {
  animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards;
}
.dnb-modal-root__inner:last-of-type .dnb-modal__overlay {
  animation: show-modal-overlay var(--modal-animation-duration) ease-out;
}
.dnb-modal-root__inner:last-of-type .dnb-modal__overlay--hide {
  animation: hide-modal-overlay var(--modal-animation-duration) ease-out forwards;
}
.dnb-modal {
  /* stylelint-disable-next-line */
}
html[data-visual-test] .dnb-modal__overlay, .dnb-modal__overlay--no-animation {
  animation-delay: 0ms !important;
  animation-duration: 0ms !important;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-modal__overlay {
    animation-duration: 0.01ms !important;
  }
}
.dnb-modal-root__inner {
  position: relative;
  z-index: calc(var(--modal-z-index) + 1);
}
.dnb-modal-root__inner ~ .dnb-modal-root__inner {
  z-index: calc(var(--modal-z-index) + 2);
}
.dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner {
  z-index: calc(var(--modal-z-index) + 3);
}
.dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner ~ .dnb-modal-root__inner {
  z-index: calc(var(--modal-z-index) + 4);
}
.dnb-modal__close-button {
  z-index: calc(var(--modal-z-index) + 1);
}
.dnb-modal__header__bar.dnb-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/*
 * NumberFormat Component
 *
 */
/*
 * Utilities
 */
.dnb-number-format {
  display: inline-block;
  position: relative;
  speak-as: numbers;
  color: inherit;
  white-space: nowrap;
}
.dnb-number-format .dnb-sr-only::before {
  content: attr(data-text);
}
.dnb-number-format__prefix, .dnb-number-format__suffix {
  white-space: normal;
}
.dnb-number-format.dnb-anchor {
  cursor: pointer;
}
.dnb-number-format--selectall {
  cursor: text;
}
.dnb-number-format__visible {
  position: relative;
  z-index: 2;
}
.dnb-number-format--selected .dnb-number-format__visible {
  color: var(--color-black);
  background-color: var(--color-mint-green);
}
.dnb-number-format__selection {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-user-select: none;
          user-select: none;
}
.dnb-number-format--selected .dnb-number-format__selection {
  z-index: 3;
  -webkit-user-select: all;
          user-select: all;
}
.dnb-number-format--monospace {
  font-family: var(--font-family-monospace);
}
.dnb-number-format.dnb-skeleton, .dnb-skeleton .dnb-number-format {
  -webkit-text-fill-color: var(--skeleton-color);
}

/*
 * Pagination component
 *
 */
/*
 * Utilities
 */
.dnb-pagination {
  display: flex;
  flex-direction: column-reverse;
}
.dnb-pagination__bar, .dnb-pagination__loadbar, .dnb-pagination__bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.dnb-pagination__page, .dnb-pagination__loadbar {
  min-height: 6rem;
}
.dnb-pagination__bar {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.dnb-pagination--left .dnb-pagination__bar {
  justify-content: flex-start;
}
.dnb-pagination--center .dnb-pagination__bar {
  justify-content: center;
}
@media screen and (max-width: 40em) {
  .dnb-pagination--center .dnb-pagination__bar {
    justify-content: flex-start;
  }
}
.dnb-pagination--right .dnb-pagination__bar {
  justify-content: flex-end;
}
.dnb-pagination__bar__wrapper {
  display: flex;
  flex-flow: column wrap;
  row-gap: 0.5rem;
}
@media screen and (min-width: 72.00625em) {
  .dnb-pagination--layout-horizontal .dnb-pagination__bar__wrapper {
    flex-flow: row-reverse wrap;
    justify-content: space-between;
    flex: 1;
  }
}
.dnb-pagination--center .dnb-pagination__bar__wrapper {
  align-items: center;
}
.dnb-pagination--right .dnb-pagination__bar__wrapper {
  align-items: flex-end;
}
.dnb-pagination__bar__inner {
  gap: 0.5rem;
}
.dnb-pagination__button {
  max-width: 3.5rem;
}
.dnb-pagination__button--large-number {
  max-width: unset;
}
.dnb-pagination__loadbar {
  cursor: default;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dnb-pagination__indicator {
  cursor: default;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: inherit;
}
.dnb-pagination__indicator__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: show-page 300ms ease-out forwards;
}
.dnb-pagination__dots {
  align-self: flex-end;
}
.dnb-pagination__marker {
  pointer-events: none;
  position: relative;
  height: 1px;
  width: 1px;
  margin: -1px 0 0 -1px;
  overflow: hidden;
}
.dnb-pagination__marker td, .dnb-pagination__marker__inner {
  padding: 0 !important;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.dnb-pagination__bar__skip {
  display: flex;
  column-gap: 1.5rem;
}

@keyframes show-page {
  from {
    transform: translate3d(0, -8px, 0);
    opacity: 0.1;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
/*
 * Utilities
 */
:root {
  --popover-z-index: 1000;
}

.dnb-popover {
  --inner-space: 0.75rem;
  --popover-border-radius: 0.5rem;
  position: absolute;
  z-index: var(--popover-z-index);
}
.dnb-popover--inside-modal .dnb-popover {
  z-index: calc(var(--modal-z-index) + var(--popover-z-index));
}
.dnb-popover {
  display: flex;
  min-width: 320px;
  padding: 0 calc(var(--inner-space) * 2);
}
.dnb-popover--no-inner-space {
  padding: 0;
}
.dnb-popover {
  color: var(--popover-text-color);
  background-color: var(--popover-background-color);
  border-radius: var(--popover-border-radius);
  box-shadow: var(--shadow-default);
}
.dnb-popover--show-outline.dnb-popover::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  border-radius: var(--popover-border-radius);
  box-shadow: 0 0 0 1px var(--popover-outline-color);
}
.dnb-popover {
  opacity: 0;
  visibility: hidden;
  transition: opacity 200ms var(--easing-default);
}
.dnb-popover--active {
  visibility: visible;
  animation: show-popover 200ms var(--easing-default) forwards;
}
html[data-visual-test] .dnb-popover--active, .dnb-popover--active.dnb-popover--no-animation {
  animation-duration: 0ms;
}
.dnb-popover--hide {
  visibility: visible;
  animation: hide-popover 200ms var(--easing-default) forwards;
}
.dnb-popover--hide.dnb-popover--no-animation {
  animation: hide-popover 1ms linear forwards;
}
.dnb-popover--fixed {
  position: fixed;
}
html[data-visual-test] .dnb-popover--hide {
  animation: hide-popover 1ms linear 1s forwards;
}
.dnb-popover__portal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.dnb-popover__content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: calc(var(--prose-max-width) - 64px);
  padding: calc(var(--inner-space) * 2) 0 calc(var(--inner-space) * 2);
}
.dnb-popover--no-max-width .dnb-popover__content {
  max-width: none;
}
.dnb-popover--no-inner-space .dnb-popover__content {
  padding: 0;
}
.dnb-popover__portal .dnb-popover {
  margin: 0 16px;
}
.dnb-popover__title {
  display: flex;
  padding-right: 2rem;
}
.dnb-popover__title strong, .dnb-core-style .dnb-popover__title strong {
  font-weight: var(--font-weight-medium);
  color: inherit;
}
.dnb-popover__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dnb-popover__body:not(:first-child) {
  margin-top: var(--spacing-x-small);
}
.dnb-popover__arrow {
  position: absolute;
  pointer-events: none;
  margin: 0;
  width: 1rem;
  height: 1rem;
  overflow: hidden;
}
.dnb-popover__arrow::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background-color: var(--popover-background-color);
  border: none;
  transform: translateY(70%) rotate(45deg);
}
.dnb-popover--show-outline .dnb-popover__arrow::before {
  box-shadow: 0 0 0 1px var(--popover-outline-color);
}
.dnb-popover__arrow__placement--bottom {
  top: -1rem;
}
.dnb-popover__arrow__placement--top {
  bottom: -1rem;
  transform: rotate(180deg);
}
.dnb-popover__arrow__placement--left {
  right: -1rem;
  transform: rotate(90deg);
}
.dnb-popover__arrow__placement--right {
  left: -1rem;
  transform: rotate(270deg);
}
.dnb-popover__arrow__arrow--left {
  align-self: flex-start;
}
.dnb-popover__arrow__arrow--right {
  align-self: flex-end;
}
.dnb-popover__close.dnb-button {
  position: absolute;
  top: var(--inner-space);
  right: var(--inner-space);
  color: inherit;
  -webkit-user-select: none;
          user-select: none;
}
.dnb-popover__close.dnb-button:hover {
  opacity: 0.7;
}

@keyframes show-popover {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes hide-popover {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
  }
}
/*
 * ProgressIndicator component
 *
 */
/*
 * Utilities
 */
.dnb-progress-indicator {
  --progress-indicator-timing: cubic-bezier(0.5, 0, 0.5, 0.99);
  --progress-indicator-circular-circle: 314.159265359%;
  --progress-indicator-circular-circle-offset--min: 314.159265359%;
  --progress-indicator-circular-circle-offset--max: 1%;
  --progress-indicator-circular-size: 2rem;
  --progress-indicator-circular-stroke-width: calc(
    var(--progress-indicator-circular-size) / 8
  );
  --progress-indicator-circular-background-color: grey;
  --progress-indicator-circular-bar-color: var(--color-black);
  --progress-indicator-linear-size: 0.5rem;
  --progress-indicator-linear-background-color: grey;
  --progress-indicator-linear-bar-color: var(--color-black);
  position: relative;
  display: inline-flex;
  align-items: center;
}
.dnb-progress-indicator--vertical {
  flex-direction: column;
}
.dnb-progress-indicator--horizontal {
  justify-content: center;
}
.dnb-progress-indicator__label {
  display: inline-flex;
}
.dnb-progress-indicator__label .dnb-p {
  align-self: center;
}
.dnb-spacing .dnb-progress-indicator .dnb-p,
.dnb-spacing .dnb-progress-indicator .dnb-p:not([class*=dnb-space]) {
  margin: 0;
}

.dnb-progress-indicator--horizontal .dnb-progress-indicator__label {
  padding-left: 1rem;
}
.dnb-progress-indicator--horizontal.dnb-progress-indicator--small .dnb-progress-indicator__label {
  padding-left: 0.5rem;
}
.dnb-progress-indicator--vertical .dnb-progress-indicator__label {
  padding-top: 0.5rem;
}
.dnb-progress-indicator--inside .dnb-progress-indicator__label {
  position: absolute;
  width: 100%;
  justify-content: center;
  padding: var(--progress-indicator-circular-stroke-width);
}
.dnb-progress-indicator--small {
  --progress-indicator-circular-size: 1rem;
  --progress-indicator-linear-size: 0.25rem;
}
.dnb-progress-indicator--medium {
  --progress-indicator-circular-size: 1.5rem;
  --progress-indicator-linear-size: 1rem;
}
.dnb-progress-indicator--large {
  --progress-indicator-circular-size: 3.5rem;
  --progress-indicator-linear-size: 1.5rem;
}
.dnb-progress-indicator--huge {
  --progress-indicator-circular-size: 20rem;
  --progress-indicator-linear-size: 2rem;
}
.dnb-progress-indicator__circular {
  position: relative;
  width: var(--progress-indicator-circular-size);
  height: var(--progress-indicator-circular-size);
  transform: rotate(-90deg);
}
.dnb-progress-indicator__circular svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: calc(var(--progress-indicator-circular-stroke-width) / 2);
}
.dnb-progress-indicator__circular svg:not(:root) {
  overflow: visible;
}
.dnb-progress-indicator__circular__background-padding {
  display: block;
  height: 100%;
  padding: calc(var(--progress-indicator-circular-stroke-width) / 2);
}
.dnb-progress-indicator__circular__background {
  display: block;
  height: 100%;
  background-color: transparent;
  border-radius: 50%;
}
.dnb-progress-indicator__circular__line {
  animation-duration: 2s;
  animation-delay: 200ms;
  animation-timing-function: var(--progress-indicator-timing);
  animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-progress-indicator__circular__line {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}
.dnb-progress-indicator__circular__line.background {
  stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
}
.dnb-progress-indicator__circular__line.light {
  animation-name: progress-indicator-circular-line-light;
  stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
  stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
}
.dnb-progress-indicator__circular__line.dark {
  animation-name: progress-indicator-circular-line-dark;
  stroke-dasharray: var(--progress-indicator-circular-circle), var(--progress-indicator-circular-circle);
  stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
}
.dnb-progress-indicator__circular__line.paused {
  animation-play-state: paused;
}
.dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark {
  transition: stroke-dashoffset 600ms var(--progress-indicator-timing);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-progress-indicator__circular--has-progress-value .dnb-progress-indicator__circular__line.dark {
    transition-duration: 0.01ms;
  }
}
.dnb-progress-indicator__circular__circle {
  stroke-linecap: round;
  stroke-width: var(--progress-indicator-circular-stroke-width);
}
.dnb-progress-indicator__circular__line.light .dnb-progress-indicator__circular__circle {
  stroke: var(--progress-indicator-circular-background-color);
}
.dnb-progress-indicator__circular__line.dark .dnb-progress-indicator__circular__circle {
  stroke: var(--progress-indicator-circular-bar-color);
  stroke-width: calc(var(--progress-indicator-circular-stroke-width) - 0.5px);
}
.dnb-progress-indicator__linear {
  background-color: var(--progress-indicator-linear-background-color);
  position: relative;
  overflow: hidden;
  width: 100%;
  will-change: transform;
  height: var(--progress-indicator-linear-size);
  border-radius: calc(var(--progress-indicator-linear-size) / 2);
}
.dnb-progress-indicator__linear__bar {
  background-color: var(--progress-indicator-linear-bar-color);
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  transform-origin: left;
  border-radius: inherit;
}
.dnb-progress-indicator__linear__bar-transition {
  transition: transform 0.2s linear;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-progress-indicator__linear__bar-transition {
    transition-duration: 0.01ms;
  }
}
.dnb-progress-indicator__linear__bar1-animation {
  width: auto;
  animation: progress-indicator-linear-bar-1 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-progress-indicator__linear__bar1-animation {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}
.dnb-progress-indicator__linear__bar2-animation {
  width: auto;
  animation: progress-indicator-linear-bar-2 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.15s infinite;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-progress-indicator__linear__bar2-animation {
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}
html[data-visual-test] .dnb-progress-indicator__linear__bar1-animation {
  left: -35%;
  right: 100%;
  animation-duration: 0ms;
  animation-iteration-count: 0;
}
html[data-visual-test] .dnb-progress-indicator__linear__bar2-animation {
  left: -200%;
  right: 100%;
  animation-duration: 0ms;
  animation-iteration-count: 0;
}
.dnb-progress-indicator, .dnb-progress-indicator--visible {
  opacity: 0;
  animation: progress-indicator-fade-in 200ms ease-out 1 forwards;
}
.dnb-progress-indicator--complete:not(.dnb-progress-indicator--visible) {
  animation: progress-indicator-fade-out 600ms ease-out 1 forwards;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-progress-indicator {
    animation-duration: 0.01ms !important;
  }
}
html[data-visual-test] .dnb-progress-indicator {
  opacity: 1;
  animation-duration: 0ms;
}
.dnb-progress-indicator--no-animation, .dnb-progress-indicator--no-animation.dnb-progress-indicator--complete {
  animation-duration: 0ms;
}
html[data-visual-test] .dnb-progress-indicator__bar-transition {
  transition: none;
}
.dnb-progress-indicator--full-width {
  width: 100%;
  min-width: 1rem;
}
@keyframes progress-indicator-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes progress-indicator-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes progress-indicator-circular-line-light {
  0% {
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
  }
  50% {
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
  }
  100% {
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
  }
}
@keyframes progress-indicator-circular-line-dark {
  0% {
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--min);
  }
  50% {
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
  }
  100% {
    stroke-dashoffset: var(--progress-indicator-circular-circle-offset--max);
  }
}
@keyframes progress-indicator-linear-bar-1 {
  0% {
    left: -35%;
    right: 100%;
  }
  60% {
    left: 100%;
    right: -90%;
  }
  100% {
    left: 100%;
    right: -90%;
  }
}
@keyframes progress-indicator-linear-bar-2 {
  0% {
    left: -200%;
    right: 100%;
  }
  60% {
    left: 107%;
    right: -8%;
  }
  100% {
    left: 107%;
    right: -8%;
  }
}
/*
* Radio component
*
*/
/*
 * Utilities
 */
:root {
  --radio-width--medium: 1.5rem;
  --radio-height--medium: 1.5rem;
}

.dnb-radio {
  --radio-dot--medium: 0.75rem;
  --radio-dot--large: 1.125rem;
  --radio-width--large: 2rem;
  --radio-height--large: 2rem;
  --radio-border-width: 0.09375rem;
  --radio-color-dot-on: black;
  --radio-color-background-on: white;
  --radio-color-border-on: black;
  --radio-color-background-off: white;
  --radio-color-border-off: black;
  --radio-border-width--disabled: 0.125rem;
  --radio-color-dot-on--disabled: lightgrey;
  --radio-color-background--disabled: white;
  --radio-color-border-on--disabled: lightgrey;
  --radio-color-border-off--disabled: lightgrey;
  --radio-color-dot-on--active: lightgrey;
  --radio-color-border-on--active: lightgrey;
  --radio-color-background-off--active: lightgrey;
  --radio-color-border-off--active: transparent;
  --radio-border-width--hover: 0.125rem;
  --radio-border-width-on--hover: 0.125rem;
  --radio-color-dot-on--hover: lightgrey;
  --radio-color-background-on--hover: lightgrey;
  --radio-color-background-off--hover: lightgrey;
  --radio-border-width--focus: 0.125rem;
  --radio-color-background-on--focus: var(--color-white);
  --radio-color-background-off--focus: lightgrey;
  --radio-color-dot-on--error: red;
  --radio-color-border-on--error: red;
  --radio-color-border--error-hover: red;
  --radio-color-background-off--error-hover: lavenderblush;
  --radio-color-background-on--error-hover: lavenderblush;
  --radio-color-dot-on--error-hover: lavenderblush;
  --radio-focus-ring-width--error: var(--focus-ring-width);
  --radio-bounding--medium: 1.75, 1.5;
  --radio-bounding--large: 1.25, 1.12;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-radio__inner {
  display: inline-flex;
  flex-direction: column;
  align-self: center;
}
.dnb-radio__shell {
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  justify-content: center;
  width: var(--radio-width--medium);
  height: var(--radio-height--medium);
}
.dnb-radio__focus, .dnb-radio__button, .dnb-radio__dot {
  position: absolute;
  z-index: 4;
}
.dnb-radio__button {
  border: var(--radio-border-width) solid transparent;
}
.dnb-radio__focus {
  display: none;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-radio__focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-radio__focus, .dnb-radio__button {
  width: calc(var(--radio-width--medium) - 0.25rem);
  height: calc(var(--radio-height--medium) - 0.25rem);
  border-radius: 50%;
}
.dnb-radio--large .dnb-radio__focus, .dnb-radio--large .dnb-radio__button {
  width: var(--radio-width--large);
  height: var(--radio-height--large);
}
.dnb-radio__dot {
  width: var(--radio-dot--medium);
  height: var(--radio-dot--medium);
  border-radius: 50%;
  background-color: var(--radio-color-dot-on);
  transition: opacity 200ms ease-out, transform 200ms ease-out;
}
.dnb-radio--large .dnb-radio__dot {
  width: var(--radio-dot--large);
  height: var(--radio-dot--large);
}
.dnb-radio__input {
  opacity: 0;
  position: absolute;
  top: auto;
  left: auto;
  z-index: 5;
  width: var(--radio-width--medium);
  height: var(--radio-height--medium);
  margin: 0;
  padding: 0;
  border: 0;
  transform: scale(var(--radio-bounding--medium));
}
.dnb-radio--large .dnb-radio__input {
  width: var(--radio-width--large);
  height: var(--radio-height--large);
  transform: scale(var(--radio-bounding--large));
}
.dnb-radio__input:not([disabled]) {
  cursor: pointer;
}
.dnb-radio__order {
  display: inline-flex;
  align-items: baseline;
}
.dnb-radio-group--column .dnb-radio__order {
  display: flex;
}
.dnb-radio__row {
  display: inline-flex;
}
.dnb-radio__suffix {
  order: 3;
}
.dnb-radio__suffix .dnb-modal__trigger {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem;
}
.dnb-radio-group__suffix {
  font-size: var(--font-size-basis);
}
.dnb-radio--large {
  line-height: var(--radio-height--large);
}
.dnb-radio--large .dnb-radio__suffix {
  line-height: var(--radio-height--large);
}
.dnb-radio--large .dnb-radio__shell {
  width: var(--radio-width--large);
  height: var(--radio-height--large);
}
.dnb-radio .dnb-form-label {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.dnb-radio--label-position-left .dnb-radio__order .dnb-radio__inner {
  order: 2;
}
.dnb-radio--label-position-left .dnb-radio__order .dnb-form-label {
  order: 1;
  padding-right: 0.5rem;
}
.dnb-radio--label-position-right .dnb-radio__order .dnb-radio__inner {
  order: 1;
}
.dnb-radio--label-position-right .dnb-radio__order .dnb-form-label {
  order: 2;
  padding-left: 0.5rem;
}
:not(.dnb-radio-group) > .dnb-form-label + .dnb-radio {
  vertical-align: top;
}
.dnb-radio .dnb-form-status {
  order: 4;
  margin-top: 0.375rem; /* 6/16 */
  margin-bottom: 0;
}
.dnb-radio + .dnb-form-status {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.dnb-radio > .dnb-form-status {
  transform: translateY(0.25rem); /* 4/16 */
}
.dnb-radio-group {
  --radio-group-row-gap: 0.5rem;
  --radio-group-column-gap: 1rem;
  display: inline-flex;
}
.dnb-radio-group, .dnb-radio-group__fieldset, .dnb-radio-group__shell {
  flex-grow: 1;
}
.dnb-radio-group fieldset:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-radio-group fieldset:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-radio-group fieldset:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-radio-group fieldset:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-radio-group fieldset {
  padding: 0;
  border: none;
}
.dnb-radio-group--column .dnb-radio {
  display: flex;
  margin-right: 0;
}
.dnb-radio-group .dnb-radio:last-of-type {
  margin-right: 0;
}
.dnb-radio-group__shell {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--radio-group-column-gap);
  row-gap: var(--radio-group-row-gap);
}
.dnb-radio-group__shell > .dnb-form-status {
  margin-top: 0;
  margin-bottom: 0;
}
.dnb-radio-group--column .dnb-radio-group__shell {
  flex-direction: column;
}
.dnb-radio {
  /*
   * Color scheme
   */
  /** Normal state **/
}
.dnb-radio__input:checked ~ .dnb-radio__button, .dnb-radio__input[data-checked=true] ~ .dnb-radio__button {
  background-color: var(--radio-color-background-on);
  border-color: var(--radio-color-border-on);
}
.dnb-radio__input:checked ~ .dnb-radio__dot, .dnb-radio__input[data-checked=true] ~ .dnb-radio__dot {
  opacity: 1;
  transform: scale(1);
}
.dnb-radio__input:not(:checked):not([data-checked=true]) ~ .dnb-radio__dot {
  opacity: 0;
  transform: scale(0.8);
}
.dnb-radio__input:not(:checked):not([data-checked=true]) ~ .dnb-radio__button {
  background-color: var(--radio-color-background-off);
  border-color: var(--radio-color-border-off);
}
.dnb-radio {
  /** Disabled state **/
}
.dnb-radio__input[disabled] ~ .dnb-radio__button {
  border-width: var(--radio-border-width--disabled);
}
.dnb-radio__input[disabled]:checked ~ .dnb-radio__button, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__button {
  border-color: var(--radio-color-border-on--disabled);
  background-color: var(--radio-color-background--disabled);
}
.dnb-radio__input[disabled]:checked ~ .dnb-radio__dot, .dnb-radio__input[disabled][data-checked=true] ~ .dnb-radio__dot {
  background-color: var(--radio-color-dot-on--disabled);
}
.dnb-radio__input[disabled]:not(:checked):not([data-checked=true]) ~ .dnb-radio__button:not(.dnb-skeleton) {
  border-color: var(--radio-color-border-off--disabled);
  background-color: var(--radio-color-background--disabled);
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton::before {
  border-radius: 0;
}
.dnb-radio__input[disabled] ~ .dnb-radio__button.dnb-skeleton {
  border-color: var(--skeleton-color);
}
.dnb-radio {
  /** Active state **/
}
.dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__button, .dnb-radio__input:not([disabled])[data-checked=true]:active ~ .dnb-radio__button {
  border-color: var(--radio-color-border-on--active);
}
.dnb-radio__input:not([disabled]):checked:active ~ .dnb-radio__dot, .dnb-radio__input:not([disabled])[data-checked=true]:active ~ .dnb-radio__dot {
  background-color: var(--radio-color-dot-on--active);
}
.dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):active ~ .dnb-radio__button {
  background-color: var(--radio-color-background-off--active);
  border-color: var(--radio-color-border-off--active);
}
.dnb-radio {
  /** Hover state **/
}
.dnb-radio__input:not([disabled]):not(:focus):checked:hover ~ .dnb-radio__dot, .dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover ~ .dnb-radio__dot {
  background-color: var(--radio-color-dot-on--hover);
}
.dnb-radio__input:not([disabled]):not(:focus):checked:hover ~ .dnb-radio__button, .dnb-radio__input:not([disabled]):not(:focus)[data-checked=true]:hover ~ .dnb-radio__button {
  background-color: var(--radio-color-background-on--hover);
  border-width: var(--radio-border-width-on--hover);
}
.dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover ~ .dnb-radio__button {
  background-color: var(--radio-color-background-off--hover);
  border-width: var(--radio-border-width--hover);
}
.dnb-radio {
  /** Focus state **/
}
html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):focus ~ .dnb-radio__button {
  border-width: var(--radio-border-width--focus);
  border: none;
}
.dnb-radio__input:not([disabled]):focus ~ .dnb-radio__focus, .dnb-radio__input:not([disabled]):active ~ .dnb-radio__focus {
  display: block;
}
html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus ~ .dnb-radio__button, html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus ~ .dnb-radio__button {
  background-color: var(--radio-color-background-on--focus);
}
html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover):checked:focus ~ .dnb-radio__dot, html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:active):not(:hover)[data-checked=true]:focus ~ .dnb-radio__dot {
  background-color: var(--radio-color-dot-on--focus, var(--focus-ring-color));
}
html[data-whatinput=keyboard] .dnb-radio__input:not([disabled]):not(:checked):not([data-checked=true]):focus ~ .dnb-radio__button {
  background-color: var(--radio-color-background-off--focus);
}
.dnb-radio {
  /** Error state **/
}
.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__button {
  border: none;
}
.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active) ~ .dnb-radio__focus {
  display: block;
  --border-color: var(--radio-color-border-on--error);
  --border-width: var(--radio-focus-ring-width--error);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):hover ~ .dnb-radio__focus {
  --border-color: var(--radio-color-border--error-hover);
  --border-width: var(--radio-focus-ring-width--error);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-radio__dot, .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):not(:hover)[data-checked=true] ~ .dnb-radio__dot {
  background-color: var(--radio-color-dot-on--error);
}
.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover ~ .dnb-radio__dot, .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover ~ .dnb-radio__dot {
  background-color: var(--radio-color-dot-on--error-hover);
}
.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active):checked:hover ~ .dnb-radio__button, .dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:active)[data-checked=true]:hover ~ .dnb-radio__button {
  background-color: var(--radio-color-background-on--error-hover);
}
.dnb-radio__status--error .dnb-radio__input:not([disabled]):not(:focus):not(:checked):not([data-checked=true]):hover ~ .dnb-radio__button {
  background-color: var(--radio-color-background-off--error-hover);
}

/*
 * Section component
 *
 */
/*
 * Utilities
 */
:root {
  --section-z-index: 1;
}

.dnb-section {
  position: relative;
  isolation: isolate;
  display: flow-root;
  --breakout--on: visible;
  --breakout--off: hidden;
  --rounded-corner--value: 0.5rem;
  --outline: 0 0 0 var(--outline-width, 1px)
    var(--outline-color, transparent);
  --outline-none: 0 0 0 0 transparent;
  --top: 0;
  --left: -100vw;
  --width: 100vw;
  --height: 100%;
  --color-transparent: transparent;
  --rounded-corner--small: 0;
  --rounded-corner--medium: 0;
  --rounded-corner--large: 0;
  color: var(--text-color, black);
  border-radius: var(--rounded-corner, 0);
}
.dnb-section[style*="--background-color"] {
  background-color: var(--background-color, white);
}
.dnb-section::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  box-shadow: var(--drop-shadow, var(--outline-none)), var(--outline, var(--outline-none));
  border-radius: var(--rounded-corner, 0);
}
.dnb-section::after {
  content: "";
  visibility: var(--breakout, hidden);
  position: absolute;
  z-index: -15;
  left: var(--left);
  top: var(--top);
  width: var(--width);
  height: var(--height);
  color: var(--background-color, currentcolor);
  background-color: currentcolor;
  --box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor,
    297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor;
  box-shadow: var(--box-shadow);
  border-radius: var(--rounded-corner, 0);
}
.dnb-section:not([style*="--breakout"]) {
  --breakout: var(--breakout--on);
}
.dnb-section[style*="--outset"].dnb-space[style]:not(.dnb-card) {
  padding-left: calc(var(--padding-left) * (1 - var(--outset)));
  padding-right: calc(var(--padding-right) * (1 - var(--outset)));
}
.dnb-section[style*="--outset"]::before {
  margin-left: calc(var(--outset-left, var(--padding-left)) * -1 * var(--outset));
  margin-right: calc(var(--outset-right, var(--padding-right)) * -1 * var(--outset));
  background-color: inherit;
}
@media screen and (max-width: 60em) {
  .dnb-section {
    --breakout: var(--breakout--small, var(--breakout--fallback));
    --outset: var(--outset--small, var(--outset--fallback));
    --background-color--value: var(--background-color--small);
    --text-color--value: var(--text-color--small);
    --outline-color: var(--outline-color--small);
    --outline-width: var(--outline-width--small);
    --drop-shadow: var(--drop-shadow--small);
    --rounded-corner: var(
      --rounded-corner--small,
      var(--rounded-corner--fallback)
    );
  }
}
@media screen and (max-width: 60em) and (min-width: 40.00625em) {
  .dnb-section {
    --breakout: var(--breakout--medium, var(--breakout--fallback));
    --outset: var(--outset--medium, var(--outset--fallback));
    --background-color--value: var(--background-color--medium);
    --text-color--value: var(--text-color--medium);
    --outline-color: var(--outline-color--medium);
    --outline-width: var(--outline-width--medium);
    --drop-shadow: var(--drop-shadow--medium);
    --rounded-corner: var(
      --rounded-corner--medium,
      var(--rounded-corner--fallback)
    );
  }
}
@media screen and (min-width: 60.00625em) {
  .dnb-section {
    --breakout: var(--breakout--large, var(--breakout--fallback));
    --outset: var(--outset--large, var(--outset--fallback));
    --background-color--value: var(--background-color--large);
    --text-color--value: var(--text-color--large);
    --outline-color: var(--outline-color--large);
    --outline-width: var(--outline-width--large);
    --drop-shadow: var(--drop-shadow--large);
    --rounded-corner: var(
      --rounded-corner--large,
      var(--rounded-corner--fallback)
    );
  }
}
.dnb-section .dnb-section::after {
  z-index: -14;
}
.dnb-section .dnb-section .dnb-section::after {
  z-index: -13;
}
.dnb-section .dnb-section .dnb-section .dnb-section::after {
  z-index: -12;
}
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
  z-index: -11;
}
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
  z-index: -10;
}
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
  z-index: -9;
}
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
  z-index: -8;
}
.dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section .dnb-section::after {
  z-index: -7;
}
.dnb-section--spacing-x-small {
  padding-top: var(--spacing-x-small);
  padding-bottom: var(--spacing-x-small);
}
.dnb-section--spacing-small {
  padding-top: var(--spacing-small);
  padding-bottom: var(--spacing-small);
}
.dnb-section--spacing-medium {
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);
}
.dnb-section--spacing, .dnb-section--spacing-large {
  padding-top: var(--spacing-large);
  padding-bottom: var(--spacing-large);
}
.dnb-section--spacing-x-large {
  padding-top: var(--spacing-x-large);
  padding-bottom: var(--spacing-x-large);
}
.dnb-section--spacing-xx-large {
  padding-top: var(--spacing-xx-large);
  padding-bottom: var(--spacing-xx-large);
}

/*
 * Skeleton component
 *
 * Skeleton
 *
 */
/*
 * Utilities
 */
.dnb-skeleton {
  --skeleton-delay: 5s;
  --skeleton-duration: 1.5s;
  --skeleton-iteration-count: 20;
}
.dnb-skeleton img,
.dnb-skeleton video {
  filter: brightness(0%) contrast(0%) opacity(0.5);
}
.dnb-skeleton--block {
  display: block;
}
.dnb-skeleton--overflow {
  overflow: hidden;
}
.dnb-skeleton--grey {
  filter: grayscale(100%);
}
.dnb-skeleton--shape {
  pointer-events: none;
  position: relative;
  overflow-x: hidden;
  color: transparent;
  background: transparent;
  box-shadow: none !important;
}
.dnb-skeleton--shape.dnb-skeleton::before, .dnb-skeleton--shape.dnb-skeleton::after {
  content: "" !important;
  position: absolute !important;
  z-index: 100 !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: inherit;
  background: none !important;
  box-shadow: none !important;
}
.dnb-skeleton--shape.dnb-skeleton::before {
  background-color: var(--skeleton-color) !important;
}
.dnb-skeleton--shape.dnb-skeleton::after {
  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
  background-repeat: repeat !important;
  background-size: 100% !important;
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  animation: skeletonLinearAnimation var(--skeleton-duration) linear var(--skeleton-iteration-count) var(--skeleton-delay);
}
.dnb-skeleton--code pre,
.dnb-skeleton--code pre *,
.dnb-skeleton--code code,
.dnb-skeleton--code code *, .dnb-skeleton--font pre,
.dnb-skeleton--font pre *,
.dnb-skeleton--font code,
.dnb-skeleton--font code * {
  --font-family-monospace: 'DNBMonoSkeleton' !important;
  font-family: var(--font-family-monospace) !important;
  font-style: unset !important;
  box-shadow: none !important;
}
.dnb-skeleton--font-only, .dnb-skeleton--font, .dnb-skeleton--font .dnb-skeleton--show-font, .dnb-skeleton--font .dnb-p {
  pointer-events: none;
  --font-family-default: 'DNBSkeleton' !important;
  font-family: var(--font-family-default) !important;
  font-style: unset !important;
}
.dnb-skeleton--font-only::marker, .dnb-skeleton--font::marker, .dnb-skeleton--font .dnb-skeleton--show-font::marker, .dnb-skeleton--font .dnb-p::marker {
  color: var(--skeleton-color);
}
.dnb-skeleton--font, .dnb-skeleton--font .dnb-skeleton--show-font, .dnb-skeleton--font .dnb-p {
  background-position-y: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 30rem 100% !important;
  -webkit-text-fill-color: transparent !important;
  -webkit-background-clip: text !important;
          background-clip: text !important;
  background-image: repeating-linear-gradient(-45deg, var(--skeleton-color--contrast) 1px 2px, transparent 0 6px) !important;
  --border-color: var(--skeleton-color);
  background-color: var(--skeleton-color) !important;
  background-position-x: 30rem;
  animation: skeletonFontAnimation 5s linear infinite var(--skeleton-delay);
}
html[data-visual-test] .dnb-skeleton--font, html[data-visual-test] .dnb-skeleton--font .dnb-skeleton--show-font, html[data-visual-test] .dnb-skeleton--font .dnb-p {
  animation: none !important;
}
.dnb-skeleton__figure {
  position: relative;
  border-radius: 0.25rem;
}
.dnb-skeleton__figure--circle {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
.dnb-skeleton__figure--product {
  display: flex;
  align-items: center;
}
.dnb-skeleton__figure--product .dnb-skeleton__figure--circle + div {
  width: 50%;
  margin-left: 1rem;
}
.dnb-skeleton--no-animation .dnb-skeleton, .dnb-skeleton--no-animation .dnb-skeleton::after, .dnb-skeleton--no-animation * .dnb-skeleton::after {
  animation: none !important;
}

@keyframes skeletonLinearAnimation {
  0% {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
  50% {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  100% {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  }
}
@keyframes skeletonFontAnimation {
  0% {
    background-position-x: 30rem;
  }
  100% {
    background-position-x: -30rem;
  }
}
@font-face {
  font-family: DNBSkeleton;
  src: url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff2") format("woff2"), url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.woff") format("woff"), url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: DNBSkeleton;
  src: url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff2") format("woff2"), url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.woff") format("woff"), url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: DNBSkeleton;
  src: url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff2") format("woff2"), url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.woff") format("woff"), url("../../../assets/fonts/dnb/skeleton/DNB-Skeleton-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: fallback;
}
@font-face {
  font-family: DNBMonoSkeleton;
  src: url("../../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff2") format("woff2"), url("../../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.woff") format("woff"), url("../../../assets/fonts/dnb/skeleton/DNBMono-Skeleton-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: fallback;
}
/*
* SkipContent component
*
*/
/*
 * Utilities
 */
.dnb-skip-content--visible {
  display: flex;
}
.dnb-skip-content .dnb-button {
  margin: 1rem 0;
}
.dnb-skip-content__focus:focus {
  position: relative;
}
.dnb-skip-content__focus:focus::before {
  content: "";
  position: absolute;
  top: var(--focus-ring-width);
  right: var(--focus-ring-width);
  bottom: var(--focus-ring-width);
  left: var(--focus-ring-width);
  outline: none;
}
html[data-whatinput=keyboard] .dnb-skip-content__focus:focus::before {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-skip-content__return:not(.dnb-skip-content__return--active) button.dnb-sr-only {
  display: none;
}

/*
* Slider component
*
*/
/*
 * Utilities
 */
.dnb-slider {
  --slider-track-height: 0.25rem;
  --slider-thumb-size: 2rem;
  --slider-button-size: 1.5rem;
  --slider-space: 1rem;
  --slider-line-before: black;
  --slider-line-after: gray;
  --slider-line-before--disabled: dimgray;
  --slider-line-after--disabled: lightgray;
  --slider-marker: var(--slider-line-before);
  --slider-marker-height: calc(var(--slider-thumb-size) * 0.75);
  --slider-marker-width: 0.125rem;
  -webkit-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  display: flex;
  font-size: var(--font-size-small);
  line-height: var(--slider-thumb-size);
}
.dnb-slider--stretch {
  width: 100%;
}
.dnb-slider--vertical {
  display: flex;
  width: auto;
  height: 100%;
  min-width: inherit;
  min-height: inherit;
}
.dnb-slider__wrapper {
  display: inline-flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
}
.dnb-slider--vertical .dnb-slider__wrapper {
  align-items: center;
  width: auto;
  height: 100%;
}
.dnb-slider__inner {
  display: inline-flex;
  height: var(--slider-thumb-size);
}
.dnb-slider__suffix {
  align-self: center;
}
.dnb-slider--vertical .dnb-slider__suffix {
  padding-left: 0;
  padding-top: 0.5rem;
}
.dnb-slider__marker {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 3;
  margin: auto;
  width: var(--slider-marker-width);
  height: var(--slider-marker-height);
  background-color: var(--slider-marker);
}
.dnb-slider__marker:focus {
  outline: none;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-slider__marker:focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-slider__marker::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  transform: scale(10, 1);
}
.dnb-slider--vertical .dnb-slider__marker {
  top: auto;
  right: 0;
  bottom: auto;
  left: 0;
  height: var(--slider-marker-width);
  width: var(--slider-marker-height);
}
.dnb-slider--vertical .dnb-slider__marker::before {
  transform: scale(1, 10);
}
.dnb-slider__track {
  touch-action: none;
  position: relative;
  flex: 1;
  margin: 0 calc(var(--slider-space) * 1.5);
  min-width: 2rem;
  cursor: pointer;
}
.dnb-slider--vertical .dnb-slider__track {
  margin: calc(var(--slider-space) * 1.5) 0;
  min-height: 2rem;
  min-width: auto;
}
.dnb-slider--no-buttons .dnb-slider__track {
  margin: 0 calc(var(--slider-space));
}
.dnb-slider--no-buttons.dnb-slider--vertical .dnb-slider__track {
  margin: calc(var(--slider-space)) 0;
}
.dnb-slider--vertical .dnb-slider__inner {
  flex-direction: column;
  width: var(--slider-thumb-size);
  height: inherit;
  min-width: inherit;
  min-height: inherit;
}
.dnb-slider__line {
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0 calc(0px - var(--slider-space));
  height: var(--slider-track-height);
  transform: translate3d(0, -50%, 0);
  background-color: var(--slider-line-before);
  border-radius: var(--slider-track-height);
}
.dnb-slider__line__before {
  z-index: 2;
}
.dnb-slider__line__after {
  z-index: 1;
  right: 0;
  background-color: var(--slider-line-after);
}
.dnb-slider--vertical .dnb-slider__line {
  width: var(--slider-track-height);
  height: auto;
  left: 50%;
  top: 0;
  margin: calc(0px - var(--slider-space)) 0;
  transform: translate3d(-50%, 0, 0);
}
.dnb-slider--vertical .dnb-slider__line__before {
  top: 0;
  bottom: 0;
}
.dnb-slider--vertical .dnb-slider__line__after {
  bottom: 0;
}
.dnb-slider__thumb {
  box-shadow: var(--shadow-sharp);
}
.dnb-slider__button-helper, .dnb-slider__thumb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 4;
  display: flex;
  justify-content: center;
  transform: translate3d(-50%, 0, 0);
  border-radius: 50%;
}
.dnb-slider__button-helper,
.dnb-slider__button-helper .dnb-button, .dnb-slider__thumb,
.dnb-slider__thumb .dnb-button {
  height: var(--slider-thumb-size);
  width: var(--slider-thumb-size);
}
.dnb-slider--vertical .dnb-slider__thumb {
  transform: translate3d(0, -50%, 0);
}
.dnb-slider__button.dnb-button--size-small {
  height: var(--slider-button-size);
  width: var(--slider-button-size);
  line-height: var(--slider-button-size);
  transform: translateY(0.25rem);
  z-index: 2;
}
.dnb-slider--vertical .dnb-slider__button.dnb-button--size-small {
  transform: translateX(0.25rem);
}
.dnb-slider__state--disabled .dnb-slider__track, .dnb-slider__state--disabled .dnb-slider__thumb, .dnb-slider__state--disabled .dnb-slider__line {
  cursor: not-allowed;
}
.dnb-slider__state--animate .dnb-slider__thumb, .dnb-slider__state--animate .dnb-slider__line {
  transition: left 250ms var(--easing-default), top 250ms var(--easing-default), bottom 250ms var(--easing-default), right 250ms var(--easing-default), box-shadow 250ms var(--easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-slider__state--animate .dnb-slider__thumb, .dnb-slider__state--animate .dnb-slider__line {
    transition-duration: 0.01ms;
  }
}
html[data-visual-test] .dnb-slider__thumb, html[data-visual-test] .dnb-slider__line {
  transition: none !important;
}
.dnb-slider__button-helper {
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  transform: translate3d(0.0625rem, 0, 0);
}
.dnb-slider__button-helper:not(:disabled):focus ~ .dnb-button {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-slider__button-helper:not(:disabled):focus ~ .dnb-button {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-slider > .dnb-form-label {
  align-self: flex-start;
  margin-right: 1rem;
  line-height: var(--slider-thumb-size);
}
.dnb-slider > .dnb-form-label--vertical {
  margin-right: 0;
  line-height: var(--line-height-basis);
}
.dnb-slider__label--vertical {
  flex-direction: column;
}
.dnb-slider__label--vertical.dnb-slider--vertical {
  align-items: center;
}
.dnb-slider__label--vertical.dnb-slider--vertical .dnb-form-label {
  text-align: center;
  width: 100%;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.dnb-slider .dnb-form-status {
  order: 2;
  margin-top: 0.5rem;
}
.dnb-slider--vertical .dnb-form-status {
  margin-top: 1rem;
}
@media screen and (max-width: 40em) {
  .dnb-responsive-component .dnb-slider {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.5rem;
  }
  .dnb-responsive-component .dnb-slider > .dnb-form-label {
    margin-bottom: 0.5rem;
  }
}
.dnb-slider.dnb-skeleton .dnb-slider__line, .dnb-slider.dnb-skeleton .dnb-slider__marker, .dnb-slider.dnb-skeleton .dnb-slider__state--disabled .dnb-slider__line {
  background-color: var(--skeleton-color);
}
.dnb-slider.dnb-skeleton .dnb-slider__track::before, .dnb-slider.dnb-skeleton .dnb-slider__track::after, .dnb-slider.dnb-skeleton .dnb-slider__state--disabled.dnb-slider__track::before, .dnb-slider.dnb-skeleton .dnb-slider__state--disabled.dnb-slider__track::after {
  background-color: var(--skeleton-color);
}

/*
 * Space component
 *
 * TODO: Set spacing in the theme file, as theme comes later in the stack
 *
 */
/*
 * Utilities
 */
/** NB: Because CSS specificity ".dnb-core-style .dnb-space"
    has to come before the next ".dnb-space"
  */
.dnb-core-style .dnb-space__top--zero {
  margin-top: 0;
}
.dnb-core-style .dnb-space__top--xx-small {
  margin-top: var(--spacing-xx-small);
}
.dnb-core-style .dnb-space__top--x-small {
  margin-top: var(--spacing-x-small);
}
.dnb-core-style .dnb-space__top--small {
  margin-top: var(--spacing-small);
}
.dnb-core-style .dnb-space__top--medium {
  margin-top: var(--spacing-medium);
}
.dnb-core-style .dnb-space__top--large {
  margin-top: var(--spacing-large);
}
.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small {
  margin-top: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__top--x-large {
  margin-top: var(--spacing-x-large);
}
.dnb-core-style .dnb-space__top--xx-large {
  margin-top: var(--spacing-xx-large);
}
.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-small {
  margin-top: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--small {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--medium {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-core-style .dnb-space__top--xx-large.dnb-core-style .dnb-space__top--x-large {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__top--xx-large-x2 {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-small {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--small {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--medium {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--large.dnb-core-style .dnb-space__top--x-small {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__top--xx-large-x2.dnb-core-style .dnb-space__top--x-large {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__right--zero {
  margin-right: 0;
}
.dnb-core-style .dnb-space__right--xx-small {
  margin-right: var(--spacing-xx-small);
}
.dnb-core-style .dnb-space__right--x-small {
  margin-right: var(--spacing-x-small);
}
.dnb-core-style .dnb-space__right--small {
  margin-right: var(--spacing-small);
}
.dnb-core-style .dnb-space__right--medium {
  margin-right: var(--spacing-medium);
}
.dnb-core-style .dnb-space__right--large {
  margin-right: var(--spacing-large);
}
.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small {
  margin-right: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__right--x-large {
  margin-right: var(--spacing-x-large);
}
.dnb-core-style .dnb-space__right--xx-large {
  margin-right: var(--spacing-xx-large);
}
.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-small {
  margin-right: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--small {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--medium {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-core-style .dnb-space__right--xx-large.dnb-core-style .dnb-space__right--x-large {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__right--xx-large-x2 {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-small {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--small {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--medium {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--large.dnb-core-style .dnb-space__right--x-small {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__right--xx-large-x2.dnb-core-style .dnb-space__right--x-large {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__bottom--zero {
  margin-bottom: 0;
}
.dnb-core-style .dnb-space__bottom--xx-small {
  margin-bottom: var(--spacing-xx-small);
}
.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: var(--spacing-x-small);
}
.dnb-core-style .dnb-space__bottom--small {
  margin-bottom: var(--spacing-small);
}
.dnb-core-style .dnb-space__bottom--medium {
  margin-bottom: var(--spacing-medium);
}
.dnb-core-style .dnb-space__bottom--large {
  margin-bottom: var(--spacing-large);
}
.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__bottom--x-large {
  margin-bottom: var(--spacing-x-large);
}
.dnb-core-style .dnb-space__bottom--xx-large {
  margin-bottom: var(--spacing-xx-large);
}
.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--small {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--medium {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-core-style .dnb-space__bottom--xx-large.dnb-core-style .dnb-space__bottom--x-large {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__bottom--xx-large-x2 {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--small {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--medium {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--large.dnb-core-style .dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__bottom--xx-large-x2.dnb-core-style .dnb-space__bottom--x-large {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__left--zero {
  margin-left: 0;
}
.dnb-core-style .dnb-space__left--xx-small {
  margin-left: var(--spacing-xx-small);
}
.dnb-core-style .dnb-space__left--x-small {
  margin-left: var(--spacing-x-small);
}
.dnb-core-style .dnb-space__left--small {
  margin-left: var(--spacing-small);
}
.dnb-core-style .dnb-space__left--medium {
  margin-left: var(--spacing-medium);
}
.dnb-core-style .dnb-space__left--large {
  margin-left: var(--spacing-large);
}
.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small {
  margin-left: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__left--x-large {
  margin-left: var(--spacing-x-large);
}
.dnb-core-style .dnb-space__left--xx-large {
  margin-left: var(--spacing-xx-large);
}
.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-small {
  margin-left: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--small {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--medium {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-core-style .dnb-space__left--xx-large.dnb-core-style .dnb-space__left--x-large {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__left--xx-large-x2 {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-small {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--small {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--medium {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--large.dnb-core-style .dnb-space__left--x-small {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-core-style .dnb-space__left--xx-large-x2.dnb-core-style .dnb-space__left--x-large {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}

/* stylelint-disable */
.dnb-space--no-collapse {
  display: flow-root;
}
.dnb-space--stretch {
  width: 100%;
}
.dnb-space--inline {
  display: inline-block;
}
.dnb-space__top--zero {
  margin-top: 0;
}
.dnb-space__top--xx-small {
  margin-top: var(--spacing-xx-small);
}
.dnb-space__top--x-small {
  margin-top: var(--spacing-x-small);
}
.dnb-space__top--small {
  margin-top: var(--spacing-small);
}
.dnb-space__top--medium {
  margin-top: var(--spacing-medium);
}
.dnb-space__top--large {
  margin-top: var(--spacing-large);
}
.dnb-space__top--large.dnb-space__top--x-small {
  margin-top: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__top--x-large {
  margin-top: var(--spacing-x-large);
}
.dnb-space__top--xx-large {
  margin-top: var(--spacing-xx-large);
}
.dnb-space__top--xx-large.dnb-space__top--x-small {
  margin-top: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-space__top--xx-large.dnb-space__top--small {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-space__top--xx-large.dnb-space__top--medium {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__top--xx-large.dnb-space__top--large {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__top--xx-large.dnb-space__top--large.dnb-space__top--x-small {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-space__top--xx-large.dnb-space__top--x-large {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__top--xx-large-x2 {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__top--xx-large-x2.dnb-space__top--x-small {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__top--xx-large-x2.dnb-space__top--small {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__top--xx-large-x2.dnb-space__top--medium {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__top--xx-large-x2.dnb-space__top--large {
  margin-top: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__top--xx-large-x2.dnb-space__top--large.dnb-space__top--x-small {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__top--xx-large-x2.dnb-space__top--x-large {
  margin-top: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__right--zero {
  margin-right: 0;
}
.dnb-space__right--xx-small {
  margin-right: var(--spacing-xx-small);
}
.dnb-space__right--x-small {
  margin-right: var(--spacing-x-small);
}
.dnb-space__right--small {
  margin-right: var(--spacing-small);
}
.dnb-space__right--medium {
  margin-right: var(--spacing-medium);
}
.dnb-space__right--large {
  margin-right: var(--spacing-large);
}
.dnb-space__right--large.dnb-space__right--x-small {
  margin-right: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__right--x-large {
  margin-right: var(--spacing-x-large);
}
.dnb-space__right--xx-large {
  margin-right: var(--spacing-xx-large);
}
.dnb-space__right--xx-large.dnb-space__right--x-small {
  margin-right: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-space__right--xx-large.dnb-space__right--small {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-space__right--xx-large.dnb-space__right--medium {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__right--xx-large.dnb-space__right--large {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__right--xx-large.dnb-space__right--large.dnb-space__right--x-small {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-space__right--xx-large.dnb-space__right--x-large {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__right--xx-large-x2 {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__right--xx-large-x2.dnb-space__right--x-small {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__right--xx-large-x2.dnb-space__right--small {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__right--xx-large-x2.dnb-space__right--medium {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__right--xx-large-x2.dnb-space__right--large {
  margin-right: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__right--xx-large-x2.dnb-space__right--large.dnb-space__right--x-small {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__right--xx-large-x2.dnb-space__right--x-large {
  margin-right: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__bottom--zero {
  margin-bottom: 0;
}
.dnb-space__bottom--xx-small {
  margin-bottom: var(--spacing-xx-small);
}
.dnb-space__bottom--x-small {
  margin-bottom: var(--spacing-x-small);
}
.dnb-space__bottom--small {
  margin-bottom: var(--spacing-small);
}
.dnb-space__bottom--medium {
  margin-bottom: var(--spacing-medium);
}
.dnb-space__bottom--large {
  margin-bottom: var(--spacing-large);
}
.dnb-space__bottom--large.dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__bottom--x-large {
  margin-bottom: var(--spacing-x-large);
}
.dnb-space__bottom--xx-large {
  margin-bottom: var(--spacing-xx-large);
}
.dnb-space__bottom--xx-large.dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-space__bottom--xx-large.dnb-space__bottom--small {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-space__bottom--xx-large.dnb-space__bottom--medium {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__bottom--xx-large.dnb-space__bottom--large {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__bottom--xx-large.dnb-space__bottom--large.dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-space__bottom--xx-large.dnb-space__bottom--x-large {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__bottom--xx-large-x2 {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__bottom--xx-large-x2.dnb-space__bottom--small {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__bottom--xx-large-x2.dnb-space__bottom--medium {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large {
  margin-bottom: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__bottom--xx-large-x2.dnb-space__bottom--large.dnb-space__bottom--x-small {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__bottom--xx-large-x2.dnb-space__bottom--x-large {
  margin-bottom: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__left--zero {
  margin-left: 0;
}
.dnb-space__left--xx-small {
  margin-left: var(--spacing-xx-small);
}
.dnb-space__left--x-small {
  margin-left: var(--spacing-x-small);
}
.dnb-space__left--small {
  margin-left: var(--spacing-small);
}
.dnb-space__left--medium {
  margin-left: var(--spacing-medium);
}
.dnb-space__left--large {
  margin-left: var(--spacing-large);
}
.dnb-space__left--large.dnb-space__left--x-small {
  margin-left: calc(var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__left--x-large {
  margin-left: var(--spacing-x-large);
}
.dnb-space__left--xx-large {
  margin-left: var(--spacing-xx-large);
}
.dnb-space__left--xx-large.dnb-space__left--x-small {
  margin-left: calc(var(--spacing-large) + var(--spacing-large));
}
.dnb-space__left--xx-large.dnb-space__left--small {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-medium));
}
.dnb-space__left--xx-large.dnb-space__left--medium {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__left--xx-large.dnb-space__left--large {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-x-small));
}
.dnb-space__left--xx-large.dnb-space__left--large.dnb-space__left--x-small {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-small));
}
.dnb-space__left--xx-large.dnb-space__left--x-large {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__left--xx-large-x2 {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__left--xx-large-x2.dnb-space__left--x-small {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-large) + var(--spacing-large));
}
.dnb-space__left--xx-large-x2.dnb-space__left--small {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__left--xx-large-x2.dnb-space__left--medium {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-large));
}
.dnb-space__left--xx-large-x2.dnb-space__left--large {
  margin-left: calc(var(--spacing-x-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__left--xx-large-x2.dnb-space__left--large.dnb-space__left--x-small {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-x-large) + var(--spacing-x-large));
}
.dnb-space__left--xx-large-x2.dnb-space__left--x-large {
  margin-left: calc(var(--spacing-xx-large) + var(--spacing-xx-large) + var(--spacing-x-large));
}
.dnb-space__reset:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-space__reset:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-space__reset:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-space__reset:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-space[style*="--space-t-"] {
  padding-top: var(--padding-top, 0);
}
.dnb-space[style*="--space-r-"] {
  padding-right: var(--padding-right, 0);
}
.dnb-space[style*="--space-b-"] {
  padding-bottom: var(--padding-bottom, 0);
}
.dnb-space[style*="--space-l-"] {
  padding-left: var(--padding-left, 0);
}
@media screen and (max-width: 60em) {
  .dnb-space {
    --padding-right: var(--space-r-s);
    --padding-left: var(--space-l-s);
    --padding-top: var(--space-t-s);
    --padding-bottom: var(--space-b-s);
  }
}
@media screen and (max-width: 60em) and (min-width: 40.00625em) {
  .dnb-space {
    --padding-right: var(--space-r-m);
    --padding-left: var(--space-l-m);
    --padding-top: var(--space-t-m);
    --padding-bottom: var(--space-b-m);
  }
}
@media screen and (min-width: 60.00625em) {
  .dnb-space {
    --padding-right: var(--space-r-l);
    --padding-left: var(--space-l-l);
    --padding-top: var(--space-t-l);
    --padding-bottom: var(--space-b-l);
  }
}

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

/* stylelint-enable */
/*
 * Stat Component
 *
 */
/*
 * Utilities
 */
.dnb-stat--tone-positive {
  color: var(--color-success-green);
}
.dnb-stat--tone-negative {
  color: var(--color-fire-red);
}
.dnb-stat__content {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
  line-height: var(--line-height-basis--em);
  word-break: keep-all;
}
.dnb-stat__content-item:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-stat__content-item:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-stat__content-item:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-stat__content-item:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-stat__content-item {
  display: inline-flex;
  align-items: baseline;
  gap: 0.5rem;
}
.dnb-stat__content-item--vertical {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}
.dnb-stat__label:not([class*=space__bottom]) {
  margin-bottom: 0.5rem;
}
.dnb-stat__label--plain {
  color: var(--color-black-80);
}
.dnb-stat__label--subtle {
  color: var(--color-black-55);
}
.dnb-stat__label [class*=dnb-h--]:not([class*=space__top]), .dnb-spacing .dnb-stat__label [class*=dnb-h--]:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-stat__label [class*=dnb-h--]:not([class*=space__bottom]), .dnb-spacing .dnb-stat__label [class*=dnb-h--]:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-stat__label [class*=dnb-h--]:not([class*=space__left]), .dnb-spacing .dnb-stat__label [class*=dnb-h--]:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-stat__label [class*=dnb-h--]:not([class*=space__right]), .dnb-spacing .dnb-stat__label [class*=dnb-h--]:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-stat__label [class*=dnb-h--], .dnb-spacing .dnb-stat__label [class*=dnb-h--] {
  font-size: inherit;
  font-weight: inherit;
}
.dnb-stat__root:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-stat__root:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-stat__root:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-stat__root:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-stat__root {
  display: grid;
}
.dnb-stat__root--content-label > .dnb-stat__label {
  order: 2;
}
.dnb-stat__root--content-label > .dnb-stat__content-item {
  order: 1;
}
.dnb-stat__info {
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-stat__info--plain {
  color: var(--color-black-80);
}
.dnb-stat__info--subtle {
  color: var(--color-black-55);
}
.dnb-stat__info--prominent {
  color: var(--color-black-80);
  font-weight: var(--font-weight-medium);
}
.dnb-stat__text {
  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
}
.dnb-stat .dnb-sr-only::before {
  content: attr(data-text);
}
.dnb-stat__amount, .dnb-stat__sign {
  font-weight: inherit;
}
.dnb-stat__sign {
  margin-right: 0.2em;
}
.dnb-stat__currency {
  margin-left: 0.2em;
}
.dnb-stat__prefix, .dnb-stat__suffix {
  white-space: normal;
}
.dnb-stat__trend {
  display: inline-flex;
  padding: 0.25rem 0.5rem;
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
  font-weight: var(--font-weight-medium);
  border-radius: 0.5rem;
}
.dnb-stat__trend-content {
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
}
.dnb-stat__trend--positive {
  color: var(--color-success-green);
  background-color: var(--color-mint-green-25);
}
.dnb-stat__trend--negative {
  color: var(--color-fire-red);
  background-color: var(--color-fire-red-8);
}
.dnb-stat__trend--neutral {
  color: var(--color-black-80);
  background-color: var(--color-mint-green-25);
}
.dnb-stat__rating {
  display: inline-flex;
  align-items: center;
}
.dnb-stat__rating--stars {
  height: 1.5rem;
}
.dnb-stat__rating--progressive {
  height: 1.5rem;
}
.dnb-stat__rating-stars {
  display: inline-flex;
  gap: 0.125rem;
  align-items: flex-end;
}
.dnb-stat__rating-star {
  position: relative;
  display: inline-block;
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
}
.dnb-stat__rating-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: var(--dnb-stat-rating-fill, 0%);
  overflow: hidden;
  pointer-events: none;
}
.dnb-stat__rating-icon {
  display: block;
  width: 100%;
  height: 100%;
}
.dnb-stat__rating-icon path {
  fill: currentcolor;
}
.dnb-stat__rating-icon--base {
  color: var(--color-black-20);
}
.dnb-stat__rating-icon--active {
  color: var(--color-black-80);
}
.dnb-stat__rating-progressive {
  display: inline-flex;
  align-items: flex-end;
  gap: 0.125rem;
}
.dnb-stat__rating-progressive-step {
  display: inline-block;
  width: 0.25rem;
  height: var(--dnb-stat-rating-step-height, 0.25rem);
  border-radius: 0.0625rem;
  background: linear-gradient(to right, var(--color-black-80) var(--dnb-stat-rating-step-fill, 0%), var(--color-black-20) var(--dnb-stat-rating-step-fill, 0%));
}

/*
 * StepIndicator component
 *
 */
/*
 * Utilities
 */
.dnb-step-indicator {
  --step-indicator-trigger-background: var(--color-black-3);
  --step-indicator-trigger-content-background: var(--color-white);
  --step-indicator-check-bg: var(--color-pistachio);
  --step-indicator-check-color: var(--color-success-green);
  --step-indicator-current-border: var(--color-black-80);
  --padding-top: 0;
  --padding-bottom: 0;
}
.dnb-step-indicator__sidebar {
  display: none;
}
.dnb-step-indicator__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.dnb-step-indicator__trigger {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.dnb-step-indicator__trigger__button {
  --button-height: 1.5rem;
}
.dnb-step-indicator__trigger__button .dnb-button__text {
  margin: 0;
  transform: none;
}
.dnb-step-indicator__trigger__button .dnb-button__icon {
  --button-icon-margin-top: 0.25rem;
  transition: transform 400ms var(--easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-step-indicator__trigger__button .dnb-button__icon {
    transition-duration: 0.01ms;
  }
}
.dnb-step-indicator__trigger__button--expanded .dnb-button__icon {
  transform: rotate(180deg);
}
.dnb-step-indicator__item__wrapper {
  display: flex;
  gap: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.dnb-step-indicator__item__wrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.25rem;
  left: 0.71875rem;
  width: 0.0625rem;
  height: 100%;
  background-color: var(--color-black-20);
}
.dnb-step-indicator__item__bullet {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  z-index: 0;
  border-radius: 50%;
}
.dnb-step-indicator__item__bullet--check, .dnb-step-indicator__item__bullet--empty, .dnb-step-indicator__item__bullet--current {
  background-color: var(--step-indicator-check-bg);
  border-width: 0.0625rem;
  border-style: solid;
  border-color: transparent;
}
.dnb-step-indicator__item__bullet--check {
  font-size: 0.875rem;
  color: var(--step-indicator-check-color);
  border-color: var(--step-indicator-check-color);
}
.dnb-step-indicator__item__bullet--empty {
  color: var(--color-black-20);
  background-color: var(--color-white);
  border-color: var(--color-black-20);
}
.dnb-step-indicator__item__bullet--current {
  border-width: 0.1875rem;
  border-color: var(--step-indicator-current-border);
}
.dnb-step-indicator__item__bullet.dnb-skeleton {
  border-width: 0.0625rem;
  border-color: var(--color-black-20);
}
.dnb-step-indicator__item-content {
  display: flex;
}
.dnb-step-indicator__item-content__number {
  font-size: var(--font-size-basis);
  white-space: nowrap;
  margin-right: 0.5rem;
}
.dnb-step-indicator__item-content__wrapper {
  font-size: var(--font-size-basis);
  display: flex;
  flex-direction: column;
}
.dnb-step-indicator__item__icon {
  opacity: 1;
  transition: opacity 400ms ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-step-indicator__item__icon {
    transition-duration: 0.01ms;
  }
}
.dnb-step-indicator__item__icon--hidden {
  opacity: 0;
  transition-timing-function: ease-out;
}
.dnb-step-indicator__item:last-child .dnb-step-indicator__item__wrapper::before {
  display: none;
}
html[data-visual-test] .dnb-step-indicator__item__icon {
  transition-duration: 1ms !important;
}
.dnb-step-indicator__button {
  white-space: normal;
  text-align: left;
  align-self: flex-start;
}
.dnb-step-indicator__button.dnb-anchor {
  padding: 0;
  line-height: inherit;
}

/*
* Switch component
*
*/
/*
 * Utilities
 */
.dnb-switch {
  --switch-width--medium: 2.5rem;
  --switch-height--medium: 1.5rem;
  --switch-width--large: 3.25rem;
  --switch-height--large: 2rem;
  --switch-border-width--medium: 0.0625rem;
  --switch-border-width--large: 0.125rem;
  display: inline-flex;
  flex-direction: column;
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-switch__inner {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  font-size: var(--font-size-basis);
}
.dnb-switch__shell {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
          user-select: none;
}
.dnb-switch--large {
  line-height: var(--switch-height--large);
}
.dnb-switch--large .dnb-switch__shell {
  height: var(--switch-height--large);
}
.dnb-switch__row {
  display: inline-flex;
  align-items: center;
  height: var(--switch-height--medium);
}
.dnb-switch__focus, .dnb-switch__button {
  position: absolute;
  z-index: 4;
  border-radius: 50%;
}
.dnb-switch__button {
  left: 0;
  width: var(--switch-height--medium);
  height: var(--switch-height--medium);
  background-color: lightgrey;
  border: var(--switch-border-width--medium) solid transparent;
  transition: transform 160ms ease-out 125ms;
}
.dnb-switch--large .dnb-switch__button {
  width: var(--switch-height--large);
  height: var(--switch-height--large);
  border-width: var(--switch-border-width--large);
}
.dnb-switch__focus {
  display: none;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-switch__focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-switch {
  /*
    * When switched OFF
    * aka when the switch is not :checked
    */
}
.dnb-switch__input:not(:checked) ~ .dnb-switch__button {
  transform: translateX(0);
  transform: translateX(calc(0px - var(--switch-border-width--medium)));
}
.dnb-switch {
  /*
  * When switched ON
  * aka when the switch is :checked
  */
}
.dnb-switch__input:checked ~ .dnb-switch__button {
  transform: translateX(1rem);
  transform: translateX(calc(var(--switch-width--medium) - 1.5rem + var(--switch-border-width--medium)));
}
.dnb-switch--large .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
  transform: translateX(calc(0px - var(--switch-border-width--large)));
}
.dnb-switch--large .dnb-switch__input:checked ~ .dnb-switch__button {
  transform: translateX(calc(var(--switch-width--large) - 2rem + var(--switch-border-width--large)));
}
.dnb-switch__background {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  width: var(--switch-width--medium);
  height: calc(var(--switch-height--medium) - 0.5rem);
  background-color: grey;
  border-radius: calc(var(--switch-height--medium) - 0.25rem);
}
.dnb-switch__background::after {
  content: "";
  position: absolute;
  transition: transform 0.3s ease-out, position 0.3s ease-out;
}
.dnb-switch--large .dnb-switch__background {
  width: var(--switch-width--large);
  height: calc(var(--switch-height--large) - 0.75rem);
  border-radius: calc(var(--switch-height--large) - 0.375rem);
}
.dnb-switch__input {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 5;
  display: block;
  width: var(--switch-width--medium);
  height: var(--switch-height--medium);
}
.dnb-switch--large .dnb-switch__input {
  width: var(--switch-width--large);
  height: var(--switch-height--large);
}
.dnb-switch__input {
  margin: 0;
  padding: 0;
  border: 0;
}
.dnb-switch__input:not([disabled]) {
  cursor: pointer;
}
.dnb-switch__input:not([disabled]):focus ~ .dnb-switch__background, .dnb-switch__input:not([disabled]):active ~ .dnb-switch__background {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__background, html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):active ~ .dnb-switch__background {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-switch__input:not([disabled]):focus ~ .dnb-switch__button .dnb-switch__focus, .dnb-switch__input:not([disabled]):active ~ .dnb-switch__button .dnb-switch__focus {
  display: block;
}
.dnb-switch .dnb-form-label {
  padding-right: 0.5rem;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}
.dnb-switch__order {
  display: inline-flex;
}
.dnb-switch__suffix {
  order: 4;
}
.dnb-switch--label-position-left .dnb-switch__suffix {
  padding-left: 1rem;
}
.dnb-switch--label-position-left .dnb-switch__order .dnb-switch__inner {
  order: 2;
}
.dnb-switch--label-position-left .dnb-switch__order .dnb-form-label {
  order: 1;
  align-self: center;
}
.dnb-switch--label-position-left .dnb-switch__order .dnb-form-status {
  order: 3;
  margin-top: 0.5rem;
}
.dnb-switch--label-position-right .dnb-switch__order .dnb-switch__inner {
  order: 1;
}
.dnb-switch--label-position-right .dnb-switch__order .dnb-form-label {
  order: 2;
  padding-left: 0.5rem;
}
.dnb-switch--label-position-right .dnb-switch__order .dnb-form-status {
  order: 3;
  margin-top: 0.5rem;
}
.dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__button, .dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__background::after {
  border-color: var(--skeleton-color);
}
.dnb-switch.dnb-skeleton .dnb-switch__input[disabled] ~ .dnb-switch__background {
  background-color: var(--skeleton-color);
}
.dnb-switch.dnb-skeleton .dnb-switch__input[disabled]:not(:checked) ~ .dnb-switch__background::after {
  content: "";
  border-color: var(--skeleton-color--contrast);
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__button .dnb-switch__focus {
  display: block;
  --border-color: red;
  --border-width: var(--focus-ring-width, 0.125rem);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__background {
  background-color: tomato;
  --border-color: red;
  --border-width: var(--focus-ring-width, 0.125rem);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
@supports (-ms-ime-align: auto) {
  .dnb-switch__input:not(:checked) ~ .dnb-switch__button {
    transform: translateX(0);
  }
  .dnb-switch__input:checked ~ .dnb-switch__button {
    transform: translateX(calc(var(--switch-width--medium) - 1.5rem));
  }
}

/*
* Table component
*
*/
/*
 * Utilities
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-table,
.dnb-table__container {
  --table-border-width: 0.0625rem;
  --table-border: var(--table-border-width) solid var(--table-border-color);
  --table-outline-width: 0.0625rem;
  --table-outline: var(--table-outline-width) solid
    var(--table-outline-color);
  --table-outline-radius: 0.5rem;
}

.dnb-table {
  display: table;
  table-layout: auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0.5rem;
  border-spacing: 0;
  border-collapse: collapse;
}
.dnb-table--fixed {
  table-layout: fixed;
  width: auto;
}
.dnb-table--no-wrap {
  white-space: nowrap;
}
.dnb-table > caption {
  position: relative;
  caption-side: bottom;
  padding: 0.5rem 0 0.5rem 1rem;
  font-size: var(--font-size-basis);
  background-color: var(--color-white);
  text-align: left;
}
.dnb-table > caption::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -0.0625rem;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  top: calc(var(--table-border-width) * -1);
  right: 0;
  border-top: var(--table-border);
}
.dnb-table > caption:last-child::after {
  right: 0;
}
.dnb-table--outline {
  position: relative;
  clip-path: inset(0 0 -10rem 0 round var(--table-outline-radius) var(--table-outline-radius) 0 0);
  z-index: 1;
}
.dnb-table--outline, .dnb-table--outline::after {
  border-radius: var(--table-outline-radius);
}
.dnb-table--outline::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  z-index: 3;
  border: var(--table-outline);
}
.dnb-table--outline > caption, .dnb-table--outline > caption::after {
  border-radius: 0 0 var(--table-outline-radius) var(--table-outline-radius);
}
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--clickable.dnb-table__tr--last {
  clip-path: none;
}
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::before, .dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__th::after,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td::before,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr:last-child .dnb-table__td::after,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--clickable.dnb-table__tr--last .dnb-table__th,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--clickable.dnb-table__tr--last .dnb-table__th::before,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--clickable.dnb-table__tr--last .dnb-table__th::after,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--clickable.dnb-table__tr--last .dnb-table__td,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--clickable.dnb-table__tr--last .dnb-table__td::before,
.dnb-table--outline > caption:not(.dnb-sr-only) ~ tbody:last-child .dnb-table__tr--clickable.dnb-table__tr--last .dnb-table__td::after {
  border-radius: 0;
}
.dnb-table.dnb-skeleton > * {
  -webkit-text-fill-color: var(--skeleton-color);
}
.dnb-card--no-inner-space .dnb-table {
  --table-outline-color: transparent;
  margin-bottom: 0;
}
.dnb-table > thead > tr > th.dnb-table--sortable, .dnb-table .dnb-table__th.dnb-table--sortable {
  color: var(--color-sea-green);
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon {
  opacity: 0;
  transition: opacity 200ms ease-out, transform 500ms ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon {
    transition-duration: 0.01ms;
  }
}
html[data-visual-test] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon, html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button > .dnb-icon {
  transition: none;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button {
  position: relative;
  z-index: 1;
  align-items: flex-end;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  padding-right: 0.5rem;
  color: inherit;
  font-weight: var(--font-weight-medium);
  text-align: inherit;
  font-size: inherit;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text {
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text::after, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__text::after {
  right: 0;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__icon {
  align-self: flex-end;
  margin-top: auto;
  margin-bottom: 0.25rem;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__alignment, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button .dnb-button__alignment {
  vertical-align: top;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text::after, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:not(:focus) .dnb-button__text::after {
  opacity: 1;
  color: var(--color-sea-green);
}
html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled], html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]), html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) {
  color: var(--color-sea-green);
}
html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]):not(:focus) .dnb-icon {
  opacity: 1;
}
html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after {
  opacity: 0;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled], html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled], .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled], html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus[disabled] {
  cursor: not-allowed;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  bottom: -0.5rem;
  left: -1rem;
  right: 0.5rem;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled])::before {
  right: -0.5rem;
}
html[data-visual-test] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon, :not(.dnb-table--active) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon, :not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon, :not(.dnb-table--active) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon, html[data-visual-test] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-icon, :not(.dnb-table--active) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):active .dnb-icon {
  opacity: 1;
}
html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
  opacity: 1;
  color: inherit;
}
html:not([data-visual-test]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after, html:not([data-visual-test]) html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:focus:not([disabled]):not(:active) .dnb-button__text::after {
  visibility: visible;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled], html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled], .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled], html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active[disabled] {
  cursor: not-allowed;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -0.5rem;
  bottom: 0;
  right: -0.5rem;
  height: inherit;
  border-radius: inherit;
  outline: none;
}
html[data-whatinput=mouse] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput=mouse] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput=mouse] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -0.5rem;
  bottom: 0;
  right: -0.5rem;
  height: inherit;
  border-radius: inherit;
  outline: none;
}
html[data-whatinput=touch] .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput=touch] .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html[data-whatinput=touch] html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
  content: "";
  position: absolute;
  top: -0.5rem;
  bottom: -0.5rem;
  left: -1rem;
  right: 0.5rem;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled])::before {
  right: -0.5rem;
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]), .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:active:not([disabled]) {
  color: var(--color-sea-green);
}
.dnb-table > thead > tr > th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after, .dnb-table .dnb-table__th.dnb-table--sortable .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after {
  visibility: hidden;
}
.dnb-table > thead > tr > th.dnb-table--sortable[align=right], .dnb-table .dnb-table__th.dnb-table--sortable[align=right] {
  padding-right: 0.5rem;
}
.dnb-table > thead > tr > th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button, .dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button {
  flex-direction: row-reverse;
}
.dnb-table > thead > tr > th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right, .dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right {
  padding-right: 0.5rem;
}
.dnb-table > thead > tr > th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__icon, .dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__icon {
  margin-left: -0.5rem;
}
.dnb-table > thead > tr > th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text, .dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text {
  padding-right: 0;
}
.dnb-table > thead > tr > th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text::after, .dnb-table .dnb-table__th.dnb-table--sortable[align=right] .dnb-table__sort-button.dnb-button--tertiary.dnb-button--icon-position-right .dnb-button__text::after {
  right: 0;
}
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text::after, .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:not(:hover) .dnb-button__text::after {
  opacity: 0;
}
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon, .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button .dnb-icon {
  opacity: 1;
}
html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled], html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:not([disabled]) .dnb-button__text::after {
  color: var(--color-sea-green);
  opacity: 1;
}
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled], html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled], .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled], html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus[disabled] {
  cursor: not-allowed;
}
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:focus:not([disabled]) .dnb-button__text::after {
  opacity: 0;
}
.dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after, .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus:not(:active) .dnb-button__text::after {
  visibility: visible;
}
html[data-whatinput=keyboard] .dnb-table > thead > tr > th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text::after, html[data-whatinput=keyboard] .dnb-table .dnb-table__th.dnb-table--active .dnb-table__sort-button.dnb-button:hover:focus .dnb-button__text::after {
  visibility: hidden;
}
.dnb-table > thead > tr > th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon, .dnb-table .dnb-table__th.dnb-table--reversed .dnb-table__sort-button.dnb-button .dnb-icon {
  transform: rotate(180deg);
  transform-origin: 50% 50%;
}
.dnb-table .dnb-table__th .dnb-table__help-button, .dnb-table > thead > tr > th .dnb-table__help-button {
  margin-left: 0.5rem;
}
.dnb-table > thead > .dnb-table--no-wrap .dnb-table__sort-button {
  white-space: nowrap;
}

/*
* Table component
*
*/
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-table__th__horizontal {
  display: flex;
  align-items: flex-end;
}
.dnb-table__th, .dnb-table thead th {
  background-color: var(--table-th-background-color);
}
.dnb-table tbody tr:has(th:first-child + td:last-child) th[scope=row] {
  --table-th-background-color: initial;
}
.dnb-table tbody tr th[scope=row] + td:last-child {
  width: 100%;
}

/*
* Table component
*
*/
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-table--border tbody .dnb-table__td::after,
.dnb-table--border tbody .dnb-table__th::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -0.0625rem;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  border: var(--table-border);
  border-bottom: none;
}
.dnb-table--border tbody .dnb-table__td:last-child::after,
.dnb-table--border tbody .dnb-table__th:last-child::after {
  right: 0;
}
.dnb-table--border tbody .dnb-table__td:first-child::after,
.dnb-table--border tbody .dnb-table__th:first-child::after {
  border-left: none;
}
.dnb-table--border tbody .dnb-table__td:last-child::after,
.dnb-table--border tbody .dnb-table__th:last-child::after {
  border-right: none;
}
.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__td::after,
.dnb-table--border tbody .dnb-table__tr:first-child .dnb-table__th::after {
  border-top: none;
}
.dnb-table--border thead + tbody .dnb-table__tr:first-child .dnb-table__td::after,
.dnb-table--border thead + tbody .dnb-table__tr:first-child .dnb-table__th::after {
  border-top: var(--table-border);
}
.dnb-table thead:has(.dnb-table__tr--even) + tbody .dnb-table__tr:first-child .dnb-table__td::after,
.dnb-table thead:has(.dnb-table__tr--even) + tbody .dnb-table__tr:first-child .dnb-table__th::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -0.0625rem;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  border-top: var(--table-border);
}
.dnb-table thead:has(.dnb-table__tr--even) + tbody .dnb-table__tr:first-child .dnb-table__td:last-child::after,
.dnb-table thead:has(.dnb-table__tr--even) + tbody .dnb-table__tr:first-child .dnb-table__th:last-child::after {
  right: 0;
}
.dnb-table {
  /* stylelint-disable */
}
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child, .dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child::before, .dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:first-child::after,
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child,
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child::before,
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:first-child::after,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child::before,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:first-child::after,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child::before,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:first-child::after,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child::before,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__th:first-child::after,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child::before,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__td:first-child::after {
  border-top-left-radius: var(--table-outline-radius);
}
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child, .dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child::before, .dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__th:last-child::after,
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child,
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child::before,
.dnb-table--outline thead:first-of-type .dnb-table__tr:first-of-type .dnb-table__td:last-child::after,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child::before,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__th:last-child::after,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child::before,
.dnb-table--outline tbody:first-child .dnb-table__tr:first-of-type .dnb-table__td:last-child::after,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child::before,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__th:last-child::after,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child::before,
.dnb-table--outline caption:first-child + tbody .dnb-table__tr:first-of-type .dnb-table__td:last-child::after {
  border-top-right-radius: var(--table-outline-radius);
}
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last {
  clip-path: inset(0 round 0 0 var(--table-outline-radius) var(--table-outline-radius));
}
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::before, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:first-child::after,
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child,
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child::before,
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:first-child::after,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child::before,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:first-child::after,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child::before,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:first-child::after {
  border-bottom-left-radius: var(--table-outline-radius);
}
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child::before, .dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__th:last-child::after,
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child,
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child::before,
.dnb-table--outline tbody:last-child .dnb-table__tr:last-child .dnb-table__td:last-child::after,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child::before,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__th:last-child::after,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child::before,
.dnb-table--outline tbody:last-child .dnb-table__tr--clickable:not(.dnb-table__tr--expanded).dnb-table__tr--last .dnb-table__td:last-child::after {
  border-bottom-right-radius: var(--table-outline-radius);
}
.dnb-table {
  /* stylelint-enable */
}
.dnb-table__td--no-spacing,
.dnb-table td.dnb-table__td--no-spacing {
  padding: 0;
}
.dnb-table__td--spacing-horizontal,
.dnb-table td.dnb-table__td--spacing-horizontal {
  padding-top: 0;
  padding-bottom: 0;
}

/*
* Table component
*
*/
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-table > tbody > tr, .dnb-table .dnb-table__tr, .dnb-table .dnb-table__tr--even {
  background-color: var(--color-black-3);
}
.dnb-table > tbody > tr:not(.dnb-table__tr--even):nth-of-type(2n), .dnb-table .dnb-table__tr:not(.dnb-table__tr--even):nth-of-type(2n), .dnb-table .dnb-table__tr--odd {
  background-color: var(--color-white);
}

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

/*
* Table component
*
*/
.dnb-table tr.sticky {
  position: sticky;
  z-index: 4;
  transform: translate3d(0, var(--table-offset, 0), 0);
}
.dnb-table tr.sticky.css-position {
  top: var(--table-top, 0);
}
.dnb-table tr.sticky.is-sticky th::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 6px;
  box-shadow: var(--shadow-default-x) -2px 12px 8px var(--shadow-default-color);
  clip-path: inset(6px 0 -48px 0);
}

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

/*
* Table component
*
*/
.dnb-table {
  --table-accordion-background: var(--color-white);
  --table-accordion-header-background: var(--color-white);
  --table-accordion-border-width: 0.0625rem;
  --table-accordion-border-color: var(--color-black-20);
  --table-accordion-border: var(--table-accordion-border-width) solid
    var(--table-accordion-border-color);
  --table-accordion-icon-color: var(--color-sea-green);
  --table-accordion-icon-color--active: var(--color-emerald-green);
  --table-accordion-icon-color--disabled: var(--color-sea-green-30);
  --table-accordion-outline-color: var(--color-emerald-green);
  --table-accordion-outline-width: var(--focus-ring-width);
  --table-accordion-outline-background--active: var(--color-pistachio);
}
.dnb-table__th.dnb-table__th__button-icon.dnb-table__th {
  padding: 0;
}
.dnb-table__th.dnb-table__th__button-icon,
.dnb-table__th.dnb-table__th__button-icon div {
  width: 3.5rem;
}
.dnb-table__size--medium .dnb-table__th.dnb-table__th__button-icon,
.dnb-table__size--medium .dnb-table__th.dnb-table__th__button-icon div {
  width: 3rem;
}
.dnb-table__size--small .dnb-table__th.dnb-table__th__button-icon,
.dnb-table__size--small .dnb-table__th.dnb-table__th__button-icon div {
  width: 2.5rem;
}
.dnb-table__th.dnb-table__th__button-icon,
.dnb-table__th.dnb-table__th__button-icon div {
  text-indent: -300vw;
}
.dnb-table__td.dnb-table__td__button-icon.dnb-table__td {
  padding: 0;
}
.dnb-table__td.dnb-table__td__button-icon {
  -webkit-user-select: none;
          user-select: none;
}
.dnb-table__tr--clickable .dnb-table__button {
  display: flex;
  justify-content: center;
}
.dnb-table__tr--clickable .dnb-table__button .dnb-icon {
  color: var(--table-accordion-icon-color);
  transition: transform 500ms var(--easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-table__tr--clickable .dnb-table__button .dnb-icon {
    transition-duration: 0.01ms;
  }
}
.dnb-table__tr--clickable.dnb-table__tr--no-animation .dnb-table__button .dnb-icon, html[data-visual-test] .dnb-table__tr--clickable .dnb-table__button .dnb-icon {
  transition: none !important;
}
.dnb-table__tr--clickable, .dnb-table__tr__accordion-content {
  position: relative;
}
.dnb-table__tr--clickable.dnb-table__tr--expanded, .dnb-table__tr__accordion-content {
  z-index: 3;
}
.dnb-table__tr--clickable:active, html[data-whatinput=keyboard] .dnb-table__tr--clickable:focus, .dnb-table__tr--clickable:hover:not(.dnb-table__tr--hover.dnb-table__tr--expanded) {
  z-index: 5;
}
.dnb-table__tr--clickable.dnb-table__tr--expanded .dnb-table__button .dnb-icon {
  transform: rotate(180deg);
}
.dnb-table--border .dnb-table__tr--clickable.dnb-table__tr--expanded td::after {
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled) {
  outline: none;
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled) td::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border: var(--table-accordion-outline-width) solid transparent;
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:first-of-type)::before {
  border-left: none;
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled) td:not(:last-of-type)::before {
  border-right: none;
}
html:not([data-whatintent=touch]) .dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) td::before {
  border-color: var(--table-accordion-outline-color);
}
html:not([data-whatintent=touch]) .dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):hover:not([disabled]) .dnb-table__td__button-icon .dnb-icon {
  color: var(--table-accordion-icon-color--active);
}
.dnb-table--border tbody .dnb-table__tr--clickable:not(.dnb-table__tr--expanded):not(.dnb-table__tr--last) .dnb-table__td::before {
  bottom: calc(var(--table-border-width) * -1);
}
.dnb-table__tr--clickable.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):hover .dnb-table__td {
  background-color: var(--color-white);
}
html[data-whatinput=keyboard] .dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td::before {
  border-color: var(--focus-ring-color);
  border-width: var(--focus-ring-width);
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:first-of-type::before {
  left: 0;
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):not(:active):not(:hover):focus td:last-of-type::before {
  right: 0;
}
html:not([data-whatintent=touch]) .dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):active:hover td::before,
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):active td::before {
  border-color: var(--table-accordion-outline-color);
  border-width: var(--table-accordion-border-width);
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td {
  background-color: var(--table-accordion-outline-background--active);
}
.dnb-table__tr--clickable.dnb-table__tr:not(.dnb-table__tr--disabled):active .dnb-table__td .dnb-table__td__button-icon .dnb-icon {
  color: var(--table-accordion-icon-color--active);
}
.dnb-table__tr--clickable.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td {
  background-color: var(--table-accordion-header-background);
}
.dnb-table__tr--clickable.dnb-table__tr--expanded:not(.dnb-table__tr--disabled).dnb-table__tr--hover:not(:active):hover .dnb-table__td::before {
  border: none;
  border-top: var(--table-accordion-border);
}
html:not([data-whatinput=keyboard]) .dnb-table__tr--clickable.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) {
  background-color: var(--table-accordion-header-background);
}
html:not([data-whatinput=keyboard]) .dnb-table__tr--clickable.dnb-table__tr.dnb-table__tr--expanded:not(.dnb-table__tr--disabled):not(:active):not(:hover) td::before {
  border: none;
  border-top: var(--table-accordion-border);
}
.dnb-table__tr--clickable.dnb-table__tr--disabled .dnb-table__td__button-icon .dnb-icon {
  color: var(--table-accordion-icon-color--disabled);
}
.dnb-table__tr__accordion-content__inner {
  overflow: hidden;
  will-change: height;
  transition: height 400ms var(--easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-table__tr__accordion-content__inner {
    transition-duration: 0.01ms;
  }
}
.dnb-table__tr__accordion-content__inner__spacing {
  padding: 1rem;
  transform: translateY(-10px);
  transition: transform 500ms var(--easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-table__tr__accordion-content__inner__spacing {
    transition-duration: 0.01ms;
  }
}
.dnb-table__tr__accordion-content__inner {
  position: relative;
}
.dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing {
  transform: translateY(0);
}
html[data-visual-test] .dnb-table__tr__accordion-content--parallax .dnb-table__tr__accordion-content__inner__spacing {
  transition: none;
}
.dnb-table__tr__accordion-content--expanded > td.dnb-table__td {
  background-color: var(--color-white);
}
.dnb-table__tr__accordion-content--expanded + .dnb-table__tr--clickable .dnb-table__td::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -0.0625rem;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  border-top: var(--table-accordion-border);
}
.dnb-table__tr__accordion-content--expanded + .dnb-table__tr--clickable .dnb-table__td:last-child::after {
  right: 0;
}
.dnb-table__tr__accordion-content--single > td {
  padding: 0 !important;
  width: calc(100% - 3.5rem);
}
.dnb-table__size--medium .dnb-table__tr__accordion-content--single > td {
  width: calc(100% - 3rem);
}
.dnb-table__size--small .dnb-table__tr__accordion-content--single > td {
  width: calc(100% - 2.5rem);
}
.dnb-table__tr__accordion-content--single > td::before {
  content: "";
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: calc(var(--table-accordion-border-width) * -1);
  pointer-events: none;
  border-bottom: var(--table-accordion-border);
}
.dnb-table--outline .dnb-table__tr__accordion-content--single:last-of-type td::before {
  border-bottom: none;
}
.dnb-table--border .dnb-table__tr__accordion-content--single td::after {
  border-top: none;
}
.dnb-table__tr__accordion-content--single > td.dnb-table__td {
  padding: 0;
}
.dnb-table__tr__accordion-content--single > td.dnb-table__td .dnb-dl,
.dnb-table__tr__accordion-content--single > td.dnb-table__td .dnb-dl dt {
  margin: 0;
}
.dnb-table__tr__accordion-content.dnb-table__tr .dnb-table__td {
  background-color: var(--table-accordion-background);
  /**
    * Safari on iOS and macOS has problems on animating when vertical-align is baseline.
    * What happens is that the td is not 0, even the content inside is 0. With vertical top, we omit that.
    * But we do not need baseline in this tr > td, so we reset it.
    */
  vertical-align: top;
}
.dnb-table__tr--clickable:not(.dnb-table__tr--disabled) {
  cursor: pointer;
}
.dnb-table__tr--clickable:has(.dnb-table + .dnb-table__tr__accordion-content--animating) {
  -webkit-user-select: none;
          user-select: none;
}
.dnb-table__td-wrapper {
  display: flex;
}

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

/*
 * Tabs component
 *
 */
/*
 * Utilities
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-tabs {
  --tablist-border-color--default: grey;
  --tab-title-font-weight: var(--font-weight-regular);
  --tab-title-font-size: var(--font-size-basis);
  --tab-title-font-color: dimgray;
  --tab-title-background--hover: darkgrey;
  --tab-title-color--hover: inherit;
  --tab-title-border--hover: black;
  --tab-title-background--disabled: inherit;
  --tab-title-color--disabled: lightgrey;
  --tab-title-border--active-selected: black;
  --tab-title-color--active-selected: black;
  --tab-title-font-weight--selected: var(--font-weight-medium);
}
.dnb-tabs__tabs {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.dnb-tabs__tabs, .dnb-tabs__tabs.dnb-section--spacing {
  padding-bottom: 0;
}
.dnb-tabs__tabs__tablist {
  display: flex;
  flex: 0 1 auto;
}
.dnb-tabs__tabs__tablist:focus {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-tabs__tabs__tablist:focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-tabs__tabs__tablist:focus {
  border-radius: 0.5rem;
}
.dnb-tabs__tabs__tablist {
  overflow-x: auto;
}
@media (prefers-reduced-motion: reduce) {
  .dnb-tabs__tabs__tablist {
    scroll-behavior: auto;
  }
}
.dnb-tabs__tabs__tablist {
  overscroll-behavior: contain;
}
html:not([data-visual-test]) .dnb-tabs__tabs__tablist {
  scroll-behavior: smooth;
}
.dnb-tabs__tabs__tablist {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
}
@supports not (scrollbar-color: auto) {
  .dnb-tabs__tabs__tablist::-webkit-scrollbar:vertical {
    width: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-tabs__tabs__tablist::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-tabs__tabs__tablist::-webkit-scrollbar {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
    background-color: var(--scrollbar-track-color, #eee);
  }
  .dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color, #888);
  }
  .dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover-color, #666);
  }
  .dnb-tabs__tabs__tablist::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
  }
}
.dnb-tabs__tabs__tablist {
  /* Hide scrollbar for Chrome, Safari */
  /* stylelint-disable-next-line */
}
.dnb-tabs__tabs__tablist::-webkit-scrollbar {
  display: none;
}
.dnb-tabs__tabs__tablist {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.dnb-tabs__tabs--left .dnb-tabs__tabs__tablist {
  justify-content: flex-start;
}
.dnb-tabs__tabs--right .dnb-tabs__tabs__tablist {
  flex: 1;
  justify-content: flex-end;
}
.dnb-tabs__tabs--center .dnb-tabs__tabs__tablist {
  flex: 1;
  justify-content: center;
}
.dnb-tabs__tabs::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.dnb-tabs__tabs--no-border::before {
  content: none;
}
.dnb-tabs__tabs--breakout::before {
  left: -100vw;
  width: 100vw;
}
.dnb-tabs__tabs:not(.dnb-section)::before {
  background-color: var(--tablist-border-color--default);
  box-shadow: 100vw 0 0 0 var(--tablist-border-color--default);
}
.dnb-tabs__scroll-nav-button {
  position: absolute;
  z-index: 2;
  right: -2px;
}
.dnb-tabs__scroll-nav-button:first-of-type {
  left: -2px;
  right: auto;
}
.dnb-tabs__scroll-nav-button {
  display: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 600ms ease-out;
}
.dnb-tabs__scroll-nav-button--visible {
  display: flex;
  pointer-events: initial;
  opacity: 1;
}
.dnb-tabs__scroll-nav-button--hide {
  pointer-events: none;
  opacity: 0 !important;
}
.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:first-of-type {
  border-radius: 0 50% 50% 0;
}
.dnb-tabs--at-edge .dnb-tabs__scroll-nav-button:last-of-type {
  border-radius: 50% 0 0 50%;
}
.dnb-tabs--at-edge .dnb-tabs__tabs__tablist:focus {
  border-radius: 0;
}
.dnb-tabs__button, .dnb-core-style .dnb-tabs__button {
  position: relative;
  z-index: 1;
}
.dnb-tabs__button:has(.dnb-badge), .dnb-core-style .dnb-tabs__button:has(.dnb-badge) {
  margin-right: 1.5rem;
}
.dnb-tabs__button, .dnb-core-style .dnb-tabs__button {
  user-select: none;
  /* stylelint-disable-next-line */
  -webkit-user-select: none;
  margin: 0;
  padding: 0 0.125rem; /* 1/16*4 */
  background-color: transparent;
  border-bottom: 1px solid transparent;
  cursor: pointer;
  outline: none;
  border: none;
  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
  -webkit-text-decoration: none;
  text-decoration: none;
  white-space: nowrap;
  transition: margin 400ms ease-out;
}
.dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button__title {
  font-weight: var(--tab-title-font-weight);
  font-size: var(--tab-title-font-size);
  text-align: center;
  display: block;
  color: var(--tab-title-font-color);
  padding: 0.5rem 0 0.25rem;
}
html:not([data-whatintent=touch]) .dnb-tabs__button__title:hover[disabled], html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs__button__title:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-tabs__button__title:hover:not([disabled]), html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs__button__title:hover:not([disabled]) {
  color: var(--tab-title-color--hover);
}
.dnb-tabs__button__title .dnb-icon, .dnb-core-style .dnb-tabs__button__title .dnb-icon {
  font-size: var(--font-size-small);
  transform: translateY(-0.125rem);
}
html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled], html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs__button:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]), html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs__button:hover:not([disabled]) {
  background-color: var(--tab-title-background--hover);
}
html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled])::after, html:not([data-whatintent=touch]) .dnb-core-style .dnb-tabs__button:hover:not([disabled])::after {
  height: 2px;
  border-radius: 2px;
  background-color: var(--tab-title-border--hover);
}
.dnb-tabs__button .dnb-dummy, .dnb-core-style .dnb-tabs__button .dnb-dummy {
  display: flex;
  flex-direction: column;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}
.dnb-tabs__button .dnb-dummy, .dnb-core-style .dnb-tabs__button .dnb-dummy {
  margin-top: 0.25rem;
}
.dnb-tabs__button::after, .dnb-core-style .dnb-tabs__button::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.dnb-tabs__button[disabled], .dnb-core-style .dnb-tabs__button[disabled] {
  background-color: var(--tab-title-background--disabled);
}
.dnb-tabs__button[disabled] .dnb-tabs__button__title, .dnb-tabs__button[disabled] .dnb-core-style .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button[disabled] .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button[disabled] .dnb-core-style .dnb-tabs__button__title {
  color: var(--tab-title-color--disabled);
}
.dnb-tabs__button span[hidden], .dnb-core-style .dnb-tabs__button span[hidden] {
  font-weight: var(--tab-title-font-weight--selected);
}
.dnb-tabs__button, .dnb-core-style .dnb-tabs__button {
  /* stylelint-disable no-descending-specificity */
}
.dnb-tabs__button:focus::before, .dnb-core-style .dnb-tabs__button:focus::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -0.5rem;
  bottom: 0;
  right: -0.5rem;
  height: inherit;
  border-radius: inherit;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-tabs__button:focus::before, html[data-whatinput=keyboard] .dnb-core-style .dnb-tabs__button:focus::before {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-tabs__button:focus, .dnb-core-style .dnb-tabs__button:focus {
  overflow: visible;
}
.dnb-tabs__button:focus::before, .dnb-core-style .dnb-tabs__button:focus::before {
  top: 0.5rem;
  left: -0.375rem;
  right: -0.375rem;
  bottom: 0.5rem;
  border-radius: 1.5rem;
  background-color: var(--tab-focus-background-color, none);
}
.dnb-tabs__button:not([disabled]):active::after, .dnb-tabs__button:not([disabled]).selected::after, .dnb-core-style .dnb-tabs__button:not([disabled]):active::after, .dnb-core-style .dnb-tabs__button:not([disabled]).selected::after {
  height: 2px;
  border-radius: 2px;
  background-color: var(--tab-title-border--active-selected);
}
.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title, .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title, .dnb-tabs__button:not([disabled]):active .dnb-core-style .dnb-tabs__button__title, .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button:not([disabled]):active .dnb-core-style .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs__button__title {
  color: var(--tab-title-color--active-selected);
}
.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title, .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title, .dnb-core-style .dnb-tabs__button:not([disabled]).selected .dnb-core-style .dnb-tabs__button__title {
  font-weight: var(--tab-title-font-weight--selected);
}
.dnb-tabs__button, .dnb-core-style .dnb-tabs__button {
  /* stylelint-enable no-descending-specificity */
}
.dnb-tabs__button__snap {
  display: flex;
  padding: 0 1rem 0 1.5rem;
}
@media screen and (max-width: 40em) {
  .dnb-tabs__button__snap {
    padding: 0 1rem;
  }
}
.dnb-tabs__button__snap:first-of-type {
  padding-left: 0;
}
.dnb-tabs__button__snap:last-of-type {
  padding-right: 0.5rem;
}
.dnb-tabs__button__snap {
  will-change: padding;
  transition: padding 1s var(--easing-default);
}
.dnb-tabs__button__snap:has(.dnb-badge) {
  margin-right: -0.5rem;
}
html[data-whatinput=keyboard] .dnb-tabs__button__snap:first-of-type.focus .dnb-tabs__button:focus {
  margin-left: 0.5rem;
}
html[data-whatinput=keyboard] .dnb-tabs__button__snap:last-of-type.focus {
  /* stylelint-disable */
}
html[data-whatinput=keyboard] .dnb-tabs__button__snap:last-of-type.focus .dnb-tabs__button:focus {
  margin-right: 0.5rem;
}
html[data-whatinput=keyboard] .dnb-tabs__button__snap:last-of-type.focus {
  /* stylelint-enable */
}
.dnb-tabs__cached {
  opacity: 1;
  transition: opacity 1s var(--easing-default);
}
.dnb-tabs__cached--hidden {
  opacity: 0;
  visibility: hidden;
  height: 0 !important;
  overflow: hidden;
}
.dnb-tabs__cached--hidden * {
  height: 0 !important;
}
.dnb-tabs {
  /* stylelint-disable */
}
html[data-visual-test] .dnb-tabs .dnb-tabs__cached, html[data-visual-test] .dnb-tabs .dnb-tabs__button, html[data-visual-test] .dnb-tabs .dnb-tabs__button__snap, html[data-visual-test] .dnb-tabs .dnb-tabs__scroll-nav-button {
  transition: none !important;
}
.dnb-tabs {
  /* stylelint-enable */
}
.dnb-tabs__content {
  padding-bottom: 0;
}
.dnb-tabs__content:focus {
  position: relative;
}
.dnb-tabs__content:focus::before {
  content: "";
  position: absolute;
  z-index: calc(var(--section-z-index) + 1);
  pointer-events: none;
  top: 0.125rem;
  bottom: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  max-width: 100vw;
  border-radius: 0.5rem;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-tabs__content:focus::before {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-tabs__button__title > .dnb-badge {
  position: absolute;
  top: auto;
  margin-left: 0.25rem;
}

/*
* Tag component
*
*/
/*
 * Utilities
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
/*
* Tag mixins
*
*/
.dnb-tag {
  --tag-icon-color: var(--color-sea-green);
  --tag-icon-border-color: var(--tag-icon-color);
}
.dnb-tag.dnb-button {
  -webkit-appearance: none;
          appearance: none;
  background-color: var(--color-black-8);
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.dnb-tag.dnb-button .dnb-button__text {
  font-size: var(--font-size-x-small);
  transform: none;
}
.dnb-tag:not(.dnb-tag--interactive) {
  -webkit-user-select: unset;
          user-select: unset;
  cursor: unset;
}
.dnb-tag:not(.dnb-tag--interactive) .dnb-button__text {
  cursor: text;
}
.dnb-tag--interactive.dnb-button {
  color: var(--color-sea-green);
  background-color: var(--color-pistachio);
  --border-color: var(--color-sea-green);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus-visible[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:focus-visible:not([disabled]) {
  outline: none;
  --border-color: var(--color-emerald-green);
  --border-width: var(--focus-ring-width);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
  --tag-icon-color: var(--color-emerald-green);
}
html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:hover:not([disabled]) {
  --border-color: var(--color-emerald-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
  --tag-icon-color: var(--color-emerald-green);
}
.dnb-tag--interactive.dnb-button:active[disabled], html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:active[disabled] {
  cursor: not-allowed;
}
.dnb-tag--interactive.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-tag--interactive.dnb-button:active:not([disabled]) {
  background-color: var(--color-mint-green-50);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
  --tag-icon-color: var(--color-sea-green);
}
.dnb-tag--interactive.dnb-button[disabled] {
  color: var(--color-sea-green-30);
  background-color: var(--color-white);
  --border-color: var(--color-sea-green-30);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-tag--removable.dnb-button, .dnb-tag--addable.dnb-button {
  padding-right: 0.25rem;
  --tag-icon-fill: var(--tag-icon-fill-color);
  --tag-icon-stroke: var(--tag-icon-stroke-color);
}
html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus-visible[disabled], html:not([data-whatintent=touch]) .dnb-tag--addable.dnb-button:focus-visible[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:focus-visible:not([disabled]), html:not([data-whatintent=touch]) .dnb-tag--addable.dnb-button:focus-visible:not([disabled]) {
  --tag-icon-fill: var(--tag-icon-stroke-color);
  --tag-icon-stroke: var(--tag-icon-fill-color);
}
html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover[disabled], html:not([data-whatintent=touch]) .dnb-tag--addable.dnb-button:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:hover:not([disabled]), html:not([data-whatintent=touch]) .dnb-tag--addable.dnb-button:hover:not([disabled]) {
  --tag-icon-fill: var(--tag-icon-stroke-color);
  --tag-icon-stroke: var(--tag-icon-fill-color);
}
.dnb-tag--removable.dnb-button:active[disabled], html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active[disabled], .dnb-tag--addable.dnb-button:active[disabled], html:not([data-whatintent=touch]) .dnb-tag--addable.dnb-button:active[disabled] {
  cursor: not-allowed;
}
.dnb-tag--removable.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-tag--removable.dnb-button:active:not([disabled]), .dnb-tag--addable.dnb-button:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-tag--addable.dnb-button:active:not([disabled]) {
  --tag-icon-fill: var(--tag-icon-stroke-color);
  --tag-icon-stroke: var(--tag-icon-fill-color);
}
.dnb-tag--removable.dnb-button svg, .dnb-tag--addable.dnb-button svg {
  border-radius: 50%;
  outline: 0.0625rem solid var(--tag-icon-border-color);
  outline-offset: -0.0625rem;
}
.dnb-tag--removable.dnb-button svg .dnb-icon-close-circle-path, .dnb-tag--addable.dnb-button svg .dnb-icon-close-circle-path {
  fill: var(--tag-icon-fill);
}
.dnb-tag--removable.dnb-button svg .dnb-icon-close-cross-path, .dnb-tag--addable.dnb-button svg .dnb-icon-close-cross-path {
  stroke: var(--tag-icon-stroke);
}
.dnb-tag--addable {
  --tag-icon-fill-color: var(--tag-icon-color);
  --tag-icon-stroke-color: var(--color-white);
}
.dnb-tag--addable svg {
  transform: rotate(45deg);
}
.dnb-tag--removable {
  --tag-icon-fill-color: var(--color-white);
  --tag-icon-stroke-color: var(--tag-icon-color);
}
.dnb-tag__group {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

/**
 * Styles for TermDefinition
 */
.dnb-term-definition {
  --inner-space: 0.5rem;
}
.dnb-term-definition__trigger:not(:hover) {
  color: inherit;
}
.dnb-term-definition__trigger:not(:focus-visible):not(:active):not(:hover):not(.dnb-anchor--hover) {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: var(--anchor-color);
  text-decoration-thickness: 2.5px;
  text-underline-offset: 0.3125em;
}
.dnb-term-definition .dnb-popover__title strong::first-letter {
  text-transform: uppercase;
}

/*
* Textarea component
*
*/
/*
 * Utilities
 */
.dnb-textarea {
  --textarea-border-radius: 0.25rem;
  --textarea-rows: 2;
  --textarea-background-color: var(--color-white);
  --textarea-placeholder-color: grey;
  --textarea-size--small: 0.25rem;
  --textarea-size--medium: 0.5rem;
  --textarea-size--large: 0.75rem;
  display: inline-flex;
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-textarea__inner {
  display: inline-flex;
  flex-direction: column;
}
.dnb-textarea__shell {
  display: inline-flex;
  position: relative;
  font-size: var(--font-size-basis);
}
.dnb-textarea__shell::after {
  --size: 0.5rem;
  --bg-size: cover;
  --bg-pos: 0;
  pointer-events: none;
  position: absolute;
  z-index: 2;
  bottom: 0;
  right: 0;
  width: var(--size);
  height: var(--size);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" fill="none"><path stroke="%23000" stroke-linecap="round" stroke-width=".5" d="m1 7 6-6M3.5 7 7 3.5M6 7l1-1"/></svg>');
  background-size: var(--bg-size);
  background-position: var(--bg-pos) var(--bg-pos);
  background-color: var(--textarea-background-color);
}
.dnb-textarea__resize--medium .dnb-textarea__shell::after {
  content: "";
}
.dnb-textarea__resize--large .dnb-textarea__shell::after {
  content: "";
  --size: 1rem;
  --bg-size: 60%;
  --bg-pos: 0.25rem;
}
.dnb-textarea__autoresize .dnb-textarea__shell::after {
  content: none;
}
.dnb-textarea__state {
  position: absolute;
  z-index: 1;
  top: calc(var(--textarea-size-vertical) * -1);
  left: calc(var(--textarea-size-horizontal) * -1);
  bottom: calc(var(--textarea-size-vertical) * -1);
  right: calc(var(--textarea-size-vertical) * -1);
  background-color: var(--textarea-background-color);
  --border-color: var(--textarea-border-color);
  --border-width: var(--textarea-border-width);
  box-shadow: var(--textarea-border-inset, inset) 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
  border-radius: var(--textarea-border-radius);
}
.dnb-textarea__row {
  display: inline-flex;
  margin: var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-vertical) var(--textarea-size-horizontal);
}
.dnb-textarea__suffix.dnb-suffix {
  padding-left: 1rem;
}
.dnb-textarea__textarea {
  position: relative;
  z-index: 2;
  width: 100%;
  cursor: auto;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
  color: var(--textarea-color, var(--color-black));
  background-color: var(--textarea-background-color, var(--color-white));
  overflow-y: auto;
  overscroll-behavior: contain;
}
html:not([data-visual-test]) .dnb-textarea__textarea {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html:not([data-visual-test]) .dnb-textarea__textarea {
    scroll-behavior: auto;
  }
}
.dnb-textarea__textarea {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: auto;
  scrollbar-color: var(--scrollbar-thumb-color, #888) transparent;
}
@supports not (scrollbar-color: auto) {
  .dnb-textarea__textarea::-webkit-scrollbar:vertical {
    width: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-textarea__textarea::-webkit-scrollbar:horizontal {
    height: var(--scrollbar-track-width, 0.5rem);
  }
  .dnb-textarea__textarea::-webkit-scrollbar {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
    background-color: var(--scrollbar-track-color, #eee);
  }
  .dnb-textarea__textarea::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb-color, #888);
  }
  .dnb-textarea__textarea::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover-color, #666);
  }
  .dnb-textarea__textarea::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-thumb-width, 0.5rem);
  }
}
@-moz-document url-prefix() {
  .dnb-textarea__textarea {
    overflow-x: clip !important;
  }
}
.dnb-textarea__placeholder {
  pointer-events: none;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--textarea-rows, 2);
  cursor: auto;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
  color: var(--textarea-color, var(--color-black));
  background-color: var(--textarea-background-color, var(--color-white));
  color: var(--textarea-placeholder-color);
  background-color: transparent;
}
.dnb-textarea__textarea, .dnb-textarea__placeholder {
  text-align: left;
}
.dnb-textarea__textarea:-webkit-autofill {
  box-shadow: 0 0 0 10em var(--textarea-background-color, var(--color-white)) inset;
}
.dnb-textarea__textarea:autofill {
  box-shadow: 0 0 0 10em var(--textarea-background-color, var(--color-white)) inset;
}
.dnb-textarea__align--right .dnb-textarea__textarea, .dnb-textarea__align--right .dnb-textarea__placeholder {
  text-align: right;
}
.dnb-textarea, .dnb-textarea__size--small {
  --textarea-size-vertical: var(--textarea-size--small);
  --textarea-size-horizontal: 1rem;
}
.dnb-textarea__size--medium {
  --textarea-size-vertical: var(--textarea-size--medium);
  --textarea-size-horizontal: 1rem;
}
.dnb-textarea__size--large {
  --textarea-size-vertical: var(--textarea-size--large);
  --textarea-size-horizontal: 1rem;
}
.dnb-textarea__autoresize .dnb-textarea__textarea {
  resize: none;
}
.dnb-textarea--disabled .dnb-textarea__textarea, .dnb-textarea__textarea[disabled] {
  -webkit-user-select: none;
          user-select: none;
}
.dnb-textarea--disabled .dnb-textarea__textarea::-webkit-scrollbar, .dnb-textarea__textarea[disabled]::-webkit-scrollbar {
  width: 0;
}
.dnb-textarea__inner > .dnb-form-status {
  order: 2;
  margin-top: 0.5rem;
}
.dnb-textarea:not(.dnb-textarea--vertical) .dnb-form-label {
  margin-top: var(--textarea-size-vertical);
}
.dnb-textarea--vertical {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status] {
  align-items: flex-start;
}
.dnb-textarea:not(.dnb-textarea--vertical)[class*=__status] > .dnb-form-label {
  margin-top: 0.25rem;
}
@media screen and (max-width: 40em) {
  .dnb-textarea {
    flex-wrap: wrap;
  }
  .dnb-textarea > .dnb-form-label {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}
.dnb-textarea--stretch {
  display: flex;
  flex-grow: 1;
}
.dnb-textarea--stretch .dnb-textarea__inner {
  flex-grow: 1;
}
.dnb-textarea--stretch .dnb-textarea__shell, .dnb-textarea--stretch .dnb-textarea__inner, .dnb-textarea--stretch .dnb-textarea__textarea {
  width: 100%;
}
.dnb-textarea--stretch .dnb-form-label + .dnb-textarea__inner {
  width: auto;
}
.dnb-textarea--vertical.dnb-textarea--stretch .dnb-textarea__inner {
  width: 100%;
}
.dnb-textarea--keep-placeholder.dnb-textarea--focus .dnb-textarea__placeholder {
  --textarea-placeholder-color: var(--textarea-placeholder-color--focus);
  display: block;
}
.dnb-form-row--horizontal .dnb-textarea--stretch {
  width: 100%;
}
@media screen and (max-width: 40em) {
  .dnb-responsive-component .dnb-textarea {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.5rem;
  }
  .dnb-responsive-component .dnb-textarea > .dnb-form-label {
    margin-bottom: 0.5rem;
  }
}
html[data-visual-test] .dnb-textarea__textarea {
  caret-color: var(--color-white);
}
.dnb-textarea.dnb-skeleton .dnb-textarea__inner {
  border-radius: var(--textarea-border-radius);
}
.dnb-textarea.dnb-skeleton .dnb-textarea__state, .dnb-textarea.dnb-skeleton .dnb-textarea__textarea {
  visibility: hidden;
}

/*
* Timeline component
*
*/
/*
 * Utilities
 */
.dnb-timeline {
  display: flex;
  flex-direction: column;
  padding: 0;
  list-style: none;
}
.dnb-timeline__item__label {
  display: flex;
  align-items: center;
  padding: 0;
  text-align: left;
}
.dnb-timeline__item__label__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0;
}
.dnb-timeline__item__label__title {
  cursor: text;
}
.dnb-timeline__item__content {
  padding-bottom: var(--spacing-small);
}
.dnb-timeline__item__content__subtitle {
  cursor: text;
  font-size: var(--font-size-x-small);
  font-weight: var(--font-weight-basis);
  color: var(--color-black-55);
}
.dnb-timeline__item__content__info {
  padding-top: var(--spacing-x-small);
}

/*
* ToggleButton component
*
*/
/*
 * Utilities
 */
.dnb-toggle-button {
  display: inline-flex;
  align-items: center;
  font-size: var(--font-size-small);
  line-height: var(--line-height-basis);
}
.dnb-toggle-button__inner {
  display: inline-flex;
  flex-direction: column;
}
.dnb-toggle-button__shell {
  position: relative;
  left: 0;
  -webkit-user-select: none;
          user-select: none;
}
.dnb-toggle-button--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.dnb-toggle-button__component {
  padding-right: 0.5rem;
  display: inline-flex;
  align-items: center;
}
.dnb-toggle-button__button.dnb-button--has-text {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.dnb-toggle-button__button .dnb-checkbox {
  margin-left: -0.5rem;
}
.dnb-toggle-button__button .dnb-checkbox__input {
  pointer-events: none;
}
.dnb-toggle-button__button .dnb-checkbox__button {
  display: unset;
}
.dnb-toggle-button__button .dnb-checkbox__focus, .dnb-toggle-button__button .dnb-checkbox__button {
  width: calc(var(--checkbox-width--medium) - 0.5rem);
  height: calc(var(--checkbox-height--medium) - 0.5rem);
  border-width: 0.0625rem;
}
.dnb-toggle-button__button .dnb-checkbox__dot {
  width: calc(var(--checkbox-width--medium) - 1rem);
  height: calc(var(--checkbox-height--medium) - 1rem);
}
.dnb-toggle-button__button .dnb-checkbox__gfx {
  width: calc(var(--checkbox-width--medium) - 0.75rem);
  height: calc(var(--checkbox-height--medium) - 0.75rem);
}
.dnb-toggle-button__button .dnb-radio {
  margin-left: -0.5rem;
}
.dnb-toggle-button__button .dnb-radio__input {
  pointer-events: none;
}
.dnb-toggle-button__button .dnb-radio__focus, .dnb-toggle-button__button .dnb-radio__button {
  width: calc(var(--radio-width--medium) - 0.5rem);
  height: calc(var(--radio-height--medium) - 0.5rem);
  border-width: 0.0625rem;
}
.dnb-toggle-button__button .dnb-radio__dot {
  width: calc(var(--radio-width--medium) - 1rem);
  height: calc(var(--radio-height--medium) - 1rem);
}
:not(.dnb-toggle-button-group) > .dnb-form-label + .dnb-toggle-button {
  vertical-align: top;
}
.dnb-toggle-button .dnb-form-status {
  order: 2;
  margin-top: 0.5rem;
}
.dnb-toggle-button .dnb-form-label {
  margin-right: 1rem;
}
.dnb-toggle-button-group {
  --toggle-button-group-column-gap: 1rem;
  --toggle-button-group-row-gap: 1rem;
  display: inline-flex;
}
.dnb-toggle-button-group, .dnb-toggle-button-group__fieldset, .dnb-toggle-button-group__shell {
  flex-grow: 1;
}
.dnb-toggle-button-group fieldset:not([class*=space__top]) {
  margin-top: 0;
}
.dnb-toggle-button-group fieldset:not([class*=space__bottom]) {
  margin-bottom: 0;
}
.dnb-toggle-button-group fieldset:not([class*=space__left]) {
  margin-left: 0;
}
.dnb-toggle-button-group fieldset:not([class*=space__right]) {
  margin-right: 0;
}
.dnb-toggle-button-group fieldset {
  padding: 0;
  border: none;
}
.dnb-toggle-button-group--column .dnb-toggle-button {
  display: flex;
  margin-right: 0;
}
.dnb-toggle-button-group .dnb-toggle-button:last-of-type {
  margin-right: 0;
}
.dnb-toggle-button-group__shell {
  display: flex;
  flex-direction: column;
  row-gap: var(--toggle-button-group-row-gap);
}
.dnb-toggle-button-group__shell__children {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  column-gap: var(--toggle-button-group-column-gap);
  row-gap: var(--toggle-button-group-row-gap);
  order: 1;
}
.dnb-toggle-button-group__shell__children--row {
  flex-direction: row;
}
.dnb-toggle-button-group__shell__children--column {
  flex-direction: column;
}
.dnb-toggle-button-group__shell > .dnb-form-status {
  order: 2;
  transform: translateY(-0.5rem);
}
.dnb-toggle-button-group .dnb-flex-container--direction-horizontal .dnb-form-label {
  margin-top: 0.5rem;
  align-self: flex-start;
}
.dnb-toggle-button-group .dnb-alignment-helper {
  line-height: 2.5rem;
}
.dnb-toggle-button-group__suffix {
  font-size: var(--font-size-basis);
}
@media screen and (min-width: 40.00625em) {
  .dnb-form-label + .dnb-toggle-button {
    transform: translateY(-0.5rem);
  }
}

/*
* Tooltip component
*
*/
/*
 * Utilities
 */
:root {
  --tooltip-z-index: 1100;
}

.dnb-tooltip {
  --inner-space: 0;
  --tooltip-border-radius: 1rem;
  z-index: var(--tooltip-z-index);
}
.dnb-popover--inside-modal .dnb-tooltip {
  z-index: calc(var(--modal-z-index) + var(--tooltip-z-index));
}
.dnb-tooltip {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: auto;
  text-align: center;
  border-radius: var(--tooltip-border-radius);
  box-shadow: var(--shadow-default);
}
.dnb-tooltip--large {
  padding: 0.25rem 0;
}
.dnb-tooltip .dnb-popover__content {
  min-width: 2rem;
  min-height: 1.5rem;
  padding: 0 1rem;
}
.dnb-tooltip .dnb-popover__arrow__placement--right {
  left: -13px;
  top: auto !important;
}
.dnb-tooltip .dnb-popover__arrow__placement--left {
  right: -13px;
  top: auto !important;
}

/*
* Upload component
*
*/
/*
 * Utilities
 */
.dnb-upload {
  --upload-background: white;
  --upload-background--active: lightgray;
  --upload-border: gray;
  --upload-border--active: black;
  --upload-border-width: 2px;
  --upload-list-border: black;
  --upload-icon--default: black;
  --upload-icon--warning: red;
  --upload-highlight: lightyellow;
  --upload-text--primary: black;
  --upload-text--secondary: black;
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: var(--spacing-medium);
}
@media screen and (max-width: 40em) {
  .dnb-upload {
    padding: var(--spacing-medium) var(--spacing-small);
  }
}
.dnb-upload {
  background-color: var(--upload-background);
  border-radius: 0.5rem;
}
.dnb-upload__outline {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 0.5rem;
  stroke: var(--upload-border);
  stroke-width: 0.1875rem;
}
.dnb-upload--active .dnb-upload__outline {
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  width: calc(100% + var(--upload-border-width));
  height: calc(100% + var(--upload-border-width));
  stroke: var(--upload-border--active);
}
.dnb-upload--active .dnb-upload__outline rect {
  stroke-width: 0.25rem;
  stroke-dasharray: 0;
}
.dnb-upload--active {
  background-color: var(--upload-background--active);
}
.dnb-upload__file-input {
  position: absolute;
  visibility: hidden;
  width: 1px;
  height: 1px;
}
.dnb-upload__file-list {
  position: relative;
  padding: 0;
  margin-top: var(--spacing-medium);
  margin-bottom: 0;
  list-style: none;
}
.dnb-upload__file-list::before, .dnb-upload__file-cell::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: var(--upload-list-border);
}
.dnb-upload__file-cell {
  position: relative;
  padding: var(--spacing-small) 0;
  /** Highlight Animation */
  transition: background-color;
  transition-duration: 1.5s;
  transition-timing-function: var(--easing-default);
}
@media (prefers-reduced-motion: reduce) {
  .dnb-upload__file-cell {
    transition-duration: 0.01ms;
  }
}
.dnb-upload__file-cell::after {
  top: auto;
}
.dnb-upload__file-cell__content {
  display: flex;
  column-gap: var(--spacing-small);
  justify-content: space-between;
  align-items: center;
}
.dnb-upload__file-cell__content__left {
  display: flex;
  column-gap: var(--spacing-small);
  align-items: center;
}
.dnb-upload__file-cell__content__left .dnb-icon {
  color: var(--upload-icon--default);
}
.dnb-upload__file-cell--warning .dnb-upload__file-cell__content__left .dnb-icon {
  color: var(--upload-icon--warning);
}
.dnb-upload__file-cell--highlight {
  background-color: var(--upload-highlight);
}
.dnb-upload__file-cell__text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.dnb-upload__file-cell__text-container--loading {
  font-size: var(--font-size-basis);
}
.dnb-upload__file-cell__text-container .dnb-button {
  justify-content: flex-start;
}
.dnb-upload__text.dnb-p {
  color: var(--upload-text--secondary);
}
.dnb-upload__accepted-file-types-table.dnb-table {
  width: -webkit-fit-content;
  width: fit-content;
}
.dnb-upload__accepted-file-types-table.dnb-table thead th {
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-basis);
  padding-top: 0;
}
.dnb-upload__accepted-file-types-table.dnb-table thead th:first-child {
  padding-left: 0;
}
.dnb-upload__accepted-file-types-table.dnb-table tbody td:first-child {
  padding-left: 0;
}
.dnb-upload--compact {
  padding: 0;
  border-radius: 0;
}
.dnb-upload--compact .dnb-upload__text {
  color: var(--color-black-55);
  font-size: var(--font-size-small);
}
.dnb-upload--compact .dnb-help-button__content .dnb-section {
  margin-bottom: 1rem;
}

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

/**
 * NB: The content below is auto generated by the "themeFactory".
 * You may want to update it by running "yarn build" locally.
 */
/*
 * Anchor theme
 *
 */
/*
 * Anchor mixins
 *
 */
/*
 * Utilities
 */
:where(:not(.dnb-anchor--no-style)).dnb-anchor {
  --anchor-color: var(--anchor-color--default, var(--color-sea-green));
  --anchor-color--active: var(--color-mint-green);
  --anchor-color--contrast: var(--color-emerald-green);
  --anchor-color--disabled: var(--color-sea-green-30);
  --anchor-background--hover: var(--color-mint-green-50);
  --anchor-background--active: var(--color-emerald-green);
  color: var(--anchor-color);
}

:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
  --anchor-color: var(--color-sea-green);
  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
}

:where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
  /* stylelint-disable-next-line scss/operator-no-unspaced */
}

@supports not (selector(*:where(*))) {
  :where(:not(.dnb-anchor--no-style)).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
    --anchor-color: var(--color-sea-green);
    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
  }
}
:where(:not(.dnb-anchor--no-style)).dnb-anchor:active {
  --anchor-color: var(--anchor-color--active);
  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--active), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--active), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--active);
}

:where(:not(.dnb-anchor--no-style)).dnb-anchor:focus-visible {
  --anchor-color: var(--color-sea-green);
}

:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
  font-size: 1em;
}

:where(:not(.dnb-anchor--no-style)).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
  stroke-width: 1.2;
}

:not(.dnb-anchor--no-style) {
  /* stylelint-disable-next-line scss/operator-no-unspaced */
}

@supports not (selector(*:where(*))) {
  :not(.dnb-anchor--no-style).dnb-anchor {
    --anchor-color: var(--anchor-color--default, var(--color-sea-green));
    --anchor-color--active: var(--color-mint-green);
    --anchor-color--contrast: var(--color-emerald-green);
    --anchor-color--disabled: var(--color-sea-green-30);
    --anchor-background--hover: var(--color-mint-green-50);
    --anchor-background--active: var(--color-emerald-green);
    color: var(--anchor-color);
  }
  :not(.dnb-anchor--no-style).dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
    --anchor-color: var(--color-sea-green);
    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
  }
  :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
    /* stylelint-disable-next-line scss/operator-no-unspaced */
  }
  @supports not (selector(*:where(*))) {
    :not(.dnb-anchor--no-style).dnb-anchor:hover:not(.dnb-anchor--no-hover) {
      --anchor-color: var(--color-sea-green);
      box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
    }
  }
  :not(.dnb-anchor--no-style).dnb-anchor:active {
    --anchor-color: var(--anchor-color--active);
    box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--active), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--active), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--active);
  }
  :not(.dnb-anchor--no-style).dnb-anchor:focus-visible {
    --anchor-color: var(--color-sea-green);
  }
  :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default {
    font-size: 1em;
  }
  :not(.dnb-anchor--no-style).dnb-anchor__launch-icon.dnb-icon.dnb-icon--default svg path {
    stroke-width: 1.2;
  }
}
.dnb-anchor--hover {
  --anchor-color: var(--color-sea-green);
  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--hover), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--hover), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--hover);
}

.dnb-anchor--active {
  --anchor-color: var(--anchor-color--active);
  box-shadow: inset 100vw 100vw 0 0 var(--anchor-background--active), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--anchor-background--active), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--anchor-background--active);
}

.dnb-anchor--focus {
  --anchor-color: var(--color-sea-green);
}

:where(:not(.dnb-anchor--no-style)).dnb-anchor {
  --anchor-color--default: var(--color-emerald-green);
  --anchor-color--contrast: var(--color-sea-green);
  --anchor-color--active: var(--color-sea-green);
  --anchor-background--hover: transparent;
  --anchor-background--active: var(--color-pistachio);
}

:not(.dnb-anchor--no-style) {
  /* stylelint-disable-next-line scss/operator-no-unspaced */
}
@supports not (selector(*:where(*))) {
  :not(.dnb-anchor--no-style).dnb-anchor {
    --anchor-color--default: var(--color-emerald-green);
    --anchor-color--contrast: var(--color-sea-green);
    --anchor-color--active: var(--color-sea-green);
    --anchor-background--hover: transparent;
    --anchor-background--active: var(--color-pistachio);
  }
}

/*
* Button theme
*
*/
/*
* Button theme
*
*/
/*
 * Utilities
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
/*
 * Utilities
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-button--tertiary {
  --button-tertiary-focus-left: -0.5rem;
  --button-tertiary-focus-right: -0.5rem;
  --button-tertiary-focus-overflow--icon-top: -0.5rem;
  --button-tertiary-underline-left: var(
    --button-tertiary-underline-overflow
  );
  --button-tertiary-underline-right: var(
    --button-tertiary-underline-overflow
  );
  --button-tertiary-underline-overflow: 0;
  --button-tertiary-underline-overflow--icon: calc(
    (var(--button-icon-gutter) + var(--button-icon-size)) * -1
  );
}
.dnb-button--tertiary .dnb-button__text {
  position: relative;
}
.dnb-button--tertiary .dnb-button__text::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 0.095rem;
  border-radius: 0.0475rem;
  color: var(--color-sea-green);
  background-color: currentcolor;
  bottom: -0.0625rem;
  color: transparent;
  transition: color 250ms ease-in-out;
}
[data-visual-test-wrapper] .dnb-button--tertiary .dnb-button__text::after {
  transition: none;
}
.dnb-button--tertiary .dnb-button__text::after {
  left: var(--button-tertiary-underline-left);
  right: var(--button-tertiary-underline-right);
}
.dnb-skeleton .dnb-button--tertiary .dnb-button__text::after {
  content: none;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
  outline: none;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled])::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: var(--button-tertiary-focus-left);
  bottom: 0;
  right: var(--button-tertiary-focus-right);
  height: inherit;
  border-radius: inherit;
  outline: none;
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) .dnb-button__text::after {
  visibility: hidden;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text::after {
  visibility: visible;
}
.dnb-button--tertiary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--tertiary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) {
  outline: initial;
}
html[data-whatinput=keyboard] .dnb-button--tertiary:active:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) {
  box-shadow: none;
}
html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
  transition: none;
  visibility: visible;
  opacity: 1;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html:not([data-whatintent=touch]) html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
  visibility: hidden;
}
.dnb-button--tertiary.dnb-button--has-text {
  --button-padding-left: 0;
  --button-padding-right: 0;
  --button-icon-margin-top: calc(
    (var(--button-height) - var(--button-icon-size)) / 2
  );
}
.dnb-button--tertiary.dnb-button--has-text .dnb-button__icon {
  align-self: flex-start;
}
.dnb-button--tertiary.dnb-button--icon-position-top {
  --button-tertiary-focus-left: var(
    --button-tertiary-focus-overflow--icon-top
  );
  --button-tertiary-focus-right: var(
    --button-tertiary-focus-overflow--icon-top
  );
  flex-direction: column;
  border-radius: 0.5rem;
  vertical-align: middle;
}
.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text {
  --button-icon-margin-top: 0.5rem;
}
.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--has-text .dnb-button__icon {
  align-self: center;
}
.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text {
  margin-top: 0;
  margin-bottom: 0.25rem;
  font-size: var(--font-size-x-small);
}
.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text {
  font-size: var(--font-size-small);
}
.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__alignment {
  order: 3;
  height: 0;
}
.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-size-medium, .dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-size-large {
  --button-tertiary-underline-overflow--icon: var(
    --button-tertiary-underline-overflow
  );
}
.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-left {
  --button-tertiary-focus-right: -1rem;
  --button-tertiary-underline-left: var(
    --button-tertiary-underline-overflow--icon
  );
}
.dnb-button--tertiary.dnb-button--has-icon.dnb-button--has-text.dnb-button--icon-position-right {
  --button-tertiary-focus-left: -1rem;
  --button-tertiary-underline-right: var(
    --button-tertiary-underline-overflow--icon
  );
}
.dnb-button--tertiary.dnb-button--has-icon:not(.dnb-button--has-text) {
  --button-tertiary-focus-left: 0;
  --button-tertiary-focus-right: 0;
}
html[data-whatinput=keyboard] .dnb-button--tertiary:hover:focus .dnb-button__text::after {
  visibility: hidden;
}

.dnb-button--primary {
  color: var(--color-white);
  background-color: var(--color-sea-green);
}
html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]) {
  color: var(--color-sea-green);
  background-color: var(--color-white);
  --border-color: var(--color-emerald-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--primary:focus[disabled], html:not([data-whatintent=touch]) .dnb-button--primary:focus[disabled] {
  cursor: not-allowed;
}
html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]) {
  color: var(--color-sea-green);
  background-color: var(--color-white);
}
.dnb-button--primary:focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]) {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-button--primary:focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--primary:focus:not([disabled]) {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--primary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--primary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]) {
  color: var(--color-sea-green);
  background-color: var(--color-mint-green-50);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--primary[disabled] {
  color: var(--color-white);
  background-color: var(--color-sea-green-30);
}
.dnb-button:not([disabled]).dnb-button--primary.dnb-button__status--error {
  color: var(--color-white);
  background-color: var(--color-fire-red);
}
.dnb-button--secondary {
  color: var(--color-sea-green);
  background-color: var(--color-white);
  --border-color: var(--color-sea-green);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html:not([data-whatintent=touch]) .dnb-button--secondary:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--secondary:hover:not([disabled]) {
  color: var(--color-sea-green);
  background-color: var(--color-white);
  --border-color: var(--color-emerald-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary:focus[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:focus[disabled] {
  cursor: not-allowed;
}
html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]) {
  color: var(--color-sea-green);
  background-color: var(--color-white);
}
.dnb-button--secondary:focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]) {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-button--secondary:focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:focus:not([disabled]) {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--secondary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]) {
  color: var(--color-sea-green);
  background-color: var(--color-mint-green-50);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary[disabled], .dnb-button--secondary[disabled]:focus {
  color: var(--color-sea-green-30);
  background-color: var(--color-white);
  --border-color: var(--color-sea-green-30);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error {
  color: var(--color-fire-red);
  --border-color: var(--color-fire-red);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button:not([disabled]).dnb-button--secondary.dnb-button__status--error .dnb-button__icon {
  color: inherit;
}
html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):hover:not([disabled]) {
  color: var(--color-emerald-green);
  background-color: var(--color-white);
  --border-color: var(--color-emerald-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary:not(.dnb-button--has-text):focus[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus[disabled] {
  cursor: not-allowed;
}
html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
  color: var(--color-emerald-green);
  background-color: var(--color-white);
}
.dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):focus:not([disabled]) {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary:not(.dnb-button--has-text):active[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled] {
  cursor: not-allowed;
}
.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
  color: var(--color-emerald-green);
  background-color: var(--color-mint-green-50);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary:not(.dnb-button--has-text):not(.dnb-button--input-button):not(.dnb-button--control-before):not(.dnb-button--control-after).dnb-button--size-large {
  width: calc(var(--button-width--large) - 0.5rem);
  line-height: calc(var(--button-height) - 0.5rem);
}
.dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-before, .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-after {
  box-shadow: none;
  border: none;
}
html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-before:hover[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-after:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-before:hover:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text).dnb-button--control-after:hover:not([disabled]) {
  box-shadow: none;
  border: none;
}
.dnb-button--active {
  --border-color: var(--color-emerald-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--tertiary {
  color: var(--color-sea-green);
  background-color: transparent;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) {
  color: var(--color-sea-green);
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) .dnb-button__text::after {
  color: var(--color-emerald-green);
}
.dnb-button--tertiary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--tertiary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) {
  color: var(--color-sea-green);
}
html[data-whatintent=touch] .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after, html[data-whatintent=touch] html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) .dnb-button__text::after {
  color: var(--color-emerald-green);
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
  color: var(--color-sea-green);
}
.dnb-button--tertiary.dnb-button--icon-position-top .dnb-button__text {
  font-size: var(--font-size-x-small);
}
.dnb-button--tertiary.dnb-button--icon-position-top.dnb-button--size-large .dnb-button__text {
  font-size: var(--font-size-small);
}
.dnb-button--tertiary[disabled] {
  color: var(--color-sea-green-30);
}
.dnb-button:not([disabled]).dnb-button--tertiary.dnb-button__status--error {
  color: var(--color-fire-red);
}
.dnb-button--signal {
  color: var(--color-ocean-green);
  background-color: var(--color-accent-yellow);
}
html:not([data-whatintent=touch]) .dnb-button--signal:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--signal:hover:not([disabled]) {
  color: var(--color-ocean-green);
  background-color: var(--color-accent-yellow);
  --border-color: var(--color-ocean-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html[data-whatintent=touch] .dnb-button--signal:active[disabled], html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active[disabled] {
  cursor: not-allowed;
}
html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]), html:not([data-whatintent=touch]) html[data-whatintent=touch] .dnb-button--signal:active:not([disabled]) {
  color: var(--color-ocean-green);
  background-color: var(--color-accent-yellow);
  --border-color: var(--color-ocean-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--signal:focus[disabled], html:not([data-whatintent=touch]) .dnb-button--signal:focus[disabled] {
  cursor: not-allowed;
}
html[data-whatinput=keyboard] .dnb-button--signal:focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]) {
  color: var(--color-ocean-green);
  background-color: var(--color-accent-yellow);
}
.dnb-button--signal:focus:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]) {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-button--signal:focus:not([disabled]), html[data-whatinput=keyboard] html:not([data-whatintent=touch]) .dnb-button--signal:focus:not([disabled]) {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--signal:active[disabled], html:not([data-whatintent=touch]) .dnb-button--signal:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--signal:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--signal:active:not([disabled]) {
  color: var(--color-ocean-green);
  background-color: var(--color-accent-yellow);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--signal[disabled] {
  color: var(--color-black-20);
  background-color: var(--color-accent-yellow-30);
}
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]) {
  background-color: transparent;
  box-shadow: none;
}
.dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled])::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: var(--input-border-width);
  background-color: currentcolor;
}
html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible, html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover {
  color: var(--color-white);
}
html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible, html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible::after, html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover, html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover::after {
  background-color: var(--color-sea-green);
}
html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):focus-visible, html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):hover {
  box-shadow: none;
}
html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active {
  color: var(--color-sea-green);
}
html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active, html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active::after {
  background-color: var(--color-mint-green-50);
}
html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text):not([disabled]):active::after {
  top: var(--input-border-width);
  bottom: var(--input-border-width);
}
html:not([data-whatintent=touch]) .dnb-button--input-button.dnb-button--secondary:not(.dnb-button--has-text)[disabled] {
  color: var(--color-black-55);
  background-color: var(--color-black-3);
  --border-color: var(--color-black-55);
  --border-width: var(--input-border-width);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-button--primary {
  background-color: var(--color-emerald-green);
}
html:not([data-whatintent=touch]) .dnb-button--primary:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--primary:hover:not([disabled]) {
  color: var(--color-white);
  background-color: var(--color-sea-green);
  --border-color: var(--color-sea-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--primary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--primary:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--primary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--primary:active:not([disabled]) {
  color: var(--color-white);
  background-color: var(--color-sea-green);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--primary[disabled] {
  color: var(--color-black-55);
  background-color: var(--color-black-8);
  --border-color: var(--color-black-55);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-button--secondary {
  color: var(--color-emerald-green);
  --border-color: var(--color-emerald-green);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--secondary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:active:not([disabled]) {
  color: var(--color-emerald-green);
  background-color: var(--color-pistachio);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-button--secondary[disabled] {
  color: var(--color-black-55);
  background-color: var(--color-white);
  --border-color: var(--color-black-55);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-button--secondary:not(.dnb-button--has-text):active[disabled], html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active[disabled] {
  cursor: not-allowed;
}
.dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--secondary:not(.dnb-button--has-text):active:not([disabled]) {
  color: var(--color-emerald-green);
  background-color: var(--color-pistachio);
  --border-color: transparent;
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-button--tertiary {
  color: var(--color-emerald-green);
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:hover:not([disabled]) {
  color: var(--color-emerald-green);
}
.dnb-button--tertiary:active[disabled], html:not([data-whatintent=touch]) .dnb-button--tertiary:active[disabled] {
  cursor: not-allowed;
}
.dnb-button--tertiary:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-button--tertiary:active:not([disabled]) {
  color: var(--color-emerald-green);
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-button--tertiary:focus-visible:not([disabled]) {
  color: var(--color-emerald-green);
}
.dnb-button--tertiary[disabled] {
  color: var(--color-black-55);
}

/*
* Tabs theme
*
*/
/*
* Tabs theme
*
*/
/*
 * Utilities
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-tabs {
  --tablist-border-color--default: var(--color-black-8);
  --tab-title-font-color: var(--color-sea-green);
  --tab-title-font-weight: var(--font-weight-regular);
  --tab-title-font-size: var(--font-size-basis);
  --tab-title-background--hover: var(--color-mint-green-50);
  --tab-title-color--hover: var(--color-sea-green);
  --tab-title-border--hover: var(--color-sea-green);
  --tab-title-color--disabled: var(--color-sea-green-30);
  --tab-title-border--active-selected: var(--color-sea-green);
  --tab-title-color--active-selected: var(--color-emerald-green);
}
.dnb-tabs__button__title {
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-basis);
  text-align: center;
  display: block;
  color: var(--color-sea-green);
  padding: 0.5rem 0 0.25rem;
}
html:not([data-whatintent=touch]) .dnb-tabs__button:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled]) {
  background-color: var(--color-mint-green-50);
}
html:not([data-whatintent=touch]) .dnb-tabs__button:hover:not([disabled])::after {
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-sea-green);
}
.dnb-tabs__button:focus::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: -0.5rem;
  bottom: 0;
  right: -0.5rem;
  height: inherit;
  border-radius: inherit;
  outline: none;
}
html[data-whatinput=keyboard] .dnb-tabs__button:focus::before {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-tabs__button:focus {
  overflow: visible;
}
.dnb-tabs__button:focus::before {
  top: 0.5rem;
  left: -0.375rem;
  right: -0.375rem;
  bottom: 0.5rem;
  border-radius: 1.5rem;
}
.dnb-tabs__button[disabled] .dnb-tabs__button__title {
  color: var(--color-sea-green-30);
}
.dnb-tabs__button:not([disabled]):active::after, .dnb-tabs__button:not([disabled]).selected::after {
  height: 2px;
  border-radius: 2px;
  background-color: var(--color-sea-green);
}
.dnb-tabs__button:not([disabled]):active .dnb-tabs__button__title, .dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title {
  color: var(--color-emerald-green);
}
.dnb-tabs__button:not([disabled]).selected .dnb-tabs__button__title {
  font-weight: var(--font-weight-medium);
}
.dnb-tabs__button span[hidden] {
  font-weight: var(--font-weight-medium);
}

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

/*
 * Accordion theme
 *
 */
/*
 * Utilities
 */
.dnb-accordion__header {
  color: var(--ui-accordion-color--override, var(--ui-accordion-color));
  background-color: var(--ui-accordion-background--override, var(--ui-accordion-background));
  box-shadow: var(--ui-accordion-box-shadow);
  border: none;
}
.dnb-accordion__header__description {
  color: var(--ui-accordion-description-color--override, var(--ui-accordion-description-color));
}
.dnb-accordion__header {
  /* 
   * VARIANTS
   * Each variant is mutually exclusive
   */
}
.dnb-accordion__header--outlined, .dnb-accordion__header--filled {
  --ui-accordion-border-inset: inset;
  --ui-accordion-box-shadow: var(--ui-accordion-border-inset) 0 0 0
    var(--accordion-border-width)
    var(
      --ui-accordion-border-color--override,
      var(--ui-accordion-border-color)
    );
}
.dnb-accordion__header--outlined[disabled], .dnb-accordion__header--filled[disabled] {
  --ui-accordion-color: var(--color-sea-green-30);
  --ui-accordion-background-: var(--color-white);
  --ui-accordion-border-color: var(--color-sea-green-30);
  --ui-accordion-description-color: var(--ui-accordion-color);
  --ui-accordion-expanded-color: var(--color-white);
  --ui-accordion-expanded-background: var(--color-sea-green-30);
}
.dnb-accordion__header--outlined {
  --ui-accordion-color: var(--color-emerald-green);
  --ui-accordion-background: var(--color-white);
  --ui-accordion-border-color: var(--color-black-8);
  --ui-accordion-description-color: var(--color-black-55);
  --ui-accordion-expanded-color: var(--color-white);
  --ui-accordion-expanded-background: var(--color-sea-green);
  --ui-accordion-expanded-border-color: var(
    --ui-accordion-expanded-background
  );
  --ui-accordion-expanded-description-color: var(
    --ui-accordion-expanded-color
  );
}
html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:focus-visible[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:focus-visible:not([disabled]) {
  --accordion-border-width: 0.125rem;
  --ui-accordion-border-color: var(--color-emerald-green);
  --ui-accordion-expanded-border-color: var(--color-emerald-green);
  --ui-accordion-expanded-color: var(--color-emerald-green);
  --ui-accordion-expanded-background: var(--color-mint-green);
}
html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:hover:not([disabled]) {
  --accordion-border-width: 0.125rem;
  --ui-accordion-color: var(--color-emerald-green);
  --ui-accordion-background: var(--color-white);
  --ui-accordion-border-color: var(--color-emerald-green);
  --ui-accordion-description-color: var(--color-black-55);
  --ui-accordion-border-inset: ;
  --ui-accordion-expanded-color: var(--ui-accordion-color);
  --ui-accordion-expanded-background: var(--ui-accordion-background);
  --ui-accordion-expanded-border-color: var(
    --ui-accordion-border-color
  );
  --ui-accordion-expanded-description-color: var(
    --ui-accordion-description-color
  );
  --ui-accordion-after-click-color: var(--color-white);
  --ui-accordion-after-click-background: var(--color-sea-green);
  --ui-accordion-after-click-border-color: var(--color-sea-green);
  --ui-accordion-after-click-description-color: var(--color-white);
  z-index: 1;
}
.dnb-accordion__header--outlined:active[disabled], html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:active[disabled] {
  cursor: not-allowed;
}
.dnb-accordion__header--outlined:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-accordion__header--outlined:active:not([disabled]) {
  --accordion-border-width: 0.0625rem;
  --ui-accordion-background: var(--color-pistachio);
  --ui-accordion-border-inset: inset;
}
.dnb-accordion__header--filled {
  --accordion-border-width: 0.125rem;
  --accordion-title-font-weight--expanded: var(--font-weight-basis);
  --ui-accordion-color: var(--color-emerald-green);
  --ui-accordion-background: var(--color-pistachio);
  --ui-accordion-border-color: var(--color-pistachio);
  --ui-accordion-description-color: var(--color-black-55);
}
html:not([data-whatintent=touch]) .dnb-accordion__header--filled:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-accordion__header--filled:hover:not([disabled]) {
  --ui-accordion-background: var(--color-white);
}
.dnb-accordion__header--filled:active[disabled], html:not([data-whatintent=touch]) .dnb-accordion__header--filled:active[disabled] {
  cursor: not-allowed;
}
.dnb-accordion__header--filled:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-accordion__header--filled:active:not([disabled]) {
  --ui-accordion-color: var(--color-white);
  --ui-accordion-background: var(--color-sea-green);
  --ui-accordion-border-color: var(--color-sea-green);
  --ui-accordion-description-color: ar(--color-white);
}
html:not([data-whatintent=touch]) .dnb-accordion__header--filled:focus-visible[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-accordion__header--filled:focus-visible:not([disabled]) {
  --ui-accordion-border-color: var(--color-sea-green);
}
.dnb-accordion__header {
  /* 
   * STATES
   * States that can exist across all variants.
   */
}
.dnb-accordion__header--expanded {
  --ui-accordion-color--override: var(
    --ui-accordion-expanded-color--override,
    var(--ui-accordion-expanded-color)
  );
  --ui-accordion-background--override: var(
    --ui-accordion-expanded-background--override,
    var(--ui-accordion-expanded-background)
  );
  --ui-accordion-border-color--override: var(
    --ui-accordion-expanded-border-color--override,
    var(--ui-accordion-expanded-border-color)
  );
  --ui-accordion-description-color--override: var(
    --ui-accordion-expanded-description-color--override,
    var(--ui-accordion-expanded-description-color)
  );
}
.dnb-accordion__header--after-click {
  --ui-accordion-expanded-color--override: var(
    --ui-accordion-after-click-color
  );
  --ui-accordion-expanded-background--override: var(
    --ui-accordion-after-click-background
  );
  --ui-accordion-expanded-border-color--override: var(
    --ui-accordion-after-click-border-color
  );
  --ui-accordion-expanded-description-color--override: var(
    --ui-accordion-after-click-description-color
  );
}

/*
* Autocomplete theme
*
*/
/*
 * Utilities
 */
.dnb-autocomplete__show-all .dnb-drawer-list__option__inner {
  color: var(--color-sea-green);
}
.dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__shell, .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell {
  --border-color: var(--color-sea-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-autocomplete--opened .dnb-input .dnb-input__shell .dnb-input__submit-button__button, .dnb-autocomplete:not(.dnb-autocomplete__status--error) .dnb-form-label:hover ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button {
  border-radius: 0;
  color: var(--color-white);
  background-color: var(--color-sea-green);
  box-shadow: none;
}
.dnb-autocomplete--show-indicator .dnb-autocomplete__input .dnb-input__icon {
  color: transparent;
}
.dnb-autocomplete__shell, .dnb-autocomplete__input {
  border-radius: var(--autocomplete-border-radius);
}
.dnb-autocomplete__status--error:not(.dnb-autocomplete--opened) .dnb-form-label:hover ~ .dnb-autocomplete__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell {
  --border-color: var(--color-fire-red);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

.dnb-autocomplete__root .dnb-drawer-list__option__item:nth-of-type(1) {
  font-weight: var(--font-weight-basis);
}
.dnb-autocomplete__root .dnb-drawer-list__option:not([disabled]) .dnb-drawer-list__option__item:nth-of-type(n + 2) {
  color: var(--color-black-55);
}
.dnb-autocomplete__root .dnb-drawer-list__option__item--highlight {
  font-weight: var(--font-weight-bold);
}

.dnb-autocomplete__root .dnb-drawer-list__option--selected:not([disabled]) .dnb-drawer-list__option__item:nth-of-type(n + 2) {
  color: var(--color-white);
}

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

/*
* Avatar theme
*
*/
/*
 * Utilities
 */
.dnb-avatar {
  --color: var(--color-pistachio);
}
.dnb-avatar--primary {
  --background-color: var(--color-emerald-green);
}
.dnb-avatar--secondary {
  --background-color: var(--color-sea-green);
}
.dnb-avatar--tertiary {
  --background-color: var(--color-mint-green);
  --color: var(--color-emerald-green);
}

/* 
 * WIP: Figma design tokens for the badge component
 *
 * Exactly how design tokens from figma will be integrated is still not decided. So this file
 * is just a temporary solution that separates design tokens from the rest of the styles.
 * These colors should eventually end up being properly defined design variables.
 *
 * Pending design pattern:
 * - Point the figma variable to existing css variables from `properties.scss` where possible.
 * - Name the variable with a `--figma-` prefix followed by kebab case figma token name.
 *   - E.g. "Color/Stroke/Neutral-Bold` -> "--figma-color-stroke-neutral-bold"
 *   - Using dashes in figma "folders" might be an issue i.e. "Neutral-Bold" above.
 *     - Perhaps we should also use underscores, or camel case? 
 *       - "--figma-color-stroke-neutral_bold"
 *       - "--figma_color_stroke_neutral-bold"
 *       - "--figma-color-stroke-neutralBold"
 * - Name the figma primitive used by the token in a comment.
 */
/*
 * Badge design tokens
 *
 * These are the figma design variables used by the "information" variant of the badge component.
 * The naming, prefix, location, and anything else is subject to change.
 */
.dnb-badge {
  --figma-color-decorative-first-subtle: var(--color-mint-green);
  --figma-color-decorative-first-muted: #d8f3ec;
  --figma-color-background-neutral-bold: var(--color-black-20);
  --figma-color-background-neutral-subtle: var(--color-black-3);
  --figma-color-stroke-neutral-bold: var(--color-black-20);
  --figma-color-text-neutral: var(--color-black-80);
  --figma-color-text-neutral-inverse: var(--color-white);
  --figma-color-background-positive: var(--color-success-green);
  --figma-color-text-positive: var(--color-success-green);
  --figma-color-background-positive-subtle: #ebf4f2;
  --figma-color-stroke-positive: var(--color-success-green);
  --figma-color-background-warning: var(--color-accent-yellow);
  --figma-color-text-warning-bold: #805b0e;
  --figma-color-background-warning-subtle: var(--color-sand-yellow);
  --figma-color-stroke-warning: var(--color-accent-yellow);
  --figma-color-background-error: #d52525;
  --figma-color-text-destructive: #d52525;
  --figma-color-background-error-subtle: #fceeee;
  --figma-color-stroke-error: #d52525;
}

:root {
  --card-outline-color: var(--border-color, var(--color-lavender));
  --card-outline-width: 0.25rem;
  --card-background-color: var(--color-white);
}

.dnb-card .dnb-card {
  --card-outline-color: var(--color-black-8);
  --outline-width: 0.0625rem;
  --rounded-corner: 0.375rem;
}

/*
* Checkbox theme
*
*/
.dnb-checkbox {
  --checkbox-color-gfx-on: var(--color-white);
  --checkbox-color-gfx-off: var(--color-white);
  --checkbox-color-background-on: var(--color-sea-green);
  --checkbox-color-background-off: var(--color-white);
  --checkbox-color-border-on: transparent;
  --checkbox-color-border-off: var(--color-sea-green);
  --checkbox-color-gfx--disabled: var(--checkbox-color-gfx-on);
  --checkbox-color-background-on--disabled: var(--color-sea-green-30);
  --checkbox-color-background-off--disabled: var(--color-white);
  --checkbox-color-border-on--disabled: transparent;
  --checkbox-color-border-off--disabled: var(--color-mint-green-50);
  --checkbox-color-gfx__indeterminate--disabled: var(
    --color-mint-green-50
  );
  --checkbox-color-background--active: var(--color-mint-green-50);
  --checkbox-color-border--active: transparent;
  --checkbox-color-gfx--hover: var(--color-sea-green);
  --checkbox-color-background--hover: var(--color-mint-green-50);
  --checkbox-color-border-on--hover: transparent;
  --checkbox-color-border-off--hover: var(--color-sea-green);
  --checkbox-color-gfx--focus: var(--color-emerald-green);
  --checkbox-color-background--focus: var(--color-mint-green-50);
  --checkbox-color-gfx--error: var(--color-fire-red-8);
  --checkbox-color-gfx--error-contrast: var(--color-fire-red);
  --checkbox-color-background-on--error: var(--color-fire-red);
  --checkbox-color-background--error-contrast: var(--color-fire-red-8);
  --checkbox-color-border--error: var(--color-fire-red);
  --checkbox-color-gfx--error--hover: var(--color-fire-red);
  --checkbox-color-background--error--hover: var(--color-fire-red-8);
  --checkbox-color-border--error--hover: var(--color-fire-red);
  --checkbox-color-background-indeterminate: var(--color-white);
  --checkbox-color-gfx-indeterminate: var(--color-sea-green);
  --checkbox-color-background-indeterminate--active: var(--color-white);
  --checkbox-color-border-indeterminate--active: var(
    --color-mint-green-50
  );
  --checkbox-color-gfx-indeterminate--active: var(--color-mint-green-50);
  --checkbox-color-gfx-indeterminate--error: var(--color-fire-red);
  --checkbox-gfx-height__indeterminate: 0.625rem;
  --checkbox-gfx-width__indeterminate: 0.625rem;
  --checkbox-gfx-height__indeterminate--large: 0.875rem;
  --checkbox-gfx-width__indeterminate--large: 0.875rem;
}

/*
* DatePicker theme
*
*/
/*
 * Utilities
 */
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input {
  color: var(--color-black-55);
}
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input ~ .dnb-date-picker--separator {
  color: var(--color-black-55);
}
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]) {
  color: var(--color-black);
}
.dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-date-picker__input--highlight:not([disabled]) ~ .dnb-date-picker--separator {
  color: var(--color-black);
}
.dnb-date-picker__addon::after, .dnb-date-picker__calendar::after {
  background-color: var(--color-black-8);
}
.dnb-date-picker__header {
  --gap: 0.25rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: var(--gap);
}
.dnb-date-picker__header::after {
  background-color: var(--color-black-8);
}
.dnb-date-picker__header--only-month-label {
  justify-content: center;
  margin-bottom: 1rem;
}
.dnb-date-picker__header__row {
  min-width: 60%;
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
}
.dnb-date-picker__header__row--year {
  min-width: calc(40% - var(--gap));
}
.dnb-date-picker__header__nav .dnb-button {
  box-shadow: none;
}
.dnb-date-picker__header__title {
  text-transform: capitalize;
  text-align: center;
  font-size: var(--font-size-basis);
  font-weight: var(--font-weight-medium);
  color: var(--color-black-80);
}
.dnb-date-picker__labels__day {
  text-transform: capitalize;
  font-weight: var(--font-weight-medium);
  color: var(--color-black-80);
}
.dnb-date-picker__day, .dnb-date-picker__labels__day {
  text-align: center;
}
.dnb-date-picker__day--today .dnb-button {
  font-weight: var(--font-weight-medium);
}
.dnb-date-picker__day--today .dnb-button::after {
  content: "";
  position: absolute;
  bottom: 0.1875rem;
  height: 0.2188em;
  width: 0.2188em;
  pointer-events: none;
  border-radius: 50%;
  background-color: currentcolor;
}
.dnb-date-picker__day--preview .dnb-button, .dnb-date-picker__day--inactive .dnb-button, .dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) .dnb-button:not(:hover) {
  background-color: transparent;
}
.dnb-date-picker__day--preview:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date), .dnb-date-picker__day--within-selection:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--start-date):not(.dnb-date-picker__day--end-date) {
  background-color: var(--color-mint-green-50);
}
.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive)::after, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive)::after {
  background-color: var(--color-mint-green-50);
}
.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive) .dnb-button, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive) .dnb-button {
  color: var(--color-mint-green-25);
  background-color: var(--color-emerald-green);
}
.dnb-date-picker__day--start-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover, .dnb-date-picker__day--end-date:not(.dnb-date-picker__day--inactive):not(.dnb-date-picker__day--preview) .dnb-button:hover {
  box-shadow: none;
}
html:not([data-whatintent=touch]) .dnb-date-picker__day--start-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]), html:not([data-whatintent=touch]) .dnb-date-picker__day--end-date.dnb-date-picker__day--within-selection .dnb-button:hover:not([disabled]) {
  color: var(--color-mint-green-25);
  background-color: var(--color-emerald-green);
}
.dnb-date-picker__day--disabled .dnb-button {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
.dnb-date-picker__day--inactive .dnb-button {
  color: var(--color-black-55);
}
.dnb-date-picker__day--inactive .dnb-button[disabled], .dnb-date-picker__day--disabled .dnb-button[disabled] {
  box-shadow: none;
}
html:not([data-whatintent=touch]) .dnb-date-picker__day--inactive .dnb-button[disabled] {
  cursor: default;
}
.dnb-date-picker--opened .dnb-input .dnb-input__shell, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover ~ .dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell {
  --border-color: var(--color-sea-green);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover ~ .dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary {
  color: var(--color-white);
  background-color: var(--color-sea-green);
}
.dnb-date-picker--opened .dnb-input .dnb-input__submit-button__button.dnb-button--secondary::after, .dnb-date-picker:not(.dnb-date-picker__status--error) .dnb-form-label:hover ~ .dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__submit-button__button.dnb-button--secondary::after {
  background-color: inherit;
}
.dnb-date-picker__status--error:not(.dnb-date-picker--opened) .dnb-form-label:hover ~ .dnb-date-picker__inner .dnb-input:not([data-input-state=disabled]) .dnb-input__shell {
  --border-color: var(--color-fire-red);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

/*
* Drawer theme
*
*/
/*
 * Utilities
 */
.dnb-dialog {
  --dialog-background: var(--color-white);
  --dialog-icon-positioning: -50%;
  --dialog-icon-color--info: var(--color-emerald-green);
  --dialog-icon-color--warning: var(--color-fire-red);
  --dialog-icon-background--info: var(--color-pistachio);
  --dialog-icon-background--warning: var(--color-fire-red-8);
}

/*
* Modal theme
*
*/
/*
 * Utilities
 */
.dnb-drawer {
  background: var(--color-white);
}

/*
* Dropdown theme
*
*/
/*
 * Utilities
 */
.dnb-dropdown {
  --dropdown-error-border-width: 0.125rem;
  --dropdown-button-padding: 0 1rem;
  --dropdown-foreground-color-primary: var(--color-black-55);
  --dropdown-foreground-color-error: var(--color-fire-red);
  --dropdown-background-color-disabled: var(--color-black-3);
  --dropdown-background-color-error-active: var(--color-fire-red-8);
}
html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-dropdown__trigger:hover:not([disabled]) {
  color: var(--color-emerald-green);
}
.dnb-dropdown__trigger[disabled] {
  color: var(--dropdown-foreground-color-primary);
  background-color: var(--dropdown-background-color-disabled);
}
.dnb-dropdown__trigger[disabled]:not(.dnb-button--tertiary) {
  --border-color: var(--dropdown-foreground-color-primary);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

/*
 * FormLabel theme
 *
 */
.dnb-form-label {
  color: var(--color-black-80);
}

/*
 * FormRow theme
 *
 */
/*
 * FormSet theme
 *
 */
/*
 * FormStatus theme
 *
 */
/*
 * Utilities
 */
.dnb-form-status__shell {
  color: var(--color-black-80);
  font-size: var(--font-size-small);
}
.dnb-form-status--error .dnb-form-status__shell {
  background-color: var(--color-fire-red-8);
}
.dnb-form-status--error .dnb-form-status__shell > .dnb-icon {
  color: var(--color-fire-red);
  border: none;
}
.dnb-form-status--warn .dnb-form-status__shell {
  background-color: var(--color-sand-yellow);
}
.dnb-form-status--info .dnb-form-status__shell {
  background-color: var(--color-pistachio);
}
.dnb-form-status--marketing .dnb-form-status__shell {
  background-color: var(--color-lavender);
}
.dnb-form-status:not(.dnb-form-status--attention-focus).dnb-form-status__text {
  color: var(--color-black-80);
}
.dnb-form-status__variant--outlined.dnb-form-status--error .dnb-form-status__shell {
  --border-color: var(--color-fire-red);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-form-status__variant--outlined.dnb-form-status--warn .dnb-form-status__shell {
  --border-color: var(--color-accent-yellow);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-form-status__variant--outlined.dnb-form-status--info .dnb-form-status__shell {
  --border-color: var(--color-sea-green);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-form-status__variant--outlined.dnb-form-status--marketing .dnb-form-status__shell {
  --border-color: var(--color-black-55);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell, .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell {
  animation: attention-focus 2s ease-in-out 1 200ms;
}
.dnb-form-status--error.dnb-form-status--attention-focus .dnb-form-status__shell > .dnb-icon, .dnb-form-status--error.dnb-form-status:focus .dnb-form-status__shell > .dnb-icon {
  animation: attention-focus 2s ease-in-out 1 200ms;
}

@keyframes attention-focus {
  0%, 100% {
    color: var(--color-fire-red);
    background-color: var(--color-fire-red-8);
    border-color: var(--color-fire-red);
  }
  35% {
    color: var(--color-white);
    background-color: var(--color-fire-red);
    border-color: var(--color-fire-red);
  }
}
/*
 * GlobalError theme
 *
 */
/*
 * GlobalStatus theme
 *
 */
/*
 * Utilities
 */
.dnb-global-status__icon {
  font-size: 1rem;
}
.dnb-global-status__message.dnb-section--white ::selection {
  background-color: var(--color-mint-green);
}
.dnb-global-status__content .dnb-hr {
  --hr-color: var(--color-fire-red);
}
.dnb-global-status--info .dnb-global-status__content .dnb-hr {
  --hr-color: var(--color-sea-green);
}
.dnb-global-status--warning .dnb-global-status__content .dnb-hr {
  --hr-color: var(--color-accent-yellow);
}
.dnb-global-status--success .dnb-global-status__content .dnb-hr {
  --hr-color: var(--color-ocean-green);
}

/*
 * Help button theme for UI
 *
 */
.dnb-help-button__content {
  --help-button-content-background: var(--color-lavender);
}

/*
 * Icon theme
 *
 */
.dnb-icon {
  --icon-border-positioning: var(--icon-border-positioning--default, -25%);
}
.dnb-icon--border {
  position: relative;
  vertical-align: baseline;
}
.dnb-icon--border::after {
  content: "";
  position: absolute;
  left: var(--icon-border-positioning);
  right: var(--icon-border-positioning);
  top: var(--icon-border-positioning);
  bottom: var(--icon-border-positioning);
  margin: auto;
  border-radius: 50%;
  border: 0.0875rem solid;
  border-color: currentcolor;
}

/*
* Input theme
*
*/
/*
 * Utilities
 */
.dnb-input__border--tokens {
  --input-border-color: var(--color-sea-green);
  --input-border-color--hover: var(--color-emerald-green);
  --input-border-color--active: var(--color-emerald-green);
  --input-border-color--focus: var(--color-emerald-green);
  --input-border-color--disabled: var(--color-black-55);
  --input-border-color__error: var(--color-fire-red);
  --input-border-color__error--focus: var(--color-fire-red);
  --input-border-width: 0.0625rem;
  --input-border-width--hover: 0.125rem;
  --input-border-width--active: 0.125rem;
  --input-border-width--focus: 0.125rem;
  --input-border-width--disabled: 0.0625rem;
  --input-border-width__error: 0.0625rem;
  --input-border-width__error--hover: 0.125rem;
  --input-border-width__error--active: 0.125rem;
  --input-border-inset: inset;
  --input-border-inset--hover: ;
  --input-border-inset--active: ;
  --input-border-inset--focus: ;
  --input-border-inset--disabled: inset;
  --input-border-radius: 0.25rem;
  --input-border-radius--active: 0.25rem;
  --input-border-radius--focus: 0.25rem;
}

.dnb-input {
  color: var(--color-black);
}
.dnb-input__inner {
  color: inherit;
}
.dnb-input__shell {
  color: inherit;
  background-color: var(--input-background-color);
  border: none;
}
.dnb-input__status--error.dnb-input .dnb-input__shell:not(:focus-within) {
  color: var(--color-fire-red);
}
.dnb-input[data-input-state=disabled] .dnb-input__shell,
.dnb-input[data-input-state=disabled] .dnb-input__shell .dnb-icon {
  color: var(--color-black-55);
}
.dnb-input[data-input-state=disabled] .dnb-input__shell {
  -webkit-text-fill-color: currentcolor;
  background-color: var(--color-black-3);
}
html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,
[disabled]):hover, html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,
[disabled]):hover::after, html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,
[disabled]):focus-visible, html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,
[disabled]):focus-visible::after {
  background-color: var(--color-fire-red);
}
html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,
[disabled]):hover:active, html:not([data-whatintent=touch]) .dnb-input__status--error .dnb-input__submit-button__button.dnb-button--secondary:not(.dnb-input__status--error .dnb-input__submit-button__button--has-text,
[disabled]):focus-visible:active {
  color: var(--color-white);
}
.dnb-input__icon {
  color: var(--color-sea-green);
}
.dnb-input__status--error .dnb-input__icon {
  color: var(--color-fire-red);
}
.dnb-input__input::selection {
  background-color: var(--color-mint-green);
  color: var(--color-black);
  text-shadow: none;
}
.dnb-input__placeholder {
  color: var(--color-black-55);
}

/*
 * Logo Component
 *
 */
.dnb-logo {
  color: var(--color-sea-green);
}
.dnb-logo--inherit-color {
  color: currentcolor;
}

/*
* Modal theme
*
*/
/*
 * Utilities
 */
.dnb-modal__overlay {
  --modal-overlay-bg: rgb(0 0 0 / 32%);
  background-color: var(--modal-overlay-bg);
}

/*
* Pagination theme
*
*/
/*
 * Utilities
 */
.dnb-core-style .dnb-pagination__button.dnb-button--primary, .dnb-core-style .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]), .dnb-pagination__button.dnb-button--primary, .dnb-pagination__button.dnb-button--primary:not(:active):hover:not([disabled]) {
  background-color: var(--color-emerald-green);
  color: var(--color-mint-green);
}
html[data-whatinput=keyboard] .dnb-core-style .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .dnb-pagination__button.dnb-button--primary:not([disabled]):not(:active):not(:hover):focus {
  color: var(--color-emerald-green);
  background-color: var(--color-mint-green);
}

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

.dnb-popover--theme-light {
  --popover-text-color: var(--color-black-80);
  --popover-background-color: var(--color-white);
  --popover-outline-color: var(--color-black-8);
}
.dnb-popover--theme-dark {
  --popover-text-color: var(--color-white);
  --popover-background-color: var(--color-black-80);
  --popover-outline-color: rgb(0 0 0 / 10%);
}

/*
* ProgressIndicator theme
*
*/
.dnb-progress-indicator {
  --progress-indicator-circular-background-color: var(--color-mint-green);
  --progress-indicator-circular-bar-color: var(--color-emerald-green);
  --progress-indicator-linear-background-color: var(--color-black-8);
  --progress-indicator-linear-bar-color: var(--color-sea-green);
}

/*
* Radio theme
*
*/
.dnb-radio {
  --radio-color-dot-on: var(--color-sea-green);
  --radio-color-background-on: var(--color-white);
  --radio-color-border-on: var(--color-sea-green);
  --radio-color-background-off: var(--color-white);
  --radio-color-border-off: var(--color-sea-green);
  --radio-color-dot-on--disabled: var(--color-sea-green-30);
  --radio-color-background--disabled: var(--color-white);
  --radio-color-border-on--disabled: var(--color-sea-green-30);
  --radio-color-border-off--disabled: var(--color-mint-green-50);
  --radio-color-dot-on--active: var(--color-mint-green-50);
  --radio-color-border-on--active: var(--color-mint-green-50);
  --radio-color-background-off--active: var(--color-mint-green-50);
  --radio-color-border-off--active: transparent;
  --radio-color-dot-on--hover: var(--color-mint-green-50);
  --radio-color-background-on--hover: var(--color-white);
  --radio-color-background-off--hover: var(--color-mint-green-50);
  --radio-color-dot-on--focus: var(--color-sea-green);
  --radio-color-background-on--focus: var(--color-white);
  --radio-color-background-off--focus: var(--color-mint-green-50);
  --radio-color-dot-on--error: var(--color-fire-red);
  --radio-color-border-on--error: var(--color-fire-red);
  --radio-color-border--error-hover: var(--radio-color-border-on--error);
  --radio-color-background-off--error-hover: var(--color-fire-red-8);
  --radio-color-background-on--error-hover: var(--color-white);
  --radio-color-dot-on--error-hover: var(--color-fire-red-8);
}

/*
 * Section theme
 *
 */
/*
 * Anchor mixins
 *
 */
/*
 * Utilities
 */
.dnb-section {
  --background-color: var(--color-white);
  --outline-color--value: var(--color-black-8);
}
.dnb-section--divider {
  --text-color: var(--color-black-80);
  --background-color: var(--color-white);
  z-index: 0;
  --sc: var(--color-mint-green-50);
}
.dnb-section--divider::after {
  --box-shadow: 99vw 0 0 0 currentcolor, 198vw 0 0 0 currentcolor,
    297vw 0 0 0 currentcolor, 396vw 0 0 0 currentcolor,
    0 0.0625rem 0 0 var(--sc), 99vw 0.0625rem 0 0 var(--sc),
    0 -0.0625rem 0 0 var(--sc), 99vw -0.0625rem 0 0 var(--sc),
    198vw 0.0625rem 0 0 var(--sc), 198vw -0.0625rem 0 0 var(--sc);
}
.dnb-section--transparent {
  --background-color: transparent;
}
.dnb-section {
  /** deprecated: default should be white in v11 */
}
.dnb-section--mint-green-12, .dnb-section--default {
  --text-color: var(--text-color--value, var(--color-black-80));
  --background-color: var(
    --background-color--value,
    var(--color-mint-green-12)
  );
}
.dnb-section--white {
  --text-color: var(--color-black-80);
  --background-color: var(--color-white);
}
.dnb-section {
  /** deprecated */
}
.dnb-section--mint-green {
  --text-color: var(--color-black-80);
  --background-color: var(--color-mint-green);
}
.dnb-section {
  /** deprecated */
}
.dnb-section--lavender {
  --text-color: var(--color-black-80);
  --background-color: var(--color-lavender);
}
.dnb-section--sand-yellow, .dnb-section--warning {
  --text-color: var(--color-black-80);
  --background-color: var(--color-sand-yellow);
}
.dnb-section--pistachio, .dnb-section--info {
  --text-color: var(--color-black-80);
  --background-color: var(--color-pistachio);
}
.dnb-section {
  /** deprecated */
}
.dnb-section--black-3 {
  --text-color: var(--color-black-80);
  --background-color: var(--color-black-3);
}
.dnb-section {
  /** deprecated */
}
.dnb-section--emerald-green {
  --text-color: var(--color-mint-green);
  --background-color: var(--color-emerald-green);
}
.dnb-section {
  /** deprecated */
}
.dnb-section--sea-green {
  --text-color: var(--color-white);
  --background-color: var(--color-sea-green);
}
.dnb-section {
  /** deprecated */
}
.dnb-section--fire-red {
  --text-color: var(--color-white);
  --background-color: var(--color-fire-red);
}
.dnb-section--fire-red-8, .dnb-section--error {
  --text-color: var(--color-black-80);
  --background-color: var(--color-fire-red-8);
}
.dnb-section--success {
  --text-color: var(--color-white);
  --background-color: var(--color-success-green);
}
.dnb-section--fire-red .dnb-anchor, .dnb-section--emerald-green .dnb-anchor, .dnb-section--sea-green .dnb-anchor, .dnb-section--success .dnb-anchor {
  color: var(--color-white);
}
.dnb-section--fire-red .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--emerald-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--sea-green .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)), .dnb-section--success .dnb-anchor:hover:where(:not(.dnb-anchor--no-hover)) {
  color: var(--anchor-color--contrast);
  box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
}
.dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
  /* stylelint-disable-next-line scss/operator-no-unspaced */
}
@supports not (selector(*:where(*))) {
  .dnb-section--fire-red .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--emerald-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--sea-green .dnb-anchor:hover:not(.dnb-anchor--no-hover), .dnb-section--success .dnb-anchor:hover:not(.dnb-anchor--no-hover) {
    color: var(--anchor-color--contrast);
    box-shadow: inset 100vw 100vw 0 0 var(--color-white), calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 var(--color-white), var(--anchor-background-gutter-right, 0.125rem) 0 0 0 var(--color-white);
  }
}
.dnb-section--fire-red .dnb-anchor:active, .dnb-section--emerald-green .dnb-anchor:active, .dnb-section--sea-green .dnb-anchor:active, .dnb-section--success .dnb-anchor:active {
  color: var(--color-white);
  background-color: transparent;
  box-shadow: inset 100vw 100vw 0 0 transparent, calc(var(--anchor-background-gutter-left, 0.125rem) * -1) 0 0 0 transparent, var(--anchor-background-gutter-right, 0.125rem) 0 0 0 transparent;
}
.dnb-section--fire-red .dnb-anchor:focus-visible, .dnb-section--emerald-green .dnb-anchor:focus-visible, .dnb-section--sea-green .dnb-anchor:focus-visible, .dnb-section--success .dnb-anchor:focus-visible {
  color: var(--color-white);
  background-color: transparent;
  outline: none;
  --border-color: var(--color-white);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-section--fire-red .dnb-button--tertiary, .dnb-section--emerald-green .dnb-button--tertiary, .dnb-section--sea-green .dnb-button--tertiary {
  --text-color: var(--color-white);
}
.dnb-section--fire-red .dnb-button--tertiary:hover, .dnb-section--emerald-green .dnb-button--tertiary:hover, .dnb-section--sea-green .dnb-button--tertiary:hover {
  --text-color: var(--color-white);
}
.dnb-section--fire-red .dnb-button--tertiary:hover .dnb-button__text::after, .dnb-section--emerald-green .dnb-button--tertiary:hover .dnb-button__text::after, .dnb-section--sea-green .dnb-button--tertiary:hover .dnb-button__text::after {
  --text-color: var(--color-white) !important;
}
.dnb-section--fire-red .dnb-button--tertiary:focus, .dnb-section--emerald-green .dnb-button--tertiary:focus, .dnb-section--sea-green .dnb-button--tertiary:focus {
  --text-color: var(--color-white);
}
.dnb-section--fire-red .dnb-button--tertiary:focus::before, .dnb-section--emerald-green .dnb-button--tertiary:focus::before, .dnb-section--sea-green .dnb-button--tertiary:focus::before {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-section--fire-red .dnb-button--tertiary:focus::before, html[data-whatinput=keyboard] .dnb-section--emerald-green .dnb-button--tertiary:focus::before, html[data-whatinput=keyboard] .dnb-section--sea-green .dnb-button--tertiary:focus::before {
  --border-color: var(--color-white);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-section--fire-red ::selection, .dnb-section--mint-green ::selection {
  background-color: var(--color-white);
}

.dnb-skeleton {
  --skeleton-color: var(--color-black-8);
  --skeleton-color--contrast: var(--color-white);
}

/*
* Slider theme
*
*/
.dnb-slider {
  --slider-line-before: var(--color-sea-green);
  --slider-line-after: var(--color-mint-green-50);
  --slider-line-before--disabled: var(--color-sea-green-30);
  --slider-line-after--disabled: var(--color-mint-green-25);
}
.dnb-slider__marker:hover, .dnb-slider__marker:focus-within {
  background-color: var(--color-emerald-green);
}

/*
 * Np theme is provided
 *
 */
/*
* StepIndicator theme
*
*/
/*
* Switch theme
*
*/
/*
 * Utilities
 */
.dnb-switch__background {
  background-color: var(--color-sea-green-30);
}
.dnb-switch__focus {
  transition: transform 150ms ease-out;
  transform: rotate(0deg);
  clip-path: polygon(50% 15%, 110% 15%, 110% -10%, -10% -10%, -10% 110%, 110% 110%, 110% 85%, 50% 85%);
}
.dnb-switch {
  /* stylelint-disable no-descending-specificity */
  /*
    * When switched OFF
    * aka when the checkbox is not :checked
    */
}
.dnb-switch__input:not(:checked) ~ .dnb-switch__button {
  background-color: var(--color-white);
  border-color: var(--color-sea-green);
}
.dnb-switch {
  /*
    * When switched ON
    * aka when the checkbox is :checked
    */
}
.dnb-switch__input:checked ~ .dnb-switch__button {
  background-color: var(--color-sea-green);
}
.dnb-switch {
  /*
    * Draw the circle / line
    *
    */
}
.dnb-switch__input:not(:checked) ~ .dnb-switch__background::after {
  right: 0;
  transform: translateX(calc(var(--switch-width--medium) - 2.8rem));
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--color-sea-green);
}
.dnb-switch__input:checked ~ .dnb-switch__background::after {
  left: 0;
  transform: translateX(calc(var(--switch-width--medium) - 1.87rem));
  width: 0.0625rem;
  height: 0.5rem;
  border-radius: 0.0625rem;
  background-color: var(--color-sea-green);
}
.dnb-switch--large .dnb-switch__input:not(:checked) ~ .dnb-switch__background::after {
  width: 0.625rem;
  height: 0.625rem;
  transform: translateX(calc(var(--switch-width--large) - 3.7rem));
}
.dnb-switch--large .dnb-switch__input:checked ~ .dnb-switch__background::after {
  height: 0.625rem;
  transform: translateX(calc(var(--switch-width--large) - 2.5rem));
}
.dnb-switch {
  /*
    * On disabled state
    *
    */
}
.dnb-switch__input[disabled] ~ .dnb-switch__background {
  background-color: var(--color-mint-green-25);
}
.dnb-switch__input[disabled]:checked ~ .dnb-switch__background::after {
  background-color: var(--color-sea-green-30);
}
.dnb-switch__input[disabled]:not(:checked) ~ .dnb-switch__background::after {
  border-color: var(--color-sea-green-30);
}
.dnb-switch__input[disabled] ~ .dnb-switch__button {
  border-color: var(--color-sea-green-30);
}
.dnb-switch__input[disabled]:checked ~ .dnb-switch__button {
  background-color: var(--color-sea-green-30);
}
.dnb-switch {
  /*
    * On focus state
    *
    */
}
html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):focus ~ .dnb-switch__button {
  border: none;
}
html[data-whatinput=keyboard] .dnb-switch__input:not([disabled]):not(:checked):focus ~ .dnb-switch__button {
  background-color: var(--color-mint-green-50);
}
.dnb-switch__input:not([disabled]):checked ~ .dnb-switch__button .dnb-switch__focus {
  transform: rotate(180deg);
}
.dnb-switch {
  /*
    * On hover state
    *
    */
}
.dnb-switch__input:not([disabled]):not(:focus):not(:active):hover ~ .dnb-switch__button {
  border-color: var(--color-sea-green);
  background-color: var(--color-mint-green-50);
}
.dnb-switch {
  /*
    * On active state
    *
    */
}
.dnb-switch__input:not([disabled]):active ~ .dnb-switch__button {
  background-color: var(--color-mint-green-50);
  border-color: transparent;
}
.dnb-switch {
  /*
    * On error state
    *
    */
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):hover ~ .dnb-switch__button {
  border-color: var(--color-fire-red);
  background-color: var(--color-fire-red-8);
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-switch__button {
  border-color: var(--color-fire-red-8);
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):not(:hover):checked ~ .dnb-switch__button {
  background-color: var(--color-fire-red);
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__background {
  background-color: var(--color-fire-red-8);
  --border-color: var(--color-fire-red);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):checked ~ .dnb-switch__background::after {
  background-color: var(--color-fire-red);
}
.dnb-switch__status--error .dnb-switch__input:not(:focus):not([disabled]):not(:active):not(:checked) ~ .dnb-switch__background::after {
  border-color: var(--color-fire-red);
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active) ~ .dnb-switch__button .dnb-switch__focus {
  --border-color: var(--color-fire-red);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-switch__status--error .dnb-switch__input:not([disabled]):not(:focus):not(:active):checked ~ .dnb-switch__button .dnb-switch__focus {
  transform: rotate(180deg);
}
.dnb-switch {
  /* stylelint-enable no-descending-specificity */
}
.dnb-switch > .dnb-form-status {
  transform: translateY(0.1875rem);
}

/*
* Table theme
*
*/
/*
 * Utilities
 */
/*
 * Utilities
 */
.dnb-table {
  --table-th-background-color: var(--color-white);
  text-align: left;
}
.dnb-table, .dnb-table__th--emphasis {
  --table-th-text-color: var(--theme-color-black-80, currentColor);
  --table-th-font-weight: var(--font-weight-medium);
  --table-th-font-size: var(--font-size-basis);
}
.dnb-table__th--subtle {
  --table-th-text-color: var(--color-black-55);
  --table-th-font-weight: var(--font-weight-regular);
  --table-th-font-size: var(--font-size-small);
}
.dnb-table__th--subtle.dnb-table__th--subtle {
  padding-top: 1.5rem;
  padding-bottom: 0.5rem;
}
.dnb-table__th, .dnb-table thead th {
  padding: 2rem 1rem 1rem;
  font-weight: var(--table-th-font-weight);
  color: var(--table-th-text-color);
  font-size: var(--table-th-font-size);
  line-height: var(--line-height-basis);
  vertical-align: bottom;
}
.dnb-table__size--medium .dnb-table__th, .dnb-table__size--medium .dnb-table thead th {
  padding: 1.375rem 1rem 0.875rem;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.dnb-table__size--medium .dnb-table__th .dnb-button__text, .dnb-table__size--medium .dnb-table thead th .dnb-button__text {
  line-height: inherit;
}
.dnb-table__size--small .dnb-table__th, .dnb-table__size--small .dnb-table thead th {
  padding: 1.25rem 1rem 0.5rem;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.dnb-table {
  /* stylelint-disable */
}
.dnb-table__td, .dnb-table tbody .dnb-table__th, .dnb-table tbody td, .dnb-table tbody th {
  padding: 1rem;
  color: var(--theme-color-black-80, currentColor);
  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
  vertical-align: baseline;
}
.dnb-table tbody .dnb-table__th, .dnb-table tbody th {
  padding: 1rem;
  vertical-align: baseline;
}
.dnb-table__size--medium tbody .dnb-table__th, .dnb-table__size--medium tbody .dnb-table__td,
.dnb-table__size--medium .dnb-table tbody th,
.dnb-table__size--medium .dnb-table tbody td {
  padding: 0.875rem 1rem;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.dnb-table__size--small tbody .dnb-table__th, .dnb-table__size--small tbody .dnb-table__td,
.dnb-table__size--small .dnb-table tbody th,
.dnb-table__size--small .dnb-table tbody td {
  padding: 0.625rem 1rem;
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.dnb-table {
  /* stylelint-enable */
}
.dnb-table:not(.dnb-table--outline) > tbody {
  position: relative;
}
.dnb-table:not(.dnb-table--outline) > tbody::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: -0.0625rem;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  border-bottom: var(--table-border);
}
.dnb-table:not(.dnb-table--outline) > tbody:last-child::after {
  right: 0;
}

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

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

/*
* Textarea theme
*
*/
/*
 * Utilities
 */
.dnb-textarea {
  --textarea-border-color: var(--color-sea-green);
  --textarea-border-color--hover: var(--color-emerald-green);
  --textarea-border-color--disabled: var(--color-black-55);
  --textarea-border-width: 0.0625rem;
  --textarea-border-width--hover: 0.125rem;
  --textarea-color: var(--color-black);
  --textarea-background-color: var(--color-white);
  --textarea-placeholder-color: var(--color-black-55);
  --textarea-placeholder-color--focus: var(--color-black-20);
}
.dnb-textarea__textarea ::selection {
  background-color: var(--color-mint-green);
  text-shadow: none;
}
.dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):focus ~ .dnb-textarea__state, .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):not(.no-hover):hover ~ .dnb-textarea__state {
  --textarea-border-color: var(--textarea-border-color--hover);
  --textarea-border-width: var(--textarea-border-width--hover);
  --textarea-border-inset: ;
}
.dnb-textarea--disabled {
  --textarea-color: var(--color-black-55);
  --textarea-background-color: var(--color-black-3);
  --textarea-border-color: var(--textarea-border-color--disabled);
}
.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled), .dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover {
  color: var(--color-fire-red);
}
.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled) ~ .dnb-textarea__state {
  --border-color: var(--color-fire-red);
  --border-width: 0.0625rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-textarea__status--error:not(.dnb-textarea--focus) .dnb-textarea__textarea:not([disabled]):not(.dnb-textarea--disabled):hover ~ .dnb-textarea__state {
  --border-color: var(--color-fire-red);
  --border-width: 0.125rem;
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}

/*
* Timeline theme
*
*/
/*
 * Utilities
 */
/*
 * Utilities
 */
/*
* Button mixins
*
*/
.dnb-timeline {
  --timeline-icon-height--small: 1.5rem;
  --timeline-icon-width--small: 1.5rem;
  --timeline-icon-border-radius--small: calc(
    var(--timeline-icon-height--small) / 2
  );
  --timeline-icon-height--medium: 2rem;
  --timeline-icon-width--medium: 2rem;
  --timeline-icon-border-radius--medium: calc(
    var(--timeline-icon-height--medium) / 2
  );
  --timeline-icon-width-diff: calc(
    (
        var(--timeline-icon-width--medium) - var(
            --timeline-icon-width--small
          )
      ) / 2
  );
  --timeline-border-spacing: var(--spacing-small);
  --timeline-border-spacing--icon-adjusted: calc(
    var(--timeline-icon-width-diff) + var(--timeline-border-spacing)
  );
}
.dnb-timeline__item {
  margin-left: var(--timeline-icon-width-diff);
}
.dnb-timeline__item__label__icon {
  width: var(--timeline-icon-width--small);
  line-height: var(--timeline-icon-height--small);
  border-radius: var(--timeline-icon-border-radius--small);
  color: var(--color-black-80);
  background-color: var(--color-white);
  --border-color: var(--color-black-80);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-timeline__item__label__title {
  margin-left: var(--timeline-border-spacing--icon-adjusted);
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}
.dnb-timeline__item__content {
  margin-left: calc(var(--timeline-icon-width--small) / 2);
  padding-left: calc(var(--timeline-icon-width--small) / 2 + var(--timeline-border-spacing--icon-adjusted));
  border-left: 1px dashed var(--color-black-55);
}
.dnb-timeline__item--completed .dnb-timeline__item__content {
  border-left: 1px solid var(--color-black-80);
}
.dnb-timeline__item--completed .dnb-timeline__item__label__title {
  color: var(--color-black-80);
}
.dnb-timeline__item--current .dnb-timeline__item__content {
  margin-left: calc(var(--timeline-icon-width--medium) / 2);
  padding-left: calc(var(--timeline-icon-width--medium) / 2 + var(--timeline-border-spacing));
}
.dnb-timeline__item--current .dnb-timeline__item__label__title {
  margin-left: var(--timeline-border-spacing);
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-basis);
  line-height: var(--line-height-basis);
}
.dnb-timeline__item--current .dnb-timeline__item__label__icon {
  width: var(--timeline-icon-width--medium);
  line-height: var(--timeline-icon-height--medium);
  border-radius: var(--timeline-icon-border-radius--medium);
}
.dnb-timeline__item--current {
  margin-left: 0;
}
.dnb-timeline__item--upcoming .dnb-timeline__item__label__title {
  font-weight: var(--font-weight-basis);
  color: var(--color-black-55);
}
.dnb-timeline__item--upcoming:not(.dnb-skeleton) .dnb-timeline__item__label__icon {
  color: var(--color-black-55);
  background-color: var(--color-black-3);
  --border-color: var(--color-black-3);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-timeline__item:only-child {
  margin-left: 0;
}
.dnb-timeline__item:last-child .dnb-timeline__item__content {
  border-left: none;
}

/*
* ToggleButton theme
*
*/
/*
 * Utilities
 */
.dnb-toggle-button .dnb-checkbox__gfx path {
  stroke-width: 0.125rem;
}
.dnb-toggle-button .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
  box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
}
.dnb-toggle-button {
  /* stylelint-disable */
}
.dnb-toggle-button--checked .dnb-toggle-button__button[disabled], .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled], .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] {
  background-color: var(--color-mint-green-25);
}
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active), .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active), .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active) {
  background-color: var(--color-emerald-green);
  color: var(--color-mint-green);
}
.dnb-toggle-button--checked .dnb-toggle-button__button .dnb-icon, .dnb-toggle-button--checked .dnb-toggle-button__button:focus .dnb-icon, .dnb-toggle-button--checked .dnb-toggle-button__button:hover .dnb-icon {
  color: inherit;
}
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__button, .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__button, .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__button {
  background-color: transparent;
  border-color: var(--color-mint-green);
  box-shadow: 0 0 0 0.0318rem var(--color-mint-green);
}
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-radio__dot, .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-radio__dot, .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-radio__dot {
  background-color: var(--color-mint-green);
}
html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__button, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__button {
  --border-color: var(--color-emerald-green);
  --border-width: 0.09375rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-radio__input:not([disabled]):not(:hover):not(:active):not(:hover) ~ .dnb-radio__dot {
  background-color: var(--color-emerald-green);
}
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__button, .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__button, .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__button {
  background-color: var(--color-mint-green);
  border-color: var(--color-emerald-green);
  box-shadow: 0 0 0 0.0318rem var(--color-emerald-green);
}
.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__gfx, .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]) .dnb-checkbox__gfx, .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]) .dnb-checkbox__gfx {
  color: var(--color-emerald-green);
}
html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__button, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__button, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__button {
  background-color: var(--color-emerald-green);
}
html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):focus .dnb-checkbox__gfx, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:hover):focus .dnb-checkbox__gfx, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:hover):focus .dnb-checkbox__gfx {
  color: var(--color-mint-green);
}
.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-radio__button,
.dnb-toggle-button--checked .dnb-toggle-button__button[disabled] .dnb-checkbox__button, .dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-radio__button,
.dnb-toggle-button--checked .dnb-toggle-button__button:focus[disabled] .dnb-checkbox__button, .dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-radio__button,
.dnb-toggle-button--checked .dnb-toggle-button__button:hover[disabled] .dnb-checkbox__button {
  box-shadow: none;
}
html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
  color: var(--color-emerald-green);
  background-color: var(--color-mint-green);
  outline: none;
}
html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:focus:not([disabled]):not(:active):not(:hover):focus, html[data-whatinput=keyboard] html[data-whatinput=keyboard] .dnb-toggle-button--checked .dnb-toggle-button__button:hover:not([disabled]):not(:active):not(:hover):focus {
  --border-color: var(--color-emerald-green);
  --border-width: var(--focus-ring-width);
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-toggle-button__button:not([disabled]):active .dnb-radio__button, .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__button {
  background-color: transparent;
  border-color: var(--color-sea-green);
  box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
}
.dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot, .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-radio__dot {
  background-color: var(--color-sea-green);
}
.dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button, .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__button {
  background-color: transparent;
  border-color: var(--color-sea-green);
  box-shadow: 0 0 0 0.0318rem var(--color-sea-green);
}
.dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx, .dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):active .dnb-checkbox__gfx {
  color: var(--color-sea-green);
}
.dnb-toggle-button {
  /* stylelint-enable */
  /*
    * On error state
    *
    */
  /* stylelint-disable */
}
.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
  background-color: var(--color-white);
  color: var(--color-fire-red);
  --border-color: var(--color-fire-red);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
  --border-color: var(--color-fire-red);
  --border-width: 0.09375rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__focus {
  box-shadow: none;
}
.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-radio__input:not([disabled]) ~ .dnb-radio__dot {
  background-color: transparent;
}
.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input ~ .dnb-checkbox__button {
  border: none;
  --border-color: var(--color-fire-red);
  --border-width: 0.09375rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-toggle-button__status--error .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not(:hover) ~ .dnb-checkbox__button .dnb-checkbox__focus {
  box-shadow: none;
}
.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:hover):not(:focus):not(:active) {
  color: var(--color-white);
  background-color: var(--color-fire-red);
  --border-color: var(--color-fire-red);
  --border-width: 0.0625rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]) ~ .dnb-radio__button {
  --border-color: var(--color-white);
  --border-width: 0.09375rem;
  box-shadow: inset 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]):not(:active):not(:focus) .dnb-radio__input:not([disabled]):not(:hover) ~ .dnb-radio__dot {
  background-color: var(--color-white);
}
.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox__input:not([disabled]):not(:hover):not(:active) ~ .dnb-checkbox__button .dnb-checkbox__focus {
  background-color: var(--color-white);
}
.dnb-toggle-button__status--error.dnb-toggle-button--checked .dnb-toggle-button__button:not([disabled]) .dnb-checkbox .dnb-checkbox__input:not([disabled]):not(:focus):not(:active):not(:hover) ~ .dnb-checkbox__gfx {
  color: var(--color-fire-red);
}
.dnb-toggle-button {
  /* stylelint-enable */
}
.dnb-toggle-button > .dnb-form-status {
  transform: translateY(0.1875rem);
}

/*
* Tooltip theme
*
*/
/*
 * Upload theme
 *
 */
.dnb-upload {
  --upload-background: var(--color-white);
  --upload-background--active: var(--color-pistachio);
  --upload-border: var(--color-sea-green);
  --upload-border--active: var(--color-emerald-green);
  --upload-list-border: var(--color-black-8);
  --upload-icon--default: var(--color-black-80);
  --upload-icon--warning: var(--color-fire-red);
  --upload-highlight: var(--color-sand-yellow);
  --upload-text--primary: var(--color-black-55);
  --upload-text--secondary: var(--color-black-55);
}

/*
* ScrollView theme
*
*/
/*
 * Utilities
 */
.dnb-drawer-list {
  --drawer-list-options-border-radius: 0.25rem;
  --drawer-list-option-border-width: 0.0625rem;
  --drawer-list-option-inner-background: var(--color-white);
  --drawer-list-list-background: var(--color-white);
  color: var(--color-emerald-green);
}
.dnb-drawer-list__list {
  box-shadow: var(--shadow-sharp);
  border-radius: calc(var(--drawer-list-options-border-radius) + 0.15rem);
}
.dnb-drawer-list__options {
  border: none;
  background-color: var(--color-white);
  border-radius: calc(var(--drawer-list-options-border-radius) + 0.15rem);
}
.dnb-drawer-list__options:focus {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-drawer-list__options:focus {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-drawer-list__options--focusring {
  outline: none;
}
html[data-whatinput=mouse] .dnb-drawer-list__options--focusring {
  --border-color: var(--focus-ring-color);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-drawer-list__option {
  position: relative;
  color: var(--color-black-80);
  background-color: var(--color-white);
}
.dnb-drawer-list__option.ignore-events {
  pointer-events: none;
}
.dnb-drawer-list__option__inner::before {
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 2;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: var(--drawer-list-option-border-width);
  background-color: var(--color-mint-green-25);
}
.dnb-drawer-list__option__item.item-nr-1 {
  font-weight: var(--font-weight-medium);
}
html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover:not([disabled]) {
  background-color: var(--color-mint-green-12);
}
html:not([data-whatintent=touch]) .dnb-drawer-list__option:hover:not([disabled]) .dnb-drawer-list__option__inner {
  color: var(--color-sea-green);
  background-color: var(--color-mint-green-12);
}
.dnb-drawer-list__option:active[disabled], html:not([data-whatintent=touch]) .dnb-drawer-list__option:active[disabled] {
  cursor: not-allowed;
}
.dnb-drawer-list__option:active:not([disabled]) .dnb-drawer-list__option__inner, html:not([data-whatintent=touch]) .dnb-drawer-list__option:active:not([disabled]) .dnb-drawer-list__option__inner {
  color: var(--color-black);
}
.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
  z-index: 3;
  top: var(--drawer-list-focus-border-width);
  left: var(--drawer-list-focus-border-width);
  right: var(--drawer-list-focus-border-width);
  bottom: var(--drawer-list-focus-border-width);
  height: auto;
  background-color: transparent;
  --border-color: var(--color-emerald-green);
  --border-width: var(--drawer-list-focus-border-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-drawer-list__option--ignore .dnb-drawer-list__option__inner {
  color: var(--color-black-80);
  background-color: var(--color-white);
}
.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner {
  color: var(--color-white);
  background-color: var(--color-emerald-green);
}
.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner .dnb-drawer-list__option__inner {
  color: inherit;
  background-color: inherit;
}
html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]) {
  color: var(--color-white);
  background-color: var(--color-emerald-green);
}
html:not([data-whatintent=touch]) .dnb-drawer-list__option--selected .dnb-drawer-list__option__inner:hover:not([disabled]) .dnb-drawer-list__option__inner {
  color: inherit;
  background-color: inherit;
}
.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::after {
  content: "";
  grid-column: 2;
  grid-row: 1/-1;
  justify-self: end;
  align-self: center;
  width: 1rem;
  height: 1rem;
  background-size: cover;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSI+ICA8cGF0aCAgICBmaWxsPSIjRTlGOEY0IiAgICBkPSJNMyA4LjhhLjc1Ljc1IDAgMSAwLTEuMjIuODZMMyA4Ljc5em0xLjg0IDMuOWwuNjMtLjQxdi0uMDFoLS4wMWwtLjYyLjQyem0xLjcxLjA1bC0uNTktLjQ2di4wMWwuNTkuNDV6bTguNDMtOS40NWEuNzUuNzUgMCAwIDAtMS4xOC0uOTNsMS4xOC45M3pNMS43OCA5LjY2bDIuNDUgMy40OCAxLjIzLS44N0wzIDguOGwtMS4yMy44N3ptMi40NCAzLjQ2Yy4zMi40OC44Ni43OCAxLjQ0LjhsLjA1LTEuNWEuMy4zIDAgMCAxLS4yNC0uMTNsLTEuMjUuODN6bTEuNDQuOGExLjggMS44IDAgMCAwIDEuNDktLjcxbC0xLjItLjlhLjMuMyAwIDAgMS0uMjQuMWwtLjA1IDEuNXptMS40OC0uN2w3Ljg0LTkuOTItMS4xOC0uOTMtNy44NCA5LjkyIDEuMTguOTN6Ii8+PC9zdmc+");
}
.dnb-drawer-list__option--selected .dnb-drawer-list__option__inner::before {
  visibility: hidden;
}
@media screen and (min-width: 40.00625em) {
  .dnb-drawer-list__option--selected .dnb-drawer-list__option__suffix {
    z-index: 2;
    background-color: inherit;
  }
  .dnb-drawer-list__option:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__suffix.dnb-drawer-list__option__item:nth-of-type(n + 2) {
    color: var(--color-black-80);
  }
}
html[data-whatinput=keyboard] .dnb-drawer-list__option--selected.dnb-drawer-list__option--focus .dnb-drawer-list__option__inner::before {
  visibility: visible;
  --border-color: var(--color-mint-green);
  --border-width: var(--drawer-list-focus-border-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-drawer-list__option--focus:not(.dnb-drawer-list__option--selected) .dnb-drawer-list__option__inner {
  color: var(--color-sea-green);
  background-color: var(--color-mint-green-12);
}
.dnb-drawer-list__option.last-of-type:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner::before {
  content: none;
}
.dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus {
  outline: none;
}
html[data-whatinput=keyboard] .dnb-drawer-list__option--selected .dnb-drawer-list__option__item .dnb-anchor:focus {
  --border-color: var(--color-white);
  --border-width: var(--focus-ring-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
}
.dnb-drawer-list--scroll .dnb-drawer-list__option:not(.dnb-drawer-list__option--focus) .dnb-drawer-list__option__inner::before {
  left: 0.5rem;
  right: 0.5rem;
}
.dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner::before, .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-top .dnb-drawer-list__option__inner::before {
  border-top-left-radius: var(--drawer-list-options-border-radius);
  border-top-right-radius: var(--drawer-list-options-border-radius);
}
.dnb-drawer-list--bottom .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner::before, .dnb-drawer-list--top .dnb-drawer-list__option--focus.closest-to-bottom .dnb-drawer-list__option__inner::before {
  border-bottom-left-radius: var(--drawer-list-options-border-radius);
  border-bottom-right-radius: var(--drawer-list-options-border-radius);
}
.dnb-drawer-list__status--error:not(.dnb-drawer-list--opened) .dnb-drawer-list__icon {
  color: var(--color-fire-red);
}
.dnb-drawer-list__triangle::before {
  border: none;
  background-color: var(--color-white);
  box-shadow: var(--shadow-sharp);
}
.dnb-drawer-list--bottom:has(.dnb-drawer-list__group-title.closest-to-top) .dnb-drawer-list__triangle::before, .dnb-drawer-list--top:has(.dnb-drawer-list__group-title.closest-to-bottom) .dnb-drawer-list__triangle::before {
  background-color: var(--drawer-list-group-title-bg);
}
.dnb-drawer-list--bottom:has(.dnb-drawer-list__option.closest-to-top:hover) .dnb-drawer-list__triangle::before, .dnb-drawer-list--top:has(.dnb-drawer-list__option.closest-to-bottom:hover) .dnb-drawer-list__triangle::before, .dnb-drawer-list--bottom:has(.dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--focus) .dnb-drawer-list__triangle::before, .dnb-drawer-list--top:has(.dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--focus) .dnb-drawer-list__triangle::before, .dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top:hover ~ .dnb-drawer-list__triangle::before, .dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom:hover ~ .dnb-drawer-list__triangle::before, .dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--focus ~ .dnb-drawer-list__triangle::before, .dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--focus ~ .dnb-drawer-list__triangle::before {
  background-color: var(--color-mint-green-12);
}
.dnb-drawer-list--bottom:has(.dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--selected) .dnb-drawer-list__triangle::before, .dnb-drawer-list--top:has(.dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--selected) .dnb-drawer-list__triangle::before, .dnb-drawer-list--bottom .dnb-drawer-list__option.closest-to-top.dnb-drawer-list__option--selected ~ .dnb-drawer-list__triangle::before, .dnb-drawer-list--top .dnb-drawer-list__option.closest-to-bottom.dnb-drawer-list__option--selected ~ .dnb-drawer-list__triangle::before {
  background-color: var(--color-emerald-green);
}
.dnb-drawer-list > .dnb-form-status {
  transform: translateY(-0.4375rem);
}

/*
* ScrollView theme
*
*/
/*
 * Utilities
 */
.dnb-text-counter.dnb-p {
  color: var(--color-black-55);
}
.dnb-text-counter--exceeded.dnb-p {
  color: var(--color-fire-red);
}

/**
 * ATTENTION: This file is auto generated by using "themeFactory".
 * But you still can change the content of this file on the very top.
 */
/**
 * ATTENTION: This file is auto generated by using "styleFactory".
 * Do not change the content!
 *
 */
/*
 * Utilities
 */
/*
 * Utilities
 */
.dnb-forms-field-array-selection {
  --row-gap: var(--spacing-x-small);
}
.dnb-forms-field-array-selection--variant-button {
  --row-gap: var(--spacing-small);
}
.dnb-forms-field-array-selection--options-layout--vertical .dnb-forms-field-array-selection__options {
  display: flex;
  flex-flow: column;
  row-gap: var(--row-gap);
}
.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label {
  align-items: flex-start;
}
.dnb-forms-field-array-selection--variant-button.dnb-forms-field-array-selection--options-layout--vertical.dnb-forms-field-array-selection--layout-horizontal .dnb-forms-field-block__label {
  line-height: 2.5rem;
}
.dnb-forms-field-array-selection--options-layout--horizontal .dnb-forms-field-array-selection__options {
  display: flex;
  flex-flow: row wrap;
  column-gap: var(--spacing-small);
  row-gap: var(--row-gap);
}
@media screen and (min-width: 40.00625em) {
  .dnb-forms-field-array-selection .dnb-forms-field-block--layout-horizontal .dnb-form-label {
    margin-bottom: 0;
  }
}

/*
 * Utilities
 */
.dnb-forms-field-date-of-birth__month .dnb-forms-field-block__contents {
  width: 10.75rem;
}
@media screen and (max-width: 40em) {
  .dnb-forms-field-date-of-birth__month .dnb-forms-field-block__contents {
    width: 8rem;
  }
}

.dnb-forms-field-expiry .dnb-multi-input-mask {
  width: var(--forms-field-width--small);
}
.dnb-forms-field-expiry .dnb-multi-input-mask .dnb-input__shell {
  justify-content: center;
}

/*
 * Utilities
 */
.dnb-forms-field-number {
  --number-control-button-border-color: black;
  --number-control-button-border-color--hover: darkgrey;
  --number-control-button-border-color--focus: darkgrey;
  --number-control-button-border-width--focus: 0.125rem;
  --number-control-button-background-color--hover: grey;
  --number-control-button-color--hover: black;
  --number-control-button-background-color--active: black;
  --number-control-button-color--active: lightgrey;
  --number-control-button--error: red;
  --number-control-button--error-contrast: white;
  --number-control-button-width--small: 2rem;
  --number-control-button-width--medium: 2.5rem;
  --number-control-button-width--large: 3rem;
  --forms-field-block--number-control-buttons-width--small: calc(
    var(--number-control-button-width--small) * 2
  );
  --forms-field-block--number-control-buttons-width--medium: calc(
    var(--number-control-button-width--medium) * 2
  );
  --forms-field-block--number-control-buttons-width--large: calc(
    var(--number-control-button-width--large) * 2
  );
}
.dnb-forms-field-number__contents--has-controls .dnb-input__input {
  align-items: center;
}
.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border {
  border-radius: 0;
}
.dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border, .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:hover, .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within, html[data-whatinput=keyboard] .dnb-forms-field-number__contents--has-controls .dnb-input .dnb-input__border:focus-within {
  box-shadow: none;
}
.dnb-forms-field-number__contents--has-controls > .dnb-input__border--root {
  --input-border-inset: ;
  --input-border-inset--hover: ;
  --input-border-inset--active: ;
  --input-border-inset--focus: ;
  --input-border-inset--disabled: ;
}
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover[disabled],
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:hover:not([disabled]),
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:hover:not([disabled]) {
  background-color: var(--number-control-button-background-color--hover);
  color: var(--number-control-button-color--hover);
}
.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled], html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active[disabled],
.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled],
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active[disabled] {
  cursor: not-allowed;
}
.dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-before:active:not([disabled]),
.dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]),
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls .dnb-button--control-after:active:not([disabled]) {
  background-color: var(--number-control-button-background-color--active);
  color: var(--number-control-button-color--active);
}
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before,
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after {
  color: var(--number-control-button--error);
}
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover[disabled],
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover[disabled] {
  cursor: not-allowed;
}
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:hover:not([disabled]),
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:hover:not([disabled]) {
  background-color: var(--number-control-button--error-contrast);
  color: var(--number-control-button--error);
}
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled], html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active[disabled],
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled],
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active[disabled] {
  cursor: not-allowed;
}
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]), html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before:active:not([disabled]),
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]),
html:not([data-whatintent=touch]) .dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after:active:not([disabled]) {
  background-color: var(--number-control-button--error);
  color: var(--number-control-button--error-contrast);
}
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-before[disabled],
.dnb-forms-field-number__contents--has-controls.dnb-input__status--error .dnb-button--control-after[disabled] {
  color: var(--number-control-button--error-contrast);
}
.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-before[disabled],
.dnb-forms-field-number__contents--has-controls.dnb-input--disabled .dnb-button--control-after[disabled] {
  background-color: var(--color-black-3);
  color: var(--color-black-20);
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small {
  --field-block-content-width: calc(
    var(--forms-field-width--small) +
      var(--forms-field-block--number-control-buttons-width--small)
  );
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-before,
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-small .dnb-button--control-after {
  width: var(--number-control-button-width--small);
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium {
  --field-block-content-width: calc(
    var(--forms-field-width--medium) +
      var(--forms-field-block--number-control-buttons-width--medium)
  );
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-before,
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-medium .dnb-button--control-after {
  width: var(--number-control-button-width--medium);
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large {
  --field-block-content-width: calc(
    var(--forms-field-width--large) +
      var(--forms-field-block--number-control-buttons-width--large)
  );
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-before,
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-large .dnb-button--control-after {
  width: var(--number-control-button-width--large);
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-before,
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-button--control-after {
  width: var(--number-control-button-width--large);
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch {
  /* stylelint-disable-next-line no-descending-specificity */
}
.dnb-forms-field-number__contents--has-controls.dnb-forms-field-block__contents--width-stretch .dnb-input__border {
  flex-grow: 1;
}
@media screen and (max-width: 15em) {
  .dnb-forms-field-number .dnb-input__shell {
    width: 90%;
  }
}

.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button {
  color: var(--color-fire-red);
}
.dnb-forms-field-password .dnb-input__status--error .dnb-input__submit-button__button:hover {
  color: var(--color-white);
}

.dnb-forms-field-phone-number__country-code {
  width: calc(var(--forms-field-width--medium) - 2rem);
}
.dnb-forms-field-phone-number__country-code .dnb-autocomplete__shell {
  width: calc(var(--forms-field-width--medium) - 2rem);
}
.dnb-forms-field-phone-number__number {
  flex: 1;
}
.dnb-forms-field-phone-number .dnb-form-label {
  max-width: 14ch;
}

/*
 * Utilities
 */
.dnb-forms-field-postal-code-and-city__postal-code {
  flex: 0 5rem;
}
.dnb-forms-field-postal-code-and-city__city {
  flex: 1;
}

/*
 * Utilities
 */
.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label {
  align-self: center;
}
.dnb-forms-field-selection__variant--dropdown .dnb-forms-field-block--layout-horizontal .dnb-form-label, .dnb-forms-field-selection__options-layout--horizontal .dnb-forms-field-block--layout-horizontal .dnb-form-label {
  margin-bottom: 0;
}
.dnb-forms-field-selection--options-layout--vertical.dnb-forms-field-selection--layout-horizontal .dnb-forms-field-block__label {
  align-items: flex-start;
}
.dnb-forms-field-selection__variant--button .dnb-forms-field-block--layout-horizontal .dnb-form-label {
  line-height: 2.5rem;
}
.dnb-forms-field-selection__variant--radio-list {
  --outline-color: var(--color-black-8);
  --outline-width: 0.0625rem;
  --list-padding: 1rem;
  --list-height: 4rem;
}
.dnb-forms-field-selection__variant--radio-list .dnb-radio-group__shell {
  row-gap: 0;
}
.dnb-forms-field-selection__variant--radio-list .dnb-radio-group__fieldset {
  border-radius: 0.5rem;
  --border-color: var(--outline-color);
  --border-width: var(--outline-width);
  box-shadow: 0 0 0 var(--border-width) var(--border-color);
  border-color: transparent;
  background-color: var(--color-white);
}
.dnb-forms-field-selection__variant--radio-list .dnb-radio {
  justify-content: center;
  padding: calc((var(--list-height) - 1.5rem) / 2) var(--list-padding);
  overflow: clip;
}
.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-radio__input {
  -webkit-appearance: none;
          appearance: none;
  transform: none;
  left: calc(var(--list-padding) * -1);
  width: 100vw;
  height: var(--list-height);
}
.dnb-forms-field-selection__variant--radio-list .dnb-radio .dnb-form-label {
  padding-left: var(--list-padding);
}
.dnb-forms-field-selection__variant--radio-list .dnb-radio {
  position: relative;
}
.dnb-forms-field-selection__variant--radio-list .dnb-radio:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--outline-color);
  height: var(--outline-width);
}
.dnb-forms-field-selection .dnb-forms-field-block__contents {
  display: flex;
}
.dnb-forms-field-selection .dnb-radio-group .dnb-height-animation, .dnb-forms-field-selection .dnb-radio-group > .dnb-flex-container,
.dnb-forms-field-selection .dnb-toggle-button-group .dnb-height-animation,
.dnb-forms-field-selection .dnb-toggle-button-group > .dnb-flex-container {
  width: 100%;
  flex-grow: 1;
}

/*
 * Utilities
 */
.dnb-forms-field-string .dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label.dnb-form-label {
  align-items: baseline;
}
@media screen and (max-width: 15em) {
  .dnb-forms-field-string .dnb-input__shell {
    width: 90%;
  }
}

.dnb-forms-field-upload .dnb-help-button__content .dnb-section {
  --outset-left: calc(var(--spacing-medium));
  --outset-right: calc(var(--spacing-medium));
  margin-left: var(--upload-border-width);
  margin-right: var(--upload-border-width);
}
.dnb-forms-field-upload .dnb-help-button__content .dnb-section::before {
  z-index: 0;
}

/*
 * Utilities
 */
:root {
  --forms-field-width--small: 5rem;
  --forms-field-width--medium: 11rem;
  --forms-field-width--large: 21rem;
  --forms-field-label-max-width--large: var(--prose-max-width);
}

fieldset.dnb-forms-field-block:not([class*=space__top]) {
  margin-top: 0;
}
fieldset.dnb-forms-field-block:not([class*=space__bottom]) {
  margin-bottom: 0;
}
fieldset.dnb-forms-field-block:not([class*=space__left]) {
  margin-left: 0;
}
fieldset.dnb-forms-field-block:not([class*=space__right]) {
  margin-right: 0;
}
fieldset.dnb-forms-field-block {
  padding: 0;
  border: none;
}

.dnb-forms-field-block__grid {
  display: grid;
  grid-template-columns: minmax(-webkit-min-content, var(--block-content-width, auto));
  grid-template-columns: minmax(min-content, var(--block-content-width, auto));
  grid-template-areas: "label" "help" "contents" "indicator" "status";
}
.dnb-forms-field-block {
  --label-margin: 0.25rem;
}
.dnb-forms-field-block--label-height-small {
  --label-margin: 0;
}
.dnb-forms-field-block--label-height-medium {
  --label-margin: 0.5rem;
}
.dnb-forms-field-block--label-height-large {
  --label-margin: 0.7rem;
}
.dnb-forms-field-block--width-stretch {
  flex-grow: 1;
}
.dnb-forms-field-block--width-stretch label.dnb-form-label {
  max-width: none;
}
@media screen and (min-width: 25.00625em) {
  .dnb-forms-field-block--width-custom {
    width: calc(var(--dnb-forms-field-block-width));
  }
  .dnb-forms-field-block--width-small {
    width: var(--forms-field-width--small);
  }
  .dnb-forms-field-block--width-medium {
    width: var(--forms-field-width--medium);
  }
  .dnb-forms-field-block--width-large {
    width: var(--forms-field-width--large);
  }
}
.dnb-forms-field-block:not([class*="--content-width"]) {
  --max-width: var(--forms-field-label-max-width--large);
}
.dnb-forms-field-block__label, .dnb-forms-field-block__label.dnb-form-label {
  grid-area: label;
  display: flex;
  max-width: var(--forms-field-label-max-width--large);
  align-items: center;
  margin-right: 0;
}
.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description {
  vertical-align: top;
}
.dnb-forms-field-block__label__content:has(+ .dnb-help-button), .dnb-forms-field-block__label__description:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label__content:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label__description:has(+ .dnb-help-button) {
  margin-right: 0.5rem;
}
.dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button, .dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label:has(+ .dnb-help-button)) .dnb-forms-field-block__label__content, .dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description) .dnb-help-button, .dnb-forms-field-block__label:has(.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label:has(+ .dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content, .dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label:has(+ .dnb-help-button)) .dnb-forms-field-block__label__content, .dnb-forms-field-block__label.dnb-form-label:has(.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description):not(.dnb-forms-field-block__label:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label:has(+ .dnb-help-button)) .dnb-forms-field-block__label.dnb-form-label__content {
  margin-right: 0.3em;
}
.dnb-forms-field-block__label .dnb-help-button__word-joiner, .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner {
  margin-left: 0.45em;
  white-space: nowrap;
}
.dnb-forms-field-block__label .dnb-help-button__word-joiner::before, .dnb-forms-field-block__label.dnb-form-label .dnb-help-button__word-joiner::before {
  content: "⁠";
}
.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical {
  flex-wrap: wrap;
}
.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical > .dnb-form-label {
  margin-bottom: 0.5rem;
}
.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label {
  margin-right: 1rem;
}
.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label {
  margin-top: var(--label-margin);
  margin-bottom: var(--label-margin);
}
@media screen and (max-width: 40em) {
  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label {
    margin-bottom: calc(var(--label-margin) + 0.5rem);
  }
}
@media screen and (min-width: 40.00625em) {
  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal {
    grid-template-columns: minmax(var(--dnb-forms-field-block-layout-width-min, -webkit-min-content), var(--dnb-forms-field-block-layout-width-max, -webkit-max-content)) auto;
    grid-template-columns: minmax(var(--dnb-forms-field-block-layout-width-min, min-content), var(--dnb-forms-field-block-layout-width-max, max-content)) auto;
    grid-template-areas: "label contents" ". help" ". indicator" ". status";
  }
  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content {
    --help-button-indent-width: 0;
  }
  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section {
    --rounded-corner: 0.25rem;
    align-self: flex-start;
  }
  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents {
    align-self: end;
  }
}
.dnb-forms-field-block__indicator {
  grid-area: indicator;
  position: relative;
}
.dnb-forms-field-block__indicator .dnb-forms-submit-indicator__content {
  position: absolute;
}
.dnb-forms-field-block__help {
  grid-area: help;
  display: flex;
  flex-flow: column;
}
.dnb-forms-field-block__help .dnb-section {
  margin-bottom: 1rem;
}
.dnb-forms-field-block__help .dnb-section > .dnb-p--lead {
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 40.00625em) {
  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
}
.dnb-forms-field-block__status {
  grid-area: status;
}
.dnb-forms-field-block__status .dnb-form-status__shell {
  margin-top: var(--field-block-status-margin-top, 0.5rem);
  margin-bottom: var(--field-block-status-margin-bottom, 0);
  max-width: var(--prose-max-width);
}
@media screen and (max-width: 15em) {
  .dnb-forms-field-block__status {
    width: 90%;
  }
}
.dnb-forms-field-block--status-position-above .dnb-forms-field-block__grid {
  grid-template-areas: "label" "help" "status" "contents" "indicator";
}
.dnb-forms-field-block--status-position-above {
  --field-block-status-margin-top: 0;
  --field-block-status-margin-bottom: 0.5rem;
}
@media screen and (min-width: 40.00625em) {
  .dnb-forms-field-block--status-position-above .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal {
    grid-template-areas: "label status" ". contents" ". help" ". indicator";
  }
}
.dnb-forms-field-block__contents {
  grid-area: contents;
  display: flex;
  width: 100%;
}
.dnb-forms-field-block__contents--width-stretch {
  width: 100%;
}
.dnb-forms-field-block__contents--width-custom {
  --field-block-content-width: calc(
    var(--dnb-forms-field-block-content-width)
  );
}
.dnb-forms-field-block__contents--width-small {
  --field-block-content-width: var(--forms-field-width--small);
}
.dnb-forms-field-block__contents--width-medium {
  --field-block-content-width: var(--forms-field-width--medium);
}
.dnb-forms-field-block__contents--width-large {
  --field-block-content-width: var(--forms-field-width--large);
}
@media screen and (min-width: 25.00625em) {
  .dnb-forms-field-block__contents--width-custom, .dnb-forms-field-block__contents--width-small, .dnb-forms-field-block__contents--width-medium, .dnb-forms-field-block__contents--width-large {
    max-width: var(--field-block-content-width, none);
  }
}
@media screen and (min-width: 40.00625em) {
  .dnb-forms-field-block__contents--width-custom, .dnb-forms-field-block__contents--width-small, .dnb-forms-field-block__contents--width-medium, .dnb-forms-field-block__contents--width-large {
    width: var(--field-block-content-width, -webkit-max-content);
    width: var(--field-block-content-width, max-content);
  }
}
.dnb-forms-field-block__composition--vertical .dnb-forms-field-block__contents {
  display: flex;
  flex-flow: column;
  row-gap: var(--spacing-x-small);
}
.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents {
  display: flex;
  flex-flow: row;
  column-gap: var(--spacing-small);
  flex-wrap: wrap;
  row-gap: var(--spacing-small);
}
.dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents > .dnb-forms-field-block--width-stretch {
  flex: 1;
}
@media screen and (min-width: 25.00625em) {
  .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents {
    align-items: flex-end;
  }
  .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents[class*=align-center] {
    align-items: center;
  }
}
@media screen and (max-width: 25em) {
  .dnb-forms-field-block__composition--horizontal .dnb-forms-field-block__contents {
    row-gap: var(--spacing-x-small);
    flex-flow: column;
  }
}
@media screen and (max-width: 25em) {
  .dnb-forms-field-block__composition > .dnb-forms-field-block__grid > .dnb-forms-submit-indicator {
    display: none;
  }
}
@media screen and (min-width: 25.00625em) {
  .dnb-forms-field-block__composition > .dnb-forms-field-block__grid > .dnb-forms-field-block__contents .dnb-forms-submit-indicator {
    display: none;
  }
}

/*
 * Utilities
 */
.dnb-forms-button-row {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  gap: var(--spacing-small);
}

.dnb-card + .dnb-forms-button-row:not([class*=space__top]), .dnb-card + .dnb-button--primary:not([class*=space__top]) {
  margin-top: var(--spacing-small);
}
.dnb-card + .dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top], .dnb-card + .dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top] {
  margin-top: 0;
}

@media screen and (min-width: 40.00625em) {
  .dnb-card:not([style*="--outset"]) + .dnb-forms-button-row:not([class*=space__left]), .dnb-card:not([style*="--outset"]) + .dnb-button--primary:not([class*=space__left]) {
    margin-left: var(--spacing-medium);
  }
}

/*
 * Utilities
 */
.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
  margin: 0;
}

.dnb-forms-main-heading + .dnb-help-button__content .dnb-section {
  margin-top: 1rem;
}

.dnb-forms-section-block {
  --block-outline-color: var(--color-black-8);
  --block-outline-width: var(--card-outline-width);
}
.dnb-forms-section-block--error:has(.dnb-form-status--error):not(.dnb-forms-section-block--variant-basic) {
  --block-outline-color: var(--color-fire-red);
  --block-outline-width: 0.0625rem;
}
.dnb-forms-section-block:not(.dnb-height-animation--hidden) {
  display: flex;
  flex-direction: column;
}
.dnb-forms-section-block__inner {
  flex: 1;
  outline: none;
  transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
  transform: translateY(-2.5rem);
}
.dnb-forms-section-block__inner .dnb-dl .dnb-dd {
  margin-bottom: 0;
}
.dnb-forms-section-block--variant-basic {
  --border-color: transparent;
  --block-outline-color: transparent;
}
.dnb-forms-section-block--variant-filled .dnb-forms-section-block__inner {
  --space: var(--spacing-small);
}
.dnb-forms-section-block--no-animation .dnb-forms-section-block__inner {
  transform: translateY(0);
}
.dnb-forms-section-block.dnb-height-animation--is-visible .dnb-forms-section-block__inner {
  transform: translateY(-0.5rem);
}
.dnb-forms-section-block.dnb-height-animation--parallax .dnb-forms-section-block__inner {
  transform: translateY(0);
}
.dnb-forms-section-block .dnb-card, .dnb-card .dnb-forms-section-block .dnb-card {
  --card-outline-color: var(--block-outline-color);
  --card-outline-width: var(--block-outline-width);
}
.dnb-forms-section-block .dnb-card--filled.dnb-section, .dnb-card .dnb-forms-section-block .dnb-card--filled.dnb-section {
  --background-color: var(--color-lavender);
}

/*
 * Utilities
 */
.dnb-spacing .dnb-forms-sub-heading.dnb-h--medium:not([class*=space__]) {
  margin: 0;
}
.dnb-forms-sub-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__bottom]) {
  margin-bottom: var(--spacing-small);
}

.dnb-forms-sub-heading + .dnb-help-button__content .dnb-section {
  margin-top: 1rem;
}

/*
 * Utilities
 */
.dnb-forms-submit-indicator {
  --padding-left: 0.5em;
  --font-animation: font-size var(--font-animation-duration, 400ms)
    var(--easing-default);
  --opacity-animation: opacity var(--opacity-animation-duration, 0ms)
    var(--easing-default) var(--opacity-animation-delay, 0ms);
}
.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label) {
  --font-animation-duration: 400ms;
  --opacity-animation-duration: 400ms;
  --opacity-animation-delay: 250ms;
}
.dnb-forms-submit-indicator {
  display: inline;
}
.dnb-forms-submit-indicator__label {
  padding: 0.5em 0;
}
.dnb-forms-submit-indicator__content {
  align-items: center;
  font-size: 0;
  opacity: 0;
  line-height: 1em;
  will-change: font-size opacity;
  transition: var(--font-animation), var(--opacity-animation);
}
.dnb-forms-submit-indicator__content b {
  padding-left: 0.125em;
  color: var(--dots-color, currentColor);
}
.dnb-forms-submit-indicator__content b:nth-of-type(1) {
  padding-left: var(--padding-left);
  animation-delay: 50ms;
}
.dnb-forms-submit-indicator__content b:nth-of-type(2) {
  animation-delay: 200ms;
}
.dnb-forms-submit-indicator__content b:nth-of-type(3) {
  animation-delay: 400ms;
}
.dnb-forms-submit-indicator__content b {
  opacity: 0.2;
  animation-name: submit-indicator-dot;
  animation-iteration-count: infinite;
  animation-duration: 1.3s;
  animation-delay: 200ms;
}
html[data-visual-test] .dnb-forms-submit-indicator__content b {
  animation: none;
}
.dnb-forms-submit-indicator__content b {
  font-weight: var(--font-weight-bold);
}
.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content {
  font-size: 1em;
  opacity: 1;
}
.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content {
  display: flex;
  --padding-left: 0.25em;
}
.dnb-button .dnb-forms-submit-indicator__content {
  cursor: inherit;
}

@keyframes submit-indicator-dot {
  0% {
    opacity: 0.2;
  }
  15% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.2;
  }
}
@keyframes submit-indicator-success {
  0% {
    opacity: 0.2;
    font-size: 1em;
  }
  20% {
    opacity: 1;
    font-size: 1em;
  }
  80% {
    opacity: 1;
  }
  85% {
    opacity: 0.3;
    font-size: 1em;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    font-size: 0;
  }
}
.dnb-forms-iterate__element {
  outline: none;
}
.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--small) {
  --block-gap: var(--spacing-small);
}
.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--medium) {
  --block-gap: var(--spacing-medium);
}
.dnb-forms-iterate:has(.dnb-forms-iterate__element.dnb-space__top--large) {
  --block-gap: var(--spacing-large);
}
.dnb-forms-iterate > .dnb-forms-iterate__element:has(> .dnb-forms-section-block) {
  margin-top: 0;
}
.dnb-forms-iterate > .dnb-forms-iterate__element:has(> .dnb-forms-section-block) .dnb-forms-section-block__inner {
  margin-bottom: var(--block-gap, var(--spacing-large));
}
.dnb-forms-iterate > .dnb-forms-iterate__element:has(> .dnb-forms-section-block):has(~ .dnb-forms-iterate__element) ~ .dnb-hr {
  margin-top: 0;
  margin-bottom: var(--block-gap);
}

.dnb-forms-value-upload__item .dnb-progress-indicator {
  display: inline-flex;
  vertical-align: middle;
}

/*
 * Utilities
 */
:root {
  --forms-value-width--small: 30ch;
  --forms-value-width--medium: 40ch;
  --forms-value-width--large: var(--prose-max-width);
  --forms-value-label-max-width--large: var(--prose-max-width);
}

.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) > .dnb-dd > .dnb-dl, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space]) > .dnb-dd > .dnb-dl {
  margin: 0;
}
.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty,
.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty {
  display: none;
}
.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd {
  margin-bottom: var(--spacing-medium);
  transition: margin-bottom 300ms var(--easing-default);
}
.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:last-of-type, .dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid) > .dnb-dd:has(~ .dnb-dt:empty ~ .dnb-dd:empty) {
  margin-bottom: 0;
}

.dnb-forms-value-block {
  display: block;
  font-size: var(--font-size-basis);
}
.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content {
  display: block;
}
.dnb-forms-value-block--inline:not([class*=__composition]) {
  display: inline-block;
  font-size: inherit;
}
.dnb-forms-value-block__label, .dnb-forms-value-block__label strong {
  font-weight: var(--font-weight-medium);
}
.dnb-forms-value-block__label {
  max-width: var(--forms-value-label-max-width--large);
}
.dnb-forms-value-block__label .dnb-help-button__word-joiner {
  margin-left: 0.45em;
  white-space: nowrap;
}
.dnb-forms-value-block__label .dnb-help-button__word-joiner::before {
  content: "⁠";
}
.dnb-forms-value-block__label:empty {
  margin-bottom: 0;
}
.dnb-forms-value-block__help {
  display: flex;
  flex-flow: column;
}
.dnb-card .dnb-forms-value-block__help {
  flex-grow: 1;
}
.dnb-forms-value-block__help .dnb-section {
  margin-bottom: 0.5rem;
}
.dnb-forms-value-block__help .dnb-section > .dnb-p--lead {
  margin-bottom: 0.5rem;
}
.dnb-forms-value-block__placeholder {
  color: var(--color-black-80);
}
.dnb-forms-value-block__content--max-width-stretch {
  width: 100%;
}
@media screen and (min-width: 25.00625em) {
  .dnb-forms-value-block__content--max-width-small {
    max-width: var(--forms-value-width--small);
  }
  .dnb-forms-value-block__content--max-width-medium {
    max-width: var(--forms-value-width--medium);
  }
  .dnb-forms-value-block__content--max-width-large {
    max-width: var(--forms-value-width--large);
  }
}
.dnb-forms-value-block span.dnb-height-animation {
  display: flex;
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  row-gap: var(--row-gap, var(--spacing-medium));
  column-gap: var(--column-gap, 0);
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none {
  --column-gap: 0;
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small {
  --column-gap: var(--spacing-xx-small);
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small {
  --column-gap: var(--spacing-x-small);
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small {
  --column-gap: var(--spacing-small);
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium {
  --column-gap: var(--spacing-medium);
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large {
  --column-gap: var(--spacing-large);
}
@media screen and (min-width: 25.00625em) {
  .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
    align-items: flex-start;
  }
}
@media screen and (max-width: 25em) {
  .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)) {
    --row-gap: var(--spacing-x-small);
    flex-flow: row wrap;
  }
  .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
    flex-flow: column;
  }
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
  /* stylelint-disable */
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dl, .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space]) > .dnb-dl {
  margin: 0;
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dl > .dnb-dd, .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space]) > .dnb-dl > .dnb-dd {
  margin-bottom: 0;
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content .dnb-dt:empty ~ .dnb-dd {
  margin-top: 0;
}
.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
  /* stylelint-enable */
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block {
  display: flex;
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content) {
  margin-right: 0.5rem;
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(> .dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content) {
  flex-direction: row-reverse;
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__label__content):has(> .dnb-forms-value-block__label:not(.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content)):has(.dnb-forms-value-block__content) > .dnb-forms-value-block__label {
  margin-left: 0.5rem;
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
  /* stylelint-disable */
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dl .dnb-forms-value-block__help .dnb-section, .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space]) > .dnb-dl .dnb-forms-value-block__help .dnb-section {
  margin-top: 0.5rem;
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dl > .dnb-dt, .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space]) > .dnb-dl > .dnb-dt {
  display: inline;
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dl > .dnb-dd, .dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space]) > .dnb-dl > .dnb-dd {
  width: 100%;
}
.dnb-forms-summary-list .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content {
  /* stylelint-enable */
}
.dnb-forms-value-block__help--next-line {
  display: flex;
  flex-basis: 100%;
}

/*
 * Utilities
 */
.dnb-forms-wizard-layout {
  display: flex;
  flex-flow: column wrap;
  justify-content: stretch;
  align-items: stretch;
  column-gap: var(--spacing-x-large);
}
.dnb-forms-wizard-layout__indicator {
  flex: 0;
  margin-bottom: 2rem;
}
.dnb-forms-wizard-layout__contents {
  flex: 1;
}
.dnb-forms-wizard-layout__contents .dnb-forms-step {
  outline: none;
}
.dnb-forms-wizard-layout__contents .dnb-forms-step > .appear-fx,
.dnb-forms-wizard-layout__contents .dnb-forms-button-row > .appear-fx {
  --appear-opacity: 0;
  --appear-offset: -0.25rem;
  opacity: var(--appear-opacity);
  transform: translate3d(var(--appear-offset), 0, 0);
  animation: appear 600ms var(--easing-default) forwards;
  animation-delay: calc(var(--element-index, 0) * 30ms);
}
@keyframes appear {
  0% {
    opacity: var(--appear-opacity);
    transform: translate3d(var(--appear-offset), 0, 0);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@media screen and (max-width: 60em) {
  .dnb-forms-wizard-layout {
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
  }
  .dnb-forms-wizard-layout__contents {
    flex-basis: auto;
  }
}

.dnb-forms-test-element {
  display: flex;
  width: 100%;
  border: 1px dashed #808080;
  border-radius: 0.5rem;
  color: #909090;
  padding: 0.5rem 1rem;
}

/**
 * NB: The content below is auto generated by the "themeFactory".
 * You may want to update it by running "yarn build" locally.
 */
.dnb-forms-field-number {
  --number-control-button-border-color: var(--color-sea-green);
  --number-control-button-border-color--hover: var(--color-emerald-green);
  --number-control-button-border-color--focus: var(--color-emerald-green);
  --number-control-button-background-color--hover: var(
    --color-mint-green-12
  );
  --number-control-button-color--hover: var(--color-emerald-green);
  --number-control-button-background-color--active: var(
    --color-mint-green-50
  );
  --number-control-button-color--active: var(--color-sea-green);
  --number-control-button--error: var(--color-fire-red);
  --number-control-button--error-contrast: var(--color-fire-red-8);
}
.dnb-forms-field-number__contents--has-controls .dnb-button.dnb-button--size-small {
  --button-height--small: 2rem;
  --button-width--small: 2rem;
}

.dnb-forms-field-block__label__description {
  color: var(--color-black-55);
  font-size: var(--font-size-small);
}

.dnb-forms-section-block--variant-filled .dnb-forms-section-block__inner {
  --space: var(--spacing-small);
  background-color: var(--color-lavender);
}

/* UI theme */