/*
 * Inline status copy + size error / loading visuals for the
 * "Alternative Products" side-panel overlay. Driven by
 * sites/default/js/site_scripts/mtc_alternative_overlay.js.
 */

.alternativeAddForm {

    .js-alt-status {
        font-size: 13px;
        margin-left: 8px;
        min-width: 120px;

        &.is-success {
            color: var(--primary_color, #2e8b57);
        }

        &.is-error {
            color: var(--alert_color, #b02a37);
        }
    }

    .js-alt-size.is-error {
        border-color: var(--alert_color, #b02a37);
    }

    .buttonAlt.is-loading {
        opacity: 0.6;
        pointer-events: none;
    }
}
