.messages{align-items:flex-start;border:.0165rem solid;display:flex;margin-bottom:1rem;padding:1rem 1rem 1rem 1.5rem;position:relative}.messages.hidden{display:none}.messages:before{bottom:0;content:"";height:100%;left:0;position:absolute;top:0;width:.625rem}.messages--status{background-color:#cce7ff;border-color:#036;color:#036}.messages--status:before{background-color:#036}.messages--warning{background-color:#fff5cc;border-color:#996300;color:#996300}.messages--warning:before{background-color:#996300}.messages--error{background-color:#ffd6e0;border-color:#8b0033;color:#8b0033}.messages--error:before{background-color:#8b0033}.messages__content{flex-grow:1}.messages__button{flex-shrink:0;margin-left:1rem}.messages__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;height:1.25rem;padding:0;position:relative;vertical-align:top;width:1.25rem}.messages__close:after,.messages__close:before{border-top:.125rem solid;content:"";display:block;height:0;left:50%;position:absolute;top:50%;width:1rem}.messages__close:before{transform:translate(-50%,-50%) rotate(45deg)}.messages__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.messages--status .messages__close:after,.messages--status .messages__close:before{border-color:#036}.messages--warning .messages__close:after,.messages--warning .messages__close:before{border-color:#996300}.messages--error .messages__close:after,.messages--error .messages__close:before{border-color:#8b0033}