@layer components{.gs-banner{--_bg:var(--color-info-soft);--_accent:var(--color-info);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:min(var(--radius-md), var(--card-radius));background:var(--_bg);color:var(--color-text);font-size:var(--text-body);line-height:var(--leading-body);flex-wrap:wrap;display:flex}.gs-banner:before{content:"";border-radius:var(--radius-pill);background:var(--_accent);flex:none;align-self:flex-start;width:8px;height:8px;margin-block-start:calc(.5lh - 4px)}.gs-banner[data-tone=attention]{--_bg:var(--color-attention-soft);--_accent:var(--color-attention)}.gs-banner[data-tone=danger]{--_bg:var(--color-danger-soft);--_accent:var(--color-danger)}.gs-banner[data-tone=success]{--_bg:var(--color-success-soft);--_accent:var(--color-success)}.gs-banner__body{flex:240px;gap:2px;min-width:0;display:grid}.gs-banner__title{font-weight:700}}