.w-alert{align-items:start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);background:var(--surface-raised);grid-template-columns:auto minmax(0,1fr) auto}.w-alert,.w-alert__icon{border-radius:var(--radius-md);color:var(--ink-2);display:grid}.w-alert__icon{background:var(--mist);place-items:center;block-size:32px;inline-size:32px}.w-alert__content{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.w-alert__title{color:var(--ink);font-size:var(--text-sm)}.w-alert__body{font-size:var(--text-sm);line-height:var(--leading-normal)}.w-alert__body :where(p){margin:0}.w-alert--no-icon{grid-template-columns:minmax(0,1fr) auto}.w-alert__actions{align-items:center;gap:var(--space-2);white-space:nowrap;flex-wrap:wrap;display:flex}.w-alert--info{background:var(--sea-light);border-color:color-mix(in srgb,var(--sea) 28%,var(--line))}.w-alert--info .w-alert__icon{background:var(--paper);color:var(--sea)}.w-alert--error{background:var(--feedback-error-surface);border-color:color-mix(in srgb,var(--feedback-error) 32%,var(--line))}.w-alert--error .w-alert__icon{background:var(--paper);color:var(--feedback-error)}.w-alert--warning{background:var(--feedback-warning-surface);border-color:color-mix(in srgb,var(--feedback-warning) 30%,var(--line))}.w-alert--warning .w-alert__icon{background:var(--paper);color:var(--feedback-warning)}.w-alert--success{background:var(--feedback-success-surface);border-color:color-mix(in srgb,var(--feedback-success) 28%,var(--line))}.w-alert--success .w-alert__icon{background:var(--paper);color:var(--feedback-success)}.w-alert--clinical-red{background:var(--red-surface);border-color:color-mix(in srgb,var(--red) 36%,var(--line))}.w-alert--clinical-red .w-alert__icon{background:var(--paper);color:var(--red)}.w-alert--clinical-amber{background:var(--amber-surface);border-color:color-mix(in srgb,var(--amber) 36%,var(--line))}.w-alert--clinical-amber .w-alert__icon{background:var(--paper);color:var(--amber)}.w-alert--clinical-green{background:var(--green-surface);border-color:color-mix(in srgb,var(--green) 36%,var(--line))}.w-alert--clinical-green .w-alert__icon{background:var(--paper);color:var(--green)}@media (width<=560px){.w-alert{grid-template-columns:auto minmax(0,1fr)}.w-alert--no-icon{grid-template-columns:minmax(0,1fr)}.w-alert__actions{grid-column:1/-1}}