.form-alert { position:relative; display:none; margin-top:18px; padding:15px 48px 19px 16px; overflow:hidden; border:1px solid; border-radius:14px; font-size:14px; line-height:1.5; }
.form-alert.is-visible { display:block; }
.form-alert[data-state="success"] { border-color:rgba(74,222,128,.55); color:#bbf7d0; background:rgba(34,197,94,.12); }
.form-alert[data-state="error"] { border-color:rgba(248,113,113,.55); color:#fecaca; background:rgba(239,68,68,.12); }
.form-alert__message { margin:0!important; color:inherit!important; }
.form-alert__close { position:absolute; top:9px; right:10px; width:30px; height:30px; display:grid; place-items:center; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; color:inherit!important; background:transparent!important; font:700 20px/1 Arial,sans-serif!important; cursor:pointer!important; }
.form-alert__close:hover,.form-alert__close:focus-visible { background:rgba(255,255,255,.1)!important; }
.form-alert__timer { position:absolute; right:0; bottom:0; left:0; height:4px; background:rgba(255,255,255,.08); }
.form-alert__timer-bar { display:block; width:100%; height:100%; transform-origin:left center; }
.form-alert[data-state="success"] .form-alert__timer-bar { background:#4ade80; }
.form-alert[data-state="error"] .form-alert__timer-bar { background:#f87171; }