@import "mixins/mixins";
@import "common/var";

.el-input-validation-code {
    display: flex;
}

.el-input-validation-code__input {
    border: 1px solid $color-gray--030;
    background: $color-gray--010;
    width: 1ch;
    text-align: center;
    font-size: 2.375em;
    padding: .1em .2em;
    box-sizing: content-box;
    border-radius: $--border-radius-base;

    @include hide-number-stepper();

    &:not(:last-child) {
        margin: 0 .35em 0 0;
    }
}

@media (max-width: $screen-sm-min) {
    .el-input-validation-code__input {
        font-size: 2em;
    }
}