$component-height: 500px !default;

.DigitalProductForm {
    min-height: $component-height;

    &-header {
        @extend .Opm-text-light;
        margin-bottom: 10px;
        margin-top: 0;
    }

    h3:only-of-type {
        margin-top: 50px;
        margin-bottom: 10px;
        font-weight: 500;
    }

    &-groups {
        width: $half_inner_width;
    }

    &-textarea {
        min-height: 120px;
        padding-top: 4px;
        resize: vertical;
    }

    &-productCode {
        display: inline-block;
        width: 300px;

        &-validation-progress {
            padding: 0 10px;
        }
    }

    &-kana-localization-group {
        margin-bottom: 1rem;

        .form-group {
            margin-bottom: 4px;
            .FRCControl-Input {
                margin-bottom: 0;
            }
        }
    }

    &-kana-localization-label {
        color: var(--gray-500);
    }

    &-rejectionsAlert,
    .DismissibleAlert {
        margin-bottom: 20px;
    }

    .DisplayedAs-full-width {
        input {
            max-width: 100%;
        }
    }

    .LoadingIndicator {
        height: $component-height;
    }

    .Icons-info {
        color: var(--gray-500);

        rect { /* stylelint-disable-line selector-no-type */
            fill: currentColor;
        }
    }
}