.notice.svelte-1nuqjc0{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;margin-top:1.25rem;padding:1rem 1.15rem;border-radius:var(--radius);border:1px solid}.notice-with-actions.svelte-1nuqjc0{grid-template-columns:auto 1fr auto;align-items:center}.notice-actions.svelte-1nuqjc0{display:flex;align-items:center;justify-content:flex-end;gap:.6rem}.notice-stacked.svelte-1nuqjc0{grid-template-columns:auto minmax(0,1fr);align-items:center}.notice-stacked.svelte-1nuqjc0 .notice-icon:where(.svelte-1nuqjc0),.notice-stacked.svelte-1nuqjc0 .notice-body:where(.svelte-1nuqjc0){align-self:center}.notice-stacked.svelte-1nuqjc0 .notice-text:where(.svelte-1nuqjc0){grid-column:2;margin-top:0}.notice-stacked.svelte-1nuqjc0 .notice-actions:where(.svelte-1nuqjc0){grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}.notice-icon.svelte-1nuqjc0{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;flex-shrink:0}.notice-icon.svelte-1nuqjc0 svg:where(.svelte-1nuqjc0){width:1.15rem;height:1.15rem}.notice-title.svelte-1nuqjc0{margin:0;font-weight:700;font-size:.98rem;letter-spacing:-.02em;line-height:1.35}.notice-text.svelte-1nuqjc0{margin-top:.25rem;font-size:.92rem;line-height:1.5}.notice-text.svelte-1nuqjc0 p{margin:0}.notice-text.svelte-1nuqjc0 p+p{margin-top:.35rem}.notice-text.svelte-1nuqjc0 .notice-aside{opacity:.85;font-size:.88rem}.notice-success.svelte-1nuqjc0{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.notice-success.svelte-1nuqjc0 .notice-icon:where(.svelte-1nuqjc0){color:#047857;background:#d1fae5}.notice-error.svelte-1nuqjc0{color:#991b1b;background:#fef2f2;border-color:#fecaca}.notice-error.svelte-1nuqjc0 .notice-icon:where(.svelte-1nuqjc0){color:var(--high);background:#fee2e2}.notice-warning.svelte-1nuqjc0{color:#92400e;background:#fffbeb;border-color:#fde68a}.notice-warning.svelte-1nuqjc0 .notice-icon:where(.svelte-1nuqjc0){color:#b45309;background:#fef3c7}.notice-info.svelte-1nuqjc0{color:var(--blue-deep);background:#eff6ff;border-color:#bfdbfe}.notice-info.svelte-1nuqjc0 .notice-icon:where(.svelte-1nuqjc0){color:var(--blue);background:#dbeafe}@media(max-width:640px){.notice-with-actions.svelte-1nuqjc0{grid-template-columns:auto minmax(0,1fr);align-items:start}.notice-with-actions.svelte-1nuqjc0 .notice-actions:where(.svelte-1nuqjc0){grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}}