/**
 * CSS Overrides for Standard Modal Components used for all pages and included via
 * Experience Builder > Settings > Advanced > Edit Head Markup as there currently is no other way
 * of changing styles of this components.
 *
 * If possible overrides are provide within a custom class that needs to be added to the standard
 * component.
 *
 * It is intended only for styling modals and is not meant for general-purpose or page-specific
 * customization outside of that context.
 */

@media (min-width: 48em) {
    .slds-modal.slds-modal_small .slds-modal__container {
        width: 30%;
        max-width: 30%;
        min-width: 25rem;
    }
}