.m-alert{border-radius:var(--alert-border-radius);padding:var(--alert-padding);position:relative;display:none}
.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{min-height:auto;margin:0}
.m-alert__close-icon{position:absolute;top:12px;right:16px;cursor:pointer;color:var(--alert-close-icon-color)}
.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:bold;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{position:fixed;top:0;right:0;left: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;top:0;right: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}
}