.kr-icon {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}

.ecosystem-value-icon {
  width: 52px;
  height: 52px;
  background: #f7faff;
}

.ecosystem-value-icon .kr-icon {
  width: 36px;
  height: 36px;
}

.channel-number {
  width: 54px;
  height: 54px;
  padding: 7px;
  background: #f7faff;
}

.channel-number .kr-icon {
  width: 40px;
  height: 40px;
}

.feature-icon {
  width: 58px;
  height: 58px;
}

.feature-icon .kr-icon {
  width: 58px;
  height: 58px;
}

.step-tab-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  padding: 5px;
  flex: 0 0 48px;
  border: 1px solid #dfebfc;
  border-radius: 14px;
  background: #fff;
}

.step-tab-icon .kr-icon {
  width: 38px;
  height: 38px;
}

.step-list button[aria-selected="true"] .step-tab-icon {
  border-color: #bdd5f8;
  box-shadow: 0 7px 18px rgba(22, 86, 180, .08);
}

.step-panel-heading {
  display: flex;
  align-items: center;
  gap: 14px;
}

.step-panel-icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  padding: 4px;
  border: 1px solid #dce8f8;
  border-radius: 16px;
  background: #fff;
}

.step-panel-icon .kr-icon {
  width: 44px;
  height: 44px;
}

.step-panel h3 {
  margin-top: 18px;
}

.team-chapter-number {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 0;
}

.team-chapter-number .kr-icon {
  width: 34px;
  height: 34px;
}

@media (max-width: 760px) {
  .ecosystem-value-icon {
    width: 48px;
    height: 48px;
  }

  .channel-number {
    width: 50px;
    height: 50px;
  }

  .step-tab-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
  }

  .step-tab-icon .kr-icon {
    width: 34px;
    height: 34px;
  }

  .step-panel-icon {
    width: 50px;
    height: 50px;
  }

  .team-chapter-number,
  .team-chapter-number .kr-icon {
    width: 32px;
    height: 32px;
  }
}