@use "../common/utils" as *;
@use "../common/mixins" as *;

.input-group {
    margin-bottom: calc-rem(10px);

    &__upper {
        margin-bottom: calc-rem(8px);

        @include media-breakpoint-up(md) {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
        }
    }

    &__label {
        font-size: clamp-font(12px, 14px);
        color: rgba(var(--color-body), 1);
    }

    &__help {
        font-size: calc-rem(12px);
        margin-bottom: 0;

        a {
            text-decoration: underline;
        }
    }

    &__error {
        color: rgba(var(--color-danger), 1);
        font-size: calc-rem(12px);
    }
}
