.Banner{box-sizing:border-box;color:#2c2c2c;background:#facc15;flex:none;align-items:center;gap:4px;block-size:48px;inline-size:100%;padding-inline:12px;display:flex}.Banner[data-variant=error]{color:#fff;background:#ef4444}.Banner[data-variant=info]{color:#fff;background:#2563eb}.Banner[data-variant=announcement]{color:#fff;background:#2c2c2c}.Banner__leading{flex:0 0 24px;justify-content:center;align-items:center;block-size:24px;display:flex}.Banner__icon,.Banner__icon>svg{block-size:16px;inline-size:16px;display:block}.Banner__text{min-inline-size:0;font-family:var(--pt-ff-ui);flex:1;font-size:14px;line-height:20px}.Banner__trailing{flex:none;align-items:center;display:flex}