.Vj9MBzLNLw5exa34Vi1A {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0px 8px;
  background: #ffffff;
  font-family: inherit;
  min-height: 44px;
}

/* Breakpoint=Large — only the desktop banner carries the soft drop shadow. */
.Vj9MBzLNLw5exa34Vi1A[data-breakpoint="Large"] {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
}

.tTNo3xV4nKpa7FaxERGW {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 0px;
}

.BZhRf0vKktuYkjqcgN4o {
  margin: 0px;
  color: #1a1a1a;
  font-family: inherit;
  font-size: 10px;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0px;
  white-space: nowrap;
}

@media screen and (max-width: 480px) {
  .Vj9MBzLNLw5exa34Vi1A {
    gap: 0px 8px;
  }
}

/* Figma `Slot` — 107×28 instance-swap slot for the primary broadcaster mark. */
.M6Rn2CfLPNn9daPytsT9 {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 0px;
}

.M6Rn2CfLPNn9daPytsT9 > * {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Figma `Slot 2` — 32×12.42 instance-swap slot for the secondary mark. */
.BdgHgT_8TytlHkyHj4Pw {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  min-width: 0px;
}

.BdgHgT_8TytlHkyHj4Pw > * {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*
 * BroadcastBar chrome (`.bar`, `.group`, `.label`, `.primaryLogoSlot`,
 * `.secondaryLogoSlot`) lives in the Figma component's CSS module and is
 * reused via `broadcastBarStyles`. Only the single-line content row and its
 * overrides are defined here.
 */

/*
 * No drop shadow in the shared bar — the Figma `Elevation/Low` effect is
 * dropped so the strip can sit flush on any background.
 */
.RnKE7Xw7z4dWOkDkyFuK {
  box-shadow: none;
}

/*
 * The Figma bar is a fixed 44px flex row with no wrapping. The shared bar
 * instead lets the content row wrap: one line when it fits, wrapping onto
 * further lines on narrow screens.
 */
.RnKE7Xw7z4dWOkDkyFuK {
  height: auto;
  align-items: center;
}

.skUyNzHhupUNCNqLsiJJ {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /* `alignment` prop sets this via the root custom property. */
  justify-content: var(--broadcast-bar-justify-content, center);
  /* `gap` prop sets this via the root custom property. */
  gap: var(--broadcast-bar-gap, 4px 8px);
  min-width: 0px;
  max-width: 100%;
}

/* On narrow screens the wrapped rows sit flush; only the column gap remains. */
@media (max-width: 480px) {
  .skUyNzHhupUNCNqLsiJJ {
    gap: 0px 8px;
  }
}

/* Label size follows the parent by default; `fontSize` overrides it. */
.vVy6HqSNJRuJe5361F2g {
  font-size: var(--broadcast-bar-font-size, 0.9em);
  font-weight: 600;
  line-height: 0px;
  color: var(--broadcast-bar-font-color, #1a1a1a);
}