.m-alert{border-radius:var(--alert-border-radius);display:none;padding:var(--alert-padding);position:relative}
.m-alert--hide{display:none}
.m-alert--show{display:-webkit-box;display:-ms-flexbox;display:flex}
.m-alert--wrapper .xf-content-height,.m-alert--wrapper~.xf-content-height{margin:0;min-height:auto}
.m-alert__close-icon{color:var(--alert-close-icon-color);cursor:pointer;position:absolute;right:16px;top:12px}
.m-alert__icon{font-size:1.5rem;margin-right:var(--alert-icon-margin-right)}
.m-alert__content{padding-right:var(--alert-content-padding-right);width:100%}
.m-alert__title{color:var(--alert-title-color);font-size:var(--alert-title-font-size);font-weight:700;line-height:var(--alert-title-line-height);padding-bottom:var(--alert-title-padding-bottom)}
.m-alert__para{color:var(--alert-para-color);font-size:var(--alert-para-font-size);line-height:var(--alert-para-line-height)}
.m-alert--success .m-alert{background-color:var(--alert-success-color)}
.m-alert--success .m-alert__icon{color:var(--alert-success-icon-color)}
.m-alert--danger .m-alert{background-color:var(--alert-danger-color)}
.m-alert--danger .m-alert__icon{color:var(--alert-danger-icon-color)}
.m-alert--warning .m-alert{background-color:var(--alert-warning-color)}
.m-alert--warning .m-alert__icon{color:var(--alert-warning-icon-color)}
.m-alert--info .m-alert,.m-alert--info-deemphasized .m-alert{background-color:var(--alert-information-deemphasized-color)}
.m-alert--info .m-alert__icon,.m-alert--info-deemphasized .m-alert__icon{color:var(--alert-info-icon-color)}
.m-alert--info-default .m-alert{background-color:var(--alert-information-default-color)}
.m-alert--info-default .m-alert__icon{color:var(--alert-info-icon-color)}
.m-alert--sticky{left:0;position:fixed;right:0;top:0;z-index:2}
.m-alert__container{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}
.m-alert--containerwidth .m-alert__container{margin:0 auto;padding-right:var(--alert-padding-right)}
.m-alert--containerwidth .m-alert__container .m-alert__close-icon{position:relative;right:0;top:0}
@media(min-width:576px){.m-alert--containerwidth .m-alert__container{max-width:540px}
}
@media(min-width:768px){.m-alert--containerwidth .m-alert__container{max-width:720px}
}
@media(min-width:992px){.m-alert--containerwidth .m-alert__container{max-width:960px}
}
@media(min-width:1200px){.m-alert--containerwidth .m-alert__container{max-width:1140px}
}