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

/* 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: .9em;
  font-weight: 600;
  line-height: 14px;
  letter-spacing: 0px;
  white-space: nowrap;
}

.JrY0c49kvOJbPVd2r1Bi {
  display: block;
  height: 28px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

@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;
  width: 107px;
  height: 28px;
  min-width: 0px;
}

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

.hcpYvys4ijorbuLqoM2m {
  display: block;
  height: 12px;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  flex-shrink: 0;
}

/* 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;
  width: 32px;
  height: 12.42px;
  min-width: 0px;
}

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

/*
 * BroadcastBar chrome (`.bar`, `.group`, `.label`, `.primaryLogo`,
 * `.secondaryLogo`) lives in the Figma component's CSS module and is reused via
 * `broadcastBarStyles`. Only the shared-only link wrapper, the single-line
 * content row, and the height-driven logo slots are defined here.
 */
.WhwgCuB_8uyvLhYyoVhX {
  display: inline-flex;
  align-items: center;
  min-width: 0px;
  color: inherit;
  text-decoration: none;
}

/*
 * 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, so once the logos
 * became height-driven the items could no longer share a line. The shared bar
 * instead lets the content row wrap: one line when it fits, wrapping onto
 * further lines on narrow screens.
 */
.RnKE7Xw7z4dWOkDkyFuK {
  height: auto;
  /*min-height: 44px;*/
  align-items: center;
}

.skUyNzHhupUNCNqLsiJJ {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  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);
}

/*
 * The shared bar sizes its images from `primaryImageHeight` /
 * `secondaryImageHeight` (set as custom properties on the root) instead of the
 * Figma fixed boxes, so an image is never cropped or letterboxed.
 */
.KjOcJCV5COenbsftKNK3,
.uA7Ci_nW40EWDrK4ERrr {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  min-width: 0px;
  max-width: 100%;
}

.KjOcJCV5COenbsftKNK3 {
  height: var(--broadcast-bar-primary-image-height, 18px);
}

.uA7Ci_nW40EWDrK4ERrr {
  height: var(--broadcast-bar-secondary-image-height, 16.42px);
}

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

.KjOcJCV5COenbsftKNK3 .F0pQ4A_zWirMoTqQsUot,
.uA7Ci_nW40EWDrK4ERrr .wX695pP63S8pfR7VmZ4z {
  height: 100%;
  width: auto;
}