.bc--info{--bc-bg:var(--theme-dark-coffee);--bc-accent:var(--theme-copper-light)}.bc--warning{--bc-bg:#7a4a12;--bc-accent:#f3cf94}.bc--critical{--bc-bg:var(--theme-molten-lava);--bc-accent:#f6c4b6}.bc--success{--bc-bg:#2f4a21;--bc-accent:#cfe3b8}.bc-banner{z-index:100;color:#fff;background:var(--bc-bg);border-bottom:1px solid #ffffff26;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex;position:relative;box-shadow:0 2px 10px #0000002e}.bc-banner__icon{flex:none;font-size:16px}.bc-banner__text{flex-wrap:wrap;flex:1;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.bc-banner__text span{color:var(--bc-accent);font-size:12px}.bc-banner__close{color:#fff;cursor:pointer;background:#0003;border:0;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.bc-banner__close:hover{background:#0006}.bc-stack{z-index:110;position:sticky;top:0}.bc-tag{color:#fff;background:var(--bc-bg);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.bc-modal{border-top:4px solid var(--bc-bg)}.bc-modal__message{color:var(--theme-ink-soft);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}