@layer reset,base;@layer components{.hw-alert{--hw-alert-c:var(--hw-info);--hw-alert-bg:var(--hw-info-soft);gap:var(--hw-space-3);padding:var(--hw-space-4);border-radius:var(--hw-radius-lg);background:var(--hw-alert-bg);color:var(--hw-ink);border:1px solid #0000;grid-template-columns:auto minmax(0,1fr);display:grid}.hw-alert--success{--hw-alert-c:var(--hw-success);--hw-alert-bg:var(--hw-success-soft)}.hw-alert--warning{--hw-alert-c:var(--hw-warning);--hw-alert-bg:var(--hw-warning-soft)}.hw-alert--error{--hw-alert-c:var(--hw-danger);--hw-alert-bg:var(--hw-danger-soft)}.hw-alert--neutral{--hw-alert-c:var(--hw-ink-2);--hw-alert-bg:var(--hw-bg-muted)}.hw-alert--outline{background:var(--hw-bg-elevated);border-color:var(--hw-line);border-inline-start:4px solid var(--hw-alert-c)}.hw-alert__icon{background:var(--hw-alert-c);block-size:28px;inline-size:28px;color:var(--hw-bg);border-radius:50%;place-items:center;display:grid}.hw-alert__body{gap:var(--hw-space-2);min-inline-size:0;display:grid}.hw-alert__title{font-weight:var(--hw-weight-semibold)}.hw-alert__text{max-width:none}.hw-alert__link a{font-weight:var(--hw-weight-semibold)}.hw-alert__actions{gap:var(--hw-space-2);flex-wrap:wrap;margin-block-start:var(--hw-space-1);display:flex}.hw-alert__dismiss{margin-block:calc(var(--hw-space-2)*-1);inline-size:var(--hw-touch);block-size:var(--hw-touch);border-radius:var(--hw-radius-sm);color:var(--hw-ink-2);cursor:pointer;background:0 0;border:0;grid-area:1/3;place-items:center;margin-inline-end:calc(var(--hw-space-2)*-1);display:grid}.hw-alert__dismiss:hover{background:color-mix(in srgb,var(--hw-alert-c) 12%,transparent);color:var(--hw-ink)}}@layer utilities;