.InstantGratsGroup {
    &-no-tracks {
        &-link {
            color: var(--gray-800);
            cursor: pointer;
            margin-left: 5px;
            text-decoration: underline;
        }

        &-header {
            font-weight: $weight_extra_bold;
            margin-bottom: 10px;
            margin-top: 0;
        }
    }

    .InstantGratsForm {
        &-fields {
            align-items: flex-start;
            display: flex;
            flex-direction: row;
            justify-content: flex-start;
            margin-bottom: 10px;
        }

        &-fields .DigitalProductPricing-field {
            margin-bottom: 0;
            margin-top: 0;
        }

        &-fields:not(:first-child) {
            margin-top: 0;
        }

        &-fields:not(:first-child) .FormField-label {
            display: none;
        }

        &-fields:not(:first-child) .DigitalProductPricing-delete-button {
            margin-top: 0;
        }

        &-fields:not(:first-child) .DigitalProductPricing-create-single-button {
            margin-top: 0;
        }

        /* stylelint-disable selector-class-pattern */
        &-fields .FormField-group-has-error::before {
            left: -15px;
        }

        &-fields .FormField-errorMessage {
            margin-top: 8px;
        }

        & .Select-control-invalid .Select-control {
            border: 1px solid $red_200;
        }

        .Select--multi .Select-value {
            align-items: stretch;
            display: inline-flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: flex-end;
        }

        .Select--multi .Select-value-icon {
            order: 2;
        }

        .Select--multi .Select-value-icon,
        .Select--multi .Select-value-label {
            background: var(--gray-700);
            border: none;
            border-radius: 0;
            color: var(--gray-200);
            float: right;
        }
        /* stylelint-enable selector-class-pattern */
    }

    &-helper-info {
        color: $grey_300;
        display: inline-block;
        line-height: 15px;
        max-width: 650px;
        padding: 10px;

        .Icons-info {
            display: inline-block;
            vertical-align: middle;
        }
    }

    &-helper-text {
        display: inline;
        line-height: 20px;
        vertical-align: top;
    }

    &-add-button-wrapper {
        background: var(--gray-200);
        text-align: center;

        .FullWidthButton-disabled-layout {
            max-width: 50%;
        }
    }

    .FullWidthButton-add-note {
        margin: 0 0;
        padding-bottom: 20px;
    }
}