.alert{align-items:flex-start;border:1px solid transparent;border-radius:12px;display:flex;font-size:var(--font-size-body-m);gap:10px;line-height:var(--line-height-body-m);padding:14px 16px;position:relative;width:100%}.alert--success{background:#ecfdf3;border-color:#abefc6;color:#05603a}.alert--error{background:#fef3f2;border-color:#fecdca;color:#7a271a}.alert--warning{background:#fffaeb;border-color:#fedf89;color:#7a2e0e}.alert--info{background:#eff8ff;border-color:#b2ddff;color:#1849a9}.alert__icon{display:inline-flex;flex:0 0 20px;margin-top:1px}.alert__content{flex:1 1 auto;min-width:0}.alert__close{align-items:center;align-self:center;background:transparent;border:0;border-radius:9999px;color:currentColor;cursor:pointer;display:inline-flex;flex:0 0 36px;height:36px;justify-content:center;margin:-8px -8px -8px 0;opacity:.75;padding:0;width:36px}.alert__close:hover{background:rgba(255,255,255,.55);opacity:1}.alert__close:focus-visible{box-shadow:var(--focus-ring);outline:none}