.messages{--color--message: #3AAA35;--color--message-background: #3AAA35;background-color:#3aaa35;background-color:var(--color--message-background);border-left:var(--sp0-25) solid #3AAA35;border-left:var(--sp0-25) solid var(--color--message)}.messages *{color:var( --color--message)}.messages .messages__icon svg{fill:var(--color--message)}.messages__close{position:relative;width:25px;height:25px;padding:0;cursor:pointer;vertical-align:top;border:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.messages__close:before,.messages__close:after{position:absolute;top:50%;left:50%;display:block;width:33px;height:0;content:"";border-top:solid 2px var(--color--message)}.messages__close:before{transform:translate(-50%,-50%) rotate(45deg)}.messages__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.messages__close:focus{outline:2px solid var(--color--message);outline-offset:2px}.messages--error{--color--message: #EB5757;--color--message-background: #FDEFEF}.messages--warning{--color--message: #F29D00;--color--message-background: #FEF6E6}.messages--status{--color--message-background: #DFEAD1}