html,body{margin:0;padding:0;width:100%;min-height:100%;background:#f0f2f5}.callout{padding:12px 32px 12px 16px;border-radius:6px;font-size:14px;line-height:1.4;margin-bottom:12px;text-align:left;position:relative}.callout-success{background-color:#e7f3e5;color:#2b7a2b;border:1px solid #c4e3c0}.callout-error{background-color:#ffebe8;color:#c62828;border:1px solid #f5c6cb}.callout-info{background-color:#e7f3ff;color:#1877f2;border:1px solid #b8daff}.callout-close{position:absolute;top:4px;right:8px;background:transparent;border:none;font-size:18px;line-height:1;cursor:pointer;padding:4px;color:inherit;opacity:.6;transition:opacity .2s}.callout-close:hover{opacity:1}