.alert{align-items:flex-start;border:1px solid;border-radius:.5rem;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem}.alert__icon{flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.alert--success{background-color:#d1fae5;border-color:#10b981;color:#065f46}.alert--error{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}.alert--warning{background-color:#fef3c7;border-color:#f59e0b;color:#92400e}.alert--info{background-color:#eff6ff;border-color:#2563eb;color:#1e40af}