.mcc-alert{--mds-alert-base-gap: var(--mds-alert-gap, var(--mds-spacing-03, .5rem));--mds-alert-base-border-width: var(--mds-alert-border-width, 2px);--mds-alert-base-border-color: var(--mds-alert-border-color, transparent);--mds-alert-base-border-radius: var(--mds-alert-border-radius, .375rem);--mds-alert-base-padding-block: var(--mds-alert-padding-block, calc(var(--mds-spacing-04, .75rem) - 2px));--mds-alert-base-padding-inline: var(--mds-alert-padding-inline, calc(var(--mds-spacing-05, 1rem) - 2px) var(--mds-spacing-05, 1rem));--mds-alert-base-background-color: var(--mds-alert-background-color, transparent);--mds-alert-base-icon-fill: var(--mds-alert-icon-fill, var(--mds-icon-color-01, #666679));--mds-alert-base-icon-size: var(--mds-alert-icon-size, 1.5rem);--mds-alert-base-margin-block-end: var(--mds-alert-margin-block-end, var(--mds-spacing-06, 1.5rem));--mds-alert-base-p-color: var(--mds-alert-p-color, var(--mds-text-color-muted, #666679));--mds-alert-base-accent-border-color: var(--mds-alert-accent-border-color, transparent);--mds-alert-base-accent-border-width: calc(var(--mds-alert-base-border-width) * 4);position:relative;display:flex;flex-direction:row;align-items:center;gap:var(--mds-alert-base-gap);margin-block-end:var(--mds-alert-base-margin-block-end);border:var(--mds-alert-base-border-width) solid var(--mds-alert-base-border-color);border-radius:var(--mds-alert-base-border-radius);padding-block:var(--mds-alert-base-padding-block);padding-inline:var(--mds-alert-base-padding-inline);background-color:var(--mds-alert-base-background-color)}.mcc-alert:before{content:"";position:absolute;inset:calc(var(--mds-alert-base-border-width) * -1);border-inline-start:var(--mds-alert-base-accent-border-width) solid var(--mds-alert-base-accent-border-color);border-radius:var(--mds-alert-base-border-radius);pointer-events:none}.mcc-alert :where(svg){block-size:var(--mds-alert-base-icon-size);inline-size:var(--mds-alert-base-icon-size);fill:var(--mds-alert-base-icon-fill)}.mcc-alert p{color:var(--mds-alert-base-p-color)}.mcc-alert a{font-weight:600;color:inherit}.mcc-alert--hide{display:none}.mcc-alert--compact{--mds-alert-base-gap: var(--mds-spacing-03, .5rem);--mds-alert-base-padding-block: calc(var(--mds-spacing-03, .5rem) - 2px);--mds-alert-base-padding-inline: calc(var(--mds-spacing-05, 1rem) - 2px) var(--mds-spacing-03, .5rem)}.mcc-alert--primary{--mds-alert-border-color: var(--mds-color-primary-border, #1078cf);--mds-alert-accent-border-color: var(--mds-color-primary-border, #1078cf);--mds-alert-background-color: var(--mds-color-primary-soft, #e7f2fa);--mds-alert-icon-fill: var(--mds-color-primary, #348cd6)}.mcc-alert--secondary{--mds-alert-border-color: var(--mds-color-secondary-border, #666679);--mds-alert-accent-border-color: var(--mds-color-secondary-border, #666679);--mds-alert-background-color: var(--mds-color-secondary-soft, #eeeef1);--mds-alert-icon-fill: var(--mds-color-secondary, #666679)}.mcc-alert--success{--mds-alert-border-color: var(--mds-color-success-border, #458045);--mds-alert-accent-border-color: var(--mds-color-success-border, #458045);--mds-alert-background-color: var(--mds-color-success-soft, #ecf2ec);--mds-alert-icon-fill: var(--mds-color-success, #458045)}.mcc-alert--info{--mds-alert-border-color: var(--mds-color-info-border, #157a80);--mds-alert-accent-border-color: var(--mds-color-info-border, #157a80);--mds-alert-background-color: var(--mds-color-info-soft, #e8f2f2);--mds-alert-icon-fill: var(--mds-color-info, #157a80)}.mcc-alert--warning{--mds-alert-border-color: var(--mds-color-warning-border, #f2a900);--mds-alert-accent-border-color: var(--mds-color-warning-border, #f2a900);--mds-alert-background-color: var(--mds-color-warning-soft, #fef6e6);--mds-alert-icon-fill: var(--mds-color-warning, #f2a900)}.mcc-alert--danger{--mds-alert-border-color: var(--mds-color-danger-border, #dc3545);--mds-alert-accent-border-color: var(--mds-color-danger-border, #dc3545);--mds-alert-background-color: var(--mds-color-danger-soft, #fcebec);--mds-alert-icon-fill: var(--mds-color-danger, #dc3545)}.mcc-alert--muted{--mds-alert-border-color: var(--mds-color-muted-border, #9393a7);--mds-alert-accent-border-color: var(--mds-color-muted-border, #9393a7);--mds-alert-background-color: var(--mds-color-muted, #d5d6e0);--mds-alert-icon-fill: var(--mds-color-muted, #9393a7)}.mcc-alert--light{--mds-alert-border-color: var(--mds-color-light-border, #d5d6e0);--mds-alert-accent-border-color: var(--mds-color-light-border, #d5d6e0);--mds-alert-background-color: var(--mds-color-light-soft, #eeeef1);--mds-alert-icon-fill: var(--mds-color-light, #d5d6e0)}.mcc-alert--dark{--mds-alert-border-color: var(--mds-color-dark-border, #7f7f95);--mds-alert-accent-border-color: var(--mds-color-dark-border, #7f7f95);--mds-alert-background-color: var(--mds-color-dark-soft, #a5a5b6);--mds-alert-icon-fill: var(--mds-color-dark, #a5a5b6)}.mcc-alert--primary-solid{--mds-alert-accent-border-color: var(--mds-color-primary, #348cd6);--mds-alert-icon-fill: var(--mds-color-primary, #348cd6)}.mcc-alert--secondary-solid{--mds-alert-accent-border-color: var(--mds-color-secondary, #666679);--mds-alert-icon-fill: var(--mds-color-secondary, #666679)}.mcc-alert--success-solid{--mds-alert-accent-border-color: var(--mds-color-success, #458045);--mds-alert-icon-fill: var(--mds-color-success, #458045)}.mcc-alert--info-solid{--mds-alert-accent-border-color: var(--mds-color-info, #157a80);--mds-alert-icon-fill: var(--mds-color-info, #157a80)}.mcc-alert--warning-solid{--mds-alert-accent-border-color: var(--mds-color-warning, #f2a900);--mds-alert-icon-fill: var(--mds-color-warning, #f2a900)}.mcc-alert--danger-solid{--mds-alert-accent-border-color: var(--mds-color-danger, #dc3545);--mds-alert-icon-fill: var(--mds-color-danger, #dc3545)}.mcc-alert--muted-solid{--mds-alert-accent-border-color: var(--mds-color-muted, #9393a7);--mds-alert-icon-fill: var(--mds-color-muted, #9393a7)}.mcc-alert--light-solid{--mds-alert-accent-border-color: var(--mds-color-light, #d5d6e0);--mds-alert-icon-fill: var(--mds-color-light, #d5d6e0)}.mcc-alert--dark-solid{--mds-alert-accent-border-color: var(--mds-color-dark, #a5a5b6);--mds-alert-icon-fill: var(--mds-color-dark, #a5a5b6)}:is(.mcc-alert--primary-solid,.mcc-alert--secondary-solid,.mcc-alert--success-solid,.mcc-alert--info-solid,.mcc-alert--warning-solid,.mcc-alert--danger-solid,.mcc-alert--muted-solid,.mcc-alert--light-solid,.mcc-alert--dark-solid){--mds-alert-border-color: var(--mds-border-color, #e0e0e7);--mds-alert-background-color: var(--mds-container-bg-color-02, #fff)}.mcc-alert--primary-transparent{--mds-alert-accent-border-color: var(--mds-color-primary, #348cd6);--mds-alert-icon-fill: var(--mds-color-primary, #348cd6)}.mcc-alert--secondary-transparent{--mds-alert-accent-border-color: var(--mds-color-secondary, #666679);--mds-alert-icon-fill: var(--mds-color-secondary, #666679)}.mcc-alert--success-transparent{--mds-alert-accent-border-color: var(--mds-color-success, #458045);--mds-alert-icon-fill: var(--mds-color-success, #458045)}.mcc-alert--info-transparent{--mds-alert-accent-border-color: var(--mds-color-info, #157a80);--mds-alert-icon-fill: var(--mds-color-info, #157a80)}.mcc-alert--warning-transparent{--mds-alert-accent-border-color: var(--mds-color-warning, #f2a900);--mds-alert-icon-fill: var(--mds-color-warning, #f2a900)}.mcc-alert--danger-transparent{--mds-alert-accent-border-color: var(--mds-color-danger, #dc3545);--mds-alert-icon-fill: var(--mds-color-danger, #dc3545)}.mcc-alert--muted-transparent{--mds-alert-accent-border-color: var(--mds-color-muted, #9393a7);--mds-alert-icon-fill: var(--mds-color-muted, #9393a7)}.mcc-alert--light-transparent{--mds-alert-accent-border-color: var(--mds-color-light, #d5d6e0);--mds-alert-icon-fill: var(--mds-color-light, #d5d6e0)}.mcc-alert--dark-transparent{--mds-alert-accent-border-color: var(--mds-color-dark, #a5a5b6);--mds-alert-icon-fill: var(--mds-color-dark, #a5a5b6)}:is(.mcc-alert--primary-transparent,.mcc-alert--secondary-transparent,.mcc-alert--success-transparent,.mcc-alert--info-transparent,.mcc-alert--warning-transparent,.mcc-alert--danger-transparent,.mcc-alert--muted-transparent,.mcc-alert--light-transparent,.mcc-alert--dark-transparent){--mds-alert-border-color: var(--mds-border-color, #e0e0e7)}.mcc-alert__button--notification{margin-inline-start:auto}:not(.mcc-alert__button--notification)+.mcc-alert__button--hide{margin-inline-start:auto}
/* Mosaic Design System | alert | v1.3.3 */
/*# sourceMappingURL=alert.min.css.map */