| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 | .input-control {
    padding: 16px 0;
    &:first-child {
        padding-top: 0;
    }
    &:last-child {
        padding-bottom: 0;
    }
    &__text {
        margin: 8px 0;
        font-size: 1em
    }
    &__label {
        font-size: 1em;
        font-weight: $labelFontWeight;
    }
    &__input {
        margin: 8px 0;
        &::selection {
            background-color: $defaultDarkSelectionColor;
        }
    }
    &__em {
        color: $inputControlEmColor;
    }
    &__hint {
        margin-top: 0;
        font-size: $hintFontSize;
        span {
            vertical-align: middle;
        }
    }
    &__container {
        position: relative;
        width: 100%;
        @include flex();
        .button-control {
            margin: 9px 0 9px 10px;
        }
    }
    &__right {
        position: absolute;
        right: 0;
    }
}
/**
 * Set a specific color for read only style.
 */
input:read-only {
    color: $readOnlyInputColor;
}
 |