@w-pin-code:~ "w-pin-code";

.@{w-pin-code} {
  display: flex;
  &-inner + &-inner {
    margin-left: 8px;
  }
  &-inner {
    width: 30px;
  }
  &-inner > input {
    text-align: center;
    padding: 0 !important;
    font-size: 14px;
    font-weight: bold;
  }

  &-large &-inner {
    width: 36px;
    input {
      font-size: 16px;
    }
  }
  &-small &-inner {
    width: 24px;
    input {
      font-size: 12px;
    }
  }
}