.FormLabel {
    display: flex;
    gap: var(--padding-medium-small);

    .form-label {
        @include text-body-bold;

        display: flex;
        gap: var(--padding-small);
        color: var(--text-secondary);
    }

    .HelpTooltip {
        position: relative;
        display: flex;
        align-items: center;
    }

    &-icons {
        display: flex;
        align-items: center;
        gap: var(--padding-small, 4px);
        margin-right: 4px;
    }

    &-optional {
        @include text-body-small;

        align-content: center;
    }
}

.was-validated {
    .FormLabel-error {
        .form-label {
            color: var(--fields-stroke-error);
        }
    }
}