@layer veneer.components{:where([data-scope=alert]){gap:2px var(--veneer-space-related);padding:var(--veneer-space-group);background:color-mix(in oklab, var(--_soft) 40%, var(--veneer-color-surface-raised));color:var(--veneer-color-text);border:var(--veneer-border-hairline) solid var(--veneer-color-border);border-radius:var(--veneer-radius-surface);box-shadow:inset var(--veneer-border-emphasis) 0 0 var(--_text);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding-inline-end:var(--veneer-space-related);display:grid}:where([data-scope=alert]) :where([data-part=icon]:not([data-scope=alert] :is([data-scope=banner],[data-scope=checkbox],[data-scope=chip],[data-scope=choice-card],[data-scope=dropzone],[data-scope=editable],[data-scope=field],[data-scope=knob],[data-scope=notification],[data-scope=otp],[data-scope=quantity],[data-scope=radio],[data-scope=segmented],[data-scope=shell],[data-scope=switch],[data-scope=tab-bar],[data-scope=toast]) :not([data-scope=alert] :is([data-scope=banner],[data-scope=checkbox],[data-scope=chip],[data-scope=choice-card],[data-scope=dropzone],[data-scope=editable],[data-scope=field],[data-scope=knob],[data-scope=notification],[data-scope=otp],[data-scope=quantity],[data-scope=radio],[data-scope=segmented],[data-scope=shell],[data-scope=switch],[data-scope=tab-bar],[data-scope=toast]) [data-scope=alert] *))){color:var(--_text);margin-block-start:1px}:where([data-scope=alert]) :where([data-part=title]:not([data-scope=alert] :is([data-scope=auth],[data-scope=checklist],[data-scope=dialog],[data-scope=dropzone],[data-scope=empty-state],[data-scope=event-card],[data-scope=hero],[data-scope=item],[data-scope=panel],[data-scope=popover],[data-scope=sheet],[data-scope=shell],[data-scope=sidenav],[data-scope=sidenav-title],[data-scope=steps],[data-scope=surface],[data-scope=toast],[data-scope=year]) :not([data-scope=alert] :is([data-scope=auth],[data-scope=checklist],[data-scope=dialog],[data-scope=dropzone],[data-scope=empty-state],[data-scope=event-card],[data-scope=hero],[data-scope=item],[data-scope=panel],[data-scope=popover],[data-scope=sheet],[data-scope=shell],[data-scope=sidenav],[data-scope=sidenav-title],[data-scope=steps],[data-scope=surface],[data-scope=toast],[data-scope=year]) [data-scope=alert] *))){font-weight:600;line-height:1.35}:where([data-scope=alert]) :where([data-part=description]:not([data-scope=alert] :is([data-scope=dialog],[data-scope=empty-state],[data-scope=group],[data-scope=item],[data-scope=panel],[data-scope=popover],[data-scope=sheet],[data-scope=steps],[data-scope=toast]) :not([data-scope=alert] :is([data-scope=dialog],[data-scope=empty-state],[data-scope=group],[data-scope=item],[data-scope=panel],[data-scope=popover],[data-scope=sheet],[data-scope=steps],[data-scope=toast]) [data-scope=alert] *))){color:var(--veneer-color-text);line-height:var(--veneer-text-body-leading);grid-column:2}:where([data-scope=alert]) :where([data-part=actions]:not([data-scope=alert] :is([data-scope=assistant],[data-scope=banner],[data-scope=consent],[data-scope=empty-state],[data-scope=event-card],[data-scope=form],[data-scope=integration],[data-scope=item],[data-scope=list],[data-scope=message],[data-scope=notification],[data-scope=push-ask],[data-scope=save-bar],[data-scope=shell],[data-scope=system-page],[data-scope=toast]) :not([data-scope=alert] :is([data-scope=assistant],[data-scope=banner],[data-scope=consent],[data-scope=empty-state],[data-scope=event-card],[data-scope=form],[data-scope=integration],[data-scope=item],[data-scope=list],[data-scope=message],[data-scope=notification],[data-scope=push-ask],[data-scope=save-bar],[data-scope=shell],[data-scope=system-page],[data-scope=toast]) [data-scope=alert] *))){gap:var(--veneer-space-related);flex-wrap:wrap;grid-column:2;margin-block-start:var(--veneer-space-related);display:flex}:where([data-scope=alert])>:where([data-part=close]){grid-area:1/3;margin-block:-6px}:where([data-scope=alert]) :where([data-scope=button][data-emphasis=ghost]){--_ink:var(--veneer-color-text)}:where([data-scope=banner]){justify-content:center;align-items:center;gap:var(--veneer-space-related) var(--veneer-space-group);min-block-size:44px;padding:6px var(--veneer-space-page);background:var(--_soft);color:var(--veneer-color-text);border-block-end:var(--veneer-border-hairline) solid var(--_border);font-size:var(--veneer-text-body-size);text-align:center;flex-wrap:wrap;display:flex}:where([data-scope=banner]) :where(svg[data-icon]){color:var(--_text)}:where([data-scope=banner][data-emphasis=solid]){background:var(--_solid);color:var(--_ink-on);border-color:#0000}:where([data-scope=banner][data-emphasis=solid]) :where(svg[data-icon]){color:inherit}}