.step {
  @apply flex-1 flex items-center justify-center text-[#999] text-[14px] last:mr-0 relative h-[38px] -mr-2;
}
.small {
  background: url('./images/small_default_bg.png') no-repeat center;
  background-size: contain;

  &.active {
    background: url('./images/small_bg.png') no-repeat center;
    background-size: contain;
    @apply text-white;
  }
}

.medium {
  background: url('./images/medium_default_bg.png') no-repeat center;
  background-size: contain;

  &.active {
    background: url('./images/medium_bg.png') no-repeat center;
    background-size: contain;
    @apply text-white;
  }
}

.large {
  background: url('./images/large_default_bg.png') no-repeat center;
  background-size: contain;

  &.active {
    background: url('./images/large_bg.png') no-repeat center;
    background-size: contain;
    @apply text-white;
  }
}
