:host{--_fg: var(--osg-alert-bar-fg, light-dark(var(--gray-cool-70), var(--gray-cool-5)));--_bg: var(--osg-alert-bar-bg, light-dark(var(--gray-cool-10), var(--gray-cool-70)));--_accent: var(--osg-alert-bar-accent, light-dark(var(--gray-cool-50), var(--gray-cool-20)));display:block;color-scheme:inherit}:host([hidden]){display:none}:host([variant="warning"]){--_fg: var(--osg-alert-bar-warning-fg, light-dark(var(--yellow-80), var(--yellow-10)));--_bg: var(--osg-alert-bar-warning-bg, light-dark(var(--yellow-10), var(--yellow-80)));--_accent: var(--osg-alert-bar-warning-accent, light-dark(var(--yellow-60), var(--yellow-20)))}:host([variant="danger"]){--_fg: var(--osg-alert-bar-danger-fg, light-dark(var(--red-cool-70), var(--red-cool-5)));--_bg: var(--osg-alert-bar-danger-bg, light-dark(var(--red-cool-10), var(--red-cool-70)));--_accent: var(--osg-alert-bar-danger-accent, light-dark(var(--red-cool-60), var(--red-cool-20)))}:host([variant="primary"]){--_fg: var(--osg-alert-bar-primary-fg, light-dark(var(--blue-70), var(--blue-5)));--_bg: var(--osg-alert-bar-primary-bg, light-dark(var(--blue-10), var(--blue-70)));--_accent: var(--osg-alert-bar-primary-accent, light-dark(var(--blue-60), var(--blue-20)))}.bar{display:flex;gap:0.75em;justify-content:center;align-items:center;padding:0.625em 1em;font-size:var(--osg-alert-bar-font-size, 0.875rem);font-family:var(--osg-alert-bar-font-family, var(--font-family-sans-serif));line-height:1.4;text-align:center;color:var(--_fg);background:var(--_bg);box-shadow:inset 0 -1px 0 var(--_accent)}.message{font-weight:500}.count{font-weight:700;font-variant-numeric:tabular-nums}.actions::slotted(*),::slotted(*){flex:none}::slotted(a),::slotted(osg-btn){font:inherit;font-weight:600;color:inherit}@media (max-width: 40rem){.bar{flex-direction:column;gap:0.375em}}