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

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

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

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

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

.dnb-step-indicator span[hidden],
.dnb-step-indicator--active .dnb-step-indicator__item-content {
  font-weight: 500;
  font-weight: var(--font-weight-demi); }
  .dnb-step-indicator span[hidden]:not(:hover),
  .dnb-step-indicator--active .dnb-step-indicator__item-content:not(:hover) {
    color: #14555a;
    color: var(--color-emerald-green); }
