| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 | .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-bottom: 8px;
        &:last-child {
            margin-bottom: inherit;
        }
        &::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;
}
 |