.alert{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid transparent;gap:1rem}.alert__content{display:flex;align-items:flex-start;gap:.75rem;flex:1}.alert__icon{width:1.25rem;height:1.25rem;flex-shrink:0;margin-top:.125rem}.alert__message{margin:0;font-size:.875rem;line-height:1.5;flex:1}.alert__close{background:none;border:none;padding:.25rem;cursor:pointer;color:inherit;opacity:.7;transition:opacity .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center}.alert__close:hover{opacity:1}.alert__close svg{width:1rem;height:1rem}.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:#dbeafe;border-color:#3b82f6;color:#1e40af}@media(prefers-color-scheme:dark){.alert--success{background-color:#064e3b;border-color:#10b981;color:#d1fae5}.alert--error{background-color:#7f1d1d;border-color:#ef4444;color:#fee2e2}.alert--warning{background-color:#78350f;border-color:#f59e0b;color:#fef3c7}.alert--info{background-color:#1e3a8a;border-color:#3b82f6;color:#dbeafe}}