._adSlot_747au_1 {
  width: 100%;
  padding: var(--space-l);
  background: #f9f9f9;
  display: flex;
  justify-content: center;
}

._adSlot_747au_1[data-variant="dark"] {
    background: var(--ink-800);
  }

._adSlotIn_747au_13 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-m);
  max-width: 100%;
}

._adSlotIn_747au_13 a {
    display: block;
    line-height: 0;
    max-width: 100%;
  }

._adSlotIn_747au_13 img {
    display: block;
    height: auto;
    max-width: 100%;
  }

/* Stand-in for a slot when VITE_SKIP_ADS is set. Each size mirrors the space
   @sphtech/web2-ads reserves for that placement, so the page lays out exactly
   as it does with real ads -- lb1's heights must stay in sync with the
   html:has(#adLB1) --nav-ad-h values in global.css. */
._adSlotPlaceholder_747au_37 {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin-inline: auto;
  border: 1px dashed #c8c8c8;
  background: #f4f4f4;
  color: #767676;
  font-family: var(--font-inter);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
._adSlotPlaceholder_747au_37[data-placement="lb1"] {
    width: 320px;
    height: 100px;
  }
@media (min-width: 740px) {
._adSlotPlaceholder_747au_37[data-placement="lb1"] {
      width: 728px;
      height: 90px;
  }
    }
@media (min-width: 1024px) {
._adSlotPlaceholder_747au_37[data-placement="lb1"] {
      width: 970px;
      height: 250px;
  }
    }
._adSlotPlaceholder_747au_37[data-placement="imu1"] {
    width: 300px;
    height: 250px;
  }
/* catfish is a 1x1 out-of-page slot: it reserves no space in the layout. */
._adSlotPlaceholder_747au_37[data-placement="catfish"] {
    display: none;
  }
/*
 * Image is a bare presentational atom that accepts no styling props.
 * Per-instance sizing/appearance is owned by the consuming component's own
 * CSS Module, via the --image-* custom properties below, set on an ancestor
 * (or keyed off a data-* attribute the consumer renders, for per-item values).
 */
._base_10ad1_7 {
  display: block;
  background-color: var(--color-background-placeholder, transparent);
  /* ensure image don't overflow flex constraints https://github.com/philipwalton/flexbugs/issues/225 */
  min-width: 0;
  width: var(--image-width, 100%);

  object-fit: contain;
  object-position: top center;
  height: var(--image-height, auto);
  filter: var(--image-filter, none);
}
@media screen and (--mobile-only-viewport) {
._base_10ad1_7 {
    aspect-ratio: var(--image-aspect-ratio, 1/1);
    background-size: cover;
}
  }
@media screen and (--mobile-up-viewport) {
._base_10ad1_7 {
    aspect-ratio: var(--image-aspect-ratio, 1/1);
    object-fit: cover;
    object-position: top center;
    height: var(--image-height, auto);
}
  }