/* Reference podium composition. Remove this block to return to the prior card layout. */
.podium-overlay {
  align-items: center;
  background:
    radial-gradient(circle at 50% 6%, rgba(255, 255, 255, 0.08), transparent 18%),
    radial-gradient(ellipse at 50% 44%, color-mix(in srgb, var(--banner-accent-line-color) 16%, transparent), transparent 34%),
    radial-gradient(ellipse at 50% 58%, rgba(0, 0, 0, 0.62), transparent 48%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(0, 0, 0, 0.22));
}

.podium-board {
  --podium-side-width: 420px;
  --podium-first-width: 420px;
  --podium-gap: 55px;
  width: 1430px;
  min-height: 840px;
  padding-bottom: 104px;
  filter: none;
}

.podium-board::after {
  content: none;
}

.podium-header {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1370px;
  height: 178px;
  z-index: 7;
  margin: 0;
  transform: translateX(-50%);
  padding: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  clip-path: none;
  background: none;
  box-shadow: none;
}

.podium-header::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 178px;
  clip-path: polygon(0 37%, 31% 37%, 36% 0, 64% 0, 69% 37%, 100% 37%, 96% 100%, 4% 100%);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.52), transparent 8%, transparent 92%, rgba(0, 0, 0, 0.36)),
    linear-gradient(100deg, transparent 0 44%, rgba(255, 255, 255, 0.24) 49%, transparent 55%),
    linear-gradient(180deg, color-mix(in srgb, var(--banner-light-cell-color) 98%, #ffffff 2%) 0%, color-mix(in srgb, var(--banner-light-cell-color) 72%, #000 28%) 18%, color-mix(in srgb, var(--banner-light-cell-color) 92%, #ffffff 8%) 44%, color-mix(in srgb, var(--banner-light-cell-color) 56%, #000 44%) 100%);
  border: 2px solid rgba(255, 255, 255, 0.72);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.9),
    inset 0 -3px 0 rgba(0, 0, 0, 0.34),
    inset 0 0 24px rgba(255, 255, 255, 0.18),
    0 14px 28px rgba(0, 0, 0, 0.46);
}

.podium-header::after {
  content: none;
}

.podium-header strong {
  position: absolute;
  left: 50%;
  top: 6px;
  z-index: 2;
  max-width: none;
  overflow: visible;
  transform: translateX(-50%);
  font-size: calc(var(--board-title-size) * 1.22);
  line-height: 1;
  letter-spacing: 0;
  color: #050505;
  font-style: italic;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.72),
    0 -1px 0 rgba(0, 0, 0, 0.82),
    3px 5px 0 rgba(0, 0, 0, 0.34),
    0 7px 12px rgba(0, 0, 0, 0.42);
}

.podium-header span {
  position: absolute;
  left: 50%;
  top: 116px;
  z-index: 2;
  max-width: 720px;
  transform: translateX(-50%);
  font-size: 44px;
  letter-spacing: 2px;
}

.podium-cards {
  margin-top: 104px;
  padding-bottom: 6px;
  align-items: end;
  isolation: isolate;
  width: 1370px;
  margin-left: auto;
  margin-right: auto;
}

.podium-cards::before {
  content: none;
}

.podium-card {
  grid-template-rows: minmax(0, 1fr) 136px;
  overflow: hidden;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.podium-card::before,
.podium-card::after {
  content: none;
}

.podium-card.second,
.podium-card.third {
  height: 548px;
  transform: translateY(0);
}

.podium-card.first {
  height: 548px;
  z-index: 4;
  transform: translateY(-70px);
  box-shadow: none;
}

.podium-photo-frame {
  border: 3px solid rgba(238, 241, 238, 0.86);
  border-top-color: rgba(255, 255, 255, 0.96);
  border-bottom: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0 3px, rgba(0, 0, 0, 0.36) 3px 5px, transparent 5px),
    linear-gradient(180deg, #252525, #050505);
  box-shadow:
    inset 0 3px 0 rgba(255, 255, 255, 0.52),
    inset 0 0 0 1px rgba(0, 0, 0, 0.55);
  overflow: hidden;
}

.podium-card.first .podium-photo-frame {
  border-top-width: 3px;
  box-shadow:
    inset 0 3px 0 rgba(255, 255, 255, 0.52),
    inset 0 0 0 1px rgba(0, 0, 0, 0.55);
}

.podium-photo-frame img[hidden] {
  display: none;
}

.podium-info {
  position: relative;
  display: block;
  min-height: 136px;
  padding: 0;
  background:
    linear-gradient(100deg, transparent 0 44%, rgba(255, 255, 255, 0.18) 49%, transparent 55%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.22), transparent 18%, transparent 82%, rgba(0, 0, 0, 0.24)),
    linear-gradient(180deg, color-mix(in srgb, var(--banner-light-cell-color) 98%, #ffffff 2%) 0%, color-mix(in srgb, var(--banner-light-cell-color) 86%, #ffffff 14%) 32%, color-mix(in srgb, var(--banner-light-cell-color) 62%, #000 38%) 100%);
  border: 3px solid rgba(238, 241, 238, 0.82);
  border-top: 0;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.78),
    inset 0 0 0 1px rgba(0, 0, 0, 0.18),
    inset 0 -12px 18px rgba(0, 0, 0, 0.28);
}

.podium-card.second .podium-info,
.podium-card.third .podium-info {
  min-height: 128px;
}

.podium-rank,
.podium-card.second .podium-rank,
.podium-card.third .podium-rank {
  position: absolute;
  top: 50%;
  left: 34px;
  width: 84px;
  height: auto;
  display: block;
  color: #111;
  background: none;
  box-shadow: none;
  font-size: 78px;
  line-height: 0.9;
  text-align: left;
  transform: translateY(-50%);
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.86),
    0 -1px 0 rgba(0, 0, 0, 0.82),
    3px 5px 0 rgba(0, 0, 0, 0.3),
    0 7px 10px rgba(0, 0, 0, 0.42);
}

.podium-card.first .podium-rank {
  font-size: 78px;
}

.podium-number,
.podium-card.second .podium-number,
.podium-card.third .podium-number {
  position: absolute;
  left: 0;
  right: 0;
  top: 31px;
  width: 190px;
  padding: 0 24px;
  color: #111;
  font-size: 30px;
  line-height: 1;
  text-align: center;
}

.podium-name,
.podium-card.second .podium-name,
.podium-card.third .podium-name {
  position: absolute;
  left: 0;
  right: 0;
  top: 65px;
  padding: 0 24px;
  color: #111;
  font-size: 46px;
  line-height: 1;
  text-align: center;
}

.podium-card.no-photo .podium-photo-frame::before {
  content: attr(data-placeholder);
  width: auto;
  height: auto;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  color: #f4f6f4;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 104px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  text-shadow:
    0 1px 0 #ffffff,
    0 -1px 0 rgba(0, 0, 0, 0.95),
    3px 5px 0 rgba(0, 0, 0, 0.68),
    0 0 16px rgba(255, 255, 255, 0.42),
    0 0 34px rgba(255, 255, 255, 0.24);
  opacity: 1;
}

.podium-card.no-photo .podium-photo-frame::after {
  content: none;
}

.podium-board.is-nameplate-layout {
  --podium-side-width: 390px;
  --podium-first-width: 450px;
  --podium-gap: 34px;
  min-height: 720px;
}

.podium-board.is-nameplate-layout::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 86px;
  width: 1340px;
  height: 270px;
  z-index: 0;
  transform: translateX(-50%);
  clip-path: polygon(0 56%, 31% 56%, 31% 26%, 39% 26%, 39% 0, 61% 0, 61% 26%, 69% 26%, 69% 56%, 100% 56%, 100% 100%, 0 100%);
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.34), transparent 8%, transparent 92%, rgba(0, 0, 0, 0.32)),
    linear-gradient(180deg, color-mix(in srgb, var(--banner-light-cell-color) 98%, #ffffff 2%) 0%, color-mix(in srgb, var(--banner-light-cell-color) 84%, #ffffff 16%) 34%, color-mix(in srgb, var(--banner-light-cell-color) 55%, #000 45%) 100%);
  border: 2px solid rgba(255, 255, 255, 0.66);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.88),
    inset 0 -4px 0 rgba(0, 0, 0, 0.28),
    0 18px 34px rgba(0, 0, 0, 0.5);
}

.podium-board.is-nameplate-layout::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 86px;
  width: 1340px;
  height: 270px;
  z-index: 1;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    linear-gradient(90deg, transparent 0 30.8%, rgba(0, 0, 0, 0.28) 30.8% 31.2%, transparent 31.2% 38.8%, rgba(0, 0, 0, 0.28) 38.8% 39.2%, transparent 39.2% 60.8%, rgba(0, 0, 0, 0.28) 60.8% 61.2%, transparent 61.2% 68.8%, rgba(0, 0, 0, 0.28) 68.8% 69.2%, transparent 69.2% 100%),
    linear-gradient(180deg, transparent 0 25.5%, rgba(0, 0, 0, 0.22) 25.5% 26.5%, transparent 26.5% 55.5%, rgba(0, 0, 0, 0.22) 55.5% 56.5%, transparent 56.5% 100%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 24%, rgba(0, 0, 0, 0.16));
  clip-path: polygon(0 56%, 31% 56%, 31% 26%, 39% 26%, 39% 0, 61% 0, 61% 26%, 69% 26%, 69% 56%, 100% 56%, 100% 100%, 0 100%);
}

.podium-board.is-nameplate-layout .podium-cards {
  margin-top: 116px;
  align-items: end;
}

.podium-board.is-nameplate-layout .podium-card,
.podium-board.is-nameplate-layout .podium-card.second,
.podium-board.is-nameplate-layout .podium-card.third,
.podium-board.is-nameplate-layout .podium-card.first {
  height: 240px;
  display: grid;
  grid-template-rows: 1fr;
  transform: none;
  background: transparent;
  border: 3px solid rgba(238, 241, 238, 0.82);
  border-radius: 5px;
  box-shadow:
    0 12px 28px rgba(0, 0, 0, 0.46);
}

.podium-board.is-nameplate-layout .podium-card.first {
  height: 280px;
  transform: translateY(-74px);
  border-color: color-mix(in srgb, var(--banner-accent-line-color) 58%, rgba(238, 241, 238, 0.82));
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.32),
    inset 0 -22px 34px rgba(0, 0, 0, 0.46),
    0 0 0 2px color-mix(in srgb, var(--banner-accent-line-color) 44%, transparent),
    0 0 38px color-mix(in srgb, var(--banner-accent-line-color) 28%, transparent),
    0 16px 34px rgba(0, 0, 0, 0.5);
}

.podium-board.is-nameplate-layout .podium-photo-frame {
  display: none;
}

.podium-board.is-nameplate-layout .podium-info {
  min-height: 100%;
  height: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  column-gap: 16px;
  align-items: stretch;
  padding: 18px;
  border: 0;
  background:
    linear-gradient(100deg, transparent 0 44%, rgba(255, 255, 255, 0.13) 49%, transparent 56%),
    linear-gradient(180deg, color-mix(in srgb, var(--banner-dark-cell-color) 82%, #ffffff 18%) 0%, var(--banner-dark-cell-color) 42%, color-mix(in srgb, var(--banner-dark-cell-color) 42%, #000 58%) 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.28),
    inset 0 -18px 28px rgba(0, 0, 0, 0.42);
}

.podium-board.is-nameplate-layout .podium-info::before,
.podium-board.is-nameplate-layout .podium-info::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.podium-board.is-nameplate-layout .podium-info::before {
  left: 18px;
  right: 18px;
  bottom: -4px;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--banner-accent-line-color), transparent);
  box-shadow: 0 0 12px color-mix(in srgb, var(--banner-accent-line-color) 48%, transparent);
}

.podium-board.is-nameplate-layout .podium-info::after {
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 28%, rgba(0, 0, 0, 0.22));
}

.podium-board.is-nameplate-layout .podium-rank,
.podium-board.is-nameplate-layout .podium-card.second .podium-rank,
.podium-board.is-nameplate-layout .podium-card.third .podium-rank {
  position: absolute;
  left: 50%;
  bottom: -174px;
  z-index: 5;
  width: 120px;
  height: 92px;
  display: grid;
  place-items: center;
  transform: translateX(-50%);
  color: #050505;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-size: 92px;
  line-height: 1;
  text-align: center;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.76),
    0 -1px 0 rgba(0, 0, 0, 0.88),
    4px 6px 0 rgba(0, 0, 0, 0.28);
}

.podium-board.is-nameplate-layout .podium-card.first .podium-rank {
  bottom: -216px;
  font-size: 108px;
}

.podium-board.is-nameplate-layout .podium-number,
.podium-board.is-nameplate-layout .podium-card.second .podium-number,
.podium-board.is-nameplate-layout .podium-card.third .podium-number {
  position: static;
  grid-column: 1;
  width: auto;
  max-width: none;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  color: #f4f6f4;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 26%),
    linear-gradient(180deg, #111515, #030404);
  border: 2px solid rgba(255, 255, 255, 0.28);
  border-radius: 4px;
  font-size: clamp(54px, 4.2vw, 76px);
  font-style: italic;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
  text-shadow:
    0 1px 0 #ffffff,
    0 -1px 0 rgba(0, 0, 0, 0.95),
    4px 7px 0 rgba(0, 0, 0, 0.58),
    0 0 30px color-mix(in srgb, var(--banner-accent-line-color) 26%, transparent);
}

.podium-board.is-nameplate-layout .podium-card.first .podium-number {
  font-size: clamp(68px, 5.2vw, 92px);
}

.podium-board.is-nameplate-layout .podium-name,
.podium-board.is-nameplate-layout .podium-card.second .podium-name,
.podium-board.is-nameplate-layout .podium-card.third .podium-name {
  position: static;
  grid-column: 2;
  max-width: none;
  min-width: 0;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 22px;
  color: #111;
  background:
    linear-gradient(100deg, transparent 0 44%, rgba(255, 255, 255, 0.18) 49%, transparent 55%),
    linear-gradient(180deg, color-mix(in srgb, var(--banner-light-cell-color) 98%, #ffffff 2%) 0%, color-mix(in srgb, var(--banner-light-cell-color) 82%, #ffffff 18%) 38%, color-mix(in srgb, var(--banner-light-cell-color) 56%, #000 44%) 100%);
  border: 2px solid rgba(255, 255, 255, 0.62);
  border-radius: 4px;
  font-size: clamp(24px, 2.15vw, 34px);
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

.podium-board.is-nameplate-layout .podium-card.first .podium-name {
  min-height: 0;
  font-size: clamp(28px, 2.45vw, 40px);
}

.top3-qualifiers-board,
.top3-qualifiers-board.is-nameplate-layout {
  --qualifier-side-width: 420px;
  --qualifier-center-width: 440px;
  --qualifier-card-top: 112px;
  --qualifier-side-card-top: 202px;
  --qualifier-podium-bottom: 255px;
  width: 1540px;
  height: 860px;
  min-height: 0;
  padding: 0;
  color: #fff;
  filter: none;
}

.podium-overlay {
  background: transparent;
}

.top3-qualifiers-board::before,
.top3-qualifiers-board::after,
.top3-qualifiers-board.is-nameplate-layout::before,
.top3-qualifiers-board.is-nameplate-layout::after {
  content: none;
}

.top3-qualifiers-board .podium-header {
  display: none;
}

.top3-qualifiers-board .podium-cards {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 4;
  width: 1460px;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: var(--qualifier-side-width) var(--qualifier-center-width) var(--qualifier-side-width);
  gap: 90px;
  align-items: start;
  isolation: isolate;
}

.top3-qualifiers-board .podium-card,
.top3-qualifiers-board .podium-card.second,
.top3-qualifiers-board .podium-card.third,
.top3-qualifiers-board .podium-card.first {
  position: relative;
  z-index: 4;
  height: 300px;
  min-width: 0;
  transform: translateY(var(--qualifier-side-card-top));
  display: grid;
  grid-template-rows: 196px 104px;
  overflow: hidden;
  border: 2px solid rgba(245, 247, 246, 0.8);
  border-radius: 8px;
  background: #151818;
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.44);
}

.top3-qualifiers-board .podium-card.first {
  height: 330px;
  grid-template-rows: 216px 114px;
  transform: translateY(var(--qualifier-card-top));
  border-color: rgba(255, 255, 255, 0.92);
}

.top3-qualifiers-board .podium-card::before,
.top3-qualifiers-board .podium-card::after {
  content: none;
}

.top3-qualifiers-board .podium-photo-frame {
  position: relative;
  min-height: 0;
  display: block;
  border: 0;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 24%),
    linear-gradient(135deg, #3f4545 0%, #232828 48%, #111313 100%);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.14);
}

.top3-qualifiers-board .podium-photo-frame::before,
.top3-qualifiers-board .podium-card.no-photo .podium-photo-frame::before {
  content: attr(data-placeholder);
  position: absolute;
  left: 50%;
  top: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.9);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 78px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  opacity: 0.54;
  text-shadow: 0 3px 8px rgba(0, 0, 0, 0.55);
}

.top3-qualifiers-board .podium-photo-frame::after,
.top3-qualifiers-board .podium-card.no-photo .podium-photo-frame::after {
  content: none;
}

.top3-qualifiers-board .podium-photo-frame img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center top;
}

.top3-qualifiers-board .podium-info {
  position: relative;
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: 122px minmax(0, 1fr);
  align-items: center;
  gap: 0;
  padding: 0;
  border: 0;
  background:
    linear-gradient(180deg, #303434 0%, #171a1a 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.top3-qualifiers-board .podium-rank {
  display: none;
}

.top3-qualifiers-board .podium-number,
.top3-qualifiers-board .podium-card.second .podium-number,
.top3-qualifiers-board .podium-card.third .podium-number,
.top3-qualifiers-board .podium-card.first .podium-number {
  position: static;
  min-width: 0;
  width: auto;
  height: 100%;
  display: grid;
  place-items: center;
  padding: 0 12px;
  color: #fff;
  background: #090a0a;
  border: 0;
  border-right: 2px solid rgba(255, 255, 255, 0.18);
  border-radius: 0;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 58px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.54);
}

.top3-qualifiers-board .podium-name,
.top3-qualifiers-board .podium-card.second .podium-name,
.top3-qualifiers-board .podium-card.third .podium-name,
.top3-qualifiers-board .podium-card.first .podium-name {
  position: static;
  min-width: 0;
  width: auto;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 24px;
  color: #fff;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-family: "Barlow Condensed Local", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 45px;
  font-weight: 900;
  line-height: 0.95;
  text-align: left;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.58);
}

.top3-qualifiers-board .podium-card.first .podium-name {
  font-size: 50px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-cards {
  top: 114px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 112px;
  transform: translateY(var(--qualifier-side-card-top));
  grid-template-rows: 1fr;
  border-radius: 7px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 124px;
  transform: translateY(var(--qualifier-card-top));
}

.top3-qualifiers-board.is-nameplate-layout .podium-photo-frame {
  display: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  grid-template-columns: 132px minmax(0, 1fr);
  background:
    linear-gradient(180deg, #3b4040 0%, #171a1a 100%);
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  font-size: 64px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  font-size: 48px;
}

.qualifier-podium {
  position: absolute;
  left: 50%;
  bottom: var(--qualifier-podium-bottom);
  z-index: 2;
  width: 1320px;
  height: 310px;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: 1fr 1.08fr 1fr;
  align-items: end;
  gap: 0;
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.42));
}

.qualifier-step {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  border: 3px solid rgba(255, 255, 255, 0.78);
  border-bottom: 0;
  background:
    linear-gradient(180deg, #f1f3f2 0%, #bfc4c2 48%, #8b9290 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.82),
    inset 0 -16px 24px rgba(0, 0, 0, 0.16);
}

.qualifier-step-second {
  height: 190px;
  border-radius: 8px 0 0 0;
}

.qualifier-step-first {
  height: 310px;
  border-left: 0;
  border-right: 0;
  border-radius: 8px 8px 0 0;
}

.qualifier-step-third {
  height: 190px;
  border-radius: 0 8px 0 0;
}

.qualifier-step span {
  color: #050505;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 124px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.86),
    0 5px 8px rgba(0, 0, 0, 0.26);
}

.qualifier-step-first span {
  font-size: 154px;
}

.qualifier-base {
  position: absolute;
  left: 50%;
  bottom: 92px;
  z-index: 3;
  width: 1450px;
  height: 170px;
  transform: translateX(-50%);
  display: grid;
  grid-template-rows: 108px 62px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.62);
  border-radius: 8px;
  background: #161919;
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.44);
}

.qualifier-base strong {
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 0 46px;
  color: #fff;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 82px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  text-transform: uppercase;
  background:
    linear-gradient(180deg, #343838 0%, #161919 100%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.62);
}

.qualifier-base span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 18px;
  padding: 0 42px;
  color: #fff;
  background: #070808;
  border-top: 2px solid rgba(255, 255, 255, 0.16);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 39px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

.qualifier-base b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qualifier-base i {
  color: rgba(255, 255, 255, 0.58);
  font-style: normal;
}

.top3-qualifiers-board.is-nameplate-layout {
  --qualifier-side-width: 410px;
  --qualifier-center-width: 410px;
  --qualifier-card-top: 88px;
  --qualifier-side-card-top: 198px;
  --qualifier-podium-bottom: 255px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-cards {
  top: 0;
  width: 1320px;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  align-items: start;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 138px;
  transform: translateY(var(--qualifier-side-card-top));
  border: 2px solid rgba(245, 247, 246, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(105deg, transparent 0 38%, rgba(255, 255, 255, 0.13) 45%, transparent 53%),
    linear-gradient(180deg, #414646 0%, #1d2020 48%, #080909 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -13px 22px rgba(0, 0, 0, 0.36),
    0 12px 24px rgba(0, 0, 0, 0.42);
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  transform: translateY(var(--qualifier-card-top));
  border-color: rgba(245, 247, 246, 0.82);
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  position: relative;
  display: block;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -10px 16px rgba(0, 0, 0, 0.3);
}

.top3-qualifiers-board.is-nameplate-layout .podium-info::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.2) 45%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 34%, rgba(0, 0, 0, 0.24));
}

.top3-qualifiers-board.is-nameplate-layout .podium-info::after {
  content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: 0;
  z-index: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.top3-qualifiers-board.is-nameplate-layout .podium-rank,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-rank,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-rank,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-rank {
  display: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  position: absolute;
  left: 24px;
  right: auto;
  top: auto;
  bottom: 5px;
  z-index: 2;
  width: auto;
  height: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 14px 0 0;
  color: rgba(255, 255, 255, 0.92);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 23px;
  white-space: nowrap;
  overflow: visible;
  line-height: 1;
  text-align: left;
  transform: none;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.66);
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 34px;
  color: #fff;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 37px;
  line-height: 0.95;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top3-qualifiers-board.is-nameplate-layout .qualifier-podium {
  width: 1320px;
}

.top3-qualifiers-board.is-nameplate-layout .qualifier-step {
  background:
    linear-gradient(110deg, transparent 0 40%, rgba(255, 255, 255, 0.38) 48%, transparent 58%),
    linear-gradient(180deg, #f7f9f8 0%, #c4c9c7 48%, #8a918e 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.9),
    inset 0 -18px 26px rgba(0, 0, 0, 0.18),
    inset 18px 0 24px rgba(255, 255, 255, 0.12),
    inset -18px 0 24px rgba(0, 0, 0, 0.12);
}

.top3-qualifiers-board.is-nameplate-layout .qualifier-step span {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  transform: none;
}

.top3-qualifiers-board.is-nameplate-layout .qualifier-base {
  width: 1320px;
}

.top3-qualifiers-board.is-nameplate-layout .qualifier-base strong {
  background:
    linear-gradient(106deg, transparent 0 41%, rgba(255, 255, 255, 0.18) 48%, transparent 56%),
    linear-gradient(180deg, #393f3f 0%, #171a1a 100%);
}

.top3-qualifiers-board.is-nameplate-layout .qualifier-base span {
  gap: 0;
  background:
    linear-gradient(106deg, transparent 0 41%, rgba(255, 255, 255, 0.08) 48%, transparent 56%),
    #070808;
}

.top3-qualifiers-board.is-nameplate-layout .qualifier-base span b {
  max-width: 100%;
  text-align: center;
}

.top3-qualifiers-board.is-photo-layout {
  --qualifier-side-width: 410px;
  --qualifier-center-width: 410px;
  --qualifier-card-top: 72px;
  --qualifier-side-card-top: 184px;
  --qualifier-podium-bottom: 255px;
}

.top3-qualifiers-board.is-photo-layout .podium-cards {
  top: 0;
  width: 1320px;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  align-items: start;
}

.top3-qualifiers-board.is-photo-layout .podium-card,
.top3-qualifiers-board.is-photo-layout .podium-card.second,
.top3-qualifiers-board.is-photo-layout .podium-card.third,
.top3-qualifiers-board.is-photo-layout .podium-card.first {
  height: 168px;
  transform: translateY(var(--qualifier-side-card-top));
  display: grid;
  grid-template-columns: 154px minmax(0, 1fr);
  grid-template-rows: 1fr;
  border: 2px solid rgba(245, 247, 246, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(105deg, transparent 0 38%, rgba(255, 255, 255, 0.13) 45%, transparent 53%),
    linear-gradient(180deg, #414646 0%, #1d2020 48%, #080909 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -13px 22px rgba(0, 0, 0, 0.36),
    0 12px 24px rgba(0, 0, 0, 0.42);
}

.top3-qualifiers-board.is-photo-layout .podium-card.first {
  transform: translateY(var(--qualifier-card-top));
  border-color: rgba(245, 247, 246, 0.82);
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame {
  display: block;
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  min-height: 0;
  border: 0;
  border-right: 2px solid rgba(255, 255, 255, 0.16);
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.2) 45%, transparent 55%),
    linear-gradient(180deg, #4b5151 0%, #202424 48%, #080909 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -10px 16px rgba(0, 0, 0, 0.3);
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame::before,
.top3-qualifiers-board.is-photo-layout .podium-card.no-photo .podium-photo-frame::before {
  font-size: 56px;
  opacity: 0.64;
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame::after,
.top3-qualifiers-board.is-photo-layout .podium-card.no-photo .podium-photo-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.16) 45%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 38%, rgba(0, 0, 0, 0.18));
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.top3-qualifiers-board.is-photo-layout .podium-info {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  display: block;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -10px 16px rgba(0, 0, 0, 0.3);
}

.top3-qualifiers-board.is-photo-layout .podium-info::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.18) 45%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 34%, rgba(0, 0, 0, 0.24));
}

.top3-qualifiers-board.is-photo-layout .podium-info::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  z-index: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.top3-qualifiers-board.is-photo-layout .podium-rank,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-rank,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-rank,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-rank {
  display: none;
}

.top3-qualifiers-board.is-photo-layout .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-number {
  position: absolute;
  left: 18px;
  right: auto;
  top: auto;
  bottom: 5px;
  z-index: 2;
  width: 176px;
  height: auto;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 14px 0 0;
  color: rgba(255, 255, 255, 0.92);
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 23px;
  white-space: nowrap;
  overflow: visible;
  line-height: 1;
  text-align: left;
  transform: none;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.66);
}

.top3-qualifiers-board.is-photo-layout .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-name {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: #fff;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-size: 31px;
  line-height: 0.95;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top3-qualifiers-board.is-photo-layout .qualifier-podium,
.top3-qualifiers-board.is-photo-layout .qualifier-base {
  width: 1320px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-step {
  background:
    linear-gradient(110deg, transparent 0 40%, rgba(255, 255, 255, 0.38) 48%, transparent 58%),
    linear-gradient(180deg, #f7f9f8 0%, #c4c9c7 48%, #8a918e 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.9),
    inset 0 -18px 26px rgba(0, 0, 0, 0.18),
    inset 18px 0 24px rgba(255, 255, 255, 0.12),
    inset -18px 0 24px rgba(0, 0, 0, 0.12);
}

.top3-qualifiers-board.is-photo-layout .qualifier-base strong {
  background:
    linear-gradient(106deg, transparent 0 41%, rgba(255, 255, 255, 0.18) 48%, transparent 56%),
    linear-gradient(180deg, #393f3f 0%, #171a1a 100%);
}

.top3-qualifiers-board.is-photo-layout .qualifier-base span {
  gap: 0;
  background:
    linear-gradient(106deg, transparent 0 41%, rgba(255, 255, 255, 0.08) 48%, transparent 56%),
    #070808;
}

.top3-qualifiers-board.is-photo-layout .qualifier-base span b {
  max-width: 100%;
  text-align: center;
}

.top3-qualifiers-board.is-nameplate-layout {
  --qualifier-card-top: 72px;
  --qualifier-side-card-top: 184px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 168px;
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  grid-template-rows: 1fr;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  transform: translateY(var(--qualifier-card-top));
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  display: grid;
  grid-template-columns: 148px minmax(0, 1fr);
  grid-template-rows: 1fr;
  height: 100%;
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  position: relative;
  left: auto;
  bottom: auto;
  grid-column: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.18) 45%, transparent 55%),
    linear-gradient(180deg, #151818 0%, #070808 100%);
  border-right: 2px solid rgba(255, 255, 255, 0.16);
  font-size: 48px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  position: relative;
  inset: auto;
  grid-column: 2;
  width: 100%;
  height: 100%;
  padding: 0 24px;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 43px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.45),
    0 4px 7px rgba(0, 0, 0, 0.62);
}

.top3-qualifiers-board.is-nameplate-layout {
  --qualifier-side-width: 410px;
  --qualifier-center-width: 410px;
  --qualifier-card-top: 72px;
  --qualifier-side-card-top: 184px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-cards {
  top: 0;
  width: 1320px;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
  align-items: start;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 168px;
  transform: translateY(var(--qualifier-side-card-top));
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  border: 2px solid rgba(245, 247, 246, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(105deg, transparent 0 38%, rgba(255, 255, 255, 0.13) 45%, transparent 53%),
    linear-gradient(180deg, #414646 0%, #1d2020 48%, #080909 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -13px 22px rgba(0, 0, 0, 0.36),
    0 12px 24px rgba(0, 0, 0, 0.42);
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  transform: translateY(var(--qualifier-card-top));
  border-color: rgba(245, 247, 246, 0.82);
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 58px minmax(0, 1fr);
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    inset 0 -10px 16px rgba(0, 0, 0, 0.3);
}

.top3-qualifiers-board.is-nameplate-layout .podium-info::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.18) 45%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 34%, rgba(0, 0, 0, 0.24));
}

.top3-qualifiers-board.is-nameplate-layout .podium-info::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  z-index: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.top3-qualifiers-board.is-nameplate-layout .podium-rank,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-rank,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-rank,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-rank {
  display: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  color: rgba(255, 255, 255, 0.92);
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.2) 45%, transparent 55%),
    linear-gradient(180deg, #4b5151 0%, #202424 48%, #080909 100%);
  border: 0;
  border-right: 2px solid rgba(255, 255, 255, 0.16);
  border-radius: 0;
  font-size: 52px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  text-align: center;
  transform: none;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.45),
    0 4px 7px rgba(0, 0, 0, 0.62);
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  position: relative;
  inset: auto;
  z-index: 1;
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: #fff;
  background: transparent;
  border: 0;
  border-radius: 0;
  font-family: "Barlow Condensed Local", "Arial Narrow", Arial, Helvetica, sans-serif;
  font-size: 31px;
  font-weight: 900;
  font-style: normal;
  line-height: 0.95;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.58);
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  grid-template-columns: 1fr;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  grid-template-columns: 1fr;
  grid-template-rows: 56px minmax(0, 1fr);
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 56px;
  padding: 0 24px;
  border-right: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.16);
  font-size: 38px;
  color: rgba(255, 255, 255, 0.64);
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  grid-column: 1;
  grid-row: 2;
  padding: 0 28px 4px;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 47px;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 46%, #b8bcbc 100%);
  -webkit-background-clip: padding-box, text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.62));
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  grid-template-columns: 1fr;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  grid-template-columns: 1fr;
  grid-template-rows: 56px minmax(0, 1fr);
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 56px;
  justify-content: center;
  padding: 0 24px;
  border-right: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.16);
  font-size: 38px;
  color: rgba(255, 255, 255, 0.64);
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  grid-column: 1;
  grid-row: 2;
  padding: 0 28px 4px;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 47px;
  font-weight: 700;
  font-style: italic;
  background: linear-gradient(180deg, #ffffff 0%, #f5f5f5 46%, #b8bcbc 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: none;
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.62));
}

.bug,
.topbar,
.lower-third {
  background: color-mix(in srgb, var(--graphic-background-color) 86%, transparent);
}

.leaders-row,
.lineup-row,
.top-five-row {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--graphic-panel-color) 78%, #ffffff 22%) 0%, var(--graphic-panel-color) 42%, color-mix(in srgb, var(--graphic-panel-color) 38%, #000 62%) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.1), transparent 20%, transparent 84%, rgba(0, 0, 0, 0.26));
  border-right-color: var(--graphic-border-color);
  border-bottom-color: var(--graphic-border-color);
}

.strip-cell,
.laps-box.is-plain,
.strip-session {
  border-color: var(--graphic-border-color);
}

.strip-cell b,
.strip-rotation .strip-cell b,
.lap-row b,
.leaders-pos,
.lineup-row .pos,
.rank {
  color: var(--graphic-badge-text-color);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 22%),
    linear-gradient(180deg, color-mix(in srgb, var(--graphic-badge-color) 72%, #ffffff 28%) 0%, var(--graphic-badge-color) 58%, color-mix(in srgb, var(--graphic-badge-color) 58%, #000 42%) 100%);
}

.leaders-third header strong,
.lineup-title strong,
.top-five-title strong,
.top-five-footer strong,
.lineup-footer,
.last-lap-panel footer {
  color: var(--graphic-light-text-color);
}

.leaders-third header span,
.lineup-title span,
.top-five-title span {
  color: var(--graphic-light-subtext-color);
}

.leaders-third header,
.lineup-header,
.top-five-header {
  padding: 0 34px;
  overflow: hidden;
  border-radius: 32px 32px 0 0;
}

.leaders-third header {
  border-radius: 4px 4px 0 0;
}

.lineup-header,
.top-five-header {
  border-radius: 4px 4px 0 0;
}

.leaders-third header,
.lineup-header,
.top-five-header,
.lineup-footer,
.top-five-footer strong {
  outline: 1px solid rgba(255, 255, 255, 0.16);
  outline-offset: -1px;
}

.leaders-third header::after,
.lineup-header::after,
.top-five-header::after {
  background:
    linear-gradient(105deg, transparent 0 44%, rgba(255, 255, 255, 0.58) 50%, transparent 56%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.24), transparent 34%, rgba(0, 0, 0, 0.18));
}

.leaders-third header::before,
.lineup-header::before,
.top-five-header::before {
  height: 5px;
  background:
    linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--banner-accent-line-color) 22%, transparent) 12%, var(--banner-accent-line-color) 50%, color-mix(in srgb, var(--banner-accent-line-color) 22%, transparent) 88%, transparent 100%);
  box-shadow:
    0 -1px 0 rgba(255, 255, 255, 0.32),
    0 0 9px color-mix(in srgb, var(--banner-accent-line-color) 52%, transparent),
    0 3px 6px rgba(0, 0, 0, 0.28);
}

.leaders-row,
.lineup-row,
.top-five-row {
  border-radius: 3px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -10px 16px rgba(0, 0, 0, 0.42),
    inset 4px 0 0 color-mix(in srgb, var(--banner-accent-line-color) 52%, transparent),
    0 4px 10px rgba(0, 0, 0, 0.34);
}

.leaders-row:nth-child(even),
.lineup-row:nth-child(even),
.top-five-row:nth-child(even) {
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--graphic-panel-color) 86%, #ffffff 14%) 0%, color-mix(in srgb, var(--graphic-panel-color) 92%, #000 8%) 42%, color-mix(in srgb, var(--graphic-panel-color) 45%, #000 55%) 100%),
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 20%, transparent 84%, rgba(0, 0, 0, 0.3));
}

.leaders-name,
.lineup-row .name,
.result-name {
  letter-spacing: 0;
  padding-left: 16px;
}

.leaders-num,
.lineup-row .num,
.result-number {
  color: color-mix(in srgb, var(--banner-light-cell-color) 82%, #ffffff 18%);
}

.lineup-title,
.top-five-title {
  width: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 0 32px;
  border-radius: 0;
  overflow: visible;
  background: none;
  box-shadow: none;
}

.lineup-header > .lineup-title,
.top-five-header > .top-five-title {
  position: relative;
}

.lineup-title strong,
.top-five-title strong {
  margin-left: 0;
}

@media (max-width: 800px) {
  .control {
    grid-template-columns: 1fr;
    grid-template-areas:
      "hero"
      "nav"
      "timing"
      "output"
      "story"
      "banner"
      "weather"
      "podium"
      "style"
      "upper-left"
      "data"
      "advanced";
  }

  .control-hero,
  .panel-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .operator-health {
    grid-template-columns: 1fr;
  }

  .health-summary {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }

  .control-brand {
    align-items: flex-start;
    flex-direction: column;
  }

  .control-hero-actions {
    min-width: 0;
    width: 100%;
  }

  .control-mode-toggle {
    width: 100%;
  }

  .control-logo {
    max-width: 240px;
    width: 65vw;
  }

  .status-pill,
  .send-output-box {
    min-width: 0;
    width: 100%;
  }

  .output-heading {
    grid-template-columns: 1fr;
    grid-template-areas:
      "topbar"
      "url"
      "qrbutton"
      "qrpanel";
  }

  .output-topbar {
    grid-template-columns: 1fr;
  }

  .send-output-box {
    grid-template-columns: 1fr;
  }

  .send-readiness-note {
    grid-column: 1;
    min-height: 48px;
    font-size: 18px;
  }

  .program-buttons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vmix-url-box {
    grid-template-columns: 1fr;
  }

  .style-grid,
  .style-option-row,
  .banner-panel .style-grid,
  .banner-adjustments-grid,
  .banner-colors-grid,
  .style-panel .style-grid,
  .vmix-advanced-grid,
  .top3-settings-grid,
  .banner-control-actions,
  .metric-checkbox-grid,
  .banner-control-grid,
  .timing-control-row,
  .top3-control-grid,
    .top3-driver-fields,
    .missing-control-row,
	  .health-grid,
	  .operator-health-grid,
	  .race-ready-topline,
    .race-ready-action,
	  .race-ready-grid,
    .banner-logo-status,
    .output-info-panels,
    .output-info-panel,
    .output-info-grid,
    .race-story-control-grid,
    .race-story-action-row,
    .links {
    grid-template-columns: 1fr;
  }

  .top3-photo-row {
    grid-template-columns: 1fr;
  }

  .timing-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .output-vmix-panel .links,
  .output-vmix-panel .vmix-advanced-grid {
    grid-template-columns: 1fr;
  }

  .output-weather-panel .output-info-grid,
  .output-ticker-panel .output-info-grid {
    grid-template-columns: 1fr;
  }

  .output-vmix-panel .subpanel-heading {
    display: grid;
  }

  .output-vmix-panel .subpanel-heading span {
    text-align: left;
  }

  .banner-panel .banner-logo-upload-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .banner-panel .banner-logo-upload-grid .banner-logo-field {
    grid-column: span 1;
  }

  .timing-panel #timingStatus {
    text-align: left;
  }

  .clear-top3-photo,
  .top3-actions button {
    width: 100%;
  }
}

.top3-qualifiers-board.is-nameplate-layout {
  --qualifier-side-width: 410px;
  --qualifier-center-width: 410px;
  --qualifier-card-top: -38px;
  --qualifier-side-card-top: 82px;
  --qualifier-podium-bottom: 255px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-cards {
  top: 0;
  width: 1320px;
  grid-template-columns: repeat(3, 1fr);
  gap: 45px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 168px;
  transform: translateY(var(--qualifier-side-card-top));
  display: grid;
  grid-template-columns: 154px minmax(0, 1fr);
  grid-template-rows: 1fr;
  border: 2px solid rgba(245, 247, 246, 0.82);
  border-radius: 8px;
  overflow: hidden;
  background:
    linear-gradient(105deg, transparent 0 38%, rgba(255, 255, 255, 0.13) 45%, transparent 53%),
    linear-gradient(180deg, #414646 0%, #1d2020 48%, #080909 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.24),
    inset 0 -13px 22px rgba(0, 0, 0, 0.36),
    0 12px 24px rgba(0, 0, 0, 0.42);
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  transform: translateY(var(--qualifier-card-top));
}

.top3-qualifiers-board.is-nameplate-layout .podium-photo-frame {
  display: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  position: relative;
  grid-column: 1 / -1;
  grid-row: 1;
  display: grid;
  grid-template-columns: 154px minmax(0, 1fr);
  grid-template-rows: 1fr;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background: transparent;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.18) 45%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 34%, rgba(0, 0, 0, 0.24));
}

.top3-qualifiers-board.is-nameplate-layout .podium-info::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  z-index: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

.top3-qualifiers-board.is-nameplate-layout .podium-rank {
  display: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  position: relative;
  inset: auto;
  z-index: 1;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  color: rgba(255, 255, 255, 0.58);
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.2) 45%, transparent 55%),
    linear-gradient(180deg, #4b5151 0%, #202424 48%, #080909 100%);
  border: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.16);
  border-radius: 0;
  font-size: 40px;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 4px 7px rgba(0, 0, 0, 0.56);
  transform: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  position: relative;
  inset: auto;
  z-index: 1;
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 28px 2px;
  color: transparent;
  background: linear-gradient(180deg, #ffffff 0%, #f3f5f4 46%, #aeb5b3 100%);
  -webkit-background-clip: text;
  background-clip: text;
  border: 0;
  border-radius: 0;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 48px;
  font-weight: 900;
  font-style: italic;
  line-height: 0.95;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none;
  filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 0.55));
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  grid-template-columns: 1fr;
  grid-template-rows: 58px minmax(0, 1fr);
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: none;
  height: 58px;
  min-height: 0;
  border-right: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.16);
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  grid-column: 1;
  grid-row: 2;
  width: 100%;
  max-width: none;
  min-width: 0;
  transform: none;
  padding: 6px 34px 4px;
  align-self: stretch;
  justify-self: stretch;
  font-size: clamp(34px, 2.85vw, 52px);
}

.top3-qualifiers-board.is-photo-layout {
  --qualifier-card-top: 0px;
  --qualifier-side-card-top: 86px;
  --qualifier-podium-bottom: 245px;
  transform: none;
  transform-origin: center center;
}

.top3-qualifiers-board.is-photo-layout .podium-cards {
  width: 1260px;
  gap: 44px;
}

.top3-qualifiers-board.is-photo-layout .podium-card,
.top3-qualifiers-board.is-photo-layout .podium-card.second,
.top3-qualifiers-board.is-photo-layout .podium-card.third,
.top3-qualifiers-board.is-photo-layout .podium-card.first {
  position: relative;
  height: 342px;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame {
  position: absolute;
  inset: 52px 0 58px;
  z-index: 1;
  display: block;
  width: 100%;
  min-width: 0;
  height: auto;
  border: 0;
  background:
    linear-gradient(108deg, transparent 0 35%, rgba(255, 255, 255, 0.18) 45%, transparent 56%),
    linear-gradient(180deg, #323737 0%, #161919 52%, #060707 100%);
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame::before,
.top3-qualifiers-board.is-photo-layout .podium-card.no-photo .podium-photo-frame::before {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.28);
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.top3-qualifiers-board.is-photo-layout .podium-info {
  position: absolute;
  inset: 0;
  z-index: 3;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 52px minmax(0, 1fr) 58px;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}

.top3-qualifiers-board.is-photo-layout .podium-info::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.12) 45%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), transparent 30%, rgba(0, 0, 0, 0.22));
}

.top3-qualifiers-board.is-photo-layout .podium-info::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  z-index: 0;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.48), transparent);
}

.top3-qualifiers-board.is-photo-layout .podium-rank,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-rank,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-rank,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-rank {
  display: none;
}

.top3-qualifiers-board.is-photo-layout .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-number {
  position: relative;
  inset: auto;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  max-width: none;
  height: 52px;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: rgba(255, 255, 255, 0.58);
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.2) 45%, transparent 55%),
    linear-gradient(180deg, #4b5151 0%, #202424 48%, #080909 100%);
  border: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.16);
  border-radius: 0;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: clamp(30px, 2.35vw, 43px);
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 4px 7px rgba(0, 0, 0, 0.56);
  transform: none;
}

.top3-qualifiers-board.is-photo-layout .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-name {
  position: relative;
  inset: auto;
  z-index: 2;
  grid-column: 1;
  grid-row: 3;
  width: 100%;
  max-width: none;
  min-width: 0;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 28px 2px;
  color: transparent;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent),
    linear-gradient(180deg, #ffffff 0%, #f3f5f4 46%, #aeb5b3 100%);
  -webkit-background-clip: padding-box, text;
  background-clip: padding-box, text;
  border: 0;
  border-top: 2px solid rgba(255, 255, 255, 0.14);
  border-radius: 0;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: clamp(30px, 2.5vw, 46px);
  font-weight: 900;
  font-style: italic;
  line-height: 0.95;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none;
  filter: drop-shadow(0 4px 5px rgba(0, 0, 0, 0.55));
  transform: none;
}

.top3-qualifiers-board.is-photo-layout .qualifier-podium,
.top3-qualifiers-board.is-photo-layout .qualifier-base {
  width: 1260px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-podium {
  height: 230px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-step-second,
.top3-qualifiers-board.is-photo-layout .qualifier-step-third {
  height: 145px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-step-first {
  height: 230px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-step span {
  font-size: 96px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-step-first span {
  font-size: 126px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-base {
  bottom: 78px;
  height: 144px;
  grid-template-rows: 92px 52px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-base strong {
  font-size: 70px;
}

.top3-qualifiers-board.is-photo-layout .qualifier-base span {
  font-size: 34px;
}

body.graphics-theme-dark .lineup-board,
body.graphics-theme-dark .leaders-third,
body.graphics-theme-dark .top-five-board,
body.graphics-theme-dark .top3-qualifiers-board,
body.graphics-theme-dark .bug,
body.graphics-theme-dark .topbar,
body.graphics-theme-dark .lower-third {
  --theme-rail-top: #353a3a;
  --theme-rail-mid: #181b1b;
  --theme-rail-bottom: #060707;
  --theme-row-top: #3c4141;
  --theme-row-mid: #1a1d1d;
  --theme-row-bottom: #050606;
  --theme-soft-line: rgba(255, 255, 255, 0.18);
  --theme-hard-line: rgba(0, 0, 0, 0.72);
  --theme-main-text: #ffffff;
  --theme-sub-text: #d8dddd;
  --theme-badge-top: #191c1d;
  --theme-badge-bottom: #000000;
}

body.graphics-theme-light .lineup-board,
body.graphics-theme-light .leaders-third,
body.graphics-theme-light .top-five-board,
body.graphics-theme-light .top3-qualifiers-board,
body.graphics-theme-light .bug,
body.graphics-theme-light .topbar,
body.graphics-theme-light .lower-third {
  --theme-rail-top: #ffffff;
  --theme-rail-mid: #f6f8f8;
  --theme-rail-bottom: #dfe7e7;
  --theme-row-top: #ffffff;
  --theme-row-mid: #fbfcfc;
  --theme-row-bottom: #e9eeee;
  --theme-soft-line: rgba(255, 255, 255, 0.92);
  --theme-hard-line: rgba(0, 0, 0, 0.18);
  --theme-main-text: #080a0b;
  --theme-sub-text: #252b2d;
  --theme-badge-top: #191c1d;
  --theme-badge-bottom: #000000;
}

body.graphics-theme-dark .lineup-header,
body.graphics-theme-dark .leaders-third header,
body.graphics-theme-dark .top-five-header,
body.graphics-theme-dark .lineup-footer,
body.graphics-theme-dark .top-five-footer strong,
body.graphics-theme-dark .topbar,
body.graphics-theme-dark .bug,
body.graphics-theme-dark .lower-third,
body.graphics-theme-light .lineup-header,
body.graphics-theme-light .leaders-third header,
body.graphics-theme-light .top-five-header,
body.graphics-theme-light .lineup-footer,
body.graphics-theme-light .top-five-footer strong,
body.graphics-theme-light .topbar,
body.graphics-theme-light .bug,
body.graphics-theme-light .lower-third {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.22) 0 10%, transparent 26% 78%, rgba(0, 0, 0, 0.08) 100%),
    linear-gradient(180deg, var(--theme-rail-top) 0%, var(--theme-rail-mid) 52%, var(--theme-rail-bottom) 100%);
  border-color: var(--theme-hard-line);
  color: var(--theme-main-text);
  box-shadow:
    inset 0 1px 0 var(--theme-soft-line),
    inset 0 -12px 18px rgba(0, 0, 0, 0.18),
    0 7px 14px rgba(0, 0, 0, 0.32);
}

body.graphics-theme-light .lineup-header,
body.graphics-theme-light .leaders-third header,
body.graphics-theme-light .top-five-header,
body.graphics-theme-light .lineup-footer,
body.graphics-theme-light .top-five-footer strong,
body.graphics-theme-light .topbar,
body.graphics-theme-light .bug,
body.graphics-theme-light .lower-third {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.82) 0 16%, transparent 34% 74%, rgba(0, 0, 0, 0.035) 100%),
    linear-gradient(180deg, var(--theme-rail-top) 0%, var(--theme-rail-mid) 58%, var(--theme-rail-bottom) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -10px 16px rgba(0, 0, 0, 0.07),
    0 7px 14px rgba(0, 0, 0, 0.24);
}

body.graphics-theme-dark .lineup-slot-area,
body.graphics-theme-dark .leaders-rows,
body.graphics-theme-dark .top-five-rows,
body.graphics-theme-light .lineup-slot-area,
body.graphics-theme-light .leaders-rows,
body.graphics-theme-light .top-five-rows {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.18) 0 12%, transparent 32% 76%, rgba(0, 0, 0, 0.12) 100%),
    linear-gradient(180deg, var(--theme-rail-top) 0%, var(--theme-rail-mid) 54%, var(--theme-rail-bottom) 100%);
  border-color: var(--theme-hard-line);
}

body.graphics-theme-light .lineup-slot-area,
body.graphics-theme-light .leaders-rows,
body.graphics-theme-light .top-five-rows {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.78) 0 16%, transparent 34% 74%, rgba(0, 0, 0, 0.035) 100%),
    linear-gradient(180deg, #ffffff 0%, #f8faf9 54%, #e2e9e9 100%);
}

body.graphics-theme-dark .leaders-row,
body.graphics-theme-dark .lineup-row,
body.graphics-theme-dark .top-five-row,
body.graphics-theme-dark .leaders-row:nth-child(even),
body.graphics-theme-dark .lineup-row:nth-child(even),
body.graphics-theme-dark .top-five-row:nth-child(even),
body.graphics-theme-light .leaders-row,
body.graphics-theme-light .lineup-row,
body.graphics-theme-light .top-five-row,
body.graphics-theme-light .leaders-row:nth-child(even),
body.graphics-theme-light .lineup-row:nth-child(even),
body.graphics-theme-light .top-five-row:nth-child(even) {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.16) 0 10%, transparent 28% 78%, rgba(0, 0, 0, 0.16) 100%),
    linear-gradient(180deg, var(--theme-row-top) 0%, var(--theme-row-mid) 52%, var(--theme-row-bottom) 100%);
  border-color: var(--theme-hard-line);
  box-shadow:
    inset 0 1px 0 var(--theme-soft-line),
    inset 0 -10px 16px rgba(0, 0, 0, 0.26),
    inset 4px 0 0 color-mix(in srgb, var(--banner-accent-line-color) 52%, transparent),
    0 4px 10px rgba(0, 0, 0, 0.3);
}

body.graphics-theme-light .leaders-row,
body.graphics-theme-light .lineup-row,
body.graphics-theme-light .top-five-row,
body.graphics-theme-light .leaders-row:nth-child(even),
body.graphics-theme-light .lineup-row:nth-child(even),
body.graphics-theme-light .top-five-row:nth-child(even) {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.84) 0 15%, transparent 34% 74%, rgba(0, 0, 0, 0.035) 100%),
    linear-gradient(180deg, var(--theme-row-top) 0%, var(--theme-row-mid) 52%, var(--theme-row-bottom) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -9px 14px rgba(0, 0, 0, 0.06),
    inset 4px 0 0 color-mix(in srgb, var(--banner-accent-line-color) 46%, transparent),
    0 4px 10px rgba(0, 0, 0, 0.24);
}

body.graphics-theme-dark .lineup-title span,
body.graphics-theme-dark .lineup-title strong,
body.graphics-theme-dark .leaders-third header span,
body.graphics-theme-dark .leaders-third header strong,
body.graphics-theme-dark .top-five-title span,
body.graphics-theme-dark .top-five-title strong,
body.graphics-theme-dark .lineup-footer,
body.graphics-theme-dark .top-five-footer strong {
  color: #ffffff;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.66);
}

body.graphics-theme-light .lineup-title span,
body.graphics-theme-light .lineup-title strong,
body.graphics-theme-light .leaders-third header span,
body.graphics-theme-light .leaders-third header strong,
body.graphics-theme-light .top-five-title span,
body.graphics-theme-light .top-five-title strong,
body.graphics-theme-light .lineup-footer,
body.graphics-theme-light .top-five-footer strong {
  color: #080a0b;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.82), 0 2px 4px rgba(0, 0, 0, 0.16);
}

body.graphics-theme-dark .leaders-name,
body.graphics-theme-dark .lineup-row .name,
body.graphics-theme-dark .result-name,
body.graphics-theme-dark .lower-third .driver,
body.graphics-theme-dark .title,
body.graphics-theme-dark .name {
  color: #ffffff;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.72);
}

body.graphics-theme-light .leaders-name,
body.graphics-theme-light .lineup-row .name,
body.graphics-theme-light .result-name,
body.graphics-theme-light .lower-third .driver,
body.graphics-theme-light .title,
body.graphics-theme-light .name {
  color: #080a0b;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.82);
}

body.graphics-theme-dark .leaders-num,
body.graphics-theme-dark .lineup-row .num,
body.graphics-theme-dark .result-number,
body.graphics-theme-dark .num {
  color: #f4f5f2;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.72);
}

body.graphics-theme-light .leaders-num,
body.graphics-theme-light .lineup-row .num,
body.graphics-theme-light .result-number,
body.graphics-theme-light .num {
  color: #15191a;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.82);
}

body.graphics-theme-dark .lineup-row .metric,
body.graphics-theme-dark .result-metric,
body.graphics-theme-dark .metric,
body.graphics-theme-dark .sub,
body.graphics-theme-dark .clock,
body.graphics-theme-dark .lower-third .detail {
  color: #d8dddd;
}

body.graphics-theme-light .lineup-row .metric,
body.graphics-theme-light .result-metric,
body.graphics-theme-light .metric,
body.graphics-theme-light .sub,
body.graphics-theme-light .clock,
body.graphics-theme-light .lower-third .detail {
  color: #283033;
}

body.graphics-theme-dark .leaders-pos,
body.graphics-theme-dark .lineup-row .pos,
body.graphics-theme-dark .rank,
body.graphics-theme-light .leaders-pos,
body.graphics-theme-light .lineup-row .pos,
body.graphics-theme-light .rank {
  color: #ffffff;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.16), transparent 24%),
    linear-gradient(180deg, var(--theme-badge-top) 0%, #080909 54%, var(--theme-badge-bottom) 100%);
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.7);
}

body.graphics-theme-light .leaders-row::after,
body.graphics-theme-light .lineup-row::after,
body.graphics-theme-light .top-five-row::after {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.64), transparent 24%, transparent 78%, rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.28), transparent 14%, transparent 88%, rgba(0, 0, 0, 0.08));
}

body.graphics-theme-light .row {
  color: #080a0b;
  border-top-color: rgba(0, 0, 0, 0.16);
}

body.graphics-theme-dark .top3-qualifiers-board .podium-card,
body.graphics-theme-dark .top3-qualifiers-board .podium-card.second,
body.graphics-theme-dark .top3-qualifiers-board .podium-card.third,
body.graphics-theme-dark .top3-qualifiers-board .podium-card.first {
  background:
    linear-gradient(105deg, transparent 0 38%, rgba(255, 255, 255, 0.13) 45%, transparent 53%),
    linear-gradient(180deg, #414646 0%, #1d2020 48%, #080909 100%);
  border-color: rgba(245, 247, 246, 0.82);
}

body.graphics-theme-light .top3-qualifiers-board .podium-card,
body.graphics-theme-light .top3-qualifiers-board .podium-card.second,
body.graphics-theme-light .top3-qualifiers-board .podium-card.third,
body.graphics-theme-light .top3-qualifiers-board .podium-card.first {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.82) 0 16%, transparent 34% 74%, rgba(0, 0, 0, 0.04) 100%),
    linear-gradient(180deg, #ffffff 0%, #f5f8f8 52%, #dce5e5 100%);
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -12px 18px rgba(0, 0, 0, 0.08),
    0 12px 24px rgba(0, 0, 0, 0.26);
}

body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-photo-frame {
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.62) 0 16%, transparent 34% 74%, rgba(0, 0, 0, 0.04) 100%),
    linear-gradient(180deg, #ffffff 0%, #eef4f4 54%, #d6dfdf 100%);
  border-bottom-color: rgba(0, 0, 0, 0.14);
}

body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-info::before,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-info::before {
  background:
    linear-gradient(108deg, transparent 0 36%, rgba(255, 255, 255, 0.58) 45%, transparent 55%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.58), transparent 34%, rgba(0, 0, 0, 0.05));
}

body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.second .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.third .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.first .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  color: #343b3d;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.74) 0 16%, transparent 35% 74%, rgba(0, 0, 0, 0.05) 100%),
    linear-gradient(180deg, #ffffff 0%, #eef4f4 52%, #d4dddd 100%);
  border-bottom-color: rgba(0, 0, 0, 0.14);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86);
}

body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-name,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.second .podium-name,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.third .podium-name,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.first .podium-name,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-name,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(226, 235, 235, 0.88)),
    linear-gradient(180deg, #070808 0%, #202627 48%, #596263 100%);
  -webkit-background-clip: text;
  background-clip: padding-box, text;
  color: transparent;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.82));
}

body.graphics-theme-light .top3-qualifiers-board .podium-photo-frame::before,
body.graphics-theme-light .top3-qualifiers-board .podium-card.no-photo .podium-photo-frame::before {
  color: rgba(0, 0, 0, 0.32);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72);
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-step {
  background:
    linear-gradient(110deg, transparent 0 40%, rgba(255, 255, 255, 0.62) 48%, transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #f3f7f7 52%, #d5dfdf 100%);
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-base {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.2);
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-base strong {
  color: #080a0b;
  background:
    linear-gradient(106deg, transparent 0 41%, rgba(255, 255, 255, 0.7) 48%, transparent 56%),
    linear-gradient(180deg, #ffffff 0%, #f2f6f6 100%);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.88), 0 3px 5px rgba(0, 0, 0, 0.16);
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-base span {
  color: #080a0b;
  background:
    linear-gradient(106deg, transparent 0 41%, rgba(255, 255, 255, 0.62) 48%, transparent 56%),
    #eef4f4;
  border-top-color: rgba(0, 0, 0, 0.14);
}

/* Non-top-banner graphics: tighter broadcast width and safer long-name boxes. */
.lineup-board {
  width: 900px;
}

.lineup-header,
.lineup-slot-area,
.lineup-footer {
  width: 820px;
}

.lineup-row {
  grid-template-columns: 68px 88px minmax(0, 1fr) 136px;
}

.lineup-row .name {
  padding-left: 8px;
}

.lineup-row .metric {
  padding-right: 16px;
}

.leaders-third {
  width: 1040px;
}

.leaders-row {
  height: 70px;
  grid-template-columns: 52px 64px minmax(0, 1fr);
}

.leaders-name {
  padding-left: 6px;
  padding-right: 16px;
}

.leaders-num {
  text-align: center;
}

.top-five-board {
  width: 920px;
}

.top-five-row {
  grid-template-columns: 72px 104px minmax(0, 1fr) 136px;
}

.result-name {
  padding-left: 10px;
}

.result-metric {
  padding-right: 16px;
}

.lower-third {
  width: 720px;
  min-width: 0;
  max-width: 720px;
}

.lower-third .driver {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bug {
  width: 500px;
  min-width: 0;
}

.row {
  grid-template-columns: 46px 66px minmax(0, 1fr) 124px;
}

.row .name {
  min-width: 0;
}

.top3-qualifiers-board,
.top3-qualifiers-board.is-nameplate-layout {
  --qualifier-side-width: 370px;
  --qualifier-center-width: 390px;
  --qualifier-card-top: 112px;
  --qualifier-side-card-top: 202px;
  width: 1380px;
}

.top3-qualifiers-board .podium-cards {
  width: 1280px;
  grid-template-columns: var(--qualifier-side-width) var(--qualifier-center-width) var(--qualifier-side-width);
  gap: 75px;
}

.top3-qualifiers-board .podium-info {
  grid-template-columns: 110px minmax(0, 1fr);
}

.top3-qualifiers-board .podium-number,
.top3-qualifiers-board .podium-card.second .podium-number,
.top3-qualifiers-board .podium-card.third .podium-number,
.top3-qualifiers-board .podium-card.first .podium-number {
  font-size: 52px;
}

.top3-qualifiers-board .podium-name,
.top3-qualifiers-board .podium-card.second .podium-name,
.top3-qualifiers-board .podium-card.third .podium-name,
.top3-qualifiers-board .podium-card.first .podium-name {
  padding: 0 18px;
}

.top3-qualifiers-board .qualifier-podium {
  width: 1200px;
}

.top3-qualifiers-board .qualifier-base {
  width: 1320px;
}

.top3-qualifiers-board.is-nameplate-layout {
  --qualifier-side-width: 370px;
  --qualifier-center-width: 370px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-cards {
  width: 1180px;
  gap: 40px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  grid-template-columns: 112px minmax(0, 1fr);
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  font-size: 56px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  padding: 0 18px;
}

/* Shared Style transparency: every regular graphic follows Panel opacity, while the top banner stays on its own controls. */
.lineup-board {
  filter: opacity(var(--panel-alpha)) drop-shadow(0 16px 28px rgba(0, 0, 0, 0.7));
}

.leaders-third {
  filter: opacity(var(--panel-alpha)) drop-shadow(0 12px 18px rgba(0, 0, 0, 0.64));
}

.top-five-board {
  filter: opacity(var(--panel-alpha)) drop-shadow(0 12px 22px rgba(0, 0, 0, 0.62));
}

.top3-qualifiers-board,
.top3-qualifiers-board.is-nameplate-layout,
.top3-qualifiers-board.is-photo-layout {
  filter: opacity(var(--panel-alpha));
}

.bug,
.topbar,
.lower-third {
  opacity: var(--panel-alpha);
}

/* Premium Top 3 Qualifiers redesign. Kept isolated so the other broadcast graphics stay unchanged. */
.podium-overlay {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  background: transparent;
}

.podium-overlay::before {
  content: none;
}

.top3-qualifiers-board,
.top3-qualifiers-board.is-nameplate-layout,
.top3-qualifiers-board.is-photo-layout {
  --top3-board-width: 1500px;
  --top3-board-height: 900px;
  --top3-card-side-width: 392px;
  --top3-card-center-width: 428px;
  --top3-card-gap: 44px;
  --top3-podium-width: 1260px;
  --top3-podium-bottom: 214px;
  --top3-base-width: 1320px;
  --top3-base-bottom: 58px;
  --top3-accent: var(--banner-accent-line-color);
  position: relative;
  width: var(--top3-board-width);
  height: var(--top3-board-height);
  min-height: 0;
  padding: 0;
  color: #ffffff;
  filter: opacity(var(--panel-alpha));
}

.top3-qualifiers-board::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 48px;
  width: 1180px;
  height: 740px;
  transform: translateX(-50%);
  pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 13%, color-mix(in srgb, var(--top3-accent) 18%, transparent), transparent 26%),
    radial-gradient(ellipse at 50% 58%, rgba(0, 0, 0, 0.48), transparent 52%);
  opacity: 0.78;
}

.top3-qualifiers-board::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 44px;
  width: 1120px;
  height: 16px;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(ellipse, rgba(0, 0, 0, 0.58), transparent 70%);
  filter: blur(2px);
}

.top3-qualifiers-board .podium-cards,
.top3-qualifiers-board.is-nameplate-layout .podium-cards,
.top3-qualifiers-board.is-photo-layout .podium-cards {
  position: absolute;
  left: 50%;
  top: 0;
  z-index: 5;
  width: calc((var(--top3-card-side-width) * 2) + var(--top3-card-center-width) + (var(--top3-card-gap) * 2));
  display: grid;
  grid-template-columns: var(--top3-card-side-width) var(--top3-card-center-width) var(--top3-card-side-width);
  gap: var(--top3-card-gap);
  align-items: start;
  margin: 0;
  padding: 0;
  transform: translateX(-50%);
}

.top3-qualifiers-board .podium-cards::before,
.top3-qualifiers-board .podium-cards::after {
  content: none;
}

.top3-qualifiers-board .podium-card,
.top3-qualifiers-board .podium-card.second,
.top3-qualifiers-board .podium-card.third,
.top3-qualifiers-board .podium-card.first {
  position: relative;
  z-index: 3;
  min-width: 0;
  overflow: hidden;
  border: 2px solid rgba(239, 244, 244, 0.82);
  border-radius: 8px;
  background:
    linear-gradient(116deg, transparent 0 34%, rgba(255, 255, 255, 0.14) 42%, transparent 52%),
    linear-gradient(180deg, #3c4242 0%, #161919 56%, #050606 100%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    inset 0 -14px 22px rgba(0, 0, 0, 0.38),
    0 12px 26px rgba(0, 0, 0, 0.44);
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, 0.42));
}

.top3-qualifiers-board .podium-card::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  z-index: 4;
  height: 3px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--top3-accent) 78%, #ffffff 22%), transparent);
  box-shadow: 0 0 9px color-mix(in srgb, var(--top3-accent) 42%, transparent);
}

.top3-qualifiers-board .podium-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.14), transparent 28%, transparent 74%, rgba(0, 0, 0, 0.28)),
    linear-gradient(106deg, transparent 0 38%, rgba(255, 255, 255, 0.13) 46%, transparent 56%);
}

.top3-qualifiers-board .podium-rank {
  display: none;
}

.top3-qualifiers-board.is-nameplate-layout {
  --top3-card-side-width: 384px;
  --top3-card-center-width: 420px;
  --top3-card-gap: 42px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-card,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 154px;
  display: grid;
  grid-template-rows: 1fr;
  transform: translateY(174px);
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first {
  height: 164px;
  transform: translateY(54px);
  border-color: rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    inset 0 -14px 22px rgba(0, 0, 0, 0.4),
    0 0 0 1px color-mix(in srgb, var(--top3-accent) 36%, transparent),
    0 0 28px color-mix(in srgb, var(--top3-accent) 20%, transparent),
    0 14px 28px rgba(0, 0, 0, 0.48);
}

.top3-qualifiers-board.is-nameplate-layout .podium-photo-frame {
  display: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-info {
  position: relative;
  z-index: 5;
  display: grid;
  grid-template-rows: 48px minmax(0, 1fr);
  min-width: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
}

.top3-qualifiers-board.is-nameplate-layout .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  position: relative;
  inset: auto;
  z-index: 2;
  width: 100%;
  height: 48px;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  color: #bfc6c6;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.12), transparent 28%, transparent 72%, rgba(0, 0, 0, 0.28)),
    linear-gradient(180deg, #3f4646 0%, #121515 100%);
  border-bottom: 2px solid rgba(255, 255, 255, 0.12);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 42px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.76);
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number {
  height: 52px;
  font-size: 46px;
}

.top3-qualifiers-board.is-nameplate-layout .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  position: relative;
  inset: auto;
  z-index: 2;
  width: 100%;
  height: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 30px 4px;
  color: transparent;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef2f2 46%, #aeb7b7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  border: 0;
  border-radius: 0;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 56px;
  font-weight: 700;
  font-style: italic;
  line-height: 0.92;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  filter: drop-shadow(0 4px 7px rgba(0, 0, 0, 0.76));
}

.top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-name {
  font-size: 60px;
}

.top3-qualifiers-board.is-photo-layout .podium-card,
.top3-qualifiers-board.is-photo-layout .podium-card.second,
.top3-qualifiers-board.is-photo-layout .podium-card.third,
.top3-qualifiers-board.is-photo-layout .podium-card.first {
  height: 306px;
  display: block;
  transform: translateY(138px);
}

.top3-qualifiers-board.is-photo-layout .podium-card.first {
  height: 326px;
  transform: translateY(18px);
  border-color: rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    inset 0 -14px 22px rgba(0, 0, 0, 0.4),
    0 0 0 1px color-mix(in srgb, var(--top3-accent) 36%, transparent),
    0 0 30px color-mix(in srgb, var(--top3-accent) 20%, transparent),
    0 14px 30px rgba(0, 0, 0, 0.48);
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame {
  position: absolute;
  inset: 0;
  z-index: 0;
  min-width: 0;
  min-height: 0;
  display: block;
  overflow: hidden;
  border: 0;
  background:
    linear-gradient(118deg, transparent 0 36%, rgba(255, 255, 255, 0.14) 46%, transparent 56%),
    radial-gradient(ellipse at 50% 24%, rgba(255, 255, 255, 0.16), transparent 42%),
    linear-gradient(180deg, #343a3a 0%, #101313 100%);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame::before,
.top3-qualifiers-board.is-photo-layout .podium-card.no-photo .podium-photo-frame::before {
  content: attr(data-placeholder);
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.24);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 100px;
  font-style: italic;
  font-weight: 700;
  line-height: 1;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.54);
  opacity: 1;
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame::after,
.top3-qualifiers-board.is-photo-layout .podium-card.no-photo .podium-photo-frame::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0 55px, transparent 95px, transparent calc(100% - 86px), rgba(0, 0, 0, 0.72) 100%),
    linear-gradient(110deg, transparent 0 38%, rgba(255, 255, 255, 0.16) 46%, transparent 56%);
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  object-position: center top;
}

.top3-qualifiers-board.is-photo-layout .podium-photo-frame img[hidden] {
  display: none;
}

.top3-qualifiers-board.is-photo-layout .podium-info {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0;
  overflow: hidden;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}

.top3-qualifiers-board.is-photo-layout .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-number,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-number {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: auto;
  z-index: 3;
  width: 100%;
  height: 54px;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 28px;
  color: #bfc6c6;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.12), transparent 28%, transparent 72%, rgba(0, 0, 0, 0.28)),
    linear-gradient(180deg, rgba(63, 70, 70, 0.96) 0%, rgba(12, 15, 15, 0.96) 100%);
  border-bottom: 2px solid rgba(255, 255, 255, 0.12);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 42px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 3px 7px rgba(0, 0, 0, 0.76);
}

.top3-qualifiers-board.is-photo-layout .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.second .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.third .podium-name,
.top3-qualifiers-board.is-photo-layout .podium-card.first .podium-name {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: auto;
  z-index: 3;
  width: 100%;
  height: 70px;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: transparent;
  background:
    linear-gradient(180deg, rgba(8, 10, 10, 0.78) 0%, rgba(3, 4, 4, 0.96) 100%);
  border-top: 2px solid rgba(255, 255, 255, 0.12);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 45px;
  font-weight: 700;
  font-style: italic;
  line-height: 0.94;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none;
}

.top3-qualifiers-board.is-photo-layout .podium-name::first-line {
  color: #ffffff;
}

.top3-qualifiers-board.is-photo-layout .podium-name {
  color: #ffffff;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.24),
    0 4px 7px rgba(0, 0, 0, 0.78);
}

.top3-qualifiers-board .qualifier-podium,
.top3-qualifiers-board.is-nameplate-layout .qualifier-podium,
.top3-qualifiers-board.is-photo-layout .qualifier-podium {
  position: absolute;
  left: 50%;
  bottom: var(--top3-podium-bottom);
  z-index: 2;
  width: var(--top3-podium-width);
  height: 330px;
  display: grid;
  grid-template-columns: 1fr 1.08fr 1fr;
  align-items: end;
  gap: 0;
  transform: translateX(-50%);
  filter: drop-shadow(0 16px 22px rgba(0, 0, 0, 0.5));
}

.top3-qualifiers-board .qualifier-step,
.top3-qualifiers-board.is-nameplate-layout .qualifier-step,
.top3-qualifiers-board.is-photo-layout .qualifier-step {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  overflow: hidden;
  border: 3px solid rgba(255, 255, 255, 0.82);
  border-bottom: 0;
  background:
    linear-gradient(112deg, transparent 0 40%, rgba(255, 255, 255, 0.46) 48%, transparent 58%),
    linear-gradient(180deg, #fbfdfc 0%, #c6ccca 50%, #87908d 100%);
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.9),
    inset 0 -18px 26px rgba(0, 0, 0, 0.18),
    inset 18px 0 26px rgba(255, 255, 255, 0.12),
    inset -18px 0 26px rgba(0, 0, 0, 0.12);
}

.top3-qualifiers-board .qualifier-step::before {
  content: "";
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--top3-accent), transparent);
  box-shadow: 0 0 9px color-mix(in srgb, var(--top3-accent) 48%, transparent);
}

.top3-qualifiers-board .qualifier-step::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.18), transparent 30%, transparent 74%, rgba(0, 0, 0, 0.12)),
    linear-gradient(90deg, rgba(255, 255, 255, 0.16), transparent 16%, transparent 84%, rgba(0, 0, 0, 0.18));
}

.top3-qualifiers-board .qualifier-step-second {
  height: 220px;
  border-radius: 8px 0 0 0;
}

.top3-qualifiers-board .qualifier-step-first {
  height: 330px;
  border-left: 0;
  border-right: 0;
  border-radius: 8px 8px 0 0;
}

.top3-qualifiers-board .qualifier-step-third {
  height: 220px;
  border-radius: 0 8px 0 0;
}

.top3-qualifiers-board .qualifier-step span,
.top3-qualifiers-board.is-nameplate-layout .qualifier-step span,
.top3-qualifiers-board.is-photo-layout .qualifier-step span {
  position: relative;
  z-index: 2;
  width: auto;
  height: auto;
  display: block;
  color: #050505;
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 136px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  transform: none;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.88),
    0 5px 8px rgba(0, 0, 0, 0.28);
}

.top3-qualifiers-board .qualifier-step-first span {
  font-size: 166px;
}

.top3-qualifiers-board .qualifier-base,
.top3-qualifiers-board.is-nameplate-layout .qualifier-base,
.top3-qualifiers-board.is-photo-layout .qualifier-base {
  position: absolute;
  left: 50%;
  bottom: var(--top3-base-bottom);
  z-index: 6;
  width: var(--top3-base-width);
  height: 164px;
  display: grid;
  grid-template-rows: 108px 56px;
  overflow: hidden;
  transform: translateX(-50%);
  border: 2px solid rgba(239, 244, 244, 0.68);
  border-radius: 8px;
  background: #101313;
  box-shadow:
    0 16px 28px rgba(0, 0, 0, 0.48),
    inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

.top3-qualifiers-board .qualifier-base::before {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 0;
  z-index: 2;
  height: 4px;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, var(--top3-accent), transparent);
  box-shadow: 0 0 10px color-mix(in srgb, var(--top3-accent) 44%, transparent);
}

.top3-qualifiers-board .qualifier-base strong,
.top3-qualifiers-board.is-nameplate-layout .qualifier-base strong,
.top3-qualifiers-board.is-photo-layout .qualifier-base strong {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 0 46px;
  color: #ffffff;
  background:
    linear-gradient(106deg, transparent 0 42%, rgba(255, 255, 255, 0.17) 49%, transparent 57%),
    linear-gradient(180deg, #3b4141 0%, #171a1a 100%);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 82px;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 4px 8px rgba(0, 0, 0, 0.66);
}

.top3-qualifiers-board .qualifier-base span,
.top3-qualifiers-board.is-nameplate-layout .qualifier-base span,
.top3-qualifiers-board.is-photo-layout .qualifier-base span {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  gap: 0;
  padding: 0 42px;
  color: #ffffff;
  background:
    linear-gradient(106deg, transparent 0 42%, rgba(255, 255, 255, 0.08) 49%, transparent 57%),
    #050606;
  border-top: 2px solid rgba(255, 255, 255, 0.14);
  font-family: "Teko Local", Impact, "Arial Black", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
}

.top3-qualifiers-board .qualifier-base b {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
}

body.graphics-theme-light .top3-qualifiers-board .podium-card,
body.graphics-theme-light .top3-qualifiers-board .podium-card.second,
body.graphics-theme-light .top3-qualifiers-board .podium-card.third,
body.graphics-theme-light .top3-qualifiers-board .podium-card.first {
  background:
    linear-gradient(116deg, rgba(255, 255, 255, 0.9) 0 18%, transparent 38% 72%, rgba(0, 0, 0, 0.04) 100%),
    linear-gradient(180deg, #ffffff 0%, #eff5f5 58%, #d6e0e0 100%);
  border-color: rgba(10, 14, 15, 0.24);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -13px 20px rgba(0, 0, 0, 0.08),
    0 12px 26px rgba(0, 0, 0, 0.28);
}

body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.second .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.third .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-card.first .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.second .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.third .podium-number,
body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-card.first .podium-number {
  color: #303738;
  background:
    linear-gradient(110deg, rgba(255, 255, 255, 0.72), transparent 28%, transparent 72%, rgba(0, 0, 0, 0.05)),
    linear-gradient(180deg, #ffffff 0%, #dce7e7 100%);
  border-bottom-color: rgba(0, 0, 0, 0.14);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.86);
}

body.graphics-theme-light .top3-qualifiers-board.is-nameplate-layout .podium-name {
  background: linear-gradient(180deg, #151a1b 0%, #394243 48%, #6a7475 100%);
  -webkit-background-clip: text;
  background-clip: text;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.9));
}

body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-photo-frame {
  background:
    linear-gradient(118deg, rgba(255, 255, 255, 0.72) 0 18%, transparent 38% 72%, rgba(0, 0, 0, 0.04) 100%),
    linear-gradient(180deg, #ffffff 0%, #eef5f5 100%);
}

body.graphics-theme-light .top3-qualifiers-board.is-photo-layout .podium-name {
  color: #0a0d0e;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(218, 229, 229, 0.96) 100%);
  border-top-color: rgba(0, 0, 0, 0.12);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-step {
  background:
    linear-gradient(112deg, transparent 0 40%, rgba(255, 255, 255, 0.66) 48%, transparent 58%),
    linear-gradient(180deg, #ffffff 0%, #eef4f4 50%, #d2dddd 100%);
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-base {
  border-color: rgba(0, 0, 0, 0.2);
  background: #ffffff;
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-base strong {
  color: #080a0b;
  background:
    linear-gradient(106deg, transparent 0 42%, rgba(255, 255, 255, 0.76) 49%, transparent 57%),
    linear-gradient(180deg, #ffffff 0%, #e9f0f0 100%);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.88), 0 3px 5px rgba(0, 0, 0, 0.15);
}

body.graphics-theme-light .top3-qualifiers-board .qualifier-base span {
  color: #080a0b;
  background:
    linear-gradient(106deg, transparent 0 42%, rgba(255, 255, 255, 0.72) 49%, transparent 57%),
    #eef5f5;
  border-top-color: rgba(0, 0, 0, 0.12);
}
