.component.alert{display:flex;gap:12px;width:100%;min-height:58px;max-height:none;border-radius:4px;justify-content:space-between;align-items:center;padding:12px 16px;opacity:1;transition:opacity .2s ease-in-out}.component.alert.error{color:#83101d;background-color:#ffebf3}.component.alert.success{color:#00543b;background-color:#def3f0}.component.alert.info{color:#2f0e69;background-color:#f0e8ff}.component.alert>.alert-icon{min-width:22px;max-width:22px;min-height:22px;max-height:22px;color:inherit}.component.alert>.alert-message{font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;line-height:17px;color:inherit;margin-right:auto}.component.alert>.alert-close{min-width:22px;max-width:22px;min-height:22px;max-height:22px;text-align:center;display:flex;justify-content:center;align-items:center;color:inherit;cursor:pointer}.component.alert>.alert-close>img,.component.alert>.alert-close>svg{width:100%;height:100%}