@layer warp.components{:where([data-scope=alert]){gap:2px var(--warp-space-related);padding:var(--warp-space-group);background:color-mix(in oklab, var(--_soft) 40%, var(--warp-color-surface-raised));color:var(--warp-color-text);border:var(--warp-border-hairline) solid var(--warp-color-border);border-radius:var(--warp-radius-surface);box-shadow:inset var(--warp-border-emphasis) 0 0 var(--_text);grid-template-columns:auto minmax(0,1fr) auto;align-items:start;padding-inline-end:var(--warp-space-related);display:grid}:where([data-scope=alert]) :where([data-part=icon]){color:var(--_text);margin-block-start:1px}:where([data-scope=alert]) :where([data-part=title]){font-weight:600;line-height:1.35}:where([data-scope=alert]) :where([data-part=description]){color:var(--warp-color-text);line-height:var(--warp-text-body-leading);grid-column:2}:where([data-scope=alert]) :where([data-part=actions]){gap:var(--warp-space-related);flex-wrap:wrap;grid-column:2;margin-block-start:var(--warp-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(--warp-color-text)}:where([data-scope=banner]){justify-content:center;align-items:center;gap:var(--warp-space-related) var(--warp-space-group);min-block-size:44px;padding:6px var(--warp-space-page);background:var(--_soft);color:var(--warp-color-text);border-block-end:var(--warp-border-hairline) solid var(--_border);font-size:var(--warp-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}}