.alerts{position:relative;border:2px solid transparent;border-radius:.5rem;padding:1.5rem 2rem 1.5rem 7.5rem;background-color:#fff;margin-bottom:1.5rem;-ms-box-shadow:0 0 2px 1px rgba(0,0,0,.1);box-shadow:0 0 2px 1px rgba(0,0,0,.1)}@media screen and (min-width:53.1875em){.alerts{margin-bottom:2.5rem}}.alerts:before{position:absolute;top:1.2rem;left:1.5rem;color:#fff}.alerts--info{border-color:#1e5ba3;background:-webkit-linear-gradient(left,#1e5ba3 5.5rem,#fff 5.5rem);background:linear-gradient(to right,#1e5ba3 5.5rem,#fff 5.5rem)}.alerts--info:before{line-height:1;font-family:interface,icons!important;font-style:normal;font-weight:400!important;vertical-align:top;content:"\f177"}.alerts--info:before{font-size:2.5rem}.alerts--warning{border-color:#f8a01e;background:-webkit-linear-gradient(left,#f8a01e 5.5rem,#fff 5.5rem);background:linear-gradient(to right,#f8a01e 5.5rem,#fff 5.5rem)}.alerts--warning:before{content:'!';top:.5rem;left:2rem;font-family:Lato,sans-serif;font-size:3rem;font-weight:900}.alerts--critical{border-color:#e41900;background:-webkit-linear-gradient(left,#e41900 5.5rem,#fff 5.5rem);background:linear-gradient(to right,#e41900 5.5rem,#fff 5.5rem)}.alerts--critical:before{line-height:1;font-family:interface,icons!important;font-style:normal;font-weight:400!important;vertical-align:top;content:"\f145"}.alerts--critical:before{font-size:2.3rem}