.ButtonLinks_typeContainer__V5_z9 {
  display: flex;
  justify-content: flex-end;
  padding-top: 20px;
}

.ButtonLinks_link__PYAUe {
  background-color: #f0f0f0;
  background-color: var(--tertiary-gray);
  color: #1e1e1e;
  color: var(--dark-line);
  width: 286px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}

.ButtonLinks_active__3MtdC {
  background-color: #1e1e1e;
  background-color: var(--dark-line);
  color: #f0f0f0;
  color: var(--tertiary-gray);
}

.ButtonLinks_linkContainer__vnEKV:hover {
  cursor: pointer;
}

@media not screen and (min-width: 1124px) {
  .ButtonLinks_link__PYAUe {
    height: 33px;
    width: 143px;
    margin-bottom: 30px;
  }
}



.LocMedalTablePageLayout_container__1aHTN {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.5em 5em;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  align-items: center;
}

.LocMedalTablePageLayout_bgImg__3HMyE {
  position: absolute;
  top: 0;
  left: 0;
}

.LocMedalTablePageLayout_panelWrap__1QXKj {
  max-width: 572px;
  margin-left: auto;
}

.LocMedalTablePageLayout_panelWrap__1QXKj .LocMedalTablePageLayout_title__ssrpW {
    color: #ffffff;
    color: var(--primary-text-colour)
  }

.LocMedalTablePageLayout_maxWidth__2BpXr {
  max-width: 1400px;
  width: 100%;
  position: relative;
}

.LocMedalTablePageLayout_table__3-w-P {
  width: 100%;
  overflow: auto;
}

.LocMedalTablePageLayout_noData__3krF1 {
  color: white;
  padding: 1em;
  background-color: rgba(0,0,0,0.5);
}

@media not screen and (min-width: 1124px) {
  .LocMedalTablePageLayout_container__1aHTN {
    padding: 1em;
  }
  .LocMedalTablePageLayout_panelWrap__1QXKj {
    max-width: 286px;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .LocMedalTablePageLayout_container__1aHTN {
    padding: 0.5em;
    overflow-x: auto;
  }
  .LocMedalTablePageLayout_table__3-w-P {
    overflow: scroll;
  }
}

.DaySelector_dateNav__3pEx3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    width: 100%;
}

.DaySelector_dateNav__3pEx3.DaySelector_mobile__2nGup {
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.DaySelector_dateNav__3pEx3.DaySelector_mobile__2nGup::-webkit-scrollbar {
    display: none;
}

.DaySelector_navButton__2ppzv {
    padding: 0.25rem;
    background: none;
    border: none;
    cursor: pointer;
    color: var(--cm-content-color);
    transition: color 0.2s;
    flex-shrink: 0;
}

.DaySelector_navButton__2ppzv:hover {
    color: var(--cm-title-color);
}

.DaySelector_dateGroup__2zqyp {
    display: flex;
    gap: 0.5rem;
    transition: transform 0.3s ease;
    flex-grow: 1;
}

@media screen and (max-width: 767px) {

.DaySelector_dateGroup__2zqyp {
        gap: 0.25rem;
        justify-content: flex-start;
        flex-shrink: 0;
        width: auto
}
    }

.DaySelector_dateContainer__1Jmgq {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.DaySelector_todayLabel__yr9Wi {
    font-size: 0.625rem;
    font-weight: 600;
    color: var(--cm-accent);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.DaySelector_dateButton__16umi {
    color: var(--cm-title-color);
    text-align: center;
    transition: all 0.2s;
    background: none;
    border: none;
    cursor: pointer;
    min-width: 40px;
    padding: 4px 8px;
    gap: 2px;
    display: flex;
    flex-direction: column;
    border-bottom: 2px solid transparent;
}

.DaySelector_mobile__2nGup .DaySelector_dateButton__16umi {
    min-width: 50px;
    padding: 0.5rem;
}

.DaySelector_dateButton__16umi:hover:not(.DaySelector_selected__29Y0n) {
    color: var(--cm-title-color);
}

.DaySelector_dateButton__16umi.DaySelector_selected__29Y0n {
    background: var(--cm-day-selected-bg);
    color: var(--cm-day-selected-color);
    border-radius: 8px;

}

.DaySelector_dateButton__16umi.DaySelector_today__35n57 {
    border-bottom: 2px solid var(--cm-day-today-border);
}

.DaySelector_dateButton__16umi  .DaySelector_day__2MJ7c {
    font-size: 10px;
    font-family: var(--cm-day-label-font);
    color: inherit;
    text-transform: uppercase;
    font-weight: 400;
}

@media screen and (max-width: 767px) {

.DaySelector_dateButton__16umi  .DaySelector_day__2MJ7c {
        font-size: 10px
}
    }

.DaySelector_dateButton__16umi .DaySelector_date__1UgXp {
    font-family: var(--cm-font-bold);
    font-size: 16px;
}

@media screen and (max-width: 767px) {

.DaySelector_dateButton__16umi .DaySelector_date__1UgXp {
        font-size: 14px;
        font-weight: var(--cm-font-weight-bold)
}
    }

@media screen and (max-width: 767px) {
    .DaySelector_navButton__2ppzv {
        padding: 0.5rem;
    }

    .DaySelector_dateNav__3pEx3 {
        padding: 0.5rem 0;
    }
}

.DisciplineSelector_disciplineNav__1corM {
    display: flex;
    overflow-x: auto;
    padding: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.DisciplineSelector_disciplineButton__3W5kx {
    padding: 0.5rem;
    font-size: 0.875rem;
    white-space: nowrap;
    border-radius: 5px;
    margin-right: 0.5rem;
    transition: all 0.2s;
    background: none;
    border: none;
    cursor: pointer;
}

.DisciplineSelector_disciplineButton__3W5kx.DisciplineSelector_selected__3kbY2 {
        background-color: #5E318F;
        background-color: var(--guangzhou-purple);
        color: white !important;
    }

.SimpleMeetThemCarousel_carouselWrapper__1p65w {

        position: relative;
        width: 100%;
        overflow: visible;
}

.SimpleMeetThemCarousel_carouselContainer__icl-v {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
    align-items: center;
    height: 730px;
}

.SimpleMeetThemCarousel_carouselContainer__icl-v::-webkit-scrollbar {
    display: none;
}

.SimpleMeetThemCarousel_carouselCard__1mc0Q {
    flex: 0 0 auto;
    scroll-snap-align: start;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.SimpleMeetThemCarousel_activeCard__3GmFS {
    z-index: 10;
    width: 420px !important;
    min-width: 420px !important;
}

.SimpleMeetThemCarousel_navigationContainer__3NmS0 {
    display: flex;
    justify-content: center;
    gap: 1rem;
    width: 100%;
    z-index: 100;
}

.SimpleMeetThemCarousel_navButton__1nRM8 {
    /* Same ring as the other Competition Mode carousels. Not a ResponsiveCarousel,
       so it cannot pick up the wiring rule and reads the outline tokens itself. */
    padding: 0;
    width: var(--cm-carousel-nav-outline-size);
    height: var(--cm-carousel-nav-outline-size);
    min-width: var(--cm-carousel-nav-outline-size);
    border-radius: 9999px;
    transition: background-color 200ms;
    -webkit-transition: background-color 200ms;
    border: var(--cm-carousel-nav-outline-border);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--cm-carousel-nav-outline-bg);
    color: var(--cm-carousel-nav-outline-color);
    -webkit-appearance: none;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

.SimpleMeetThemCarousel_navButton__1nRM8:hover:not(:disabled) {
    border-color: var(--cm-brand-primary);
    color: var(--cm-brand-primary);
}

.SimpleMeetThemCarousel_navButton__1nRM8:disabled {
    color: var(--cm-carousel-nav-outline-color-disabled);
    background: var(--cm-carousel-nav-outline-bg-disabled);
    border: var(--cm-carousel-nav-outline-border-disabled);
    cursor: not-allowed;
    opacity: var(--cm-carousel-nav-outline-opacity-disabled);
}

.SimpleMeetThemCarousel_navButtonLeft__14eYb {
    margin-left: 10px;
}

.SimpleMeetThemCarousel_navButtonRight__3GOa2 {
    margin-right: 10px;
}

@media (prefers-color-scheme: dark) {
    .SimpleMeetThemCarousel_navButton__1nRM8 {
        background: rgba(255, 255, 255, 0.2);
    }
}

.SimpleMeetThemCarousel_navButton__1nRM8 svg {
    width: var(--cm-carousel-nav-outline-icon-size);
    height: var(--cm-carousel-nav-outline-icon-size);
}

.MeetThemOnTheTrackBannerCard_card__2_Klw {
    /* Fill the available space from the carousel container */
    height: 100%;
    width: 100%;
    min-height: 355px; /* Match athlete card image height (355px) + bottom content */
    border-radius: 12px;
    border: 1px solid;
    border-image-source: var(--cm-meet-them-banner-border-gradient);
    border-image-slice: 1;
    position: relative;
    /* Ensure the card maintains its aspect ratio */
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.MeetThemOnTheTrackBannerCard_bgImage__17zsy {
    width: 100%;
    height: 100%;
    background: var(--cm-meet-them-banner-bg-image) center center / cover no-repeat;
    border-radius: 7px;
    position: absolute;
    top: 0;
    left: 0;
}

.MeetThemOnTheTrackBannerCard_vectorOne__woL8_ {
    position: absolute;
    top: 80px;
    left: 25px;
    width: 17px;
    height: 18px;
    background: var(--cm-meet-them-banner-vector-secondary-image) center center / contain no-repeat;
    opacity: 0.4;
    z-index: 2;
}

.MeetThemOnTheTrackBannerCard_vectorTwo__2Phtt {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: var(--cm-meet-them-banner-vector-primary-image) center center / contain no-repeat;
    z-index: 2;
}

.MeetThemOnTheTrackBannerCard_vectorThree__1T8WX {
    position: absolute;
    bottom: 1px;
    right: 70px;
    width: 20px;
    height: 20px;
    background: var(--cm-meet-them-banner-vector-primary-image) center center / contain no-repeat;
    z-index: 2;
}

.MeetThemOnTheTrackBannerCard_content__8c6Lk {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;
    width: 90%; /* Prevent content from touching edges */
    z-index: 3;
}

.MeetThemOnTheTrackBannerCard_paragraph__3ZMEB {
    font-family: var(--cm-font-headline);
    font-size: 21px;
    font-weight: var(--cm-font-weight-bold);
    text-align: center;
    color: var(--cm-text-on-dark);
    margin: 0; /* Remove default paragraph margins */
    line-height: 1.2;
}

.MeetThemOnTheTrackBannerCard_paragraph__3ZMEB span {
    color: var(--cm-meet-them-banner-accent);
}

.MeetThemOnTheTrackBannerCard_button__zOjkE {
    padding: 10px 12px;
    border-radius: 12px;
    background: var(--cm-meet-them-banner-accent);
    font-size: 16px;
    font-weight: var(--cm-font-weight-bold);
    text-decoration: none;
    color: var(--cm-meet-them-banner-button-color);
    font-family: var(--cm-meet-them-banner-button-font);
    cursor: pointer;
    border: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.MeetThemOnTheTrackBannerCard_button__zOjkE:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Responsive adjustments */

@media (max-width: 768px) {
    .MeetThemOnTheTrackBannerCard_paragraph__3ZMEB {
        font-size: 18px;
    }

    .MeetThemOnTheTrackBannerCard_button__zOjkE {
        font-size: 14px;
        padding: 8px 10px;
    }

    .MeetThemOnTheTrackBannerCard_content__8c6Lk {
        gap: 20px;
    }
}

.MeetThemOnTheTrackImage_image__2YXog{
    right: 0;
    left: 0;
    top: 0;
    margin: auto;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 16/9;
    min-height: 100%;
}

@media (--desktop) {

    .MeetThemOnTheTrackImage_image__2YXog {
        height: 100% !important;
        width: 100% !important;
      }

}
.MeetThemOnTheTrackCard_card__34yy5 {
  width: 100%;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
  box-sizing: border-box;
  height: 100%;
}

  @media screen and (min-width: 768px) {.MeetThemOnTheTrackCard_card__34yy5 {
    height: 100%
}
  }

.MeetThemOnTheTrackCard_meetThemCard__1fsWb {
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: center center;
}

.MeetThemOnTheTrackCard_cardContent__1C4MO {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-color: var(--cm-bg-primary);
  transition: box-shadow 0.2s ease;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_cardContent__1C4MO {
    border-radius: unset
}
  }

.MeetThemOnTheTrackCard_imageContainer__1hkRj {
  position: relative;
  width: 100%;
  height: 355px;
  background-color: var(--cm-bg-secondary);
  overflow: hidden;
  z-index: 1;
  max-height: 550px;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_imageContainer__1hkRj {
    height: 268px
}
  }

.MeetThemOnTheTrackCard_bottomContainer__3Vymb {
  position: relative;
  background: transparent;
  padding: 0 16px 16px;
  margin-top: -1px;
  height: calc(100% - 355px);
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_bottomContainer__3Vymb {
    height: calc(100% - 268px)
}
  }

.MeetThemOnTheTrackCard_bottomContainer__3Vymb.MeetThemOnTheTrackCard_isPopup__DIXuS {
    height: calc(100% - 393px);
    min-height: 276px;
  }

.MeetThemOnTheTrackCard_imageContainer__1hkRj::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  pointer-events: none;
  z-index: 2;
}

.MeetThemOnTheTrackCard_expandedCardEffects__2a8oM .MeetThemOnTheTrackCard_imageContainer__1hkRj {
  height: 420px;
}

.MeetThemOnTheTrackCard_popupView__388sF .MeetThemOnTheTrackCard_imageContainer__1hkRj {
  min-height: 393px;
}

.MeetThemOnTheTrackCard_popupView__388sF .MeetThemOnTheTrackCard_imageContainer__1hkRj img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.MeetThemOnTheTrackCard_expandedCardEffects__2a8oM .MeetThemOnTheTrackCard_bottomContainer__3Vymb {
  height: calc(100% - 420px);
  min-height: 200px;
}

.MeetThemOnTheTrackCard_popupView__388sF .MeetThemOnTheTrackCard_bottomContainer__3Vymb {
  height: calc(100% - 393px);
  min-height: 200px;
}

.MeetThemOnTheTrackCard_popupView__388sF .MeetThemOnTheTrackCard_bottomContainer__3Vymb.MeetThemOnTheTrackCard_isPopup__DIXuS {
    height: calc(85% - 393px);
  }

.MeetThemOnTheTrackCard_heartButton__1K1MS {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease;
  z-index: 25;
}

.MeetThemOnTheTrackCard_heartButton__1K1MS.MeetThemOnTheTrackCard_popupHeartButton__w4NQX {
  position: relative;
  align-self: start;
  top: 0;
  right: 0;
}

.MeetThemOnTheTrackCard_heartButton__1K1MS:hover {
  transform: scale(1.1);
}

.MeetThemOnTheTrackCard_heartIcon__1XNZ5 {
  color: var(--cm-meet-them-favourite-icon-color);
}

.MeetThemOnTheTrackCard_nextEventsContainer__2Javz {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.MeetThemOnTheTrackCard_nextEventsContainer__2Javz:after {
    content: none;
  }

.MeetThemOnTheTrackCard_nextEventItem__PvQWR {
  display: flex;
  gap: 8px;
  width: 100%;
  height: fit-content;
  justify-content: center;
  align-items: baseline;
  overflow: hidden;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_nextEventItem__PvQWR:not(.MeetThemOnTheTrackCard_popupNextEventItem__3NNtQ) {
      display: flex;
      flex-direction: column;
      align-items: start
  }
    }

.MeetThemOnTheTrackCard_nextEventItem__PvQWR:after {
    content: none;
  }

.MeetThemOnTheTrackCard_athletesBioHonours__2FcQF {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  width: 100%;
  height: fit-content;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
  padding-top: 8px;
}

.MeetThemOnTheTrackCard_athletesBioHonours__2FcQF:after {
    content: none;
  }

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_athletesBioHonours__2FcQF {
    padding-top: 0
}
  }

.MeetThemOnTheTrackCard_athletesBioHonour__4I4nY {
  background-color: var(--cm-bg-secondary);
  max-width: 206px;
  width: 100%;
  height: 100%;
  padding: 4px;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.MeetThemOnTheTrackCard_nextEventLeft__Ikx4u {
  max-width: 206px;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.2;
  justify-content: center;
  gap: 4px;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_nextEventLeft__Ikx4u:not(.MeetThemOnTheTrackCard_popupNextEventLeft__1GSlA) {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 8px
  }
    }

.MeetThemOnTheTrackCard_nextEventDiscipline__2Cl_L {
    font-family: var(--cm-font-bold);
    font-size: 14px;
    text-transform: uppercase;
}

.MeetThemOnTheTrackCard_nextEventTime__MRQkk {
  font-family: var(--cm-font-bold);
  font-size: 14px;
}

.MeetThemOnTheTrackCard_nextEventRight__2jTrA {
  max-width: 206px;
  width: 100%;
  height: 100%;
  padding: 4px;
  border-radius: 5px;
  position: relative;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  line-height: 1.2;
  gap: 4px;
  justify-content: center;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_nextEventRight__2jTrA:not(.MeetThemOnTheTrackCard_popupNextEventRight__33jyL) {
      flex-direction: row;
      justify-content: flex-start;
      padding: 0;
      padding-bottom: 6px
  }
    }

.MeetThemOnTheTrackCard_nextEventPhase__ADikM {
  background: var(--cm-accent-light);
  color: var(--cm-light-title-color);
  font-family: var(--cm-meet-them-card-label-font);
  padding: 2px 4px;
  width: fit-content;
  border-radius: 2px;
}

/* Same round, same colour as the timetable's EventPhase tag. */

.MeetThemOnTheTrackCard_nextEventPhaseFinal__3d_5m {
  background: var(--cm-event-phase-final-bg);
}

.MeetThemOnTheTrackCard_nextEventPhaseSemiFinal__2YnFT {
  background: var(--cm-event-phase-semi-final-bg);
}

.MeetThemOnTheTrackCard_nextEventTimeDetail__VqlXo {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  /* The local-time span inside this row carries no class of its own,
     so the font has to be set here for it to inherit one. */
  font-family: var(--cm-meet-them-card-label-font);
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_nextEventTimeDetail__VqlXo {
    gap: 8px
}
  }

.MeetThemOnTheTrackCard_athletesBioHonourCount__2H-3m {
  position: absolute;
  font-size: 12px;
  right: 4px;
  top: 0;
  background-color: var(--cm-brand-secondary);
  font-family: var(--cm-font-bold);
  padding: 2px 2px 2px 2px;
  border-radius: 0px 0px 4px 4px;
}

.MeetThemOnTheTrackCard_athletesBioHonourCount__2H-3m.MeetThemOnTheTrackCard_athletesBioHonourCountIsPopup__2TK9y {
    font-size: 20px;
  }

.MeetThemOnTheTrackCard_athletesBioHonourValue__GRgSI {
  font-size: 14px;
  font-family: var(--cm-font-bold);
  color: var(--cm-meet-them-card-text-color);
  width: calc(100% - 16px);
  padding: 4px 0 4px 0;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_athletesBioHonourValue__GRgSI {
    font-size: 12px;
    width: calc(100% - 18px)
}
  }

.MeetThemOnTheTrackCard_athletesBioHonourValue__GRgSI.MeetThemOnTheTrackCard_athletesBioHonourValueIsPopup__372uo {
    font-size: 14px;
  }

.MeetThemOnTheTrackCard_watchTime__1qgKd {
  background: var(--cm-bg-dark);
  color: var(--cm-dark-title-color);
  border-bottom-right-radius: 30px;
  border-top-right-radius: 30px;
  width: fit-content;
  padding: 4px 4px 4px 12px;
  font-size: 14px;
  font-family: var(--cm-font-body);
  font-weight: 600;
  z-index: 25;
  display: flex;
  align-items: center;
  gap: 8px;
}

.MeetThemOnTheTrackCard_mytime__h2hT9 {
  color: var(--cm-title-color);
  background-color: var(--cm-bg-primary);
  font-family: var(--cm-meet-them-card-label-font);
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
}

.MeetThemOnTheTrackCard_mytime__h2hT9.MeetThemOnTheTrackCard_popup__1DgeQ {
  background-color: var(--cm-meet-them-mytime-bg);
  color: var(--cm-dark-title-color);
  font-size: 11px;
}

.MeetThemOnTheTrackCard_viewAthleteProfileButton__2lz8t {
  width: 100%;
  color: var(--cm-meet-them-profile-button-color);
  border: 2px solid var(--cm-meet-them-profile-button-color);
  border-radius: 8px;
  padding: 10px 8px;
  font-size: 14px;
  font-family: var(--cm-meet-them-profile-button-font);
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: block;
  transition: all 0.2s ease;
}

.MeetThemOnTheTrackCard_viewAthleteProfileButton__2lz8t:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(17, 16, 58, 0.3);
}

.MeetThemOnTheTrackCard_viewAthleteProfileButton__2lz8t:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(17, 16, 58, 0.3);
}

.MeetThemOnTheTrackCard_bottomContent__SKVVS {
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 6px;
  height: 100%;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_bottomContent__SKVVS {
    gap: 12px
}
  }

.MeetThemOnTheTrackCard_bottomContent__SKVVS.MeetThemOnTheTrackCard_isPopup__DIXuS {
    height: fit-content;
    place-self: center;
    width: 100%;
    margin-top: -62px;
  }

.MeetThemOnTheTrackCard_cardHeader__3cMgX {
  background-color: var(--cm-meet-them-card-header-bg);
  /* Shared child components (Flags) declare no colour of their own, so the
     card header states one for anything that inherits. */
  color: var(--cm-meet-them-card-text-color);
  border-radius: 16px 16px 0 0;
  z-index: 15;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  padding: 12px 12px 0;
  box-shadow: 0 1px 4px rgba(17, 16, 58, 0.3);
}

.MeetThemOnTheTrackCard_cardHeader__3cMgX.MeetThemOnTheTrackCard_popupCardHeader__3IG38 {
    position: relative;
    box-shadow: unset;
    left: unset;
    right: unset;
  }

.MeetThemOnTheTrackCard_cardHeaderContentContainer__313t9 {
  min-height: unset;
}

@media(min-width: 768px) {
  .MeetThemOnTheTrackCard_cardHeaderContentContainer__313t9 {

  }
}

.MeetThemOnTheTrackCard_cardHeaderContentContainer__313t9.MeetThemOnTheTrackCard_isPopup__DIXuS {

}

.MeetThemOnTheTrackCard_bestResultsContainer__3jzrQ {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 6px;
  padding: 6px 0;
}

.MeetThemOnTheTrackCard_bestResultsTitle__2GqyO {
  font-family: var(--cm-font-headline);
  font-weight: var(--cm-font-weight-bold);
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
}

.MeetThemOnTheTrackCard_bestResultsContent__3u_UM {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.MeetThemOnTheTrackCard_athleteInfoContainer__1IcWh {
  bottom: 60px;
  left: 0;
  right: 0;
  background-color: var(--cm-meet-them-card-header-bg);
  color: var(--cm-meet-them-card-text-color);
  border-radius: 0 0 16px 16px;
  z-index: 15;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  margin: 0;
  height: 100%;
}

.MeetThemOnTheTrackCard_athleteInfoContainer__1IcWh.MeetThemOnTheTrackCard_isPopup__DIXuS {
  bottom: 100px;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_athleteInfoContainer__1IcWh.MeetThemOnTheTrackCard_isPopup__DIXuS {
    box-shadow: 0 1px 4px rgba(17, 16, 58, 0.3);
    border-radius: 16px
}
  }

.MeetThemOnTheTrackCard_expandedCardEffects__2a8oM .MeetThemOnTheTrackCard_athleteInfoContainer__1IcWh {
  max-height: none;
  overflow-y: auto;
}

.MeetThemOnTheTrackCard_expandedCardEffects__2a8oM .MeetThemOnTheTrackCard_nextEventsContainer__2Javz {
  max-height: 200px;
  overflow-y: auto;
}

.MeetThemOnTheTrackCard_nextEventsHeader__n4bCj {
  font-family: var(--cm-font-bold);
  font-weight: var(--cm-font-weight-bold);
  font-size: 16px;
  line-height: 100%;
  text-transform: uppercase;
}

.MeetThemOnTheTrackCard_athleteInfoContentContainer__3IAKz {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 0 12px 0;
}

.MeetThemOnTheTrackCard_athleteInfoContentContainer__3IAKz:after {
    content: none;
  }

@media(min-width: 768px) {
  .MeetThemOnTheTrackCard_athleteInfoContentContainer__3IAKz {
    padding: 0 16px;
  }
}

.MeetThemOnTheTrackCard_athleteInfoContentContainer__3IAKz.MeetThemOnTheTrackCard_isPopup__DIXuS {
  padding: 0px 8px;
}

.MeetThemOnTheTrackCard_athleteGeneralInfoHeader__2TxYD {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  justify-content: space-between;
  position: relative;
}

.MeetThemOnTheTrackCard_athleteGeneralInfoContainer__MtwSk {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 4px;
}

.MeetThemOnTheTrackCard_athleteGeneralInfoContainer__MtwSk:after {
    content: none;
  }

.MeetThemOnTheTrackCard_athleteName__6FkWZ {
  color: var(--cm-meet-them-card-name-color);
  font-family: var(--cm-font-bold);
  font-weight: var(--cm-font-weight-bold);
  line-height: 1.2;
  margin: 0;
  flex: 1 1;
  font-size: 20px;

}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_athleteName__6FkWZ {
    text-decoration: none

}
  }

.MeetThemOnTheTrackCard_athleteName__6FkWZ.MeetThemOnTheTrackCard_athleteNameIsPopup__2jcw8 {
    font-size: 21px !important;
    font-family: var(--cm-font-headline);
  }

@media screen and (min-width: 768px) {
  .MeetThemOnTheTrackCard_athleteName__6FkWZ {
    color: var(--cm-meet-them-card-name-color);
    text-transform: capitalize;
    line-height: 120%;
    border-bottom: 2px solid var(--cm-meet-them-card-name-underline-color);
    font-weight: unset;
  }
}

.MeetThemOnTheTrackCard_athleteCountryCode__39T54 {
  color: var(--cm-meet-them-card-text-color);
  font-size: 14px;
  text-transform: uppercase;
  font-family: var(--cm-font-bold);
  font-weight: 600;
}

.MeetThemOnTheTrackCard_blackBanner__27Z4g {
  display: block;
  background-color: transparent;
  padding: 0;
  width: 100%;
  font-size: 16px;
  font-family: var(--cm-font-bold);
  font-weight: 600;
  color: var(--cm-title-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 4px 0;
}

.MeetThemOnTheTrackCard_blackBannerText__StJWs {
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  display: inline;
}

.MeetThemOnTheTrackCard_blackBannerText__StJWs + .MeetThemOnTheTrackCard_blackBannerText__StJWs::before {
  content: ' • ';
  color: var(--cm-content-color);
}

.MeetThemOnTheTrackCard_countryContainer___DFzW {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.MeetThemOnTheTrackCard_syncContainer__3DgRl {
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0px;
  align-items: center;
  z-index: 20;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_syncContainer__3DgRl {
    gap: 12px
}
  }

.MeetThemOnTheTrackCard_syncContainer__3DgRl:after {
    content: none;
  }

.MeetThemOnTheTrackCard_expandedCardEffects__2a8oM .MeetThemOnTheTrackCard_syncContainer__3DgRl {
  margin-top: auto;
}

.MeetThemOnTheTrackCard_syncButton__15ax2 {
  background: var(--cm-meet-them-sync-button-bg);
  color: var(--cm-meet-them-sync-button-color);
  text-transform: none;
  text-transform: var(--cm-meet-them-sync-button-text-transform, none);
  border: none;
  border-radius: 8px;
  padding: 10px 8px;
  font-size: 14px;
  font-family: var(--cm-font-bold);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--cm-meet-them-sync-button-shadow);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  width: 100%;
}

.MeetThemOnTheTrackCard_syncButton__15ax2:hover {
  transform: translateY(-1px);
}

.MeetThemOnTheTrackCard_icon__35nsb {
  font-size: 18px;
  height: 20px;
  width: 20px;
}

.MeetThemOnTheTrackCard_clickableIndicator__170fr {
  width: 40px;
  height: 40px;
  font-size: 30px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}

.MeetThemOnTheTrackCard_expandCardIcon__21abc {
  background: var(--cm-meet-them-expand-icon-image) no-repeat;
  width: 19px;
  aspect-ratio: 1;
}

.MeetThemOnTheTrackCard_clickableIndicator__170fr:hover {
  background-color: var(--cm-meet-them-indicator-hover-bg);
  transform: scale(1.1);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.MeetThemOnTheTrackCard_bestContainer__Ogy3v {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 8px;
  padding: 8px 0;
}

@media screen and (max-width: 767px) {

.MeetThemOnTheTrackCard_bestContainer__Ogy3v {
    padding: 16px 0 0
}
  }

.MeetThemOnTheTrackCard_bestContainer__Ogy3v:after {
    content: none;
  }

/* "Personal best" / "Season's best" rows. These sit on the white athlete card,
   not on the page, so they follow the card text colours. They used to read the
   page-level --cm-content-color and --cm-title-color, both white in the
   Ultimate preset, which rendered them white on white at 1:1. */

.MeetThemOnTheTrackCard_holderContainer__3Gmlb {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-family: var(--cm-font-body);
  color: var(--cm-meet-them-card-text-color);
  font-weight: 500;
}

.MeetThemOnTheTrackCard_bestValue__2Sq7Z {
  font-family: var(--cm-font-bold);
  font-size: 14px;
  font-weight: var(--cm-font-weight-bold);
  color: var(--cm-meet-them-card-name-color);
}

.MeetThemOnTheTrackCard_recordCard__yS2zC {
  display: inline-flex;
  padding: 2px 2px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: var(--cm-font-body);
  font-weight: var(--cm-font-weight-bold);
  height: auto;
  background: var(--cm-accent-light);
  color: var(--cm-meet-them-record-color);
  margin-left: 8px;
  text-transform: uppercase;
}

.MeetThemOnTheTrackCard_recordContainer__3wdXw {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.MeetThemOnTheTrackCard_bestYear__3s48R {
  font-size: 12px;
  font-family: var(--cm-font-body);
  color: var(--cm-accent);
  font-weight: 600;
}

.MeetThemOnTheTrackCard_recordCountBadge__3xZoO {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.MeetThemOnTheTrackCard_recordMultiplier__kcDmA {
  background: var(--cm-accent);
  color: var(--cm-dark-title-color);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: var(--cm-font-weight-bold);
  min-width: 24px;
  text-align: center;
}

.MeetThemOnTheTrackCard_recordType__eBZlt {
  font-size: 12px;
  color: var(--cm-accent);
  font-weight: 600;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_cardContent__1C4MO {
  padding: 0;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_imageContainer__1hkRj img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_athleteInfoContainer__1IcWh {
  bottom: 50px;
  padding: 0;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_athleteGeneralInfoContainer__MtwSk {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_bestContainer__Ogy3v {
  flex-direction: column;
  align-items: stretch;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_watchTime__1qgKd {
  z-index: 25;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_syncContainer__3DgRl {
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_syncButton__15ax2 {
  padding: 10px 8px;
  font-size: 14px;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_clickableIndicator__170fr {
  width: 36px;
  height: 36px;
}

.MeetThemOnTheTrackCard_tabletCard__2WkOn .MeetThemOnTheTrackCard_countryContainer___DFzW {
  align-self: flex-start;
}

@media (max-width: 768px) {
  .MeetThemOnTheTrackCard_cardContent__1C4MO.MeetThemOnTheTrackCard_popupView__388sF .MeetThemOnTheTrackCard_bottomContainer__3Vymb {
    padding: 0 16px 16px;
  }

  .MeetThemOnTheTrackCard_cardContent__1C4MO.MeetThemOnTheTrackCard_popupView__388sF .MeetThemOnTheTrackCard_syncContainer__3DgRl {
    gap: 0;
  }

  .MeetThemOnTheTrackCard_blackBanner__27Z4g {
    font-size: 14px;
  }

  .MeetThemOnTheTrackCard_athleteInfoContainer__1IcWh {
    bottom: 65px;
    padding: 0 0 12px 0;
  }

  .MeetThemOnTheTrackCard_clickableIndicator__170fr {
    width: 36px;
    height: 36px;
  }

  .MeetThemOnTheTrackCard_syncButton__15ax2 {
    padding: 10px 8px;
    font-size: 14px;
  }
}

@media (prefers-color-scheme: dark) {
  .MeetThemOnTheTrackCard_expandedCardEffects__2a8oM .MeetThemOnTheTrackCard_cardContent__1C4MO {
    box-shadow: 0 8px 32px rgba(255, 255, 255, 0.1);
  }
}

.MeetThemOnTheTrack_dontMissBannerContainer__3LuaH {
    max-width: 1400px;
    margin: 0 auto;
    background-color: var(--cm-meet-them-section-bg);
}

    .MeetThemOnTheTrack_dontMissBannerContainer__3LuaH.MeetThemOnTheTrack_transparentBackground__2jR_9 {
        background-color: unset !important;
    }

.MeetThemOnTheTrack_darkBackground__PTK6x {
    color: var(--cm-meet-them-title-color) !important;
    padding: 0.5rem !important;
}

.MeetThemOnTheTrack_navButtons__17REm.MeetThemOnTheTrack_darkBackground__PTK6x {
        background-color: var(--cm-accent);
        padding: 0;
    }

.MeetThemOnTheTrack_dontMissBannerContainerTimeTable__1Ajxj{
    margin: 0 auto;
}

.MeetThemOnTheTrack_dontMissBannerTitle__1IQuz {
    font-size: 32px;
    font-weight: 600;
    line-height: 26px;
    color: var(--cm-meet-them-title-color);
    padding: 1rem 0;
    font-family: var(--cm-font-bold);
    text-transform: uppercase;
  }

@media(max-width: 767px) {

.MeetThemOnTheTrack_dontMissBannerTitle__1IQuz {
        font-size: 20px
  }
    }

.MeetThemOnTheTrack_dontMissBannerTitle__1IQuz.MeetThemOnTheTrack_darkBackground__PTK6x {
        font-family: var(--cm-font-body), sans-serif;
    }

.MeetThemOnTheTrack_sideItemCarousel__3RyhN{
    flex: 0 0 auto;
    box-shadow: none;
}

.MeetThemOnTheTrack_dontMissDesktopGridContainer__37Whc{
    display: flex;
    align-items: center;
    justify-content: center;
}

.MeetThemOnTheTrack_dontMissDesktopContainer__10fB7{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
    gap: 8px;
}

.MeetThemOnTheTrack_mobileContainer__2nr0A {
    background: var(--cm-meet-them-mobile-bg);
    padding: 10px 0px 20px 16px;
}

.MeetThemOnTheTrack_mobileContainer__2nr0A .MeetThemOnTheTrack_dontMissBannerContainer__3LuaH {
        padding: 1rem 0px 12px 12px;
        gap: 4px;
        background-color: var(--cm-meet-them-mobile-bg);
        width: 100%;
        align-items: flex-start;
    }

.MeetThemOnTheTrack_carousel__1j4Lb {
    width: 100%;
    overflow: visible;
    position: relative;
}

.MeetThemOnTheTrack_skeletonCard__3tD2k {
    opacity: 0.8;
    pointer-events: none;
}

.MeetThemOnTheTrack_skeletonCardContent__1t3Ed {
    animation: MeetThemOnTheTrack_pulse__2--t0 2s ease-in-out infinite;
}

/* Glass-like shimmer effect */

.MeetThemOnTheTrack_shimmerEffect__Ea6Nx {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(255, 255, 255, 0.4) 20%,
            rgba(255, 255, 255, 0.8) 50%,
            rgba(255, 255, 255, 0.4) 80%,
            transparent 100%
    );
    animation: MeetThemOnTheTrack_shimmer__2qcqr 2.5s ease-in-out infinite;
    border-radius: inherit;
}

@keyframes MeetThemOnTheTrack_shimmer__2qcqr {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes MeetThemOnTheTrack_pulse__2--t0 {
    0%, 100% {
        opacity: 0.8;
    }
    50% {
        opacity: 0.6;
    }
}

/* Skeleton Image Container */

.MeetThemOnTheTrack_skeletonImageContainer__2QEro {
    overflow: hidden;
}

.MeetThemOnTheTrack_skeletonImage__1NZs4 {
    width: 100%;
    height: 100%;
    background: var(--cm-meet-them-skeleton-light-gradient);
    position: relative;
    border-radius: 8px 8px 0 0;
}

/* Skeleton Heart Button */

.MeetThemOnTheTrack_skeletonHeartButton__2EkNA {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.MeetThemOnTheTrack_skeletonHeart__1AwHb {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    position: relative;
    overflow: hidden;
}

/* Skeleton Watch Time */

.MeetThemOnTheTrack_skeletonWatchTime__3Yf3U {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(5px);
}

.MeetThemOnTheTrack_skeletonTimeText__iLbsN {
    width: 80px;
    height: 14px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

.MeetThemOnTheTrack_skeletonMyTime__3orTN {
    background: rgba(255, 255, 255, 0.8) !important;
    width: 45px;
    height: 16px;
    position: relative;
    overflow: hidden;
}

/* Skeleton Card Header */

.MeetThemOnTheTrack_skeletonCardHeader__doFVK {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.MeetThemOnTheTrack_skeletonHeaderContent__g9Dui {
    /* Maintain spacing */
}

/* Skeleton Athlete Name */

.MeetThemOnTheTrack_skeletonAthleteName__LiYLq {
    width: 140px;
    height: 20px;
    background: rgba(26, 26, 26, 0.1);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

/* Skeleton Bottom Container */

.MeetThemOnTheTrack_skeletonBottomContainer__1pOyX {
    backdrop-filter: blur(5px);
}

/* Skeleton Athlete Info */

.MeetThemOnTheTrack_skeletonAthleteInfo__mIq3Y {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.MeetThemOnTheTrack_skeletonAthleteContent__2PpYV {
    /* Maintain spacing */
}

/* Skeleton Country Container */

.MeetThemOnTheTrack_skeletonCountryContainer__150LH {
    /* Maintain flex layout */
}

.MeetThemOnTheTrack_skeletonFlag__1XUGL {
    width: 24px;
    height: 16px;
    background: rgba(102, 102, 102, 0.2);
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}

.MeetThemOnTheTrack_skeletonCountryCode__1E-Kq {
    width: 35px;
    height: 14px;
    background: rgba(102, 102, 102, 0.2);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

/* Skeleton Discipline Banner */

.MeetThemOnTheTrack_skeletonDisciplineBanner__f7WyU {
    background: transparent !important;
    color: transparent !important;
}

.MeetThemOnTheTrack_skeletonDisciplineText__2D1Va {
    width: 120px;
    height: 16px;
    background: rgba(51, 51, 51, 0.2);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
}

/* Skeleton Best Container */

.MeetThemOnTheTrack_skeletonBestContainer__2EI64 {
    /* Maintain layout */
}

.MeetThemOnTheTrack_skeletonBestRecord__1VFS7 {
    /* Maintain flex layout */
}

.MeetThemOnTheTrack_skeletonBestLabel__3o02y {
    width: 70px;
    height: 14px;
    background: rgba(102, 102, 102, 0.2);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

.MeetThemOnTheTrack_skeletonBestValue__1Aw4K {
    width: 50px;
    height: 14px;
    background: rgba(26, 26, 26, 0.2);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
}

/* Skeleton Sync Container */

.MeetThemOnTheTrack_skeletonSyncContainer__T1tj7 {
    /* Maintain grid layout */
}

.MeetThemOnTheTrack_skeletonSyncButton__vRTke {
    background: rgba(17, 16, 58, 0.8) !important;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: transparent !important;
}

.MeetThemOnTheTrack_skeletonButtonContent__38n-R {
    width: 80%;
    height: 14px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.MeetThemOnTheTrack_skeletonClickableIndicator__1D-sK {
    background: rgba(255, 255, 255, 0.3) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

/* Loading state container */

.MeetThemOnTheTrack_loadingCardsContainer__3g6Xh {
    display: flex;
    gap: 16px;
    width: 100%;
    justify-content: flex-start;
    align-items: stretch;
}

/* Responsive adjustments for skeleton cards */

@media (max-width: 768px) {
    .MeetThemOnTheTrack_skeletonCard__3tD2k {
        opacity: 0.7;
    }

    .MeetThemOnTheTrack_skeletonAthleteName__LiYLq {
        width: 120px;
        height: 18px;
    }

    .MeetThemOnTheTrack_skeletonTimeText__iLbsN {
        width: 70px;
        height: 12px;
    }

    .MeetThemOnTheTrack_skeletonMyTime__3orTN {
        width: 40px;
        height: 14px;
    }

    .MeetThemOnTheTrack_skeletonDisciplineText__2D1Va {
        width: 100px;
        height: 14px;
    }
}

/* Dark background adjustments */

.MeetThemOnTheTrack_darkBackground__PTK6x .MeetThemOnTheTrack_skeletonCard__3tD2k .MeetThemOnTheTrack_skeletonImage__1NZs4 {
        background: var(--cm-meet-them-skeleton-dark-gradient);
    }

.MeetThemOnTheTrack_darkBackground__PTK6x .MeetThemOnTheTrack_skeletonCard__3tD2k .MeetThemOnTheTrack_skeletonCardHeader__doFVK,
    .MeetThemOnTheTrack_darkBackground__PTK6x .MeetThemOnTheTrack_skeletonCard__3tD2k .MeetThemOnTheTrack_skeletonAthleteInfo__mIq3Y {
        background: rgba(0, 0, 0, 0.3) !important;
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

.MeetThemOnTheTrack_darkBackground__PTK6x .MeetThemOnTheTrack_skeletonCard__3tD2k .MeetThemOnTheTrack_shimmerEffect__Ea6Nx {
        background: linear-gradient(
                90deg,
                transparent 0%,
                rgba(255, 255, 255, 0.1) 20%,
                rgba(255, 255, 255, 0.3) 50%,
                rgba(255, 255, 255, 0.1) 80%,
                transparent 100%
        );
    }

.EventsInOtherDays_eventsInOtherDays__1xm7G {
    height: 100%;
}

    @media screen and (min-width: 1025px) {.EventsInOtherDays_eventsInOtherDays__1xm7G {
        background: var(--cm-brand-light);
        display: flex;
        flex-direction: column;
        gap: 20px
}
    }

/* The By-discipline side panel is a dark surface, so its headings take the
   on-dark colour rather than --cm-event-text-color, which is now the black
   used on the white event cards inside that same panel. */

.EventsInOtherDays_eventName__3BxgX {
    font-weight: var(--cm-font-weight-bold);
    font-size: 21px;
    color: var(--cm-event-on-dark-color);
    font-family: var(--cm-font-headline);
}

.EventsInOtherDays_title__1hBkI {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--cm-event-on-dark-color);
}

.EventsInOtherDays_content__1uGSY {
    background:var(--cm-event-other-days-bg);
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 1rem;
    height: 100%;
}

@media screen and (min-width: 1025px) {

.EventsInOtherDays_content__1uGSY {
        background: var(--cm-event-other-days-bg);
        display: flex;
        flex-direction: column;
        gap: 20px
}
    }

.EventsInOtherDays_dayGroup__2q4S- {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--cm-event-soft-divider-color);
}

@media screen and (min-width: 1025px) {

.EventsInOtherDays_dayGroup__2q4S- {
        margin-bottom: unset
}
    }

.EventsInOtherDays_dayHeader__3CDnw {
    font-size: 16px;
    color: var(--cm-event-on-dark-color);
    font-family: var(--cm-font-bold);
    width: fit-content;
    margin-bottom: 0.3rem;
    display: flex;
}

@media screen and (min-width: 1025px) {

.EventsInOtherDays_dayHeader__3CDnw {
        border-bottom: none;
        color: var(--cm-event-on-dark-color);
        font-size: 18px
}
    }

.EventsInOtherDays_dayMonth__3-gLm {
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0;
}

.EventsInOtherDays_events__2m6Xk {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-bottom: 1px solid var(--cm-event-soft-divider-color);
}

.EventsInOtherDays_events__2m6Xk > div {
        gap: 40px;
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
        border-radius: 4px;
        padding: 16px;
    }

@media screen and (max-width: 767px) {

.EventsInOtherDays_events__2m6Xk > div {
            padding: 8px 16px
    }
        }

.EventList_eventList__38dpr {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex: max-content 1;
    padding: 10px;
    gap: 8px;
}

    .EventList_eventList__38dpr > div {
        background: transparent;
        box-shadow: none;
    }

    .EventList_eventList__38dpr .EventList_MuiAccordionDetails-root__3s0hl {
        padding: 0;
    }

    .EventList_eventList__38dpr .EventList_MuiAccordionSummary-content__1zc-c.EventList_Mui-expanded__2VPDJ {
        margin: 0 !important;
    }

    .EventList_eventList__38dpr div::after {
        content: none;
    }

@media(min-width: 1025px) {
    .EventList_eventList__38dpr {
        overflow: auto;
    }

    .EventList_eventList__38dpr::-webkit-scrollbar {
        width: 8px;
    }

    .EventList_eventList__38dpr::-webkit-scrollbar-track {
        background: var(--cm-timetable-scrollbar-track);
        border-radius: 4px;
    }

    .EventList_eventList__38dpr::-webkit-scrollbar-thumb {
        background-color: var(--cm-timetable-scrollbar-thumb);
        border-radius: 4px;
        border: 1px solid var(--cm-timetable-scrollbar-thumb-border);
    }

    .EventList_eventList__38dpr::-webkit-scrollbar-thumb:hover {
        background-color: var(--cm-timetable-scrollbar-thumb-hover);
    }

    .EventList_eventList__38dpr::-webkit-scrollbar-thumb:active {
        background-color: var(--cm-timetable-scrollbar-thumb);
    }

    /* Remove any focus/selection effects */
    .EventList_eventList__38dpr::-webkit-scrollbar-button {
        display: none;
    }

    .EventList_eventList__38dpr::-webkit-scrollbar-corner {
        background: transparent;
    }

    /* For Firefox support */
    .EventList_eventList__38dpr {
        scrollbar-width: thin;
        scrollbar-color: var(--cm-timetable-scrollbar-thumb) var(--cm-timetable-scrollbar-track);
    }
}

.EventList_session__2ZNdX {
    padding: 1rem;
    border-top: 1px solid var(--cm-event-divider-color);
}

.EventList_status__1Eess {
    display: inline-flex;
    align-items: center;
    background-color: var(--cm-event-live-pill-bg);
    color: var(--cm-event-live-pill-color);
    padding: var(--cm-event-live-pill-padding);
    border-radius: 9999px;
    font-size: 14px;
    font-family: var(--cm-font-body);
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    background: var(--cm-event-live-pill-bg);
    height: fit-content;
    line-height: 19px;
    white-space: nowrap;
}

.EventList_status__1Eess.EventList_isFinishedSession__18J6l {
        background: var(--cm-event-finished-session-bg);
        background-color: var(--cm-event-finished-session-bg);
        /* The rule above flips the surface to black but the label kept the
           dark colour tuned for the live pill's white surface. */
        color: var(--cm-event-finished-session-color);
    }

.EventList_statusLink__Yi3at {
    color: var(--cm-brand-dark);
    display: flex;
    gap: 4px;
}

.EventList_liveDot__Xa71R {
    height: 9px;
    width: 9px;
    background-color: var(--cm-event-live-dot-bg);
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    animation: EventList_blink__2FEv2 2s infinite;
}

@keyframes EventList_blink__2FEv2 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}

.EventList_titleContainer__QZuBq {
    display: flex;
    flex-direction: column;
    padding: 12px 12px 12px 0;
}

/* The session bar and the "events in upcoming days" strip sit on the black
   accordion / page, not on the white event card, so they take the on-dark
   colour rather than --cm-event-text-color, which is now the card's black. */

.EventList_eventCount__O1LNP {
    display: flex;
    color: var(--cm-event-on-dark-color);
    font-size: 14px;
    font-family: var(--cm-font-body);
    gap: 6px;
}

.EventList_eventCount__O1LNP .EventList_listIcon__1uGN6 {
    flex-shrink: 0;
    width: 14px;
    height: 15px;
    color: inherit;
}

.EventList_typographyBody1Class__OFddt {
    width: 100%;
}

.EventList_play__1B76f {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Gradient border on a solid centre: the padding-box layer paints the
       fill, the border-box layer paints the ring. */
    background:
        linear-gradient(var(--cm-event-watch-live-fill), var(--cm-event-watch-live-fill)) padding-box,
        var(--cm-event-watch-live-border) border-box;
    border: 2px solid transparent;
    color: var(--cm-event-watch-live-color);
    font-family: var(--cm-event-watch-live-font);
    text-transform: var(--cm-event-watch-live-transform);
    gap: 8px;
    padding: 4px 16px;
    border-radius: var(--cm-event-watch-live-radius);
    text-decoration: none !important;
    font-size: 16px;
    white-space: nowrap;
}

@media screen and (max-width: 767px) {

.EventList_play__1B76f {
        font-size: 14px
}
    }

/* The play triangle. The markup has no element for it, so it is drawn
       here from the same mask the event card's play icon uses. */

.EventList_play__1B76f::before {
        content: '';
        display: var(--cm-event-watch-live-icon-display);
        width: 11px;
        height: 13px;
        flex: 0 0 11px;
        background-color: var(--cm-event-watch-live-color);
        mask: var(--cm-event-play-icon-image) center / contain no-repeat;
        -webkit-mask: var(--cm-event-play-icon-image) center / contain no-repeat;
    }

.EventList_play__1B76f img {
        width: 10px;
        height: 14px;
    }

.EventList_play__1B76f .EventList_chevron__1uXx0 {
        display: var(--cm-event-watch-live-chevron-display);
        color: var(--cm-event-watch-live-color);
        width: 14px;
    }

.EventList_iconButtonRootClass__1HQJS svg  {
        background: var(--cm-event-icon-bg-on-color);
        border-radius: 33px;
        padding: 4px;
    }

@media screen and (max-width: 767px) {

.EventList_iconButtonRootClass__1HQJS svg  {
            background: none;
            border-radius: unset;
            padding: unset
    }
        }

.EventList_sessionTitle__3cbQG {
    font-size: 20px;
    font-family: var(--cm-font-body);
    text-transform: uppercase;
    font-weight: 600;
    color: var(--cm-event-on-dark-color);
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
}

@media screen and (max-width: 767px) {

.EventList_sessionTitle__3cbQG {
        padding: 0
}
    }

.EventList_sessionTitle__3cbQG.EventList_liveSession__1DqJD .EventList_status__1Eess {
            background-color: var(--cm-event-live-pill-bg);
        }

.EventList_sessionTitle__3cbQG:after {
        content: none;
    }

.EventList_accordionSummaryRootClass__VpQ1B {
    background: var(--cm-event-accordion-bg) !important;
    border-radius: 8px !important;
    padding: 0 10px !important;
    place-items: flex-start !important;

}

.EventList_accordionSummaryRootClass__VpQ1B.EventList_liveAccordionSummaryRootClass__ZjKHK {
        background: linear-gradient(90deg, var(--cm-event-live-accordion-bg) 0%, var(--cm-event-live-accordion-bg) 100%)!important;

    }

.EventList_accordionClass__2Fv_1 {
    margin: 0 !important;
}

.EventList_accordionClass__2Fv_1 .EventList_MuiSvgIcon-root__1adr2 {
    fill: var(--cm-event-on-dark-color) !important;
    }

.EventList_eventGrid__1fyaT {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    background: var(--cm-event-grid-bg);
    padding: 10px;
}

@media screen and (max-width: 767px) {

.EventList_eventGrid__1fyaT {
        background: none;
        max-height: unset;
        padding: 8px 0
}
    }

.EventList_eventGrid__1fyaT >div {
        box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
        border-radius: 4px;
        gap: 40px;
        padding: 16px;
    }

@media screen and (max-width: 767px) {

.EventList_eventGrid__1fyaT >div {
            padding: 8px 16px
    }
        }

.EventList_eventsInUpcomingdays__R-mRR {
    margin-top: 1rem;
    border-top: 1px solid var(--cm-event-divider-color);
}

@media screen and (max-width: 767px) {

.EventList_eventsInUpcomingdays__R-mRR {
        padding: 1rem
}
    }

.EventList_upcomingTitle__1SFmN {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--cm-event-on-dark-color);
}

.EventList_eventsInUpcomingdaysContent__2zRHX {
    background:
        /* Left */
            repeating-linear-gradient(
                    0deg,
                    var(--cm-event-upcoming-border-color) 0px,
                    var(--cm-event-upcoming-border-color) 10px,
                    transparent 10px,
                    transparent 20px
            ) left,
                /* Right */
            repeating-linear-gradient(
                    0deg,
                    var(--cm-event-upcoming-border-color) 0px,
                    var(--cm-event-upcoming-border-color) 10px,
                    transparent 10px,
                    transparent 20px
            ) right,
                /* Top */
            repeating-linear-gradient(
                    90deg,
                    var(--cm-event-upcoming-border-color) 0px,
                    var(--cm-event-upcoming-border-color) 10px,
                    transparent 10px,
                    transparent 20px
            ) top,
                /* Bottom */
            repeating-linear-gradient(
                    90deg,
                    var(--cm-event-upcoming-border-color) 0px,
                    var(--cm-event-upcoming-border-color) 10px,
                    transparent 10px,
                    transparent 20px
            ) bottom;

    background-size:
            2px 100%, /* Left */
            2px 100%, /* Right */
            100% 2px, /* Top */
            100% 2px; /* Bottom */

    background-repeat: no-repeat;
    border-radius: 8px;
    padding: 1rem;
}

.EventList_upcomingGroup__x8H2R {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--cm-event-soft-divider-color);
}

.EventList_upcomingHeader__dQyXi {
    font-size: 0.9rem;
    font-weight: 500;
    width: fit-content;
    margin-bottom: 0.3rem;
    display: flex;
    border-bottom: 1px solid var(--cm-event-upcoming-border-color);
}

.EventList_upcomingEvents__10TmG {
    border-bottom: 1px solid var(--cm-event-soft-divider-color);
}

.EventList_upcomingEvents__10TmG >div {
         gap: 40px;
     }

/* EventDetailsModal.module.css */
.EventDetailsModal_modalOverlay__TQKxv {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1em;
}
.EventDetailsModal_modalContent__AkBB9 {
    background: #fff;
    border-radius: 8px;
    width: 100%;
    max-width: 1400px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.EventDetailsModal_modalHeader__3DY0z {
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #262626;
    background-color: var(--grayscale-dark);
}
.EventDetailsModal_unitName__3Qvmx {
    font-size: 1.125rem;
    text-transform: uppercase;
    color: white;
}
.EventDetailsModal_closeButton__1Soec {
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    padding: 0.5rem;
}
/* Unit Tabs */
.EventDetailsModal_unitTabsWrap__3fICH {
    background-color: #262626;
    background-color: var(--grayscale-dark);
}
.EventDetailsModal_unitTabs__23pUH {
    display: flex;
    flex-wrap: wrap;
    gap: 0.1em;
    padding: 0 1em;
}
.EventDetailsModal_unitTab__3UtXT {
    display: inline-block;
    color: white;
    background-color: #262626;
    background-color: var(--grayscale-dark);
    font-size: 1.125rem;
    padding: .25em 1em;
    text-transform: capitalize;
    cursor: pointer;
    border-top: 2px solid transparent;
}
.EventDetailsModal_unitTab__3UtXT:hover {
    border-top: 2px solid #a5fa64;
    border-top: 2px solid var(--tertiary-colour);
}
.EventDetailsModal_unitTabActive__1ejy1 {
    border-top: 2px solid #a5fa64;
    border-top: 2px solid var(--tertiary-colour);
}
/* Modal Body */
.EventDetailsModal_modalBody__3Bq1y {
    flex: 1 1;
    overflow: auto;
    background: #262626;
    background: var(--primary-gray);
    padding: 1em;
}
/* Unit Meta */
.EventDetailsModal_unitMeta__1NYam {
    background-color: #262626;
    background-color: var(--grayscale-dark);
    margin-bottom: 1em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.EventDetailsModal_timeAndWind__LiACo {
    font-size: 1.125rem;
    text-transform: uppercase;
    padding: .5em .75em;
    background-color: #a5fa64;
    background-color: var(--tertiary-colour);
}
@media screen and (min-width: 1200px) {
    .EventDetailsModal_timeAndWind__LiACo {
        width: 60%;
    }
}
.EventDetailsModal_metaTime__2y7Cc {
    display: inline-block;
    margin-right: 1em;
}
.EventDetailsModal_unitWind__3-oZg {
    display: inline-block;
}
/* Qualification Rules */
.EventDetailsModal_qualificationRules__3uiXA {
    background-color: #262626;
    background-color: var(--grayscale-dark);
    padding: .5em 1em;
    color: #a5fa64;
    color: var(--tertiary-colour);
    border-top: 1px solid #a5fa64;
    border-top: 1px solid var(--tertiary-colour);
    text-align: right;
    margin-bottom: 1em;
}
/* Field specific styles */
.EventDetailsModal_field__W3jcB .EventDetailsModal_timeAndWind__LiACo {
        background-color: #69d7e1;
        background-color: var(--secondary-colour);
    }
.EventDetailsModal_field__W3jcB .EventDetailsModal_unitTabActive__1ejy1,
    .EventDetailsModal_field__W3jcB .EventDetailsModal_unitTab__3UtXT:hover {
        border-color: #69d7e1;
        border-color: var(--secondary-colour);
    }
.EventDetailsModal_field__W3jcB .EventDetailsModal_qualificationRules__3uiXA {
        border-color: #69d7e1;
        border-color: var(--secondary-colour);
        color: #69d7e1;
        color: var(--secondary-colour);
    }
/* Tables Container */
.EventDetailsModal_tableContainer__1Mook {
    background: white;
    border-radius: 4px;
    overflow: hidden;
    margin-top: 1em;
}
.EventDetailsModal_noData__23SEB {
    color: white;
    padding: 1em;
    background-color: rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px) {
    .EventDetailsModal_unitMeta__1NYam {
        flex-direction: column;
    }

    .EventDetailsModal_timeAndWind__LiACo {
        width: 100%;
    }

    .EventDetailsModal_unitTabs__23pUH {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
}
.ScheduleResultsTabs_scheduleResultsTabs__SkXSF {
    width: 100%;
}

.ScheduleResultsTabs_myTimeControl__3Afix {
    align-self: center !important;
}

/* The black block holding the page title and the Timetable/Results/Medals
   pills. Both mobile results references round its bottom corners against the
   grey band below; desktop keeps it square, so the radius is a mobile-only
   knob. */

.ScheduleResultsTabs_scheduleResultsHeaderContainer__3_UiQ {
    background-color: var(--cm-timetable-panel-bg);
}

.ScheduleResultsTabs_scheduleResultsHeaderContainer__3_UiQ::after {
        content: none;
    }

@media screen and (max-width: 767px) {

.ScheduleResultsTabs_scheduleResultsHeaderContainer__3_UiQ {
        border-bottom-left-radius: var(--cm-nav-schedule-header-radius);
        border-bottom-right-radius: var(--cm-nav-schedule-header-radius)
}
    }

/* "TIMETABLE & RESULTS" is set in caps in both mobile references. The title is
   a bare text node next to <MyTimeControl>, so the transform has to sit on the
   row and be cancelled on the control -- the reference keeps "My time" in
   sentence case. */

.ScheduleResultsTabs_scheduleResultsHeader__1Vn75 {
    max-width: 1400px;
    margin: auto;
    font-size: 18px;
    font-weight: 600;
    color: var(--cm-timetable-panel-text-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 10px 4px 10px;
    font-family: var(--cm-font-bold);
    text-transform: var(--cm-nav-schedule-header-transform);
}

.ScheduleResultsTabs_scheduleResultsHeader__1Vn75::after {
        content: none;
    }

.ScheduleResultsTabs_scheduleResultsHeader__1Vn75 > * {
    text-transform: none;
}

.ScheduleResultsTabs_tabsContainer__1KUrc {
    display: flex;
    justify-content: space-between;
    max-width: 1400px;
    margin: auto;
}

.ScheduleResultsTabs_tabsContainer__1KUrc::after {
        content: none;
    }

.ScheduleResultsTabs_tabNavigation__3yCug {
    display: flex;
    border-radius: 8px;
    padding: 10px;
    width: fit-content;
    justify-content: space-evenly;
    gap: 16px;
}

.ScheduleResultsTabs_tabNavigation__3yCug::after {
        content: none;
    }

.ScheduleResultsTabs_tabButton__iTkQB {
    padding: 8px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: var(--cm-nav-schedule-tab-bg);
    color: var(--cm-timetable-panel-text-color);
    font-family: var(--cm-nav-schedule-tab-font);
    text-align: center;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ScheduleResultsTabs_tabButton__iTkQB:hover {
    background-color: var(--cm-nav-schedule-tab-hover);
}

.ScheduleResultsTabs_tabButton__iTkQB.ScheduleResultsTabs_active__38lOx {
    font-family: var(--cm-font-headline);
    background-color: var(--cm-nav-schedule-tab-active);
    color: var(--cm-nav-schedule-tab-active-color);
}

.ScheduleResultsTabs_tabContent__3dzch {
    background: var(--cm-timetable-content-bg);
}

.ScheduleResultsTabs_contentPanel__24J_T {
    border-radius: 0.5rem;
    color: var(--cm-timetable-panel-text-color);
}

/* Responsive Design */

@media screen and (max-width: 767px) {
    .ScheduleResultsTabs_tabNavigation__3yCug {
        width: 100%;
    }

    .ScheduleResultsTabs_tabButton__iTkQB {
        flex: 1 1;
        text-align: center;
        line-height: 1.1;
        height: unset;
    }
}

/* Animation for smooth transitions */

.ScheduleResultsTabs_tabButton__iTkQB {
    position: relative;
    overflow: hidden;
}

.ScheduleResultsTabs_tabButton__iTkQB::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: left 0.5s;
}

.ScheduleResultsTabs_tabButton__iTkQB:hover::before {
    left: 100%;
}

.competitionModeLayout_mainContent__2X-yY {
    min-height: calc(100dvh - 140px);
    /*max-height: calc(100dvh - 140px);*/
    overflow: auto;
    background: var(--cm-layout-main-content-bg);
}

.competitionModeLayout_competitionModeLayout__3Q95J {

}
.styles_cardHeader__CDvRF{
    background: var(--cm-accent);
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

.styles_card__2PhW5{
    border-radius: 15px;
}

.styles_cardContent__14WsI{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.BrokenRecordsCarousel_carouselContainer__1taR3 {
    justify-items: center;
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-bottom: 10px;
    padding-top: 10px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-width: 1400px;
    width: 100%;
    text-align: center;
}

.BrokenRecordsCarousel_container__19u-W{
    width: 100%;
    display: flex;
    justify-content: center;
}

.BrokenRecordsCarousel_banner__LuDN9 {
    background: var(--cm-records-breaking-banner-image);
    background-size: cover;
    padding: 16px;
    width: 100%;
    place-items: center;

}

.BrokenRecordsCarousel_banner__LuDN9 > div {
        max-width: 1400px;
    }

@media screen and (min-width: 1025px) {

.BrokenRecordsCarousel_banner__LuDN9 > div {
            justify-items: center
    }
        }

.BrokenRecordsCarousel_bannerTitle__zwSrn {
    padding: 0 20px;
}

.BrokenRecordsCarousel_bannerTitle__zwSrn h2 {
        font-weight: 600;
        margin-bottom: 8px;
        background: white;
        width: fit-content;
    }

.BrokenRecordsCarousel_bannerText__3vI6P {
    font-size: 14px;
    color: #1E1E1E;
}

.BrokenRecordsCarousel_carousel__2DAid {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    touch-action: pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
}

.BrokenRecordsCarousel_carousel__2DAid:active {
    cursor: grabbing;
}

.BrokenRecordsCarousel_carouselTrack__1t0Ni {
    display: flex;
    transition: transform 0.3s ease-out;
    will-change: transform;
    user-select: none;
    -webkit-user-select: none;
}

.BrokenRecordsCarousel_carouselSlide__2V8hc {
    background-color: white;
    border-radius: 15px;
    height: auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    position: relative;
}

.BrokenRecordsCarousel_carouselNavContainer__3heo4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 16px;
    padding: 0 20px;
}

.BrokenRecordsCarousel_carouselNav__1SSLw {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    cursor: pointer;
    border: none;
    z-index: 10;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.BrokenRecordsCarousel_carouselNav__1SSLw:hover {
    transform: translateY(-50%) scale(1.05);
}

.BrokenRecordsCarousel_carouselNav__1SSLw:active {
    transform: translateY(-50%) scale(0.95);
}

.BrokenRecordsCarousel_carouselNavPrev__qwGMb {
    left: 8px;
}

.BrokenRecordsCarousel_carouselNavNext__1vN9t {
    right: 8px;
}

.BrokenRecordsCarousel_carouselDots__2JMap {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
}

.BrokenRecordsCarousel_carouselDot__f5H3J {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #DDD;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: transform 0.2s ease, background-color 0.2s ease;
}

.BrokenRecordsCarousel_carouselDot__f5H3J:hover {
    transform: scale(1.2);
}

.BrokenRecordsCarousel_carouselDotActive__1meIT {
    background: #00BCD4;
}

@media (max-width: 768px) {
    .BrokenRecordsCarousel_carouselNav__1SSLw {
        display: none;
    }

    .BrokenRecordsCarousel_carouselTrack__1t0Ni {
        padding: 0;
    }

    .BrokenRecordsCarousel_bannerTitle__zwSrn {
        padding: 0;
   }

    .BrokenRecordsCarousel_carouselNavContainer__3heo4 {
        display: inherit;
        justify-content: space-between;
        align-items: center;
        margin-top: 16px;
        padding: 0;
    }
}

.BrokenRecordsCarousel_card__hhmlv {
    background: white;
    border-radius: 8px;
    padding: 16px;
}

.BrokenRecordsCarousel_breakingCard__19XxM {
    height: 80%;
    display: flex;
    flex-direction: column;
    place-content: space-evenly;
    border-radius: 8px;
}

.BrokenRecordsCarousel_breakingCard__19XxM .BrokenRecordsCarousel_breakingRibbon__v7gzY {
        color: white;
        background-image: var(--cm-records-breaking-ribbon-image);
        background-size: cover;
        height: fit-content;
        padding: 8px 10px;
        margin-top: 25px;
        display: grid;
        grid-gap: 5px;
    }

.BrokenRecordsCarousel_breakingBadge__2YyXp {
    font-weight: var(--cm-font-weight-bold);
    font-size: 14px;
    display: block;
}

.BrokenRecordsCarousel_breakingTitle__3nYhd {
    font-weight: var(--cm-font-weight-bold);
    font-family: var(--cm-font-headline), sans-serif;
    font-size: 11px;
    text-transform: uppercase;
}

.BrokenRecordsCarousel_breakingText__1yNl5 {
    font-size: 14px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}

.BrokenRecordsCarousel_discoverLink__3dvwR {
    font-weight: var(--cm-font-weight-bold);
    color: #077079;
    color: var(--competition-mode-nav-active-color);
    text-decoration: underline;
    cursor: pointer;
    border: none;
    background: none;
    width: 100%;
    vertical-align: bottom;
    padding: 10px;
}

.BrokenRecordsCarousel_playButton__2jOEM {
    position: absolute;
    top: 8px;
    right: 8px;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
}

.insideTrackBanner_insideTrackContainer__3ocgi {
    width: 100%;
    height: 240px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    object-fit: fill;
}

.insideTrackBanner_promoSection__2nnKA {
    font-weight: var(--cm-font-weight-bold);
    line-height: 120%;
}

@media screen and (max-width: 1360px) {
    .insideTrackBanner_insideTrackContainer__3ocgi{
        height: 160px;
    }
}

@media (max-width: 767px){
    .insideTrackBanner_insideTrackContainer__3ocgi{
        height: 120px;
    }
}
.FeaturedVideoItem_videoWrapper__3Bt2m {
    border: var(--cm-featured-video-card-border);
    margin-top: 10px;
    width: 100%;
}

.FeaturedVideoItem_imageContainer__1FBkV{
    position: relative !important;
}

.FeaturedVideoItem_bottomCardText___mxLO{
    font-size: 16px;
    font-family: var(--cm-video-carousel-card-text-font);
}

.FeaturedVideoItem_bottomCardLogo__3i5Xa{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.FeaturedVideoItem_waterMarkImage__3Bd_D{
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 20 !important;
}

.FeaturedVideoItem_playButton__1y6bw{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}

.FeaturedVideoItem_videoContainer__1vohT {
    width: 100%;
    height: 320px;
    background: var(--cm-featured-video-card-bg);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
    border-radius: 12px;
    gap: 16px;
}

.FeaturedVideoItem_title__37cEC{
    font-size: 20px;
    font-weight: 700;
    text-align: start;
}

.FeaturedVideoItem_videoFeaturedImage__3mjhd{
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
    position: absolute;
}

.FeaturedVideoItem_upperTextContainer__1mzGg{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.FeaturedVideoItem_bottomTextContainer__2L7eE{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.FeaturedVideoItem_videoFeaturedStandFirst__Ahgvz{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: start;
}

.FeaturedVideoItem_right__3yVnN{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .FeaturedVideoItem_videoContainer__1vohT{
        height: 232px;
    }
    .FeaturedVideoItem_bottomCardText___mxLO{
        font-size: 11px;
    }
}
.unAuthenticatedVideoItem_unAuthenticatedVideoItem__1fSnp{
    height: 80px;
    width: 100%;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
}

.unAuthenticatedVideoItem_unAuthenticatedVideoImageContainer__2GSVZ{
    position: relative;
    height: 80px;
    width: 100px;
}

.unAuthenticatedVideoItem_waterMarkImage__3swsX{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.unAuthenticatedVideoItem_playBtn__3UfmL{
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
    z-index: 0;
}

.unAuthenticatedVideoItem_unAuthenticatedVideoImage__23Pcl{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.unAuthenticatedVideoItem_unAuthenticatedVideoContent__3ulsm{
    padding-left: 5px;
}

.unAuthenticatedVideoItem_title__1FqnV{
    font-weight: 700;
    font-size: 14px;
}

.unAuthenticatedVideoCarousel_unAuthenticatedVideoCarouselWrapper__1U6zE {
    width: 100%;
    height: 274px;
}


.unAuthenticatedVideoCarousel_unAuthenticatedVideoCarouselContainer__2Vyz0{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.unAuthenticatedVideoCarousel_title__25Jqg{
    font-weight: 700;
    font-size: 20px;
}


.unAuthenticatedVideoCarousel_unAuthenticatedVideoCarouselVideos__1bFfS{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}


/* Reaches as far down as .unAuthenticatedVideoCarouselSignInOverlay, which
   sits at bottom: -10px. The scrim used to stop at bottom: 0, so the last
   line of the caption below the button fell off the scrim onto the black
   band and lost its backdrop. */


.unAuthenticatedVideoCarousel_gradientOverlay__1qKvK{
    position: absolute;
    top: 0;
    left: -1px;
    right: 0;
    bottom: -10px;
    z-index: 50;
    background: #00000000;
    background: linear-gradient(180deg, transparent 0%, rgba(250, 250, 250, 0.9) 52%);
}


.unAuthenticatedVideoCarousel_unAuthenticatedVideoCarouselSignInOverlay__175sK{
    z-index: 50;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}


.unAuthenticatedVideoCarousel_unAuthenticatedVideoCarouselSignUpButton__3qT8a{
    background: #A5FA64;
    background: var(--cm-locked-video-signup-bg, #A5FA64);
    color: #000000;
    color: var(--cm-locked-video-signup-color, #000000);
    width: 180px;
    height: 40px;
    padding: 8px 16px;
    border-radius: 12px;
}


/* Sits on .gradientOverlay, which fades to rgba(250, 250, 250, 0.9) -- so
   this line needs a dark colour of its own. It declared none, which inside
   Competition Mode meant it inherited the page's white and disappeared into
   the scrim. The fallback keeps it dark outside Competition Mode too. */


.unAuthenticatedVideoCarousel_unAuthenticatedVideoCarouselAuthText__27aoA{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #484848;
    color: var(--cm-locked-video-auth-text-color, #484848);
}

.athletesVideoCarousel_athletesVideoCarousel__2hpTn {
    width: 100%;
    height: 100%;
    min-height: 138px;
    position: relative;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.athletesVideoCarousel_athletesVideoCarouselHeader__XTNJ8{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 767px) {

.athletesVideoCarousel_athletesVideoCarouselHeader__XTNJ8{
        padding-right: 10px
}
    }

.athletesVideoCarousel_athletesVideoCarouselHeader__XTNJ8::after{
    content: unset;
}

.athletesVideoCarousel_headerTitle__2o3FY{
    color: white;
}

.athletesVideoCarousel_headerLink__2tU2L {
    color: white;
    text-transform: uppercase;
}

.athletesVideoCarousel_container__2VtgY {
    margin-top: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    gap: 24px;
    padding-bottom: 16px;
}

.athletesVideoCarousel_container__2VtgY div {
        height: fit-content;
    }

.athletesVideoCarousel_container__2VtgY::-webkit-scrollbar {
        height: 8px;
        background: rgba(0, 0, 0, 0.1);
    }

.athletesVideoCarousel_container__2VtgY::-webkit-scrollbar-thumb {
        background: rgba(243, 245, 250, 0.89);
        border-radius: 4px;
    }

.athletesVideoCarousel_videoImg__idR07 {
    min-width: min(max(30%, 171px), 250px);
    aspect-ratio: 1.5;
}

.athletesVideoCarousel_col__1MhL3 {
    min-width: min(max(30%, 171px), 500px);
}

.athletesVideoCarousel_col__1MhL3 div, .athletesVideoCarousel_col__1MhL3 img {
        border: none !important;
    }

.athletesVideoCarousel_col__1MhL3 img {
        max-height: 300px;
    }

.athletesVideoCarousel_content__3OfOD {
    height: 171px;
    background-color: white !important;
    padding: 8px;
}

.athletesVideoCarousel_content__3OfOD > div {
        padding: 0 !important;
    }

.athletesVideoCarousel_content__3OfOD h3  {
        font-size: 20px !important;
        min-height: 20px !important;
    }

.athletesVideoCarousel_item__3MA_Q {
    height: 100%;
    max-width: 427px;
    flex: 0 0 auto;
    position: relative;
}

.ReliveBestMoments_reliveBestMoments__TKp4I{
    max-width: 1400px;
    padding: 1rem;

}

    @media screen and (max-width: 767px) {.ReliveBestMoments_reliveBestMoments__TKp4I{
        padding: 6px 0px 12px 12px

}
    }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_title__31sUL {
        color: var(--cm-records-title-color);
        font-family: var(--cm-font-bold), sans-serif;
        border-bottom: none;
        -webkit-line-clamp: unset;
        font-size: 22px;
    }

    @media screen and (max-width: 767px) {

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_title__31sUL {
            font-size: 16px
    }
        }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_videoCarouselContainer__6HKhy{
        overflow: hidden;
    }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_playVideoItemClass__1jPsS {
        margin-bottom: 0;
    }

    /* "RELIVE PAST HIGHLIGHTS" is set in caps in the mobile references, the
       same as the desktop band's .videosTitle. */

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_Headertitle__1ZnSH {
        color: var(--cm-records-title-color);
        text-transform: var(--cm-relive-title-transform);
    }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_titleLinkClass__Ljyvy {
        color: var(--cm-records-title-color);
        font-family: var(--cm-font-bold), sans-serif;
        border-bottom: 2px solid var(--cm-link-underline-color);
        align-self: baseline;
    }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_videoImage__1qp6K {
        min-width: unset;
        aspect-ratio: 0.7;
        object-fit: cover;
        max-height: 100%;
        max-width: 100%;
    }

    @media screen and (max-width: 767px) {

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_videoImage__1qp6K {
            aspect-ratio: 0.55
    }
        }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_contentClass__3RzU3 h3 {
            webkit-line-clamp: unset !important;
            display: block !important;
            font-size: 14px !important;
            font-family: var(--cm-font-body) !important;
            align-content: end;
        }

    @media screen and (max-width: 767px) {

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_contentClass__3RzU3 h3 {
                font-size: 13px !important
        }
            }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_col__GH2hr {
        min-width: unset;
        margin-bottom: 0;
    }

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_headerLink__33Ohy {
        color: var(--cm-records-text-on-dark);
        text-transform: uppercase;
    }

    /*
    .videoImage {
        min-width: min(max(30%, 170px), 250px);
        aspect-ratio: 1.5;
        object-fit: cover;
    }

    .col {
        img {
            height: 300px;
        }
    }

    .videoCarouselContainer {
        height: fit-content;
        padding: 0 !important;
    }



    .playVideoItemClass {
        width: unset !important;
        height: unset !important;
    }
    */

    .ReliveBestMoments_reliveBestMoments__TKp4I .ReliveBestMoments_videoItemHeader__3PA3m {
        position: absolute;
        bottom: 0;
        padding: 20px 10px !important;
        color: var(--cm-records-text-on-dark);
        background: var(--cm-records-video-overlay-gradient);
        align-content: flex-end;
        height: 100%;
        width: 100%;
    }

/* ViewTabs.module.css */

.TimeTableviewTabs_viewTabsContainer__-6wzR {
    background-color: var(--cm-timetable-panel-bg);
}

.TimeTableviewTabs_viewTabs__389II {
    width: 100%;
    padding: 0 10px 0;
    margin: auto;
    max-width: 1400px;
}

.TimeTableviewTabs_tabNavigation__3WZI2 {
    display: flex;
    border-radius: 0.5rem;
    width: fit-content;
    gap: 0;
}

.TimeTableviewTabs_tabButton__4gvvx {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    background: transparent;
    color: var(--cm-timetable-panel-text-color);
    font-family: var(--cm-font-bold);
    white-space: nowrap;
}

.TimeTableviewTabs_tabButton__4gvvx.TimeTableviewTabs_active__3Yew4 {
    border-bottom: 2px solid var(--cm-nav-timetable-tab-active-border);
    font-family: var(--cm-font-bold);
}

.TimeTableviewTabs_tabIcon__3lg4m {
    flex-shrink: 0;
    /* Baked-in artwork, so it is tinted rather than coloured. */
    filter: var(--cm-timetable-tab-icon-filter);
}

/* Active tab gets an underline effect */

.TimeTableviewTabs_tabButton__4gvvx.TimeTableviewTabs_active__3Yew4 {
    position: relative;
}

.TimeTableviewTabs_tabButton__4gvvx.TimeTableviewTabs_active__3Yew4::after {
    position: absolute;
    bottom: -0.25rem;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 2px;
    background-color: var(--cm-timetable-panel-bg);
    border-radius: 1px;
}

/* Mobile responsive */

@media (max-width: 768px) {
    .TimeTableviewTabs_tabNavigation__3WZI2 {
        width: 100%;
    }

    .TimeTableviewTabs_tabButton__4gvvx {
        flex: 1 1;
        justify-content: center;
        text-align: center;
        padding: 8px;
    }
}

/* Focus states for accessibility */

.TimeTableviewTabs_tabButton__4gvvx:focus {
    outline: 2px solid var(--cm-timetable-focus-outline);
    outline-offset: 2px;
}

.TimeTableviewTabs_tabButton__4gvvx:focus:not(:focus-visible) {
    outline: none;
}

/* Default: Modal Overlay for Mobile */
.ResultListModal_overlay__3hgK2 {
    position: fixed;
    inset: 0;
    background-color: var(--cm-results-overlay-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    z-index: 1000;
}
.ResultListModal_modal__32DD1 {
    background-color: var(--cm-results-surface-bg);
    background-color: var(--cm-results-modal-bg, var(--cm-results-surface-bg));
    border-radius: 0.5rem;
    width: 100%;
    max-width: 32rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 10px var(--cm-results-modal-shadow);
    max-height: 700px;
    overflow: auto;
}
.ResultListModal_titleContainer__9Nzci {
    display: flex;
    gap: 8px;
}
.ResultListModal_seeFullLive__1DuLT {
    padding: 8px 16px;
    background-color: var(--cm-brand-dark);
    color: var(--cm-text-on-dark);
    border-radius: 8px;
}
.ResultListModal_container__1kCuY {
    height: 100%;
}
/* Twin of StartListModalContent's .fullLiveResultsButton. The two panels
   swap into the same slot in the timetable's right column, so this takes
   the same knobs rather than its own. */
.ResultListModal_fullDetailsLink__1rUFb {
    gap: 6px;
    border-radius: var(--cm-results-full-live-radius);
    padding: 8px 16px;
    border-width: 2px;
    background-color: var(--cm-results-modal-border);
    color: var(--cm-results-full-live-color);
    font-family: var(--cm-results-full-live-font);
    text-transform: var(--cm-results-full-live-transform);
    font-weight: var(--cm-font-weight-bold);
    font-size: 16px;
}
/* Same slot as .fullDetailsLink above -- the popup shows one or the other
   depending on whether the unit has results or only a startlist -- so it
   takes the same knobs. It used to carry its own 8px radius, its own colour
   and family, and a lowercase transform, so the button visibly changed shape
   and case between the two states. */
.ResultListModal_fullLiveResultsButton__18wP5 {
    gap: 6px;
    border-radius: var(--cm-results-full-live-radius);
    padding: 8px 16px;
    border-width: 2px;
    background-color: var(--cm-results-modal-border);
    color: var(--cm-results-full-live-color);
    font-family: var(--cm-results-full-live-font);
    text-transform: var(--cm-results-full-live-transform);
    font-weight: var(--cm-font-weight-bold);
    font-size: 16px;
}
.ResultListModal_statusLive__yMUOB {
    display: inline-flex;
    align-items: center;
    background-color: var(--cm-results-live-status-bg);
    color: var(--cm-text-on-dark);
    padding: 0px 8px;
    border-radius: 9999px;
    font-size: 10px;
    font-family: var(--cm-font-body);
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
}
@media screen and (max-width: 767px) {
.ResultListModal_statusLive__yMUOB {
        font-size: 12px
}
    }
.ResultListModal_liveDot__1pGms {
    height: 7px;
    width: 7px;
    background-color: var(--cm-text-on-dark);
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    animation: ResultListModal_blink__ioLi6 2s infinite;
}
@keyframes ResultListModal_blink__ioLi6 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
@media (min-width: 1025px) {
    .ResultListModal_overlay__3hgK2 {
        position: static;
        background: none;
        display: block;
        width: 50%;
        height: auto;
        padding: 0;
    }

    .ResultListModal_modal__32DD1 {
        width: 100%;
        max-width: none;
        height: 100%;
        border: 1px solid var(--cm-results-modal-border);
        border-radius: 5px;
        overflow-y: auto;
    }

        .ResultListModal_modal__32DD1 div::after {
            content: none;
        }
}
.ResultListModal_headerContainer__1Wq1H {
    padding: 12px 24px 6px 24px;
}
.ResultListModal_header__3jNmU {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    gap: 10px;
}
/* "Result - <discipline>" at the top of the timetable's right panel. This is
   an <h2> that declared no family, so it inherited the site's legacy heading
   font while the Startlist panel's title next to it -- the same header, one
   state apart -- renders in the competition font. Matched to
   StartListModalContent's .title, which is the one the design follows. */
.ResultListModal_title__1jx5Z {
    font-size: 20px;
    font-family: var(--cm-font-bold);
    color: var(--cm-results-modal-title-color);
}
.ResultListModal_title__1jx5Z a {
        text-decoration: underline;
    }
.ResultListModal_unitsHeader__1sUAi {
    padding-bottom: 0 !important;
}
.ResultListModal_unitsTabs__3FNJ9 {
    display: flex;
    gap: 8px;
    overflow: auto;
    width: 100%;
    align-items: end;
    flex-wrap: wrap;
    padding: 5px 0;
}
.ResultListModal_unitsTabs__3FNJ9:after {
        content: none;
    }
.ResultListModal_unitTab__3PgEE {
    background: none;
    border: none;
    font-family: var(--cm-font-body);
    font-size: 14px;
    font-weight: 500;
    color: var(--cm-results-content-color);
    padding: 0 3px;
    cursor: pointer;
    transition: 0.3s;
    white-space: nowrap;
}
.ResultListModal_unitTab__3PgEE:hover {
    font-family: var(--cm-font-bold);
}
.ResultListModal_activeUnitTab__25eJl {
    font-family: var(--cm-font-bold);
    border-bottom: 2px solid var(--cm-results-modal-border);
}
.ResultListModal_content__1zh3C {
    overflow-y: auto;
    flex: 1 1;
    padding: 4px 16px;
}
.ResultListModal_content__1zh3C > div {
        box-shadow: none;
    }
@media(min-width: 1025px) {
    .ResultListModal_content__1zh3C::-webkit-scrollbar {
        width: 8px;
    }

    .ResultListModal_content__1zh3C::-webkit-scrollbar-track {
        background: var(--cm-results-scrollbar-track);
        border-radius: 4px;
    }

    .ResultListModal_content__1zh3C::-webkit-scrollbar-thumb {
        background-color: var(--cm-results-scrollbar-thumb);
        border-radius: 4px;
        border: 1px solid var(--cm-results-scrollbar-thumb-border);
    }

    .ResultListModal_content__1zh3C::-webkit-scrollbar-thumb:hover {
        background-color: var(--cm-results-scrollbar-thumb-hover);
    }

    .ResultListModal_content__1zh3C::-webkit-scrollbar-thumb:active {
        background-color: var(--cm-results-scrollbar-thumb);
    }

    .ResultListModal_content__1zh3C::-webkit-scrollbar-button {
        display: none;
    }

    .ResultListModal_content__1zh3C::-webkit-scrollbar-corner {
        background: transparent;
    }

    .ResultListModal_content__1zh3C {
        scrollbar-width: thin;
        scrollbar-color: var(--cm-results-scrollbar-thumb) var(--cm-results-scrollbar-track);
    }
}
.ResultListModal_footer__2RIVv {
    border-top: 1px solid var(--cm-results-soft-divider-color);
    padding: 8px 16px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    color: var(--cm-results-link-color);
}
.ResultListModal_backButton__1tgSF {
    padding: 0.5rem;
    color: var(--cm-title-color);
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    text-align: center;
}
.ResultListModal_backButton__1tgSF:hover {
    background-color: var(--cm-results-scrollbar-thumb-hover);
}
.ResultListModal_panelTitle__3eFkC {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    font-size: 1rem;
    font-weight: 600;
}
.ResultListModal_panelTitle__3eFkC a {
        text-decoration: underline;
    }
/* The time under the title above. Declared no family either, so it stayed on
   the legacy font once the title moved off it. */
.ResultListModal_eventTime__1sLBS {
    font-size: 0.875rem;
    font-family: var(--cm-font-body);
    color: var(--cm-results-muted-text-color);
}
.ResultListModal_qualif__3M0uR {
    padding-left: 0;
}
.ResultListModal_statusLive__yMUOB {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 16px;
}
@media screen and (max-width: 767px) {
.ResultListModal_statusLive__yMUOB {
        font-size: 14px
}
    }
.ResultListModal_liveDot__1pGms {
    height: 8px;
    width: 8px;
    background-color: var(--cm-results-live-status-bg);
    border-radius: 50%;
    display: inline-block;
    margin-right: 4px;
}
/* Next Session Styles */
.ResultListModal_nextSession__LYcql {
    padding: 0 12px 12px;
    background: var(--cm-bg-secondary);
    border-radius: 10px;
    margin-top: 20px;
}
/* Twin of the startlist modal's teaser: a white panel inside the dark
       modal, so the shared .title has to be flipped here too. */
.ResultListModal_nextSession__LYcql .ResultListModal_title__1jx5Z {
        color: var(--cm-results-next-session-title-color);
    }
.ResultListModal_accordionItem__2vYVw {
    background: var(--cm-bg-secondary) !important;
    box-shadow: none !important;
}
.ResultListModal_sessionDate__1cB0P {
    font-size: 14px;
    font-family: var(--cm-font-bold);
    padding-bottom: 8px;
    /* .nextSessionDetails below carries 12px of horizontal padding that this
       line sits outside of, so the date started 12px left of the phase tag
       and time under it. */
    padding-inline: var(--cm-results-next-session-date-inset);
}
.ResultListModal_nextSessionDetails__1gGwJ {
    border-radius: 8px;
    background: var(--cm-results-surface-bg);
    padding: 8px 12px;
}
.ResultListModal_sessionDetails__3vzoc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ResultListModal_detailRow__1k4cD {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}
.ResultListModal_detailRow__1k4cD:after {
        content: none;
    }
.ResultListModal_buttonGroup__tMMCj {
    display: flex;
    gap: 12px;
    align-items: center;
}
.ResultListModal_resultsButton__1jwuv,
.ResultListModal_startlistButton__OEnA_ {
    color: var(--cm-brand-dark);
    display: flex;
    align-items: center;
    font-size: 14px;
    font-family: var(--cm-font-bold);
    cursor: pointer;
    gap: 4px;
    transition: transform 0.2s ease;
    position: relative;
    padding: 4px 8px;
    border-radius: 4px;
}
.ResultListModal_resultsButton__1jwuv:active,
.ResultListModal_startlistButton__OEnA_:active {
    transform: scale(0.95);
}
.ResultListModal_resultsButton__1jwuv::after,
.ResultListModal_startlistButton__OEnA_::after {
    content: '';
    position: absolute;
    inset: 0;
    background: currentColor;
    opacity: 0.1;
    border-radius: 4px;
    transform: scale(0);
    transition: transform 0.2s ease;
}
.ResultListModal_resultsButton__1jwuv:hover::after,
.ResultListModal_startlistButton__OEnA_:hover::after {
    transform: scale(1);
}
.ResultListModal_chevron__3-1Vq {
    color: var(--cm-brand-dark) !important;
}
.ResultListModal_time__2EksR {
    font-size: 14px;
    color: var(--cm-results-muted-text-color);
}
.ResultListModal_startTime__K3r3i {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}
.ResultListModal_startTime__K3r3i:after {
        content: none;
    }
/* Twin of .returnButton in the startlist modal -- the same link in the same
   footer slot, so it takes the same knobs. It shipped black on the dark modal
   with a black underline, which made it invisible rather than merely dim. */
.ResultListModal_returnButton__LLNez {
    border-bottom: 2px solid var(--cm-results-active-tab-border);
    color: var(--cm-results-modal-footer-link-color);
    font-family: var(--cm-font-bold);
}
.ResultListModal_mytime__zkE3K {
    background: var(--cm-results-panel-bg);
    border-radius: 20px;
    padding: 4px 8px;
    font-size: 12px;
    font-family: var(--cm-font-bold);
}
.ResultListModal_liveIndicator__3WrK8 {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 13px;
    font-family: var(--cm-font-headline);
}

.styles_pageContainer__2Jn6L {
}

.styles_container__2gSZT {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1400px;
    margin: auto;
}

.styles_container__2gSZT div::after {
        content: none;
    }

.styles_container__2gSZT .styles_headerContainer__yXclu {
        padding: 16px 0 6px 0;
        border-bottom-left-radius: 15px;
        border-bottom-right-radius: 15px;
    }

@media screen and (max-width: 767px) {

.styles_container__2gSZT .styles_headerContainer__yXclu {
            padding: 0
    }
        }

.styles_container__2gSZT .styles_header__NNsjw {
        gap: 10px;
        padding: 0 16px;
        max-width: 1400px;
        margin: 0 auto;
    }

@media screen and (max-width: 767px) {

.styles_container__2gSZT .styles_header__NNsjw {
            padding: 0 0 0 10px
    }
        }

.styles_viewTabs__3juTN {
    background: var(--cm-timetable-panel-bg);
}

.styles_disciplineView__3kqxP {
    display: flex;
    flex-direction: column;
}

/* On desktop, allow the DisciplineList component to handle its own grid layout */

@media (min-width: 1025px) {

.styles_disciplineView__3kqxP {
        flex: 1 1;
        min-height: 0;
        padding-bottom: 20px
}
    }

.styles_disciplineHeader__xqAQo {
    font-family: var(--cm-font-bold);
    font-size: var(--cm-timetable-title-size);
    padding: 0px 16px 6px 16px;
    color: var(--cm-timetable-title-color);
}

.styles_categoryPills__3WvJQ {
    display: flex;
    gap: 12px;
    padding: 14px 16px 16px 16px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

@media (min-width: 1025px) {

.styles_categoryPills__3WvJQ {
        flex-shrink: 0 /* Prevent shrinking in the flex container */
}
    }

.styles_categoryPill__2eCeJ {
    padding: 8px 12px 8px 8px;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    font-size: var(--cm-content-font-size);
    display: flex;
    align-items: center;
    gap: 6px;
    color: var(--cm-timetable-title-color);
    font-family: var(--cm-font-bold);
    /* Filled rather than outline-only, so an unselected category reads like
       the inactive Results pill above it instead of a hairline on black. */
    background-color: var(--cm-timetable-category-border);
    border: 1px solid var(--cm-timetable-category-border);
    transition: background-color 0.3s;
}

/* Was background-color: var(--cm-timetable-category-border), which left
   --cm-timetable-category-active-bg reaching nothing and painted the active
   pill in the border's near-white with the list's white label on top of it,
   so "All" did not render at all. */

.styles_categoryPill--active__1AZVl {
    background-color: var(--cm-timetable-category-active-bg);
    color: var(--cm-timetable-category-active-color);
    border: none;
}

.styles_tabIcon__2K8jJ {
    width: 16px;
    height: 16px;
    /* Baked-in artwork, so it is tinted rather than coloured. Dark glyph
       on the dark unselected pill left these invisible. */
    filter: var(--cm-timetable-category-icon-filter);
}

/* The selected pill is a light fill, so its icon flips with its label. */

.styles_categoryPill--active__1AZVl .styles_tabIcon__2K8jJ {
    filter: var(--cm-timetable-discipline-icon-filter);
}

.styles_icon__PDIkH {
    display: flex;
    align-items: center;
    justify-content: center;
}

.styles_disciplineList__9-pdq {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 10px;
}

.styles_disciplineRowContainer__3oVsE {
    position: relative;
    border-radius: 6px;
}

.styles_underColor__1NBRL {
    background: var(--cm-brand-dark);
    height: 18px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.styles_genderButtons__eRp1X {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-left: auto;
}

.styles_genderBtn__1ZP3I {
    border: none;
    padding: 2px 2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    transition: background-color 0.2s;
    color: var(--cm-brand-dark);
}

.styles_genderBtn__1ZP3I.styles_genderBtn--active__3NZAO {
        border-bottom:1px solid var(--cm-brand-dark);
    }

.styles_chevron__ibMaj {
    color: var(--cm-brand-dark);
}

.styles_genderBtn__1ZP3I:hover {
}

.styles_disciplineEventsContainer__20tSc {
    display: flex;
    flex-direction: column;
    gap: 32px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 16px;
}

.styles_disciplineGroup__1Lx9J {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.styles_disciplineTitle__1KQh_ {
    font-size: 24px;
    font-weight: 600;
    color: var(--cm-timetable-title-color);
    margin: 0;
}

.styles_genderSection__3J-XJ {
    background: var(--cm-timetable-gender-header-bg);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.07);
}

.styles_genderHeader__3b-uY {
    background: var(--cm-timetable-gender-header-bg);
    color: var(--cm-timetable-gender-header-color);
    padding: 16px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.styles_genderTitle__2-n1R {
    color: var(--cm-timetable-gender-header-color);
}

.styles_eventsGrid__3KswJ {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.styles_eventCard__22JV1 {
    background: var(--cm-timetable-event-card-bg);
    border-bottom: 1px solid var(--cm-timetable-row-border);
    padding: 16px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.styles_eventCard__22JV1:hover {
    background-color: var(--cm-timetable-event-card-hover-bg);
}

.styles_eventCard__22JV1:last-child {
    border-bottom: none;
}

.styles_eventHeader__JMt_E {
    margin-bottom: 8px;
}

.styles_eventDay__1XMC8 {
    font-size: var(--cm-content-font-size);
    color: var(--cm-timetable-event-day-color);
    text-transform: uppercase;
    font-weight: 500;
}

.styles_eventDetails__LIOOx {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.styles_eventPhase__3bu88 {
    font-weight: 600;
    flex: 1 1;
    font-size: var(--cm-button-font-size);
}

.styles_eventTime__1EA5H {
    font-size: var(--cm-content-font-size);
    color: var(--cm-timetable-event-time-color);
    font-weight: 500;
}

.styles_eventStatus__1hcEI {
    display: flex;
    align-items: center;
}

.styles_statusLink__13lIj {
    color: var(--cm-brand-dark);
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
}

.styles_statusLink__13lIj:hover {
    text-decoration: underline;
}

@media screen and (max-width: 767px) {
    .styles_disciplineEventsContainer__20tSc {
        padding: 0 8px;
    }

    .styles_eventDetails__LIOOx {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .styles_eventPhase__3bu88 {
        font-size: 14px;
    }
}

.styles_disciplineSelector__1Os2C {
    max-width: 1400px;
    margin: auto;
    width: inherit;
}

.styles_timeTableContent__2A7wI {
    display: flex;
    flex-direction: column;
    gap: 24px;
    max-width: 1400px;
    margin: 0 auto;
    width: 100%;
}

.styles_moreContent__24NZx {
    gap: 24px;
    padding: 1rem;
    max-width: 1400px;
    margin: 0 auto;
    width: inherit;
}

@media screen and (max-width: 767px) {

.styles_moreContent__24NZx {
        padding: 1rem
}
    }

.styles_moreContent__24NZx.styles_meetThemOnTheTrack__2Sikb {
        background: var(--cm-timetable-section-dark-bg);
    }

@media screen and (min-width: 1025px) {

.styles_moreContent__24NZx.styles_meetThemOnTheTrack__2Sikb {
            max-width: unset;
            padding: 30px 40px
    }
        }

@media screen and (max-width: 767px) {

.styles_moreContent__24NZx.styles_meetThemOnTheTrack__2Sikb {
            padding: 14px 16px 20px
    }
        }

.styles_moreContent__24NZx.styles_meetThemOnTheTrack__2Sikb .styles_meetThemOnTheTrackContainer__2Cja1 {
            max-width: 1400px;
            margin: 0 auto;

        }

.styles_noPadding__1gbbQ {
    padding: 0;
    gap: 0;
}

.styles_predictorBannerContainer__1hmZs{
    margin-bottom: 20px;
}

.styles_eventResults__2I__e {
    display: none;
}

@media (min-width: 1025px) {
    .styles_timeTableContent__2A7wI {
        display: grid;
        grid-template-columns: 1fr 1fr;
        position: relative;
        grid-template-rows: 1fr; /* This ensures both columns take equal height */
        position: relative;
        gap: 24px;
        align-items: stretch;
        max-height: 65vh;
        padding: 14px 16px 20px;
    }

    .styles_eventList__2aYP8 {
        overflow-y: auto;
        min-height: 0; /* Important for grid items to shrink */
        flex: 1 1;
    }

    .styles_eventResults__2I__e {
        display: block;
        min-height: 0;
        height: 100%;
    }
}

.styles_underColor__1NBRL {
    background: var(--cm-brand-dark);
    height: 18px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1; /* Lower z-index for background */
    border-radius: 0 0 6px 6px; /* Match the container's border radius */
}

/* If you want the inline events to appear properly positioned */

.styles_inlineEvents__3C7Su {
    position: relative;
    z-index: 3;
    margin-top: -1px;
    border-radius: 0 0 6px 6px;
}

.styles_disciplineRowContainer__3oVsE {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}

.styles_underColor__1NBRL {
    background: var(--cm-brand-dark);
    height: 18px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.styles_disciplineRow__1LhVb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px;
    background: var(--cm-timetable-discipline-row-bg);
    border-radius: 6px 6px 0 0; /* Only round top corners */
    font-size: 14px;
    font-family: var(--cm-font-bold);
    position: relative;
    z-index: 2;
    margin-bottom: 0; /* Remove any margin */
    border: none;
    flex-wrap: wrap;
    gap: 20px;
}

.seeFullResultsBtn_seeFullResultsBtn__xBI9i{
    background-color: #5E318F;
    background-color: var(--guangzhou-purple);
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 3px 5px 10px;
    border:none;
    border-radius: 5px;
}
.seeFullResultsBtn_fullWidth__2pcP9{
    width:100%;
    margin-top: 1rem;
    padding: .8rem 10px;
}
.seeFullResultsBtn_seeFullResultsBtn__xBI9i:hover{
    background-color: #5E318F;
    background-color: var(--guangzhou-purple);
}
.seeFullResultsBtn_seeFullResultsBtn__xBI9i a{
    margin-right: 1rem;
}
.resultsCard_resultContainer__3Qni7 {
    background-color: white;
    padding: 12px 8px 20px 8px;
    border-radius: 12px;
    margin-bottom: 16px;
}

    .resultsCard_resultContainer__3Qni7.resultsCard_carouselView__2LuMe {
        padding: 0;
        margin-bottom: 0;
    }

.resultsCard_resultsHeader__1l4A_ {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.resultsCard_resultsHeader__1l4A_ > div {
        padding : 0 !important;
    }

.resultsCard_resultsHeader__1l4A_:after {
        content: none !important
    }

.resultsCard_resultsTitle__UsQsn {
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 16px;
}

.resultsCard_resultTitleContainer__2EOFc {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 8px;
    gap: 8px;
}

.resultsCard_resultTitleContainer__2EOFc:after {
        content: none;
    }

.resultsCard_myTime__1Sy-w {
    opacity: 1;
    gap: 10px;
    padding-right: 8px;
    padding-left: 8px;
    border-radius: 16px;
    background: #EEF1F4;
    background: var(--competition-mode-nav-background-gray);
    height: fit-content;
    font-size: 14px;
    font-family: var(--cm-font-bold);
    white-space: nowrap;
}

.resultsCard_eventName__1msb0 {
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    font-size: 18px;
}

.resultsCard_resultLink__3BRTA {
    display: flex;
    align-items: center;
    color: var(--cm-brand-dark);
    font-size: 16px;
    line-height: 1.2;
    white-space: nowrap;
    font-family: var(--cm-font-bold);
    margin-left: auto;
}

.resultsCard_resultLink__3BRTA:hover {
  text-decoration: underline;
}

.resultsCard_dateAndTime__2AOXh {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    margin-bottom: 16px;
    color: #1E1E1E;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
}

.resultsCard_seeFullResults__2Ksb7 {
    padding: 10px 16px;
    background: var(--cm-brand-dark);
    align-items: center;
    color: white;
    font-size: 16px;
    border-radius: 8px;
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-body);
}

.resultsCard_showMoreButton__26m19 {
    display: flex;
    align-items: center;
    padding-block: 6px;
    gap: 4px;
    color: var(--cm-brand-dark);
    /* The other three "Show more" controls name both, so this one does too. */
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 16px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.resultsCard_resultsTitleContainer__2x2g_ {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.resultsCard_timeControl__2zKpH {
    font-weight: var(--cm-font-weight-bold);
    font-size: 14px;
    line-height: 1.4;
    color: #1E1E1E;
    font-family: var(--cm-font-body);
}

.styles_videoContainer__27kFQ {
    position: relative;
}

.styles_vimeoPlayerContainer__kyxvD {
    height: 70vh;
    overflow: hidden;
    background-color: #11103A;
    margin: auto;
    position: relative;
}

.styles_vimeoPlayer__3e4Be {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.styles_videoButtonContainer__3CVCN {
    right: max(40px, calc(50% - 660px));
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1;
    margin-left: auto;
}

.styles_buttonsContainer__bcmE-{
    display: flex;
    justify-content: space-between;
}

.styles_buttonContainer__QPVYk>*:not(:last-child) {
    margin-right: 20px;
}

.styles_videoButtonIcon__1nEl3 {
    width: 24px;
    height: 24px;
}

.styles_videoButton__3bKyS {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    box-shadow: none;
    background-color: #FFFFFF80;
}

.styles_waPlusSignInVideo__2sl2g {
    font-family: var(--cm-font-body);
    left: max(40px, calc(50% - 660px));
    background-color: #A5FA64;
    border-radius: 5px;
    padding: .5rem 1rem;
    font-weight: var(--cm-font-weight-bold);
    font-size: 20px;
    z-index: 2;
    border: none;
    cursor: pointer;
    font-family: var(--cm-font-headline);
    text-transform: uppercase;
}

.styles_WAPlusViewContainer__jwp_l{
    max-width: 1400px;
    width:100%;
    position: absolute;
    bottom: 0px;
    left:0;
    right: 0;
    margin:auto;
    padding: 2rem 0;
    font-family: var(--cm-font-body);
}

@media (max-width: 1440px) {
  .styles_WAPlusViewContainer__jwp_l{
    padding: 2rem 1em;

}
}

@media only screen and (max-width: 1024px) {


    .styles_vimeoPlayerContainer__kyxvD {
        width: 100%;
        height: 50vh;
        overflow: hidden;
        background-color: #11103A;
    }
    
    .styles_waPlusSignInVideo__2sl2g {
        left: 20px;
        font-size: 12px;
        padding: .4rem .8rem;
    }

}
.styles_compmode_vimeoPlayerContainer__1PuUH {
    /*max-width: 1400px;*/
    height: 70vh;
    overflow: hidden;
    background-color: white;
    margin: auto;
    position: relative;
}

.styles_compmode_vimeoPlayer__21_29 {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.styles_compmode_buttonContainer__dS1mi {
    position: absolute;
    bottom: 40px;
    right: 7%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.styles_compmode_buttonContainer__dS1mi>*:not(:last-child) {
    margin-right: 20px;
}

.styles_compmode_videoButtonIcon__1fYfO {
    width: 24px;
    height: 24px;
}

.styles_compmode_videoButton__32bms {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    box-shadow: none;
    background-color: #FFFFFF80;
}

@media only screen and (max-width: 1024px) {
    .styles_compmode_buttonContainer__dS1mi {
        position: absolute;
        right: 9%;
    }

    .styles_compmode_vimeoPlayerContainer__1PuUH {
        width: 100%;
        height: 50vh;
        overflow: hidden;
        background-color: white;
    }
}
.registerNowBanner_registerNowBanner__3FxCK {
  width: 100%;
  aspect-ratio: 393/129;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-height: 200px;
}

.registerNowBanner_imageContainer__1s-2I {
  width: 100%;
  aspect-ratio: 393/129;
  position: relative;
  overflow: hidden;
}

.registerNowBanner_image__2f2FV {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.registerNowBanner_content__1s0sz {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 25px;
}

.registerNowBanner_textTop__bSESW {
  text-align: center;
  width: 100%;
  color: black;
  font-size: 16px;
  font-weight: var(--cm-font-weight-bold);
  line-height: 1.2;
  margin-bottom: 8px;
}

.registerNowBanner_textBottom__fBIbZ {
  text-align: center;
  width: fit-content;
  color: black;
  background-clip: content-box;
  background-color: white;
  font-size: 16px;
  font-weight: var(--cm-font-weight-bold);
  line-height: 1.2;
  margin-bottom: 8px;
}

.registerNowBanner_textDesktop__2Qbaf{
  font-size: 16px;
  color: white;
  margin-bottom: 8px;

}

.registerNowBanner_button__3740t {
  background-color: #f97316;
  color: black;
  padding: 8px 24px;
  text-transform: uppercase;
  font-weight: var(--cm-font-weight-bold);
  font-size: 14px;
}

.registerNowBanner_button__3740t:hover {
  background-color: #ea580c;
}

.registerNowBanner_buttonDesktop__26qQP{
  color: white;
  border:1px solid white;
  border-radius: 30px;
  padding: 5px 24px;
}
.athleteBackground_athleteBackground__tBipR {
    height: 100%;
    width: 100%;
}

.athleteBackground_athleteBackgroundInner__1A8OU{
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 8px 0px;
}
.styles_bannerImage__2zI5W{
    width: 100%;
    height: 240px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    object-fit: fill;
}


@media screen and (max-width: 1360px) {
    .styles_bannerImage__2zI5W{
        height: 160px;
    }
}


@media (max-width: 767px){
    .styles_bannerImage__2zI5W{
        height: 120px;
    }
}
.sessionImage_sessionImage__21dL8 {
    width: 100%;
    object-fit: cover;
    height: 150px;
}

.sessionImage_sessionImage__21dL8.sessionImage_desktop__Xa1xm {
    width: 20%;
    min-width: 120px;
    object-fit: cover;
    height: 90px;
    border-radius: 5px;
    margin-right: 1rem;
}
.sessionTypeBadge_sessionBadge__27jG2 {
    display: inline-block;
    background-color: #C2E9ED;
    padding: 0.25rem 0.75rem;
    padding: 0px 6px;
    font-size: 12px;
    font-weight: 500;
    gap: 10px;
    border-radius: 2px;
  }
.sessionTitle_sessionTitle__1_1_z {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  line-height: 18px;
  text-decoration: underline;
}

    @media screen and (max-width: 767px) {.sessionTitle_sessionTitle__1_1_z {
        font-size: 16px
}
    }
.sessionCardDesktop_sessionCardDesktop__10i9M {
    background-color: white;
    border-radius: 5px;
    width:100%;
    height: fit-content;
    overflow: hidden;
    position: relative;
    padding: 10px;
    display: flex;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 1rem;
  }
.sessionCardDesktop_sessionDescription__sygbQ {
    display: flex;
    gap: 10px;
    flex-direction: column;
    width: 100%;
}
.sessionCardDesktop_sessionDescription__sygbQ a {
        text-decoration: underline;
    }
.sessionCardDesktop_sessionDescription__sygbQ .sessionCardDesktop_details__LtpMx {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;

    }
.sessionCardDesktop_sessionHeader__8z348 {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    overflow: hidden;
    align-items: center;
  }
.sessionCardDesktop_sessionTime__2dOJ9 {
    font-size: 12px;
    color: #4B5563;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: -3%;
  }
.LiveViewHeader_titleContainer__htO_6 {
    display: flex;
    gap: 20px;
    align-items: center;
    white-space: nowrap;
    padding-right: 10px;
}
    @media screen and (max-width: 767px) {.LiveViewHeader_titleContainer__htO_6 {
        flex-direction: column;
        align-items: flex-start
}
    }

.LiveViewHeader_title__6vm0V {
    font-size: 36px;
    margin: 0;
    font-weight: var(--cm-font-weight-bold);
    font-family: var(--cm-font-headline);
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--cm-live-view-title-color);
}

@media screen and (max-width: 767px) {

.LiveViewHeader_title__6vm0V {
        font-size: 32px;
        white-space: break-spaces
}
    }

/* Mobile twin of .title. Both must declare the font: .title happened to
   inherit PP Formula from its desktop wrapper while this one did not, so the
   same heading rendered in two different faces depending on width. */

.LiveViewHeader_liveViewHeaderTitle__15DUu {
    font-size: 36px;
    margin: 0;
    font-weight: var(--cm-font-weight-bold);
    font-family: var(--cm-font-headline);
    text-transform: uppercase;
    line-height: 1.2;
    letter-spacing: 0;
    vertical-align: middle;
    color: var(--cm-live-view-title-color);
}

@media screen and (max-width: 767px) {

.LiveViewHeader_liveViewHeaderTitle__15DUu {
        font-size: 32px;
        white-space: break-spaces
}
    }

.LiveViewHeader_sessionTitle__jHAlh {
    display: flex;
    gap: 10px;
    color: var(--cm-live-view-content-color);
}

@media screen and (max-width: 767px) {

.LiveViewHeader_sessionTitle__jHAlh {
        gap: 0;
        white-space: nowrap;
        justify-content: space-between
}
    }

.LiveViewHeader_sessionOverTitle__3_8Cy {
    display: flex;
    gap: 1px;
}

@media screen and (max-width: 767px) {

.LiveViewHeader_sessionOverTitle__3_8Cy {
        display: unset
}
    }

.LiveViewHeader_sessionOverTitle__3_8Cy span {
        font-size: 22px;
        line-height: 1.3;
        color: var(--cm-live-view-content-color);
        margin-right: 6px;
        font-family: var(--cm-font-body);
    }

.LiveViewHeader_sessionOverTitle__3_8Cy span::first-letter {
        text-transform: uppercase;
    }

.LiveViewHeader_containerOver__CO_PC {
    background-color: transparent;
    padding: 30px 40px 0 40px;
    position: relative;
}

@media screen and (max-width: 767px) {

.LiveViewHeader_containerOver__CO_PC {
        padding: 16px 12px
}
    }

.LiveViewHeader_container__3pITL {
    background-color: var(--cm-live-view-header-bg);
    padding: 0px 40px;
    position: relative;
}

.LiveViewHeader_container__3pITL.LiveViewHeader_notAuthenticated__32m7N {
        background: linear-gradient(180deg, color-mix(in srgb, var(--cm-live-view-gradient-dark) 80%, transparent) 0%, color-mix(in srgb, var(--cm-live-view-gradient-dark) 40%, transparent) 100%);
    }

@media screen and (max-width: 767px) {

.LiveViewHeader_container__3pITL.LiveViewHeader_isLiveStreamAvailable__1moRG {
            background-color: unset
    }
        }

@media screen and (max-width: 767px) {

.LiveViewHeader_container__3pITL {
        background-color: unset;
        padding: 16px 12px
}
    }

.LiveViewHeader_paddedContainer__35_GR {
    max-width: 1400px;
    margin: 0 auto;
}

.LiveViewHeader_counterContainer__3g6Vp {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media screen and (max-width: 767px) {

.LiveViewHeader_counterContainer__3g6Vp {
        display: flex;
        justify-content: space-between;
        align-items: center
}
    }

@media screen and (min-width: 1025px) {

.LiveViewHeader_counterContainer__3g6Vp {
        width: unset
}
    }

.LiveViewHeader_liveViewHeaderContainer__3x5Wl {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

@media screen and (max-width: 767px) {

.LiveViewHeader_liveViewHeaderContainer__3x5Wl {
         display:unset
}
     }

.LiveViewHeader_liveViewHeaderContainer__3x5Wl.LiveViewHeader_isLive__36L9o {
        justify-content: space-between;
        padding: 10px 0;
        flex-direction: row;

    }

@media screen and (min-width: 1025px) {

.LiveViewHeader_liveViewHeaderContainer__3x5Wl .LiveViewHeader_title__6vm0V {
            font-family: var(--cm-font-headline);
            font-weight: var(--cm-font-weight-bold);
            font-size: 36px;
            line-height: 120%;
            letter-spacing: 0%;
            text-transform: uppercase;
            color: var(--cm-live-view-title-color)
    }
        }

.LiveViewHeader_watchButton__SH7rq {
    background: var(--cm-live-view-button-bg);
    gap: 8px;
    padding: 6px 16px;
    border-radius: 6px;
    border-top-width: 1px;
    display: flex;
    align-items: center;
    font-family: var(--cm-font-bold);
}

.LiveViewHeader_watchButton__SH7rq::first-letter {
        text-transform: uppercase;
    }

.LiveViewHeader_watchIcon__yB2Ra {
    width: 24px;
    height: 24px;
    display: inline-flex;
}

.LiveViewHeader_watchIcon__yB2Ra svg {
    width: 100%;
    height: auto;
}

.LiveViewHeader_todayIsOverContainer__2Edi4 {
    display: flex;
    gap: 16px;
    z-index: 2;
}

.LiveViewHeader_liveViewOverContainer__ueLt7 {
    display: flex;
    gap: 16px;
    z-index: 2;
    align-items: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {

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

.LiveViewHeader_liveViewContainer__3m4YD {
    display: flex;
    flex-direction: column;
    gap: 6px;
    z-index: 2;
}

.LiveViewHeader_mobileLiveSessionContainer__2YHQz {
    font-size: 22px;
    z-index: 1;
    width: 70%;
    color: var(--cm-live-view-content-color);
}

@media screen and (max-width: 767px) {

.LiveViewHeader_mobileLiveSessionContainer__2YHQz {
        font-size: 16px;
        width: 100%
}
    }

.LiveViewHeader_mobileLiveSessionContainer__2YHQz b {
        font-family: var(--cm-font-bold);
    }

.LiveViewHeader_liveViewContainer__3m4YD {
    max-width: 1400px;
    width: 100%;
    margin: auto;
}

@media screen and (max-width: 1024px) {

.LiveViewHeader_liveViewContainer__3m4YD {
        padding: 16px 12px
}
    }

.LiveViewHeader_svgWrapper__OLnNX {
    margin-top: -4vw;
    justify-self: end;
}

.LiveViewHeader_currentSessionContainer__3RmOc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.LiveViewHeader_currentDayTitle__2aSVL {
    font-size: 18px;
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    line-height: 1.3;
    margin-right: 6px;
    font-family: var(--cm-font-bold);
}

@media screen and (max-width: 767px) {

.LiveViewHeader_currentDayTitle__2aSVL {
        color: var(--cm-live-view-content-color)
}
    }

.LiveViewHeader_currentSessionTitle__3QxES {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    font-family: var(--cm-live-view-session-label-font);
}

.LiveViewHeader_currentSessionTitle__3QxES::first-letter {
        text-transform: uppercase;
    }

@media screen and (max-width: 767px) {

.LiveViewHeader_currentSessionTitle__3QxES {
        color: var(--cm-live-view-content-color)
}
    }

.LiveViewHeader_liveContainer__31I8b {
    display: flex;
    align-items: center;
    gap: 3.36px;
    background-color: var(--cm-live-view-live-badge-bg);
    padding: 3.36px 6.72px;
    border-radius: 12.6px;
}

.LiveViewHeader_liveDot__3ehAN {
    height: 7.56px;
    width: 7.56px;
    background-color: var(--cm-text-on-dark);
    border-radius: 50%;
    animation: LiveViewHeader_pulse__1F-Sb 2s infinite;
}

.LiveViewHeader_eventsCount__32I4X {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-family: var(--cm-font-bold);
    /* Two backgrounds: the fill clipped to padding-box, the gradient border to
       border-box. border-image would square off the 8px radius. */
    background:
        linear-gradient(var(--cm-live-events-pill-bg), var(--cm-live-events-pill-bg)) padding-box,
        var(--cm-live-events-pill-border-image) border-box;
    gap: 6px;
    opacity: 1;
    padding: 12px 16px;
    border-radius: 8px;
    font-weight: var(--cm-font-weight-bold);
    border: var(--cm-live-events-pill-border-width) solid transparent;
    text-transform: none;
    text-transform: var(--cm-live-events-pill-text-transform, none);
    position: relative;
    color: var(--cm-live-view-content-color);
}

/* Mobile keeps the flat translucent pill it already had. The gradient
       border is a desktop-only treatment; the reference covers desktop only,
       so the border colour is re-stated here rather than left transparent. */

@media screen and (max-width: 767px) {

.LiveViewHeader_eventsCount__32I4X {
        color: var(--cm-live-view-content-color);
        gap: 4px;
        border-radius: 19px;
        padding: 4px 11px;
        background: color-mix(in srgb, var(--cm-text-on-dark) 12%, transparent);
        border-color: var(--cm-live-events-pill-bg)
}
    }

.LiveViewHeader_eventsCount__32I4X.LiveViewHeader_clickable__1W-aS {
        cursor: pointer;
    }

.LiveViewHeader_liveDotRed__32zRA {
    height: 7px;
    width: 7px;
    background-color: var(--cm-live-view-live-badge-bg);
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
    animation: LiveViewHeader_pulse__1F-Sb 2s infinite;
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {

.LiveViewHeader_liveDotRed__32zRA {
        height: 7px;
        width: 7px
}
    }

.LiveViewHeader_liveTitle__32hzz {
    font-size: 11.76px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    color: var(--cm-live-view-content-color);
}

@keyframes LiveViewHeader_pulse__1F-Sb {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* CMS copy under the header title. Was a bare <div> with an inline
   margin-bottom and no class, so it fell through to the site's legacy font. */

.LiveViewHeader_description__2Dk5v {
    margin-bottom: 1rem;
    font-family: var(--cm-live-view-description-font);
    color: var(--cm-live-view-content-color);
}

/* CMS-authored copy under the header title ("... is over. Discover the
   highlights"). It was a bare <div> with an inline margin and no class, so it
   read in the site's legacy font while the title above it used the
   competition one. */

.LiveViewHeader_description__2Dk5v {
    margin-bottom: 1rem;
    font-family: var(--cm-live-view-description-font);
    color: var(--cm-live-view-content-color);
}

/* TabsViewNavigation.module.css */
.TabsViewNavigation_tabsView__1eRxR {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
}
.TabsViewNavigation_tabsView__1eRxR.TabsViewNavigation_fullWidth__34Phs {
        max-width: 100%;
    }
/* Container for the tabs */
.TabsViewNavigation_tabNavigationContainer__AUC7C {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 30px 0 0;
}
/* The scrollable container for the tabs */
.TabsViewNavigation_tabNavigation__1-6MD {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
    gap: 16px;
}
/* Hide scrollbar for Chrome, Safari and Opera */
.TabsViewNavigation_tabNavigation__1-6MD::-webkit-scrollbar {
    display: none;
}
.TabsViewNavigation_tabButton__3UN9b {
    display: flex;
    background: var(--cm-nav-tab-bg);
    color: var(--cm-nav-tab-color);
    cursor: pointer;
    transition: background-color 0.3s;
    /* Centre the label in the pill on both axes. The button is content-sized
       today, so these only matter if one is ever given a width, but they say
       what the pill means; align-items also keeps the label's own box from
       stretching to the button's height. */
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    flex-shrink: 0;
    gap: 8px;
    opacity: 1;
    padding: 4px 12px;
    border-radius: 8px;
    border: 2px solid var(--cm-nav-tab-border);
    font-family: var(--cm-font-body);
    font-weight: 400;
    font-style: Regular;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: lowercase;

}
.TabsViewNavigation_tabButton__3UN9b:last-child {
        margin-right: 90px;
    }
.TabsViewNavigation_tabButton__3UN9b .TabsViewNavigation_label__18Zfs::first-letter {
        text-transform: uppercase;
    }
/* Nudges the ink, not the box -- see --cm-nav-tab-label-offset. */
.TabsViewNavigation_tabButton__3UN9b .TabsViewNavigation_label__18Zfs,
    .TabsViewNavigation_tabButton__3UN9b .TabsViewNavigation_labelSuffix__5DoTp {
        position: relative;
        top: var(--cm-nav-tab-label-offset);
    }
.TabsViewNavigation_tabButton__3UN9b .TabsViewNavigation_labelSuffix__5DoTp {
        text-transform: capitalize;
    }
.TabsViewNavigation_tabButton__3UN9b.TabsViewNavigation_active__1R9uH {
    background-color: var(--cm-nav-tab-active-bg);
    color: var(--cm-nav-tab-active-color);
    gap: 8px;
    opacity: 1;
    padding: 4px 12px;
    border-radius: 8px;
    /* Keep the 2px ring the idle tab has, just invisible: dropping the border
       outright made the selected label sit 2px higher than its neighbours. */
    border: 2px solid transparent;
}
.TabsViewNavigation_tabButton__3UN9b:hover:not(.TabsViewNavigation_active__1R9uH) {
    background-color: var(--cm-nav-tab-hover-bg);
}
/* Round navigation buttons - positioned at the ends of the tab bar */
.TabsViewNavigation_navButton__2kciK {
    width: var(--cm-carousel-nav-outline-size);
    height: var(--cm-carousel-nav-outline-size);
    background-color: var(--cm-nav-button-bg);
    border: var(--cm-nav-button-border);
    color: var(--cm-nav-button-color);
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    flex-shrink: 0;
    border-radius: 50%;
}
/* Make buttons round */
.TabsViewNavigation_navButton__2kciK.TabsViewNavigation_disabled__2Hlr9 {
        background-color: var(--cm-nav-button-bg-disabled);
        border: var(--cm-nav-button-border-disabled);
        cursor: not-allowed;
        color: var(--cm-nav-button-color-disabled);
    }
.TabsViewNavigation_previous__rlCp0 {
    width: 80px;
    background: linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--cm-nav-buttons-strip-bg) 50%, transparent) 30%, color-mix(in srgb, var(--cm-nav-buttons-strip-bg) 60%, transparent) 60%, var(--cm-nav-buttons-strip-bg) 90%);
}
.TabsViewNavigation_navigation__mH015 {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
 }
.TabsViewNavigation_navigationButtons__1giQx {
    gap:12px;
    display: flex;
    background: var(--cm-nav-buttons-strip-bg);
    height: 36px;
}
.TabsViewNavigation_tabContent__3KWFN {
    padding-top: 16px;
}
.TabsViewNavigation_emptyState__1cRzY {
    padding: 32px;
    text-align: center;
    color: var(--cm-nav-tab-empty-color);
}
/* Responsive adjustments */
@media (max-width: 768px) {
    .TabsViewNavigation_tabButton__3UN9b {
        padding: 8px 12px;
    }

    .TabsViewNavigation_navButton__2kciK {
        width: 24px;
        height: 24px;
        font-size: 12px;
    }
}
/* Matches the carousel arrows; the component hardcodes size={20}. */
.TabsViewNavigation_navButton__2kciK svg {
    width: var(--cm-carousel-nav-outline-icon-size);
    height: var(--cm-carousel-nav-outline-icon-size);
}

.styles_postEventContainer__1Rz3g {
    max-width: 1400px;
    width: 100%;
    margin: auto;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
}

.styles_phaseNameStyle__V0aE2{
    border-radius: 2px;
    background: #FBD1BB;
    font-family: var(--cm-font-bold);
    padding: 0px 5px;
    font-size: 10px;
    width: min-content;
    min-width: 50px;
    text-align: center;
}

.styles_flatAccordion__1WyPF {
    box-shadow: none !important;
    border-bottom: 1px solid #EEF1F4 !important;
    border-bottom: 1px solid var(--competition-mode-nav-background-gray) !important;
    border-radius: 0 !important;
}

.styles_postEventCollapsibleHeaderStyle__20vNw {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.styles_disciplineNameStyle__1d4FC {
    font-family: var(--cm-font-bold) !important;
    font-weight: var(--cm-font-weight-bold) !important;
    font-size: 18px !important;
}

.styles_Heat__EIqQ6 {
    background-color: #c2e9ed;
    background-color: var(--secondary-accent);
    font-size: 14px !important;
    padding: 2px 4px;
}

.styles_final__R4Da1 {
    background-color:#fbd1bb;
    background-color:var(--primary-accent);
    font-size: 14px !important;
    padding: 2px 4px;
}

.styles_semiFinal__3o_1a {
    background-color:#fbd1bb;
    background-color:var(--primary-accent);
    font-size: 14px !important;
    padding: 2px 4px;
}

.styles_typographyClass__IXB0g {
    width: 100%;
}

.styles_postEventHeader__235QM {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    color: white;
}

.styles_fullResultsUnderLine__Z6Frt {
    height: 2px;
    background: #5E318F;
    background: var(--guangzhou-purple);
}

.styles_title__3z5am{
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    color: white;
    font-family: var(--cm-font-bold);
}

@media (max-width: 767px) {
    .styles_title__3z5am{
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        padding: 1rem 0;
    }
}

.whatsNext_title__3rOf9 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--cm-font-bold);
}

.whatsNext_container__4oF7x{
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem;
    background: white;
}

.whatsNext_innerContainer__2Bnj7 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.whatsNext_content__3dScd{
    font-size: 18px;
    font-family: var(--cm-font-bold);
}

.whatsNext_underLine__3gWLc{
    height: 3px;
    background-color: #5E318F;
    border-radius: 3px;
    width: 85px;
}

.whatsNext_seeMore__1BHnF{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}
.watchLiveOn_watchLiveOnContainer__13_A7{
    /*background: transparent linear-gradient(44deg, #BD94FF 0%, #FF873C 100%) 0% 0% no-repeat padding-box;*/
    background: var(--cm-where-to-watch-bg);
    display: flex;
    justify-content: space-between;
    border-radius: 5px;
    align-items: center;
    padding: 8px 12px;
    font-weight: var(--cm-font-weight-bold);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    cursor: pointer;
    color: var(--cm-where-to-watch-color);
    width:100%;
}
.watchLiveOn_fullWidth__2HD4v {
    width:100%;
}
.watchLiveOn_watchLiveOnTextContainer__3CZmq{
    display: flex;
    align-items: center;
    width: 100%;
}
.watchLiveOn_watchLiveOnTextContainer__3CZmq img{
    height: 35px;
    margin-left: 1rem;
}
.LiveStreamPlaceHolder_LiveStreamPlaceHolderContainer__1VLqL {
    background-size: cover;
    width: 100%;
    align-content: center;
    justify-items: center;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
    @media screen and (max-width: 767px) {.LiveStreamPlaceHolder_LiveStreamPlaceHolderContainer__1VLqL {
        border-radius: 12px
}
    }

.LiveStreamPlaceHolder_playIcon__1jC5x {
    width: 9px;
    height: 9px;
    color: inherit;
}

@media screen and (max-width: 767px) {

.LiveStreamPlaceHolder_liveStreamPlaceHolder__2aBxR {
        padding: 16px 12px
}
    }

.LiveStreamPlaceHolder_container__1rw25 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: var(--cm-stream-overlay-gradient);
    position: relative;
    aspect-ratio: 16 / 9;
}

.LiveStreamPlaceHolder_chevron__sz76q {
    display: none;
    width: 16px;
    height: 16px;
    color: var(--cm-stream-button-bg);
}

.LiveStreamPlaceHolder_logo__26iz4 {
    position: absolute;
    width: 50%;
    bottom: 20px;
    left: 20px;
}

.LiveStreamPlaceHolder_watchButton__1D1us {
    background: var(--cm-stream-button-bg);
    /* Declared, not inherited: --cm-stream-button-color existed but nothing
       read it, so this label took whatever the page happened to set. */
    color: var(--cm-stream-button-color);
    text-transform: none;
    text-transform: var(--cm-stream-button-text-transform, none);
    display: flex;
    gap: 6px;
    padding: 12px 16px;
    border-radius: 8px;
    border-width: 2px;
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 16px;
    line-height: 100%;
    vertical-align: middle;
    align-items: center;
    border: 2px solid var(--cm-stream-button-bg);

}

.LiveStreamPlaceHolder_watchButton__1D1us:hover {
        background: transparent;
        color: var(--cm-stream-button-bg);
    }

.LiveStreamPlaceHolder_watchButton__1D1us:hover .LiveStreamPlaceHolder_playIcon__1jC5x {
            display: none;
            color: var(--cm-stream-button-bg);
        }

.LiveStreamPlaceHolder_watchButton__1D1us:hover .LiveStreamPlaceHolder_chevron__sz76q {
            display: block;
        }
.LatestResultsSection_resultsContainer__3cpp5 {
    /* Split from --cm-results-see-full-bg: that token is also the magenta
       FULL LIVE RESULTS fill on the live card, which the reference keeps.
       This link is white text on a yellow underline instead. */
    --see-full-results-background-color: var(--cm-latest-results-see-full-bg);
    --see-full-results-color: var(--cm-latest-results-see-full-color);
    background-color: var(--cm-bg-primary);
    position: relative;
    padding: 30px 40px;
}

    .LatestResultsSection_resultsContainer__3cpp5.LatestResultsSection_resultsContainerOver__SCJDI {
        background-color: transparent;
    }

    @media screen and (max-width: 767px) {.LatestResultsSection_resultsContainer__3cpp5 {
        padding: 30px 16px
}
    }

    .LatestResultsSection_resultsContainer__3cpp5 .LatestResultsSection_resultsContainerBackground__1128j {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: var(--cm-latest-results-section-bg-image) repeat-x;
        background-size: var(--cm-latest-results-section-bg-size);

    }

    .LatestResultsSection_resultsContainer__3cpp5 .LatestResultsSection_leftImageForResultsContainer__24Fim {
        background-image: var(--cm-bg-image-results-splatter-left);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left bottom;
        padding-left: 1rem;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        pointer-events: none;
        z-index: 0;
    }

    .LatestResultsSection_resultsContainer__3cpp5 .LatestResultsSection_rightImageForResultsContainer__2F0pr {
        background-image: var(--cm-bg-image-results-splatter-right);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right top;
        padding-right: 1rem;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        pointer-events: none;
        z-index: 0;
    }

.LatestResultsSection_paddedContainer__230Cc {
    max-width: 1400px;
    margin: 0 auto;
}

.LatestResultsSection_latestResultsContainer__1kIUp {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.LatestResultsSection_seeFullResults__1d5Yt {
    display: flex;
    padding: var(--cm-latest-results-see-full-padding);
    background: var(--see-full-results-background-color);
    align-items: center;
    color: var(--see-full-results-color);
    font-size: var(--cm-button-font-size);
    border-radius: var(--cm-latest-results-see-full-radius);
    border-bottom: var(--cm-latest-results-see-full-underline);
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-body);
}

.LatestResultsSection_seeFullResults__1d5Yt.LatestResultsSection_dark__RGL9D {
        padding: var(--cm-latest-results-see-full-padding);
        gap: 6px;
        border-radius: var(--cm-latest-results-see-full-radius);
        background: var(--see-full-results-background-color);
        color: var(--see-full-results-color);
        font-family: var(--cm-font-bold);
    }

@media screen and (max-width: 767px) {

.LatestResultsSection_seeFullResults__1d5Yt.LatestResultsSection_dark__RGL9D {
            background: var(--see-full-results-background-color);
            color: var(--see-full-results-color)
    }
        }

.CompetitionModeWhereToWatchButton_whereToWatchButton__2dF8x {
    background: var(--cm-where-to-watch-bg);
    height: 68px;
    border-radius: 12px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    font-size: 16px;
    margin-top: 10px;
    color: var(--cm-where-to-watch-color);
}

    .CompetitionModeWhereToWatchButton_whereToWatchButton__2dF8x::first-letter {
        text-transform: uppercase;
    }

.CompetitionModeWhereToWatchButton_icon__3iotj {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    background-color: currentColor;
    mask: var(--cm-where-to-watch-icon-image) center / contain no-repeat;
    -webkit-mask: var(--cm-where-to-watch-icon-image) center / contain no-repeat;
}

.BetweenSessionsHeader_container__1Yuta {
    --live-page-header-countdown-color: var(--cm-countdown-color);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    align-items: center;
    background: linear-gradient(
            180deg,
            color-mix(in srgb, var(--cm-live-view-gradient-dark) 80%, transparent) 0%,
            color-mix(in srgb, var(--cm-live-view-gradient-dark) 40%, transparent) 100%
    );
    padding: 10px 40px;
    z-index: 2;
}

    @media screen and (max-width: 767px) {.BetweenSessionsHeader_container__1Yuta {
        position: relative;
        padding: 30px 12px;
        background: transparent
}
    }

.BetweenSessionsHeader_content__3yqs0 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--cm-live-view-content-color);
    margin: 0 auto;
    max-width: 1400px;
    gap: 20px;
}

.BetweenSessionsHeader_content__3yqs0:after {
        content: none;
    }

@media screen and (max-width: 767px) {

.BetweenSessionsHeader_content__3yqs0 {
        flex-direction: column
}
    }

.BetweenSessionsHeader_leftContent__1Qm8l {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
}

@media screen and (max-width: 767px) {

.BetweenSessionsHeader_leftContent__1Qm8l {
        width: 100%
}
    }

.BetweenSessionsHeader_leftContent__1Qm8l:after {
        content: none;
    }

@media screen and (max-width: 767px) {

.BetweenSessionsHeader_rightContent__24fhY {
        width: 100%
}
    }

.BetweenSessionsHeader_sessionName__2AM0b {
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    font-size: 21px;
}

.BetweenSessionsHeader_sessionName__2AM0b::first-letter {
    text-transform: uppercase;
}

.BetweenSessionsHeader_sessionTitle__1YyGG {
    display: flex;
    gap: 10px;
    color: var(--live-page-header-countdown-color);
}

@media screen and (max-width: 767px) {

.BetweenSessionsHeader_sessionTitle__1YyGG {
        gap: 0;
        white-space: nowrap;
        justify-content: space-between
}
    }

.BetweenSessionsHeader_currentDayTitle__2WkVI {
    font-size: 18px;
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    line-height: 1.3;
    margin-right: 6px;
    font-family: var(--cm-font-bold);
}

.BetweenSessionsHeader_currentSessionTitle__LYooM {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    font-family: var(--cm-font-body);
}

.BetweenSessionsHeader_currentSessionTitle__LYooM::first-letter {
        text-transform: uppercase;
    }

.BetweenSessionsHeader_nextSession__pt-J5 {
    font-family: var(--cm-font-headline);
    font-size: 21px;
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    color: var(--cm-live-view-content-color);
}

.BetweenSessionsHeader_watchButton__CJJVk {
    display: flex;
    padding: 6px 16px;
    gap: 8px;
    border-radius: 6px;
    background: var(--cm-live-view-button-bg);
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 18px;
    align-items: center;
    color: var(--cm-live-view-button-color);
    justify-content: center;
}

.BetweenSessionsHeader_watchButton__CJJVk::first-letter {
        text-transform: uppercase;
    }

/* The mobile block only changes the geometry. It used to also set
       `background-color: var(--cm-brand-light)`, which is #000000 under this
       preset, while the label kept --cm-live-view-button-color, which is
       black too -- so below tablet the "Where to watch" CTA rendered as an
       empty black rounded box. BeforeEventStartHeader's identical button
       never carried that line; dropping it puts both on the magenta
       --cm-live-view-button-bg at every width, as on desktop. */

@media screen and (max-width: 767px) {

.BetweenSessionsHeader_watchButton__CJJVk {
        gap: 16px;
        border-radius: 12px;
        padding: 8px 12px;
        height: 68px;
        flex-direction: row-reverse
}
    }

.BetweenSessionsHeader_chevron__3cwM2 {
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 767px) {

.BetweenSessionsHeader_chevron__3cwM2 {
        display: none
}
    }

.BetweenSessionsHeader_playIcon__QM332 {
    width: 25px;
    color: var(--cm-live-view-button-color);
    display: inline-flex;
}

.BetweenSessionsHeader_playIcon__QM332 svg {
    width: 100%;
    height: auto;
}

.athleteMedalsModal_cardContent__3yWb2 {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.athleteMedalsModal_imageContainer__2TWBN {
  position: relative;
  width: 100%;
  height: 245px;
  overflow: hidden;
  z-index: 1;
}

.athleteMedalsModal_imageContainer__2TWBN::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
  background: var(--cm-medals-athlete-image-overlay-gradient);
  pointer-events: none;
  z-index: 2;
}

.athleteMedalsModal_heartButton__1KR8u {
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 25;
}

.athleteMedalsModal_heartButton__1KR8u.athleteMedalsModal_popupHeartButton__3a_2g {
    position: relative;
    align-self: start;
    top: 0;
    right: 0;
  }

.athleteMedalsModal_heartBtn__1kAp3 {
  padding: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  z-index: 25;
}

.athleteMedalsModal_heartButton__1KR8u:hover {
  transform: scale(1.1);
}

.athleteMedalsModal_athletesBioHonours__Lfm22{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  width: 100%;
  height: fit-content;
  justify-content: flex-end;
  align-items: flex-end;
  overflow: hidden;
}

.athleteMedalsModal_athletesBioHonours__Lfm22::after{
  content:none;
}

.athleteMedalsModal_athletesBioHonour__2QVSd{
  background-color: var(--cm-medals-athlete-honour-bg);
  max-width: 206px;
  width: 100%;
  height: 100%;
  padding: 10px 12.5px;
  border-radius: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.athleteMedalsModal_athletesBioHonourCount__2xjCv{
  position: absolute;
  font-size: 20px;
  line-height: 24px;
  right: 6px;
  top: 0;
  background: var(--cm-medals-athlete-honour-count-bg);
  font-family: var(--cm-font-headline);
  padding: 4px 2px 8px 2px;
  border-radius: 0px 0px 4px 4px;
  color: var(--cm-medals-text-color);
  text-transform: lowercase;
  min-width: 28px;
  display: inline-flex;
  justify-content: center;
}

.athleteMedalsModal_athletesBioHonourValue__7J3Ag{
  font-size: 14px;
  font-family: var(--cm-font-bold);
  color: var(--cm-medals-text-color);
  width: 85%;
  padding: 4px 0 4px 0;
  text-transform: lowercase;
}

.athleteMedalsModal_athletesBioHonourValue__7J3Ag::first-letter {
  text-transform: uppercase;
}

.athleteMedalsModal_bottomContainer__39Gsz {
  height: 100%;
  position: relative;
  flex: 1 1;
  background: transparent;
  padding: 0 16px 16px;
  margin-top: -1px;
}

.athleteMedalsModal_viewAtheletProfileButton__ukFNQ {
  width: 100%;
  color: var(--cm-medals-athlete-profile-button-color);
  border:  2px solid var(--cm-medals-athlete-profile-button-border);
  border-radius: 8px;
  padding: 10px 8px;
  font-size: 14px;
  text-align: center;
}

.athleteMedalsModal_bottomContent__3O5KB {
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 16px;
  height: 100%;
}

.athleteMedalsModal_cardHeader__qP27k {
  background-color: var(--cm-medals-modal-surface-bg);
  border-radius: 16px 16px 0 0;
  z-index: 15;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 16px;
  right: 16px;
  padding: 16px 0 0 0;
}

.athleteMedalsModal_cardHeaderContentContainer__CudNO {
    padding: 16px 8px 0;
}

.athleteMedalsModal_cardHeaderContentContainer__CudNO.athleteMedalsModal_isPopup__1-M5v {
        padding: 0px 12px;
    }

.athleteMedalsModal_athleteInfoContainer__3-ZuC {
  bottom: 60px;
  left: 0;
  right: 0;
  background-color: var(--cm-medals-modal-surface-bg);
  border-radius: 0 0 16px 16px;
  z-index: 15;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  margin: 0;
  height: 100%;
}

.athleteMedalsModal_athleteInfoContainer__3-ZuC.athleteMedalsModal_isPopup__1-M5v {
    bottom: 100px !important;
  }

.athleteMedalsModal_athleteInfoContentContainer__imI0F {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  padding: 0 8px 0;
}

.athleteMedalsModal_athleteInfoContentContainer__imI0F.athleteMedalsModal_isPopup__1-M5v {
    padding: 0px 12px;
  }

.athleteMedalsModal_athleteGeneralInfoHeader__2DKO3 {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  justify-content: space-between;
  position: relative;
}

.athleteMedalsModal_athleteGeneralInfoHeader__2DKO3::after {
  display: none;
}

.athleteMedalsModal_athleteGeneralInfoContainer__1v6Qy {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: 4px;
}

.athleteMedalsModal_athleteName__fLcEc {
  text-decoration: none;
  color: var(--cm-medals-text-color);
  font-size: 21px;
  font-family: var(--cm-font-headline);
  line-height: 1.3;
  margin: 0;
  flex: 1 1;
}

.athleteMedalsModal_athleteCountryCode__3XQl2 {
  text-transform: uppercase;
  font-family: var(--cm-font-bold);
  font-size: 12px;
  color: var(--cm-medals-text-color);
}

.athleteMedalsModal_countryContainer__2Ac_m {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.athleteMedalsModal_bestContainer__2-_mZ {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 16px;
}

.athleteMedalsModal_athleteInfoContainer__3-ZuC {
  bottom: 50px;
  padding: 0 12px 0;
}

/* Mobile responsive adjustments */

@media (max-width: 768px) {
      .athleteMedalsModal_cardContent__3yWb2.athleteMedalsModal_popupView__3UrmW .athleteMedalsModal_bottomContainer__39Gsz {
        padding: 0 16px 16px;
      }

  .athleteMedalsModal_athleteName__fLcEc {
    font-size: 18px !important;
  }

  .athleteMedalsModal_athleteInfoContainer__3-ZuC {
    bottom: 65px;
    padding: 0 0 12px 0;
  }
}

.athleteMedalsModal_rankContainer__eln-7 {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cm-medals-rank-text-color);
}

.athleteMedalsModal_rankContainer__eln-7[data-value="gold"] {
  background: var(--cm-medals-rank-gold-gradient);
}

.athleteMedalsModal_rankContainer__eln-7[data-value="silver"] {
  background: var(--cm-medals-rank-silver-gradient);
}

.athleteMedalsModal_rankContainer__eln-7[data-value="bronze"] {
  background: var(--cm-medals-rank-bronze-gradient);
}

.athleteMedalsModal_loadingSpinner___GZKe {
  display: inline-block;
  width: 24px;
  height: 24px;
  animation: athleteMedalsModal_spin__3Ahb7 1s linear infinite;
}

@keyframes athleteMedalsModal_spin__3Ahb7 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.athleteMedalsModal_imageSkeleton__3dq77 {
  width: 100%;
  height: 100%;
  background-color: var(--cm-medals-skeleton-bg);
  border-radius: 8px;
}

.athleteMedalsModal_textSkeleton__3NSsu {
  height: 16px;
  background-color: var(--cm-medals-skeleton-bg);
  border-radius: 4px;
  margin-bottom: 8px;
}

.athleteMedalsModal_honourSkeletonContainer__2Odpn {
  display: flex;
  gap: 12px;
  margin-top: 16px;
}

.athleteMedalsModal_honourSkeleton__3SBaV {
  width: 100%;
  height: 40px;
  background-color: var(--cm-medals-skeleton-bg);
  border-radius: 6px;
}

.athleteMedalsModal_rowSkeleton__2_V_- {
  width: 100%;
  height: 32px;
  background-color: var(--cm-medals-skeleton-soft-bg);
  border-radius: 4px;
  margin-bottom: 8px;
}

.athleteMedalsModal_buttonSkeleton__qDBXC {
  width: 200px;
  height: 36px;
  margin: 16px auto;
  background-color: var(--cm-medals-skeleton-strong-bg);
  border-radius: 4px;
}

.athleteMedalsModal_imageContainerSkeleton__3MX9K {
  position: relative;
  width: 100%;
  height: 245px;
  overflow: hidden;
  z-index: 1;
}

@keyframes athleteMedalsModal_shimmer__2E9-t {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}

.athleteMedalsModal_skeletonShimmer__3beSB {
  background: var(--cm-medals-skeleton-shimmer-gradient);
  background-size: 1000px 100%;
  animation: athleteMedalsModal_shimmer__2E9-t 1.5s infinite linear;
}


.athleteMedalsModalDesk_cardContent__qkXBf {
  display: flex;
}

.athleteMedalsModalDesk_imageContainer__1FaWU {
  flex: 1 1;
}

.athleteMedalsModalDesk_infosContainer__20s_2 {
  flex: 1 1;
  padding: 60px 16px 18px 16px;
}

.athleteMedalsModalDesk_athleteInfos__3BGpD {
  background-color: var(--cm-medals-modal-surface-bg);
  border-radius: 12px;
  padding: 16px 12px 24px 12px;
  margin-top: 8px;
  margin-bottom: 18px;
}

.athleteMedalsModalDesk_athleteNameContainer__V3y2X {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.athleteMedalsModalDesk_athleteName__2wSR1 {
  font-family: var(--cm-font-headline);
  font-size: 21px;
  line-height: 1.3;
  color: var(--cm-medals-text-color);
}

.athleteMedalsModalDesk_countryContainer__3ucoJ {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--cm-font-bold);
  font-size: 15px;
  text-transform: uppercase;
  color: var(--cm-medals-text-color);
}

.athleteMedalsModalDesk_heartButton__3FbbS {
  margin-left: auto;
}

.athleteMedalsModalDesk_bestContainer__2VZQa {
  display: flex;
  gap: 8px;
  margin-top: 8px;
  margin-bottom: 20px;
}

.athleteMedalsModalDesk_athletesBioHonour__1JCn5{
  flex: 1 1;
  background-color: var(--cm-medals-athlete-honour-bg);
  padding: 8px 10px;
  border-radius: 6px;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.athleteMedalsModalDesk_athletesBioHonourCount__2jOTF{
  position: absolute;
  font-size: 20px;
  line-height: 24px;
  right: 4px;
  top: 0;
  background: var(--cm-medals-athlete-honour-count-bg);
  font-family: var(--cm-font-headline);
  padding: 4px 2px 8px 2px;
  border-radius: 0px 0px 4px 4px;
  color: var(--cm-medals-text-color);
  text-transform: lowercase;
  max-width: 38px;
}

.athleteMedalsModalDesk_athletesBioHonourValue__w9GFJ{
  font-size: 14px;
  font-family: var(--cm-font-bold);
  color: var(--cm-medals-text-color);
  text-transform: lowercase;
  max-width: calc(100% - 38px)
}

.athleteMedalsModalDesk_athletesBioHonourValue__w9GFJ::first-letter {
  text-transform: uppercase;
}

.athleteMedalsModalDesk_viewAtheletProfileButton__1VOe4 {
  font-family: var(--cm-font-bold);
  color: var(--cm-medals-athlete-profile-button-color);
  border-radius: 8px;
  padding: 13px 16px;
  font-size: 16px;
  text-align: center;
  border: 2px solid var(--cm-medals-athlete-profile-button-border);
  display: flex;
  justify-content: center;
}

.athleteMedalsModalDesk_tableWrapper__2bvdB {
  overflow-y: auto;
  border-radius: 6px;
  max-height: 215px;
}

.athleteMedalsModalDesk_tableWrapper__2bvdB.athleteMedalsModalDesk_loading__2SHlj {
  max-height: 200px;
}

.athleteMedalsModalDesk_rankContainer__2vPxo {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cm-medals-rank-text-color);
}

.athleteMedalsModalDesk_rankContainer__2vPxo[data-value="gold"] {
  background: var(--cm-medals-rank-gold-gradient);
}

.athleteMedalsModalDesk_rankContainer__2vPxo[data-value="silver"] {
  background: var(--cm-medals-rank-silver-gradient);
}

.athleteMedalsModalDesk_rankContainer__2vPxo[data-value="bronze"] {
  background: var(--cm-medals-rank-bronze-gradient);
}

.medalsListByFederation_tableWrapper__z-eMT {
  overflow-y: auto;
  border-radius: 4px;
  max-height: 511px;
}

@media screen and (max-width: 768px) {
  .medalsListByFederation_tableWrapper__z-eMT {
    max-height: 100vh;
  }

  .medalsListByFederation_table__RMZYs tr {
    padding: 8px 5px;
  }
}

.medalsListByFederation_container__3AxEx {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  align-items: center;
  max-width: 1400px;
  margin: 8px auto;
  padding: 12px 8px 16px 8px;
  border-radius: 12px;
  background-color: var(--cm-medals-surface-bg);
  max-height: fit-content;
}

.medalsListByFederation_maxWidth__1MXNX {
  width: 100%;
}

.medalsListByFederation_title__Wv6AP {
  font-family: var(--cm-font-bold);
  font-size: 18px;
  line-height: 1.2;
  color: var(--cm-medals-title-color);
}

.medalsListByFederation_placeholder__3dOBQ {
  font-family: var(--cm-font-body);
  font-size: 18px;
  line-height: 1.2;
  color: var(--cm-medals-muted-text-color);
  text-align: center;
  margin-top: 50px;
}

.medalsListByFederation_noMedalsImage__20nmn {
  display: block;
  width: 196px;
  max-width: 100%;
  margin: 16px auto 0;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  .medalsListByFederation_placeholder__3dOBQ {
    padding-inline: 8px;
    margin-top: 25px;
  }
}

.medalsListByFederation_rankContainer__26Huu {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cm-font-bold);
  font-size: 12px;
  color: var(--cm-medals-rank-text-color)
}

.medalsListByFederation_rankContainer__26Huu[data-value="gold"] {
  background: var(--cm-medals-rank-gold-gradient);
}

.medalsListByFederation_rankContainer__26Huu[data-value="silver"] {
  background: var(--cm-medals-rank-silver-gradient);
}

.medalsListByFederation_rankContainer__26Huu[data-value="bronze"] {
  background: var(--cm-medals-rank-bronze-gradient);
}

.medalsListByFederation_totalContainer__2uPH8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.medalsListByFederation_toggleButton__13lCl {
  font-family:var(--cm-font-bold);
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--cm-medals-placing-border);
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 14px;
}

.medalsListByFederation_federationContainer__2XpFI {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* Inherits the row colour so it follows the alternating dark/light rows. */

.medalsListByFederation_federationName__YsTZh {
  font-family: var(--cm-font-bold);
  font-size: var(--cm-small-font-size);
  line-height: 16px;
  color: inherit;
}

.medalsListByFederation_modalHeader__3wE1v {
    padding: 8px 20px 16px 20px;
    background-color: var(--cm-medals-modal-surface-bg);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.medalsListByFederation_closeButton__NLC04 {
  margin-left: auto;
}

.medalsListByFederation_table__RMZYs {
  min-width: unset;
  overflow: hidden;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.medalsListByFederation_table__RMZYs thead {
    background-color: var(--cm-medals-header-bg) !important;
  }

.medalsListByFederation_table__RMZYs thead th {
      font-size: var(--cm-small-font-size);
      line-height: 18px;
      vertical-align: middle;
      color: var(--cm-medals-header-text);
      background-color: var(--cm-medals-header-bg) !important;
      padding: 3px 4px 3px 8px;
      border: none !important;
    }

.medalsListByFederation_table__RMZYs tbody tr {
      height: 54px;
      border-bottom: 1px solid var(--cm-medals-row-border);
    }

.medalsListByFederation_table__RMZYs tbody tr:nth-child(odd) {
        background-color: var(--cm-medals-row-alt-bg);
      }

.medalsListByFederation_table__RMZYs tbody tr:nth-child(odd) td {
          color: var(--cm-medals-row-alt-color);
        }

.medalsListByFederation_table__RMZYs tbody td {
      padding: 8px 10px;
      font-size: var(--cm-small-font-size);
      line-height: 16px;
      color: var(--cm-medals-row-color);
      border: none !important;
    }

.medalsListByFederation_headerCell__205Or:nth-child(2){
  width: 85%;
}

.medalsListByFederation_headerCell__205Or:last-child{
  width: 15%;
}

.medalsListByFederation_headerCell__205Or:nth-child(3),
.medalsListByFederation_headerCell__205Or:nth-child(4),
.medalsListByFederation_headerCell__205Or:nth-child(5) {
  text-align: center;
}

.medalsListByFederation_table__RMZYs tbody tr:hover {
    background-color: var(--cm-medals-row-hover-bg);
    cursor: pointer;
  }

.medalsListByFederation_titleContainer__Lws-Y {
  padding: 12px 8px 41px 8px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .medalsListByFederation_titleContainer__Lws-Y {
    padding: 12px 8px 16px 8px;
  }
}

.medalsListByFederation_placingTableBtn__SbNMD {
    font-family: var(--cm-font-bold);
    font-size: var(--cm-button-font-size);
    border-bottom: 2px solid var(--cm-medals-placing-border);
    color: var(--cm-medals-title-color);
    margin-left: auto;
}

.medalsListByFederation_placingTableBtn__SbNMD::first-letter {
        text-transform: uppercase;
    }

.federationMedalsModal_container__3h2Zi {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: 80vh;
  overflow: hidden;
}

.federationMedalsModal_tableWrapper__2PXGj {
  overflow-y: auto;
  border-radius: 4px;
  max-height: 320px;
}

.federationMedalsModal_tableWrapper__2PXGj.federationMedalsModal_loading__3NFzk {
  max-height: 200px;
}

@media screen and (max-width: 768px) {
  .federationMedalsModal_tableWrapper__2PXGj {
    max-height: 50vh;
  }

  .federationMedalsModal_table__z2ODZ tr {
    padding: 8px 5px;
  }
}

.federationMedalsModal_header__3zz-8 {
    padding: 49px 16px 10px 16px;
    background-color: var(--cm-medals-modal-surface-bg);
}

.federationMedalsModal_filters__3Ufov {
  padding-bottom: 16px;
  padding-inline: 16px;
  background-color: var(--cm-medals-modal-surface-bg);
}

.federationMedalsModal_title__4Pwo8 {
    font-family: var(--cm-font-bold);
    font-size: 18px;
    line-height: 1.2;
    color: var(--cm-medals-text-color);
    margin-bottom: 6px;
}

.federationMedalsModal_country__3ljpp {
    font-family: var(--cm-font-bold);
    font-size: 12px;
    color: var(--cm-medals-text-color);
}

.federationMedalsModal_flagsContainer__3DGBw {
    display: flex;
    align-items: center;
    gap: 8px;
}

.federationMedalsModal_filtersContainer__DrW7Y {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-block: 8px;
    margin-bottom: 8px;
}

.federationMedalsModal_filterBtn__3laXx {
  display: flex;
  align-items: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid var(--cm-medals-modal-filter-border);
  padding: 7px 10px;
  font-family:var(--cm-font-bold);
  font-size: 14px;
  color: var(--cm-medals-text-color);
  background-color: var(--cm-medals-modal-surface-bg);
  height: 38px;
}

.federationMedalsModal_filterBtn__3laXx[data-selected="true"] {
  background-color: var(--cm-medals-modal-filter-active-bg);
  border: 1px solid var(--cm-medals-modal-filter-active-border);
}

.federationMedalsModal_rankContainer__2nkKF {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cm-medals-rank-text-color);
}

.federationMedalsModal_rankContainer__2nkKF[data-value="gold"] {
  background: var(--cm-medals-rank-gold-gradient);
}

.federationMedalsModal_rankContainer__2nkKF[data-value="silver"] {
  background: var(--cm-medals-rank-silver-gradient);
}

.federationMedalsModal_rankContainer__2nkKF[data-value="bronze"] {
  background: var(--cm-medals-rank-bronze-gradient);
}

.federationMedalsModal_listContainer__qM038 {
    padding-inline: 16px;
}

.federationMedalsModal_footer__1lECY {
    position: sticky;
    bottom: 0;
    padding: 12px;
    z-index: 1;
    background-color: var(--cm-medals-modal-surface-bg);
    height: 8px;
}

@media screen and (max-width: 768px) {
  .federationMedalsModal_footer__1lECY {
    height: 40px;
  }
}

.federationMedalsModal_athleteNameContainer__3_KpZ {
  display: flex;
  align-items: center;
  gap: 6px;
}

.federationMedalsModal_favouriteIcon__3mAjR {
  width: 14px;
  height: 13px;
  flex: 0 0 14px;
  background-color: var(--cm-medals-favourite-icon-color);
  mask: var(--cm-favourite-icon-image) center / contain no-repeat;
  -webkit-mask: var(--cm-favourite-icon-image) center / contain no-repeat;
}

.federationMedalsModal_athleteNameContainer__3_KpZ::after {
  display: none;
}

.federationMedalsModal_athleteContainer__25Z55 {
  display: flex;
  align-items: center;
  gap: 5px;
}

.federationMedalsModal_athleteName__1HU_F {
  font-family: var(--cm-font-bold);
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  color: var(--cm-medals-rank-label-color);
  margin-bottom: 2px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.federationMedalsModal_athleteName__1HU_F::after {
  display: none;
}

.federationMedalsModal_countryFlag__hPSi0 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--cm-font-bold);
  font-size: 12px;
  color: var(--cm-medals-text-color);
}

.federationMedalsModal_flagName__jSL9R {
  margin-bottom: 4px;
}

.federationMedalsModal_skeleton__3i-S6 {
  background-color: var(--cm-medals-skeleton-pulse-bg);
  border-radius: 4px;
  animation: federationMedalsModal_pulse__2F8JP 1.5s ease-in-out infinite;
}

@keyframes federationMedalsModal_pulse__2F8JP {
  0% { opacity: 1 }
  50% { opacity: 0.4 }
  100% { opacity: 1 }
}

.federationMedalsModal_title__4Pwo8.federationMedalsModal_skeleton__3i-S6 {
  width: 80%;
  height: 24px;
  margin-bottom: 16px;
}

.federationMedalsModal_flagSkeleton__2TBV5 {
  width: 40px;
  height: 28px;
  border-radius: 2px;
}

.federationMedalsModal_countrySkeleton__1sk5g {
  width: 100px;
  height: 20px;
  margin-left: 8px;
}

.federationMedalsModal_filterBtn__3laXx.federationMedalsModal_skeleton__3i-S6 {
  width: 80px;
  height: 40px;
  margin-right: 8px;
}

.federationMedalsModal_rowSkeleton__1fZjD {
  width: 100%;
  height: 48px;
  margin-bottom: 8px;
  border-radius: 6px;
}

.federationMedalsModal_empty__3OI6n {
  padding: 20px;
  text-align: center;
  font-size: 16px;
  color: var(--cm-medals-subtle-text-color);
}

.federationMedalsModal_emptyPlaceholderWrapper__3jj9s {
  padding-bottom: 40px;
}

.federationMedalsModal_closeButton__j4Rjc {
  position: absolute;
  top: 16px;
  right: 16px;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 28px;
  color: var(--cm-medals-close-color);
  font-family: var(--cm-font-body);
  z-index: 10;
  transition: background-color 0.2s ease;
  background-color: var(--cm-medals-close-bg);
  color: var(--cm-medals-close-color);
}

.federationMedalsModal_noPaddingModal__2pt9R {
  padding: 0 !important;
}

.federationMedalsModal_disciplineName__RIoW7 {
  white-space: nowrap;
}

/* SocialMediaFollow.module.css */

.SocialMediaFollow_container__2qnkF {
    border-radius: 8px;
    margin: 0 auto;
    display: flex;
    gap: 16px;
    align-items: center;
}

@media screen and (max-width: 767px) {

.SocialMediaFollow_container__2qnkF {
        display: flex;
        flex-direction: column;
        align-items: baseline;
        gap: 16px;
        padding: 30px 12px 50px
}

    }

.SocialMediaFollow_title__1FQb0 {
    color: var(--cm-social-title-color);
    text-transform: uppercase;
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 21px;
    line-height: 130%;
    letter-spacing: 0;
    vertical-align: middle;
}

.SocialMediaFollow_iconsWrapper__1mihG {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {

.SocialMediaFollow_iconsWrapper__1mihG {
        align-self: center
}
    }

.SocialMediaFollow_icon__30Fzt {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--cm-social-icon-bg);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}

.SocialMediaFollow_icon__30Fzt:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px var(--cm-social-icon-shadow);
}

.SocialMediaFollow_icon__30Fzt:focus {
    outline: 2px solid var(--cm-social-focus-outline);
    outline-offset: 2px;
}

.SocialMediaFollow_icon__30Fzt:active {
    transform: translateY(-1px);
}

.SocialMediaFollow_svg__16TRC {
    width: 24px;
    height: 24px;
    fill: var(--cm-social-icon-color);
    pointer-events: none;
}

/* Platform-specific hover colors */

.SocialMediaFollow_youtube__1Iaxd:hover {
    background-color: var(--cm-social-youtube-bg);
}

.SocialMediaFollow_twitter__2uv3N:hover {
    background-color: var(--cm-social-twitter-bg);
}

.SocialMediaFollow_instagram__dQQ-f:hover {
    background: var(--cm-social-instagram-gradient);
}

.SocialMediaFollow_facebook__ouOPP:hover {
    background-color: var(--cm-social-facebook-bg);
}

/* Animations */

@keyframes SocialMediaFollow_fadeInUp__29yyZ {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.SocialMediaFollow_container__2qnkF {
    animation: SocialMediaFollow_fadeInUp__29yyZ 0.6s ease forwards;
}

/* Responsive design */

@media (max-width: 480px) {
    .SocialMediaFollow_container__2qnkF {
        padding: 20px;
        margin: 10px;
    }

    .SocialMediaFollow_title__1FQb0 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .SocialMediaFollow_iconsWrapper__1mihG {
        gap: 12px;
    }

    .SocialMediaFollow_icon__30Fzt {
        width: 45px;
        height: 45px;
    }

    .SocialMediaFollow_svg__16TRC {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 320px) {
    .SocialMediaFollow_iconsWrapper__1mihG {
        gap: 10px;
    }

    .SocialMediaFollow_icon__30Fzt {
        width: 40px;
        height: 40px;
    }

    .SocialMediaFollow_svg__16TRC {
        width: 18px;
        height: 18px;
    }
}

/* High contrast mode support */

@media (prefers-contrast: high) {
    .SocialMediaFollow_container__2qnkF {
        border: 2px solid var(--cm-social-high-contrast-border);
    }

    .SocialMediaFollow_icon__30Fzt {
        border: 1px solid var(--cm-social-high-contrast-icon-border);
    }
}

/* Reduced motion support */

@media (prefers-reduced-motion: reduce) {
    .SocialMediaFollow_icon__30Fzt {
        transition: none;
    }

    .SocialMediaFollow_icon__30Fzt:hover {
        transform: none;
    }

    .SocialMediaFollow_container__2qnkF {
        animation: none;
    }
}

.LivePageBetweenSessions_container__2T06k {
    background-color: var(--cm-live-view-page-bg);
    position: relative;
    color: var(--cm-live-view-content-color);
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_contentContainer__2ENp7 {
        background: var(--cm-live-view-muted-section-bg)
}
    }

.LivePageBetweenSessions_watchButton__Yh0HL {
    background: var(--cm-brand-light);
    color: var(--cm-text-on-brand);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    gap: 16px;
    border-radius: 12px;
    padding: 8px 12px;
}

.LivePageBetweenSessions_watchButton__Yh0HL .LivePageBetweenSessions_playIcon__2ItYw {
        width: 25px;
    }

.LivePageBetweenSessions_mobileSplash__1AFsD {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    pointer-events: none;
    z-index: 0;
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_mobileSplash__1AFsD {
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left top;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        pointer-events: none;
        z-index: 1
}
    }

.LivePageBetweenSessions_nextEventsContainer__2BuIj {
    padding: 80px 40px 30px 40px;
    background: var(--cm-bg-image-main) center center no-repeat;
    background-size: cover;

}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_nextEventsContainer__2BuIj {
        padding: 0 ;
        background: var(--cm-live-view-muted-section-bg)

}
    }

.LivePageBetweenSessions_nextEventsContainer__2BuIj .LivePageBetweenSessions_greenBackgroundImage__2L02y {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: fill;
        z-index: 0;
        pointer-events: none;
    }

.LivePageBetweenSessions_nextEventsContainerClass__31Hsi {
    background: none;
    background-color: unset !important;
    padding: 0 !important;
}

.LivePageBetweenSessions_nextEventsContainerClass__31Hsi.LivePageBetweenSessions_isOverContainer__1c5dL {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-gap: 4%;
    }

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_nextEventsContainerClass__31Hsi.LivePageBetweenSessions_isOverContainer__1c5dL {
            display: flex;
            flex-direction: column
    }
        }

.LivePageBetweenSessions_nextEventsContainerClass__31Hsi.LivePageBetweenSessions_isOverContainer__1c5dL > div {
            width: 100%;
            height: 100%;
        }

/* LatestRecordsCarousel renders nothing until the event has records, and
   this wrapper carries 30px of vertical padding of its own -- so it drew a
   bare band under the section above it while empty. */

.LivePageBetweenSessions_recordsContainer__1zGRJ:empty {
    display: none;
}

.LivePageBetweenSessions_recordsContainer__1zGRJ {
    background: var(--cm-live-view-records-bg);
    position: relative;
    padding: 30px 40px;
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_recordsContainer__1zGRJ {
        padding: 30px 0 30px 16px
}
    }

.LivePageBetweenSessions_paddedContainer__nvYJo {
    max-width: 1400px;
    margin: 0 auto;
}

.LivePageBetweenSessions_latestResultsContainer__3jHJp {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.LivePageBetweenSessions_desktopPaddingContainer__f8k-i {
    padding: 30px 40px;
    position: relative;
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_desktopPaddingContainer__f8k-i {
        padding: 0
}
    }

.LivePageBetweenSessions_reliveBestMoments__1EIDg {
    /* Latest Videos to Watch. Was a flat --cm-brand-dark with no artwork at
       all; now shares the corner-star tokens with the other live-page states. */
    position: relative;
    /* Keeps the star behind the cards while still sitting over this band's
       own background. */
    isolation: isolate;
    /* The star's box is 515px tall; clip it so a short band cannot leak it
       up into the section above. */
    overflow: hidden;
    background-color: var(--cm-live-videos-section-bg);
}

.LivePageBetweenSessions_reliveBestMoments__1EIDg::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: var(--cm-videos-band-star-width);
        height: var(--cm-videos-band-star-height);
        max-width: 100%;
        pointer-events: none;
        opacity: var(--cm-videos-band-star-opacity);
        background: var(--cm-videos-band-star-base-fade),
                    var(--cm-videos-band-star-fade),
                    var(--cm-videos-band-star-image) 0 0 /
                    var(--cm-videos-band-star-size) no-repeat;
    }

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_reliveBestMoments__1EIDg {
        background: none
}

        .LivePageBetweenSessions_reliveBestMoments__1EIDg::after {
            content: none;
        }
    }

.LivePageBetweenSessions_reliveBestMomentsContainer__3ws8C {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_reliveBestMomentsContainer__3ws8C {
        display: block
}
    }

.LivePageBetweenSessions_videosTitle__I32J3 {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 32px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--cm-live-view-title-color);
}

@media screen and (max-width: 1024px) {

.LivePageBetweenSessions_videosTitle__I32J3 {
        color: var(--cm-live-view-title-color);
        font-size: 20px;
        font-weight: var(--cm-font-weight-bold);
        padding: 0 16px
}
    }

.LivePageBetweenSessions_calendarBannerContainer__2r9PY{
    margin-top: 20px;
}

.LivePageBetweenSessions_meetThemOnTheTrackContainer__11egq {
    position: relative;
    padding: 30px 40px;
    background: var(--cm-meet-them-section-bg);
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_meetThemOnTheTrackContainer__11egq {
        padding: 0
}
    }

.LivePageBetweenSessions_medalsListContainer__8VZjZ {
    background-color: var(--cm-medals-surface-bg);
    padding: 30px 40px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_medalsListContainer__8VZjZ {
        padding: 12px 16px
}
    }

.LivePageBetweenSessions_medalsTableTitleContainer__3PedZ {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.LivePageBetweenSessions_placingTableBtn__RPvX4 {
    font-family: var(--cm-font-bold);
    font-size: 16px;
    border-bottom: 2px solid var(--cm-live-view-button-bg);
    color: var(--cm-live-view-content-color);
    margin-left: auto;
}

.LivePageBetweenSessions_placingTableBtn__RPvX4::first-letter {
        text-transform: uppercase;
    }

.LivePageBetweenSessions_medalsTableTitle__2C-rY {
    font-size: 21px;
    font-weight: var(--cm-font-weight-bold);
    line-height: 26px;
    color: var(--cm-medals-title-color);
    font-family: var(--cm-font-headline);
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {

.LivePageBetweenSessions_medalsTableTitle__2C-rY {
        font-size: 18px;
        padding: 16px 0
}
    }

.LivePageBetweenSessions_medalsTableContainer__1Ho70 {
    padding : 0;
    border-radius: 8px;
    border: 1px solid var(--cm-medals-row-border);
}

.LivePageBetweenSessions_seeFullMedals__2JUiu {
    display: flex;
    padding: 10px 16px;
    background: var(--cm-brand-dark);
    align-items: center;
    color: var(--cm-text-on-dark);
    font-size: 16px;
    border-radius: 8px;
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-body);


}

.LivePageBetweenSessions_seeFullMedals__2JUiu::first-letter {
        text-transform: uppercase;
    }

/* Immediate wrapper around a Google ad slot. The ad div itself is wired to
   --cm-ads-panel-bg in competitionModeWiring.css; this gives the band around
   it the same surface so the panel does not sit on the section grey. */

.LivePageBetweenSessions_adPanel__PEWuY {
    background-color: var(--cm-ads-panel-bg);
}

.latestMedals_latestResultsContainer__2lFaH {
    padding: 0;
}

.latestMedals_placeholder___ejjD {
    padding: 18px 16px;
    border-radius: 8px;
    font-family: var(--cm-font-body);
    color: var(--cm-results-day-title-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    width: 421px;
    flex: none;
    order: 1;
    flex-grow: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;


}

@media screen and (max-width: 767px) {

.latestMedals_placeholder___ejjD {
        padding: 0;
        gap: 0;
        width: unset


}
    }

.latestMedals_placeholder___ejjD .latestMedals_imageContainer__WSKSt {
        width: 222px;
        height: 222px;
        align-content: center;
        justify-items: center;
    }

@media screen and (max-width: 767px) {

.latestMedals_placeholder___ejjD .latestMedals_imageContainer__WSKSt {
            width: unset;
            height: unset;
            padding-top: 15px
    }
        }

.latestMedals_placeholder___ejjD .latestMedals_runner__mQXJE {
        width: 167px;
        height: 142px;
        opacity: 1;
    }

.latestMedals_catchLiveStreamContainer__3YyDd {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0px;
    gap: 9px;
    width: 100%;
    height: 103px;
    background: var(--cm-medals-card-bg);
    border-radius: 12px;
    flex: none;
    order: 2;
    align-self: stretch;
    flex-grow: 0;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center;

}

.latestMedals_catchLiveStreamContainer__3YyDd span {
        font-family: var(--cm-font-bold);
        font-style: normal;
        font-weight: var(--cm-font-weight-bold);
        font-size: 18px;
        line-height: 120%;
        text-align: center;
        color: var(--cm-results-strong-text-color);
        flex: none;
        order: 0;
        align-self: stretch;
        flex-grow: 0;
    }

.latestMedals_catchLiveStreamContainer__3YyDd .latestMedals_catchLive__34qq8 {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: flex-start;
        padding: 12px 16px;
        gap: 6px;
        width: 167.5px;
        background: var(--cm-medals-button-bg);
        border: 2px solid var(--cm-medals-button-bg);
        border-radius: 8px;
        line-height: 0.7;
    }

.latestMedals_container__3b9J3 {
    padding: 12px 8px 20px 8px;
    border-radius: 8px;
    background-color: var(--cm-results-surface-bg);
    margin-bottom: 16px;
}

.latestMedals_latestResults__2x4Od {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0px;
    gap: 20px;
}

@media screen and (max-width: 767px) {

.latestMedals_latestResults__2x4Od {
        gap: 0;
        padding: 0
}
    }

.latestMedals_resultsTitleContainer__2YzcI {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 16px;
    width: 100%;
}

.latestMedals_resultsTitle__39fDJ {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    font-size: 32px;
    width: 100%;
}

@media screen and (max-width: 767px) {

.latestMedals_resultsTitle__39fDJ {
        font-size: 18px
}
    }

/* .light = light TEXT on a dark surface, not text for a light surface. */

.latestMedals_resultsTitle__39fDJ.latestMedals_light__TsbuE {
        color: var(--cm-results-day-title-color);
    }

.latestMedals_title__14fry {
    font-family: var(--cm-font-bold);
    font-size: 26px;
    line-height: 1.2;
    text-transform: uppercase;
    color: var(--cm-results-title-color);
    margin-bottom: 20px;
}

/* Inside .container, which is a white card -- unlike .title above it, which
   sits on the black page. */

.latestMedals_phaseName__1IWJy {
    font-family: var(--cm-font-headline);
    font-size: 18px;
    line-height: 1.2;
    color: var(--cm-results-card-title-color);
    margin-bottom: 16px;
}

.latestMedals_headerContainer__1cdBY {
    border-bottom: 1px solid var(--cm-results-row-border);
    background-color: var(--cm-results-header-bg);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: grid;
    grid-template-columns: 0.2fr 0.2fr 1fr 1fr 0.1fr;
}

.latestMedals_headerCell__31bFw {
    padding: 8px 10px;
    font-family: var(--cm-font-bold);
    font-size: var(--cm-content-font-size);
    line-height: 18px;
    text-transform: var(--cm-results-header-transform);
    color: var(--cm-results-header-color);
}

.latestMedals_rowsContainer__3fNs7 > :last-child {
  border: none;
  border-radius: 0 0 8px 8px;
}

.latestMedals_rowsContainer__3fNs7 > :nth-child(even) {
  background-color: var(--cm-results-row-alt-bg);
}

/* The row named a surface but no colour, and .rowLink above it is
   `color: inherit`, so everything in the row that does not carry
   .rowCellText or .flagNameClasses of its own -- the flag's country code,
   any bare text in a cell, and the chevron, which is drawn with
   currentColor -- inherited the black page's white and disappeared into
   the white row. */

.latestMedals_rowContainer__BS3XF {
    cursor: pointer;
    border-bottom: 1px solid var(--cm-results-row-border);
    padding-block: 6px;
    background-color: var(--cm-results-row-bg);
    color: var(--cm-results-row-color);
    display: grid;
    grid-template-columns: 0.2fr 0.2fr 1fr 1fr 0.1fr;
}

.latestMedals_rowContainer__BS3XF:hover {
    background-color: var(--cm-results-row-hover-bg);
}

/* Sets layout only, so where a cell holds a bare text node rather than a
   .rowCellText span -- the medal-count columns -- that text fell through to
   the site's legacy font. Same table cell font the shared results tables use. */

.latestMedals_rowCell__18Z4C {
    align-self: center;
    padding: 8px 10px;
    font-family: var(--cm-table-cell-font);
}

.latestMedals_rowCellText__3nKSD {
    font-size: var(--cm-results-cell-font-size);
    line-height: 16px;
    color: var(--cm-results-cell-color);
    align-self: center;
}

.latestMedals_flagNameClasses__oyxDL {
  font-family: var(--cm-font-bold);
  font-size: var(--cm-results-cell-font-size);
  color: var(--cm-results-cell-color);
}

.latestMedals_pointsContainer__1kp4_ {
    align-self: center;
    font-size: 13px;
}

.latestMedals_badge__1lBN- {
  font-size: 13px;
  align-content: center;
}

.latestMedals_rankContainer__2Zo8E {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cm-font-bold);
  font-size: 12px;
  color: var(--cm-results-rank-text-color);
  align-self: center;
  background: var(--cm-results-rank-1-gradient);
}

.latestMedals_rowLink__20uR9 {
  text-decoration: none;
  color: inherit;
  display: block;
}

.latestMedals_rowLink__20uR9 > :last-child {
  border: none;
  border-radius: 0 0 8px 8px;
}

.latestMedals_rowLink__20uR9 > :nth-child(even) {
  background-color: var(--cm-results-row-alt-bg);
}

/* ================================================================
   END-OF-EVENT RESULTS -- ULTIMATE
   Applied only when EndOfEventResults sees isUltimate({ event }),
   so nothing above changes for any other competition. Every value
   below comes from the --cm-end-of-event-* group in
   competitionModeTheme.css.

   Specificity note: the legacy rules above reach these same rows
   through .rowContainer, .rowsContainer > :last-child and
   .rowLink > :last-child, so each override here matches two
   classes to win on specificity rather than on source order.
   ================================================================ */

.latestMedals_ultimatePanel__3QLQ2 {
    max-width: var(--cm-end-of-event-max-width);
    margin-inline: auto;
}

/* The reference joins the per-discipline cards into one white sheet,
   so the cards give up their own background, radius and gap and the
   sheet carries them once. */

.latestMedals_ultimateSheet__Y3BNX {
    background-color: var(--cm-results-surface-bg);
    border-radius: 8px;
    overflow: hidden;
}

.latestMedals_ultimateSheet__Y3BNX .latestMedals_ultimateContainer__2M77Y {
    margin-bottom: 0;
    padding: var(--cm-end-of-event-panel-padding);
    border-radius: 0;
    background-color: transparent;
}

@media screen and (max-width: 767px) {

.latestMedals_ultimateSheet__Y3BNX .latestMedals_ultimateContainer__2M77Y {
        padding: var(--cm-end-of-event-panel-padding-mobile)
}
    }

.latestMedals_ultimateSheet__Y3BNX .latestMedals_ultimateRow__3nltf {
    grid-template-columns: var(--cm-end-of-event-row-columns);
    column-gap: var(--cm-end-of-event-row-gap);
    /* The photo overrides this to hang from the bottom; the two text stacks
       are centred as an equal-height pair -- see
       --cm-end-of-event-stack-min-height. */
    align-items: center;
    padding: var(--cm-end-of-event-row-padding);
    /* Solid fallback first: border-image only paints once the gradient
       resolves, and the width has to be declared for the bottom edge to
       exist at all. */
    border-bottom: var(--cm-end-of-event-row-divider-width) solid var(--cm-brand-primary);
    border-image: var(--cm-end-of-event-row-divider) var(--cm-end-of-event-row-divider-slice);
}

@media screen and (max-width: 767px) {

.latestMedals_ultimateSheet__Y3BNX .latestMedals_ultimateRow__3nltf {
        grid-template-columns: var(--cm-end-of-event-row-columns-mobile);
        column-gap: var(--cm-end-of-event-row-gap-mobile);
        padding: var(--cm-end-of-event-row-padding-mobile)
}
    }

/* The row is no longer a link -- .rowContainer's pointer cursor and hover
   tint would both promise a click that nothing handles. Only the chevron
   navigates, so only the chevron reacts. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_ultimateRow__3nltf {
    cursor: default;
}

.latestMedals_ultimateSheet__Y3BNX .latestMedals_ultimateRow__3nltf:hover {
    background-color: var(--cm-results-row-bg);
}

/* Photo column. The cut-out stands on the row's baseline rather than
   floating in the middle of it, as in the reference.

   This cell also sets every row's height. It is the one cell present in all
   of them -- a relay has no photo and an unfinished discipline has neither
   photo nor athlete -- so putting the minimum here is what stops those rows
   coming out shorter than the ones with a cut-out in them. */

.latestMedals_photoCell__w-_ZN {
    align-self: end;
    min-width: 0;
    min-height: var(--cm-end-of-event-row-content-height);
}

@media screen and (max-width: 767px) {

.latestMedals_photoCell__w-_ZN {
        min-height: var(--cm-end-of-event-row-content-height-mobile)
}
    }

.latestMedals_athletePhoto__v3JaK {
    display: block;
    width: 100%;
    height: var(--cm-end-of-event-row-content-height);
    object-fit: var(--cm-end-of-event-photo-fit);
    object-position: var(--cm-end-of-event-photo-position);
}

@media screen and (max-width: 767px) {

.latestMedals_athletePhoto__v3JaK {
        height: var(--cm-end-of-event-row-content-height-mobile)
}
    }

.latestMedals_athletePhotoFallback__1TCB- {
    object-fit: var(--cm-end-of-event-photo-fallback-fit);
}

/* Athlete column. ProfileLink sets its own 14px on the name link, so
   the size is pushed from here; the shared component is untouched.
   The inherited line-height is what makes the name/flag pair the same
   height as the discipline/mark pair beside it. */

/* The two text stacks are centred in the row as a pair -- see
   --cm-end-of-event-stack-min-height. Equal boxes are what keeps the
   discipline's first line level with the name's while both sit centred. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h,
.latestMedals_ultimateSheet__Y3BNX .latestMedals_markStack__3WFCG {
    align-self: center;
    min-height: var(--cm-end-of-event-stack-min-height);
}

@media screen and (max-width: 767px) {

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h,
.latestMedals_ultimateSheet__Y3BNX .latestMedals_markStack__3WFCG {
        min-height: var(--cm-end-of-event-stack-min-height-mobile)
}
    }

.latestMedals_athleteCell__sqa6h {
    min-width: 0;
    line-height: var(--cm-end-of-event-stack-line-height);
}

/* The name is the only thing between the flag and the top of the cell, so
   it carries the gap that separates the two lines -- ProfileLink stacks
   them with none of its own. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h a {
    display: inline-block;
    margin-bottom: var(--cm-end-of-event-stack-gap);
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: var(--cm-end-of-event-name-size);
    line-height: var(--cm-end-of-event-stack-line-height);
}

@media screen and (max-width: 767px) {

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h a {
        font-size: var(--cm-end-of-event-name-size-mobile)
}
    }

/* Country code under the name. Flags takes its size from
   .flagNameClasses above, which the results tables share, so the bigger
   rows override it here rather than moving the shared value. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h .latestMedals_flagNameClasses__oyxDL {
    font-size: var(--cm-end-of-event-country-size);
}

/* A relay winner is a country, not a person. It has no athlete photo and no
   profile to link to, so the row would otherwise be a 13px line of text in a
   space built for a 32px name -- it was inheriting the country-code size
   above, ProfileLink having handed the same class to both. The country is
   given the weight of a name instead, with its flag alongside rather than
   beneath it, since a team has no second line to put one on. Must stay after
   the rule above: same specificity, so source order decides. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h .latestMedals_teamName__ChTFS {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: var(--cm-end-of-event-name-size);
    line-height: var(--cm-end-of-event-stack-line-height);
    color: var(--cm-results-cell-color);
}

@media screen and (max-width: 767px) {

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h .latestMedals_teamName__ChTFS {
        font-size: var(--cm-end-of-event-name-size-mobile)
}
    }

/* The flag is a fixed-size sprite, so it cannot grow with the text --
       it is centred against the cap height instead of sitting on the
       baseline, where a 13px flag beside 32px text reads as dropped. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h .latestMedals_teamName__ChTFS i {
        margin-inline-start: var(--cm-end-of-event-team-flag-gap);
        vertical-align: middle;
    }

/* The relay's four runners, sitting where an athlete's flag and country code
   sit. Carries its own top margin because the country above it is a plain
   div, not the name link that spaces the athlete rows. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h .latestMedals_teamMembers__jTurG {
    margin-top: var(--cm-end-of-event-stack-gap);
    font-family: var(--cm-font-body);
    font-size: var(--cm-end-of-event-team-members-size);
    line-height: var(--cm-end-of-event-team-members-line-height);
    color: var(--cm-results-cell-color);

    /* Capped, because this is the only thing in a row whose length is not
       bounded -- a squad of long names would otherwise push its row taller
       than every other one. Bounded by height rather than -webkit-line-clamp,
       which measures the sub-pixel line box and so drew an ellipsis on a list
       that filled its lines exactly and had nothing to trim. The 1px is that
       rounding. */
    max-height: calc(
        var(--cm-end-of-event-team-members-max-lines) * var(--cm-end-of-event-team-members-line-height) *
            var(--cm-end-of-event-team-members-size) + 1px
    );
    overflow: hidden;
}

@media screen and (max-width: 767px) {

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h .latestMedals_teamMembers__jTurG {
        max-height: calc(
            var(--cm-end-of-event-team-members-max-lines-mobile) *
                var(--cm-end-of-event-team-members-line-height) * var(--cm-end-of-event-team-members-size) + 1px
        )
}
    }

/* Each runner links to their own profile. The name rule above targets
       any `a` in this cell, so the size is pulled back to the list's -- and
       the underline offset is the athlete link's, so the two read alike. */

.latestMedals_ultimateSheet__Y3BNX .latestMedals_athleteCell__sqa6h .latestMedals_teamMembers__jTurG a {
        /* The name rule above makes links inline-block, which stopped the
           list wrapping between names and put each on its own line at 375. */
        display: inline;
        font-size: inherit;
        font-weight: inherit;
        font-family: inherit;
        margin-bottom: 0;
        color: inherit;
        text-decoration: underline;
        text-underline-offset: 3px;
    }

/* Discipline over mark, right-aligned, on the same two-line rhythm as
   the name over the flag. */

.latestMedals_markStack__3WFCG {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    gap: var(--cm-end-of-event-stack-gap);
    min-width: 0;
    /* The block fills its column and is then pulled in from the column's
       right edge, rather than shrinking to its own content. That single
       edge is what every row's discipline and every row's mark align to --
       shrink-to-fit sized each block to its own widest line, so a short
       code over a long mark (LJ over 7.61 WR) sat at a different x from
       the row above it. */
    padding-inline-end: var(--cm-end-of-event-stack-inset);
    text-align: right;
}

@media screen and (max-width: 767px) {

.latestMedals_markStack__3WFCG {
        padding-inline-end: var(--cm-end-of-event-stack-inset-mobile)
}
    }

/* The site's clearfix puts an ::after on this container. In a flex
       column that counts as a third item, so the block measured one whole
       row-gap taller than its two lines and centred 4px high. */

.latestMedals_markStack__3WFCG:after {
        content: none;
    }

.latestMedals_disciplineName__1ysjJ {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: var(--cm-end-of-event-discipline-size);
    line-height: var(--cm-end-of-event-stack-line-height);
    text-transform: var(--cm-end-of-event-discipline-transform);
    color: var(--cm-results-cell-color);
}

@media screen and (max-width: 767px) {

.latestMedals_disciplineName__1ysjJ {
        font-size: var(--cm-end-of-event-discipline-size-mobile)
}
    }

.latestMedals_markLine__2PfL7 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: var(--cm-end-of-event-stack-line-height);
}

.latestMedals_markValue__yIkJQ {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: var(--cm-end-of-event-mark-size);
    color: var(--cm-results-cell-color);
}

@media screen and (max-width: 767px) {

.latestMedals_markValue__yIkJQ {
        font-size: var(--cm-end-of-event-mark-size-mobile)
}
    }

/* The only thing in the row that navigates. */

.latestMedals_chevronLink__2mpIK {
    display: flex;
    align-items: center;
    justify-content: center;
    /* A bare 16px glyph is under the 24px minimum for a touch target, so the
       link is padded out around it without moving the icon off the edge. */
    padding: var(--cm-end-of-event-chevron-hit-padding);
    margin-inline-end: calc(-1 * var(--cm-end-of-event-chevron-hit-padding));
    color: inherit;
    cursor: pointer;
}

.latestMedals_chevronLink__2mpIK:hover {
    color: var(--cm-end-of-event-chevron-hover-color);
}

.latestMedals_chevronCell__2I3vN {
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: flex-end;
}

/* The glyph ships at 10px through width/height attributes. */

.latestMedals_chevronCell__2I3vN svg {
        width: var(--cm-end-of-event-chevron-size);
        height: var(--cm-end-of-event-chevron-size);
    }

@media screen and (max-width: 767px) {

.latestMedals_chevronCell__2I3vN svg {
            width: var(--cm-end-of-event-chevron-size-mobile);
            height: var(--cm-end-of-event-chevron-size-mobile)
    }
        }

.LivePageEndOfEvent_container__pvYPe {
    background-color: var(--cm-live-view-page-bg);
    color: var(--cm-live-view-content-color);
    position: relative;
}

.LivePageEndOfEvent_contentContainer__2QE5Q {
    padding: 40px 30px;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_contentContainer__2QE5Q {
        padding: 0;
        background-color: var(--cm-live-view-page-bg)
}
    }

.LivePageEndOfEvent_watchButton__BqiGp {
    background: var(--cm-brand-light);
    color: var(--cm-text-on-brand);
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    gap: 16px;
    border-radius: 12px;
    padding: 8px 12px;
}

.LivePageEndOfEvent_watchButton__BqiGp .LivePageEndOfEvent_playIcon__FMBt1 {
        width: 25px;
    }

.LivePageEndOfEvent_mobileSplash__lQEhE {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    pointer-events: none;
    z-index: 0;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_mobileSplash__lQEhE {
        background-image: none;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left top;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        pointer-events: none;
        z-index: 1
}
    }

.LivePageEndOfEvent_nextEventsContainer__3EgYQ {
    padding: 120px 40px 30px 40px;
    background: var(--cm-live-view-next-events-bg);

}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_nextEventsContainer__3EgYQ {
        padding: 0 ;
        background: var(--cm-live-view-muted-section-bg)

}
    }

.LivePageEndOfEvent_endOfEventTopSplash__24A6- {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 20%;
    min-width: 200px;
    pointer-events: none;
    z-index: 0;
}

.LivePageEndOfEvent_endOfEventBottomSplash__11-lq {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    padding-right: 1rem;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 15%;
    min-width: 60px;
    pointer-events: none;
    z-index: 0;
}

.LivePageEndOfEvent_headerContainer__2XSzU {
    /* Longhand, not the shorthand: the shorthand resets background-size, and
       these four are separate knobs. */
    background-color: var(--cm-end-of-event-header-bg);
    background-image: var(--cm-end-of-event-header-bg-image);
    background-position: var(--cm-end-of-event-header-bg-position);
    background-repeat: no-repeat;
    background-size: var(--cm-end-of-event-header-bg-size);
    padding: 40px 40px 30px 40px;
    position: relative;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_headerContainer__2XSzU {
        padding: 0 
}
    }

.LivePageEndOfEvent_flexGrid__1jRit {
    position: relative;
    display: block;
    padding-right: 50%;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_flexGrid__1jRit {
        display: flex;
        flex-direction: column;
        padding-right: unset
}
    }

.LivePageEndOfEvent_flexGrid__1jRit:after {
        content: none;
    }

/* Applied when the medal table is hidden -- Ultimate and relay events. The
   right half is reserved by .flexGrid's padding and the results panel is
   positioned into it, both of which only work while the medal table is there
   to hold the row open. With no second column the results simply flow, so the
   reserved half and the positioning are released and the panel takes the full
   width. Desktop only: below --mobile-max the base rules already lay these two
   out in normal flow. */

.LivePageEndOfEvent_flexGrid__1jRit.LivePageEndOfEvent_singleColumn__26O0I {
    padding-right: 0;
}

.LivePageEndOfEvent_flexGrid__1jRit.LivePageEndOfEvent_singleColumn__26O0I .LivePageEndOfEvent_resultsTableTitleContainer__-3aVj,
    .LivePageEndOfEvent_flexGrid__1jRit.LivePageEndOfEvent_singleColumn__26O0I .LivePageEndOfEvent_resultsContainer__2Qf-g {
        position: static;
        width: 100%;
    }

/* The bottom fade belongs to the fixed-height scrolling panel; in flow the
       panel is as tall as its content and the mask would just dim the last
       rows. */

.LivePageEndOfEvent_flexGrid__1jRit.LivePageEndOfEvent_singleColumn__26O0I .LivePageEndOfEvent_resultsContainer__2Qf-g.LivePageEndOfEvent_fading__1NxlS {
        -webkit-mask-image: none;
        mask-image: none;
    }

.LivePageEndOfEvent_nextEventsContainerClass__-8ZLV {
    background: none;
    background-color: unset !important;
    padding: 0 !important;
}

.LivePageEndOfEvent_nextEventsContainerClass__-8ZLV.LivePageEndOfEvent_isOverContainer__13Vcb {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-gap: 4%;
    }

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_nextEventsContainerClass__-8ZLV.LivePageEndOfEvent_isOverContainer__13Vcb {
            display: flex;
            flex-direction: column
    }
        }

/* LatestRecordsCarousel renders nothing until the event has records, and
   this wrapper carries 30px of vertical padding of its own -- so it drew a
   bare band under the section above it while empty. */

.LivePageEndOfEvent_recordsContainer__1mVbc:empty {
    display: none;
}

.LivePageEndOfEvent_recordsContainer__1mVbc {
    position: relative;
    padding: 30px 0;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_recordsContainer__1mVbc {
        padding: 30px 0 30px 16px
}
    }

.LivePageEndOfEvent_paddedContainer__2BE0r {
    max-width: 1400px;
    margin: 0 auto;
}

.LivePageEndOfEvent_paddedContainer__2BE0r:after {
        content: none;
    }

.LivePageEndOfEvent_latestResultsContainer__3d9cW {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.LivePageEndOfEvent_reliveBestMoments__3XqHI {
    /* Latest Videos to Watch. Shares the corner-star tokens with the other
       live-page states. */
    position: relative;
    /* Keeps the star behind the cards while still sitting over this band's
       own background. */
    isolation: isolate;
    /* The star's box is 515px tall; clip it so a short band cannot leak it
       up into the section above. */
    overflow: hidden;
    background-color: var(--cm-live-videos-section-bg);
}

.LivePageEndOfEvent_reliveBestMoments__3XqHI::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: var(--cm-videos-band-star-width);
        height: var(--cm-videos-band-star-height);
        max-width: 100%;
        pointer-events: none;
        opacity: var(--cm-videos-band-star-opacity);
        background: var(--cm-videos-band-star-base-fade),
                    var(--cm-videos-band-star-fade),
                    var(--cm-videos-band-star-image) 0 0 /
                    var(--cm-videos-band-star-size) no-repeat;
    }

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_reliveBestMoments__3XqHI {
        background: none
}

        .LivePageEndOfEvent_reliveBestMoments__3XqHI::after {
            content: none;
        }
    }

.LivePageEndOfEvent_desktopPaddingContainer__2mYfu {
    padding: 30px 40px;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_desktopPaddingContainer__2mYfu {
        padding: 0
}
    }

.LivePageEndOfEvent_reliveBestMomentsContainer__1xNBE {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (max-width: 1024px) {

.LivePageEndOfEvent_reliveBestMomentsContainer__1xNBE {
        display: block;
        padding: 30px 0 30px 16px
}
    }

.LivePageEndOfEvent_videosTitleContainer__1Ft3S {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.LivePageEndOfEvent_videosTitleContainer__1Ft3S:after {
        content: none;
    }

.LivePageEndOfEvent_videosTitle__1rNx3 {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 32px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--cm-live-view-title-color);
}

@media screen and (max-width: 1024px) {

.LivePageEndOfEvent_videosTitle__1rNx3 {
        color: var(--cm-live-view-title-color);
        font-size: 20px;
        font-weight: var(--cm-font-weight-bold);
        padding: 0 16px
}
    }

.LivePageEndOfEvent_viewAllLink__1wql2 {
    font-family: var(--cm-font-bold);
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 12px;
    border-bottom: 2px solid var(--cm-brand-dark);
}

.LivePageEndOfEvent_viewAllLink__1wql2::first-letter {
        text-transform: uppercase;
    }

.LivePageEndOfEvent_calendarBannerContainer__1a6xY{
    margin-top: 20px;
}

.LivePageEndOfEvent_meetThemOnTheTrackContainer__JUDA4 {
    position: relative;
    padding: 30px 40px;
    background: var(--cm-meet-them-section-bg);
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_meetThemOnTheTrackContainer__JUDA4 {
        padding: 0
}
    }

.LivePageEndOfEvent_medalsListContainer__Y2FW7 {
    gap: 8px;
    display: flex;
    flex-direction: column;
    width: calc(100% - 20px);
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_medalsListContainer__Y2FW7 {
        padding: 12px 16px;
        background-color: var(--cm-medals-surface-bg);
        width: unset
}
    }

.LivePageEndOfEvent_medalsListContainer__Y2FW7:after {
        content: none;
    }

.LivePageEndOfEvent_medalsTableTitleContainer__3xTCb {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.LivePageEndOfEvent_placingTableBtn__3CtIp {
    font-family: var(--cm-font-bold);
    font-size: 16px;
    border-bottom: 2px solid var(--cm-live-view-button-bg);
    color: var(--cm-live-view-content-color);
    margin-left: auto;
}

.LivePageEndOfEvent_placingTableBtn__3CtIp::first-letter {
        text-transform: uppercase;
    }

.LivePageEndOfEvent_resultsContainer__2Qf-g {
    position: absolute;
    top: 66px;
    right: 0;
    bottom: 0;
    width: calc(50% - 20px);
    overflow: auto;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_resultsContainer__2Qf-g {
        position: unset;
        width: unset;
        padding: 16px
}
    }

.LivePageEndOfEvent_resultsContainer__2Qf-g.LivePageEndOfEvent_fading__1NxlS {
        -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: 100% 100%;

        /* Standard syntax for Firefox */
        mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
        mask-repeat: no-repeat;
        mask-size: 100% 100%;
    }

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_resultsContentContainer__1M8oL {
        position: unset

        /* The "See full results" pill sat flush against the bottom of the
           results panel -- .seeFullMedals declares `margin: 0 auto` on
           mobile, so there was nothing between them. Scoped to this
           container rather than added to .seeFullMedals itself, which also
           draws the medal table's button on the events that show one. */
}
        .LivePageEndOfEvent_resultsContentContainer__1M8oL .LivePageEndOfEvent_seeFullMedals__3XdFA {
            margin-top: var(--cm-end-of-event-see-full-gap-mobile);
        }
    }

.LivePageEndOfEvent_medalsListTitleContainer__2aTxf {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.LivePageEndOfEvent_medalsListTitleContainer__2aTxf:after {
        content: none;
    }

.LivePageEndOfEvent_resultsTableTitleContainer__-3aVj {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(50% - 20px);
    right: 0;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_resultsTableTitleContainer__-3aVj {
        position: unset;
        width: unset;
        padding: 16px 0
}
    }

.LivePageEndOfEvent_resultsTableTitleContainer__-3aVj:after {
        content: none;
    }

.LivePageEndOfEvent_resultsTitleContainer__Z14LF {
    position: relative;
}

/* END_OF_EVENT_RESULTS.png narrows the whole results column, heading and
   "See full results" pill included, not just the panel under it. Applied
   from isUltimate({ event }) so the relay events -- the other case that
   hides the medal table and takes the full width -- are unaffected. */

.LivePageEndOfEvent_flexGrid__1jRit.LivePageEndOfEvent_singleColumn__26O0I.LivePageEndOfEvent_ultimateResults__mNP0V .LivePageEndOfEvent_resultsTableTitleContainer__-3aVj,
    .LivePageEndOfEvent_flexGrid__1jRit.LivePageEndOfEvent_singleColumn__26O0I.LivePageEndOfEvent_ultimateResults__mNP0V .LivePageEndOfEvent_resultsContainer__2Qf-g {
        max-width: var(--cm-end-of-event-max-width);
        margin-inline: auto;
    }

.LivePageEndOfEvent_medalsTableTitle__BKCQP {
    font-size: 32px;
    color: var(--cm-medals-title-color);
    font-family: var(--cm-font-bold);
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_medalsTableTitle__BKCQP {
        font-size: 21px;
        font-family: var(--cm-font-headline)
}
    }

.LivePageEndOfEvent_resultsTableTitle__B0xSB {
    font-size: 32px;
    color: var(--cm-results-title-color);
    font-family: var(--cm-font-bold);
    text-transform: uppercase;
    margin-bottom: 16px;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_resultsTableTitle__B0xSB {
        font-size: 21px;
        margin-bottom: unset;
        font-family: var(--cm-font-headline)
}
    }

.LivePageEndOfEvent_medalsTableContainer__5eUjY {
    border-radius: 8px;
    margin-bottom: 0;
    border: 1px solid var(--cm-medals-row-border);
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_medalsTableContainer__5eUjY {
        padding : 0
}
    }

.LivePageEndOfEvent_medalsTableContainer__5eUjY:after {
        content: none;
    }

.LivePageEndOfEvent_seeFullMedals__3XdFA {
    display: flex;
    padding: 10px 16px;
    background: var(--cm-live-view-button-bg);
    align-items: center;
    color: var(--cm-live-view-button-color);
    font-size: 16px;
    border-radius: 8px;
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-body);
    white-space: nowrap;
}

@media screen and (max-width: 767px) {

.LivePageEndOfEvent_seeFullMedals__3XdFA {
        margin: 0 auto
}
    }

.LivePageEndOfEvent_seeFullMedalsLabel__tr7R2 {
  text-transform: lowercase;
}

.LivePageEndOfEvent_seeFullMedalsLabel__tr7R2::first-letter {
  text-transform: uppercase;
}

@media(min-width: 1025px) {
    .LivePageEndOfEvent_resultsContainer__2Qf-g {
        overflow: auto;
    }

    .LivePageEndOfEvent_resultsContainer__2Qf-g::-webkit-scrollbar {
        width: 8px;
    }

    .LivePageEndOfEvent_resultsContainer__2Qf-g::-webkit-scrollbar-track {
        background: var(--cm-results-scrollbar-track);
        border-radius: 4px;
    }

    .LivePageEndOfEvent_resultsContainer__2Qf-g::-webkit-scrollbar-thumb {
        background-color: var(--cm-results-scrollbar-thumb);
        border-radius: 4px;
        border: 1px solid var(--cm-results-scrollbar-thumb-border);
    }

    .LivePageEndOfEvent_resultsContainer__2Qf-g::-webkit-scrollbar-thumb:hover {
        background-color: var(--cm-results-scrollbar-thumb-hover);
    }

    .LivePageEndOfEvent_resultsContainer__2Qf-g::-webkit-scrollbar-thumb:active {
        background-color: var(--cm-results-scrollbar-thumb);
    }

    /* Remove any focus/selection effects */
    .LivePageEndOfEvent_resultsContainer__2Qf-g::-webkit-scrollbar-button {
        display: none;
    }

    .LivePageEndOfEvent_resultsContainer__2Qf-g::-webkit-scrollbar-corner {
        background: transparent;
    }

    /* For Firefox support */
    .LivePageEndOfEvent_resultsContainer__2Qf-g {
        scrollbar-width: thin;
        scrollbar-color: var(--cm-results-scrollbar-thumb) var(--cm-results-scrollbar-track);
    }
}

/* Immediate wrapper around a Google ad slot. The ad div itself is wired to
   --cm-ads-panel-bg in competitionModeWiring.css; this gives the band around
   it the same surface so the panel does not sit on the section grey. */

.LivePageEndOfEvent_adPanel__aDd6k {
    background-color: var(--cm-ads-panel-bg);
}

.BeforeEventStartHeader_container__v7cTc {
    width: 100%;
    align-items: center;
    padding: 10px 40px;
    position: relative;
}

    @media screen and (max-width: 767px) {.BeforeEventStartHeader_container__v7cTc {
        padding: 8px 12px
}
    }

.BeforeEventStartHeader_content__1Dl_n {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--cm-live-view-content-color);
    margin: 0 auto;
    max-width: 1400px;
    gap: 20px;
}

.BeforeEventStartHeader_content__1Dl_n:after {
        content: none;
    }

@media screen and (max-width: 767px) {

.BeforeEventStartHeader_content__1Dl_n {
        flex-direction: column
}
    }

.BeforeEventStartHeader_leftContent__rxMvh {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
}

@media screen and (max-width: 767px) {

.BeforeEventStartHeader_leftContent__rxMvh {
        width: 100%
}
    }

.BeforeEventStartHeader_leftContent__rxMvh:after {
        content: none;
    }

.BeforeEventStartHeader_liveIn__23DU- {
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0%;
    text-transform: uppercase;
    color: var(--cm-live-view-title-color);

}

@media screen and (max-width: 767px) {

.BeforeEventStartHeader_rightContent__nyXbA {
        width: 100%
}
    }

.BeforeEventStartHeader_sessionName__1QC9p {
    font-family: var(--cm-font-headline);
    font-weight: var(--cm-font-weight-bold);
    font-size: 21px;
    text-transform: lowercase;
}

.BeforeEventStartHeader_sessionName__1QC9p::first-letter {
    text-transform: uppercase;
}

.BeforeEventStartHeader_sessionTitle__2k-Kv {
    display: flex;
    gap: 10px;
}

@media screen and (max-width: 767px) {

.BeforeEventStartHeader_sessionTitle__2k-Kv {
        gap: 0;
        white-space: nowrap;
        justify-content: space-between
}
    }

.BeforeEventStartHeader_currentDayTitle__3awrM {
    font-size: 18px;
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    line-height: 1.3;
    color: var(--cm-live-view-title-color);
    margin-right: 6px;
    font-family: var(--cm-font-bold);
}

.BeforeEventStartHeader_currentSessionTitle__3XkgI {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    font-family: var(--cm-live-view-session-label-font);
    color: var(--cm-live-view-title-color);
}

.BeforeEventStartHeader_currentSessionTitle__3XkgI::first-letter {
        text-transform: uppercase;
    }

.BeforeEventStartHeader_nextSession__1wc_g {
    font-family: var(--cm-font-headline);
    font-size: 21px;
    font-weight: var(--cm-font-weight-bold);
    text-transform: uppercase;
    color: var(--cm-live-view-content-color);
}

.BeforeEventStartHeader_watchButton__cNBMR {
    display: flex;
    padding: 6px 16px;
    gap: 8px;
    border-radius: 6px;
    background: var(--cm-live-view-button-bg);
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 18px;
    align-items: center;
    color: var(--cm-live-view-button-color);
    justify-content: center;
}

.BeforeEventStartHeader_watchButton__cNBMR::first-letter {
        text-transform: uppercase;
    }

@media screen and (max-width: 767px) {

.BeforeEventStartHeader_watchButton__cNBMR {
        gap: 16px;
        border-radius: 12px;
        padding: 8px 12px;
        height: 68px;
        flex-direction: row-reverse
}
    }

.BeforeEventStartHeader_competitionContainerClass__2POet {
    background: none;
}

.BeforeEventStartHeader_chevron__2gpEp {
    width: 16px;
    height: 16px;
}

@media screen and (max-width: 767px) {

.BeforeEventStartHeader_chevron__2gpEp {
        display: none
}
    }

.BeforeEventStartHeader_playIcon__2AlyK {
    width: 25px;
    color: var(--cm-live-view-button-color);
    display: inline-flex;
}

.BeforeEventStartHeader_playIcon__2AlyK svg {
    width: 100%;
    height: auto;
}

.LivePageBeforeEventStart_container__2_gwU {
    background-color: var(--cm-live-view-page-bg);
    position: relative;
    color: var(--cm-live-view-content-color);
}

.LivePageBeforeEventStart_contentContainer__ETSqp {

}

.LivePageBeforeEventStart_PurpleContainer__3pJfw {
    background: var(--cm-brand-dark);
}

.LivePageBeforeEventStart_greenContainer__2Y6BE {
    background: var(--cm-live-view-bg);
}

.LivePageBeforeEventStart_moreContent__2jili {
    padding: 30px 0;
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_moreContent__2jili {
        padding: 16px 12px
}
    }

.LivePageBeforeEventStart_watchButton__1hQeR {
    display: flex;
    padding: 6px 16px;
    gap: 8px;
    border-radius: 6px;
    background: var(--cm-live-view-records-bg);
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 18px;
    align-items: center;
    color: var(--cm-text-on-accent);
    justify-content: center;
}

.LivePageBeforeEventStart_watchButton__1hQeR::first-letter {
        text-transform: uppercase;
    }

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_watchButton__1hQeR {
        gap: 16px;
        border-radius: 12px;
        padding: 8px 12px;
        height: 68px;
        background-color: var(--cm-live-view-records-bg);
        flex-direction: row-reverse
}
    }

.LivePageBeforeEventStart_watchButtonContainer__2l0M8 {
    background: var(--cm-live-view-muted-section-bg);
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_watchButtonContainer__2l0M8 {
        padding: 16px 12px
}
    }

.LivePageBeforeEventStart_playIcon__1TNN3 {
    width: 25px;
    color: var(--cm-live-view-button-color);
    display: inline-flex;
}

.LivePageBeforeEventStart_playIcon__1TNN3 svg {
    width: 100%;
    height: auto;
}

.LivePageBeforeEventStart_mobileSplash__3yuB7 {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: 50%;
    pointer-events: none;
    z-index: 0;
}

.LivePageBeforeEventStart_middleLeftSplash__1ed1Q {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 50%;
    pointer-events: none;
    z-index: 0;
}

.LivePageBeforeEventStart_middleRightSplash__v83YV {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 80%;
    pointer-events: none;
    z-index: 0;
}

.LivePageBeforeEventStart_nextEventsContainer__3pKr0 {
    position: relative;
    padding: 30px 40px 30px 40px;
    background: var(--cm-bg-image-main) center center no-repeat;
    background-size: cover;

}

@media screen and (max-width: 1024px) {

.LivePageBeforeEventStart_nextEventsContainer__3pKr0 {
        padding: 0 ;
        background: var(--cm-live-view-muted-section-bg)

}
    }

.LivePageBeforeEventStart_nextEventsContainerClass__16JI3 {
    background: none;
    background-color: unset !important;
    padding: 0 !important;
}

.LivePageBeforeEventStart_nextEventsContainerClass__16JI3.LivePageBeforeEventStart_isOverContainer__26PsB {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-gap: 4%;
    }

.LivePageBeforeEventStart_nextEventsContainerClass__16JI3.LivePageBeforeEventStart_isOverContainer__26PsB > div {
            width: 100%;
        }

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_nextEventsContainerClass__16JI3.LivePageBeforeEventStart_isOverContainer__26PsB {
            display: flex;
            flex-direction: column
    }
        }

.LivePageBeforeEventStart_recordsContainer__3QuvO {
    background: var(--cm-live-view-records-bg);
    position: relative;
    padding: 30px 40px;
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_recordsContainer__3QuvO {
        padding: 30px 0 30px 16px
}
    }

.LivePageBeforeEventStart_paddedContainer__1dM1r {
    max-width: 1400px;
    margin: 0 auto;
}

.LivePageBeforeEventStart_latestResultsContainer__2vW8l {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.LivePageBeforeEventStart_reliveBestMoments__szC9q {
    /* Latest Videos to Watch. Was --cm-bg-image-main centred and covering,
       which ran the orange photograph across the whole band; the design puts
       the WAUC star in a fixed box pinned to the bottom right corner. */
    position: relative;
    /* Keeps the star behind the cards while still sitting over this band's
       own background. */
    isolation: isolate;
    /* The star's box is 515px tall; clip it so a short band cannot leak it
       up into the section above. */
    overflow: hidden;
    background-color: var(--cm-live-videos-section-bg);
}

.LivePageBeforeEventStart_reliveBestMoments__szC9q::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        width: var(--cm-videos-band-star-width);
        height: var(--cm-videos-band-star-height);
        max-width: 100%;
        pointer-events: none;
        opacity: var(--cm-videos-band-star-opacity);
        background: var(--cm-videos-band-star-base-fade),
                    var(--cm-videos-band-star-fade),
                    var(--cm-videos-band-star-image) 0 0 /
                    var(--cm-videos-band-star-size) no-repeat;
    }

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_reliveBestMoments__szC9q {
        background: none
}

        .LivePageBeforeEventStart_reliveBestMoments__szC9q::after {
            content: none;
        }
    }

.LivePageBeforeEventStart_desktopPaddingContainer__2AQwl {
    padding: 30px 40px;
    position: relative;
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_desktopPaddingContainer__2AQwl {
        padding: 0
}
    }

.LivePageBeforeEventStart_topRightPurpleSplash__9w2IM {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 35%;
    pointer-events: none;
    z-index: 0;
}

.LivePageBeforeEventStart_reliveBestMomentsContainer__qgTwb {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_reliveBestMomentsContainer__qgTwb {
        display: block;
        padding: 16px 0 16px 12px
}
    }

.LivePageBeforeEventStart_videosTitleContainer__3jNvD {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.LivePageBeforeEventStart_videosTitleContainer__3jNvD:after {
        content: none;
    }

.LivePageBeforeEventStart_viewAllLink__1iTr9 {
    font-family: var(--cm-font-bold);
    font-size: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-right: 12px;
    border-bottom: 2px solid var(--cm-live-view-records-bg);
}

.LivePageBeforeEventStart_viewAllLink__1iTr9::first-letter {
        text-transform: uppercase;
    }

.LivePageBeforeEventStart_videosTitle__1Pk3T {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 32px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--cm-live-view-title-color);
}

@media screen and (max-width: 1024px) {

.LivePageBeforeEventStart_videosTitle__1Pk3T {
        color: var(--cm-live-view-title-color);
        font-size: 20px;
        font-weight: var(--cm-font-weight-bold);
        padding: 0 16px
}
    }

.LivePageBeforeEventStart_calendarBannerContainer__2dnkm{
    margin-top: 20px;
}

.LivePageBeforeEventStart_meetThemOnTheTrackContainer__3wcoC {
    position: relative;
    padding: 30px 40px;
    background: var(--cm-meet-them-section-bg);
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_meetThemOnTheTrackContainer__3wcoC {
        padding: 0
}
    }

.LivePageBeforeEventStart_medalsListContainer__20Q8T {
    background-color: var(--cm-medals-surface-bg);
    padding: 30px 40px;
    gap: 8px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_medalsListContainer__20Q8T {
        padding: 12px 16px
}
    }

.LivePageBeforeEventStart_medalsTableTitle__1fukE {
    font-size: 21px;
    font-weight: var(--cm-font-weight-bold);
    line-height: 26px;
    color: var(--cm-medals-title-color);
    font-family: var(--cm-font-headline);
    text-transform: uppercase;
}

@media screen and (max-width: 767px) {

.LivePageBeforeEventStart_medalsTableTitle__1fukE {
        font-size: 18px;
        padding: 16px 0
}
    }

.LivePageBeforeEventStart_medalsTableContainer__347MT {
    padding : 0;
    border-radius: 8px;
    border: 1px solid var(--cm-medals-row-border);
}

.LivePageBeforeEventStart_seeFullMedals__2ZD-H {
    display: flex;
    padding: 10px 16px;
    background: var(--cm-brand-dark);
    align-items: center;
    color: var(--cm-text-on-dark);
    font-size: 16px;
    border-radius: 8px;
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-body);


}

.LivePageBeforeEventStart_seeFullMedals__2ZD-H::first-letter {
        text-transform: uppercase;
    }

/* Immediate wrapper around a Google ad slot. The ad div itself is wired to
   --cm-ads-panel-bg in competitionModeWiring.css; this gives the band around
   it the same surface so the panel does not sit on the section grey. */

.LivePageBeforeEventStart_adPanel__3G6IO {
    background-color: var(--cm-ads-panel-bg);
}

.CompModeWhereToWatchMobileModalContainer_container__2zZtt{
    max-height: 450px;
    overflow-y: auto;
    padding: 15px;
    width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #DFD0FA;
}


.CompModeWhereToWatchMobileModalContainer_channel__3Pt0_{
    display: flex;
    flex-direction: column;
    gap: 10px;
}


.CompModeWhereToWatchMobileModalContainer_subtitle__1vdU5{
    margin-top: 15px;
    font-size: 18px;
    font-weight: var(--cm-font-weight-bold);
    font-family: var(--cm-font-bold);
}


.CompModeWhereToWatchMobileModalContainer_title__wPhGe{
    text-transform: uppercase;
    font-family: var(--cm-font-headline);
    font-size: 20px;
}


.CompModeWhereToWatchMobileModalContainer_channelList__11V6i{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 8px;
}


.CompModeWhereToWatchMobileModalContainer_time__2BufV{
    font-family: var(--cm-font-headline);
    font-size: 13px;
}


.CompModeWhereToWatchMobileModalContainer_timeList__xJCJj{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}


.CompModeWhereToWatchMobileModalContainer_channelLogo__17LP7{
    width: 135px;
    height: 45px;
    object-fit: contain;
}


.CompModeWhereToWatchMobileModalContainer_broadCastInfoBtn__39Wxr{
    background: #6F5797;
    text-transform: uppercase;
    border-radius: 14px;
    padding: 9px 34px;
    color: white;
    font-size: 14px;
    margin-top: 10px;
}

/* Complete CollapsibleLiveResults.module.css with fixes */

/* Base styles */

.CollapsibleLiveResults_collapsibleContainer__2C2S0 {
    position: relative;
    display: flex;
    align-items: stretch;
    height: 100%;
    overflow: hidden;
    transition: all 0.3s ease; /* Added for smooth transitions */
}

/* Hide the entire component when completely collapsed - NEW */

.CollapsibleLiveResults_completelyHidden__12d1O {
    display: none !important;
}

/* Hidden element for measuring content width */

.CollapsibleLiveResults_measureElement__1hDsM {
    position: absolute;
    top: -9999px;
    left: -9999px;
    visibility: hidden;
    pointer-events: none;
    white-space: nowrap;
    z-index: -1; /* Added to ensure it doesn't interfere */
}

.CollapsibleLiveResults_toggleButton__2G5O1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    min-width: 40px;
    margin-top: 40px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    cursor: pointer;
    color: #fff;
    transition: all 0.2s ease, opacity 0.15s ease; /* Added opacity transition */
    backdrop-filter: blur(10px);
    border-radius: 8px 0 0 8px;
    flex-shrink: 0;
    z-index: 1;
}

.CollapsibleLiveResults_hiddenToggleButton__1bVou {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 36px;
    min-width: 40px;
    margin-top: 40px;
    border: none;
    cursor: pointer;
    border-radius: 8px 0 0 8px;
    flex-shrink: 0;
    z-index: 1;
}

.CollapsibleLiveResults_toggleButton__2G5O1:hover {
    background: rgba(255, 255, 255, 0.2);
}

.CollapsibleLiveResults_toggleButton__2G5O1:active {
    transform: translateX(1px);
    background: rgba(255, 255, 255, 0.15);
}

/* Hide the button specifically - NEW */

.CollapsibleLiveResults_buttonHidden__I45F0 {
    pointer-events: none;
    opacity: 0 !important;
}

/* Desktop horizontal animation */

.CollapsibleLiveResults_desktop__29uOS .CollapsibleLiveResults_content__3FEwD {
    height: 100%;
    overflow: hidden;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.15s ease; /* Added opacity transition */
    min-width: 0;
    will-change: width;
    transform: translateZ(0); /* Force hardware acceleration */
}

.CollapsibleLiveResults_desktop__29uOS .CollapsibleLiveResults_contentClosed__1k9w1 {
    width: 0 !important;
}

/* Hide content when completely collapsed - NEW */

.CollapsibleLiveResults_contentHidden__P34aS {
    display: none !important;
}

.CollapsibleLiveResults_contentInner__1iNMS {
    height: 100%;
    overflow: auto;
    white-space: nowrap;
    min-width: max-content;
    box-sizing: border-box;
}

.CollapsibleLiveResults_desktop__29uOS .CollapsibleLiveResults_contentInner__1iNMS {
    min-width: 250px;
    white-space: normal;
}

/* Chevron animations */

.CollapsibleLiveResults_chevron__2UYiy {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.CollapsibleLiveResults_desktop__29uOS .CollapsibleLiveResults_chevron__2UYiy.CollapsibleLiveResults_rotated__JKxdD {
    transform: rotate(180deg);
}

/* Mobile styles */

@media (max-width: 768px) {
    .CollapsibleLiveResults_mobile__1ASjQ .CollapsibleLiveResults_collapsibleContainer__2C2S0 {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1000;
        flex-direction: column-reverse;
        height: auto;
        max-height: 70vh;
    }

    .CollapsibleLiveResults_mobileToggle__y819y {
        position: relative;
        width: 100%;
        height: 44px;
        min-width: auto;
        margin: 0;
        border-radius: 12px 12px 0 0;
        background: rgba(0, 0, 0, 0.8);
        backdrop-filter: blur(20px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .CollapsibleLiveResults_mobileToggle__y819y:hover {
        background: rgba(0, 0, 0, 0.9);
        transform: none;
    }

    .CollapsibleLiveResults_mobileContent__23NhJ {
        width: 100%;
        background: rgba(0, 0, 0, 0.95);
        backdrop-filter: blur(20px);
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
        will-change: max-height; /* Added for performance */
    }

    .CollapsibleLiveResults_mobile__1ASjQ .CollapsibleLiveResults_contentInner__1iNMS {
        white-space: normal;
        min-width: auto;
        max-width: none;
    }

    /* Mobile chevron rotation */
    .CollapsibleLiveResults_mobileChevron__3mO93 {
        transform: rotate(-90deg);
    }

    .CollapsibleLiveResults_mobileChevron__3mO93.CollapsibleLiveResults_rotated__JKxdD {
        transform: rotate(90deg);
    }
}

/* Tablet adjustments */

@media (max-width: 1024px) and (min-width: 769px) {
    .CollapsibleLiveResults_desktop__29uOS .CollapsibleLiveResults_contentInner__1iNMS {
        min-width: 220px;
    }

    .CollapsibleLiveResults_toggleButton__2G5O1 {
        width: 36px;
        height: 32px;
        min-width: 36px;
        margin-top: 36px;
    }
}

/* Large desktop */

@media (min-width: 1440px) {
    .CollapsibleLiveResults_desktop__29uOS .CollapsibleLiveResults_contentInner__1iNMS {
        min-width: 280px;
    }

    .CollapsibleLiveResults_toggleButton__2G5O1 {
        width: 34px;
        height: 40px;
        min-width: 34px;
        margin-top: 44px;
    }
}

/* Small mobile */

@media (max-width: 480px) {
    .CollapsibleLiveResults_mobile__1ASjQ .CollapsibleLiveResults_contentInner__1iNMS {
        padding: 12px;
    }

    .CollapsibleLiveResults_mobileToggle__y819y {
        height: 40px;
    }
}

/* Accessibility */

@media (prefers-reduced-motion: reduce) {
    .CollapsibleLiveResults_content__3FEwD,
    .CollapsibleLiveResults_chevron__2UYiy,
    .CollapsibleLiveResults_toggleButton__2G5O1,
    .CollapsibleLiveResults_collapsibleContainer__2C2S0 {
        transition: none;
    }
}

@media (prefers-contrast: high) {
    .CollapsibleLiveResults_toggleButton__2G5O1 {
        background: rgba(255, 255, 255, 0.9);
        color: #000;
        border: 2px solid #fff;
    }

    .CollapsibleLiveResults_toggleButton__2G5O1:hover {
        background: #fff;
    }
}
.liveVideo_brightCove__1Hss4 video-js,
.liveVideo_vimeo__1VG2T,
.liveVideo_ebu__1f_jl {
  width: 100%;
  aspect-ratio: 16/9;
}

.liveVideo_ebuContainer__1Bf-h {
  height: auto !important;
  aspect-ratio: 16/11;
}

/* Extra small devices (small phones) */

@media screen and (max-width: 375px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    height: auto;
  }

  .liveVideo_ebuContainer__1Bf-h {
    aspect-ratio: 16/14;
  }
}

/* Small devices (phones) */

@media screen and (min-width: 376px) and (max-width: 599px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    height: auto;
  }
  .liveVideo_ebuContainer__1Bf-h {
    aspect-ratio: 16 / 14;
  }
}

/* Small tablets and large phones */

@media screen and (min-width: 600px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 560px;
    height: calc((9 / 16) * 560px);
  }
  .liveVideo_ebuContainer__1Bf-h {
    height: calc((14 / 16) * 560px);
  }
}

/* Medium tablets */

@media screen and (min-width: 768px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 720px;
    height: calc((9 / 16) * 720px);
  }
  .liveVideo_ebuContainer__1Bf-h {
    height: calc((12 / 16) * 720px);
  }
}

/* Large tablets */

@media screen and (min-width: 900px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 840px;
    height: calc((9 / 16) * 840px);
  }
  .liveVideo_ebuContainer__1Bf-h {
    height: calc((12 / 16) * 840px);
  }
}

/* Small laptops and desktops */

@media screen and (min-width: 1024px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    height: calc((9 / 16) * 100%);
  }
  .liveVideo_ebuContainer__1Bf-h {
    height: calc((11 / 16) * 100%);
  }
}

/* Medium desktops */

@media screen and (min-width: 1200px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    height: calc((9 / 16) * 100%);
  }
  .liveVideo_ebuContainer__1Bf-h {
    height: calc((11 / 16) * 100%);
  }
}

/* Large desktops */

@media screen and (min-width: 1440px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_brightcoveContainer__1AMpr {
    width: 100%;
    height: calc((9 / 16) * 100%);
  }
  .liveVideo_ebuContainer__1Bf-h {
    width: 100%;
    height: calc((11 / 16) * 100%);
  }
}

/* Extra large desktops */

@media screen and (min-width: 1800px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_brightcoveContainer__1AMpr {
    width: 100%;
    height: calc((9 / 16) * 100%);
  }
  .liveVideo_ebuContainer__1Bf-h {
    width: 100%;
    height: calc((11 / 16) * 100%);
  }
}

/* Ultra wide screens */

@media screen and (min-width: 2100px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_brightcoveContainer__1AMpr {
    width: 100%;
    height: calc((9 / 16) * 100%);
  }
  .liveVideo_ebuContainer__1Bf-h {
    width: 100%;
    height: calc((11 / 16) * 100%);
  }
}

/* Portrait orientation specific */

@media screen and (orientation: portrait) and (max-width: 768px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    height: auto;
  }
  .liveVideo_ebuContainer__1Bf-h {
    aspect-ratio: 16 / 14;
  }
}

@media screen and (orientation: portrait) and (max-width: 500px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    height: auto;
  }

  .liveVideo_ebuContainer__1Bf-h {
    aspect-ratio: 16 / 17;
  }
}

@media screen and (orientation: portrait) and (max-width: 370px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    height: auto;
  }

  .liveVideo_ebuContainer__1Bf-h {
    aspect-ratio: 16 / 20;
  }
}

/* Landscape orientation on small devices */

@media screen and (orientation: landscape) and (max-height: 500px) {
  .liveVideo_brightCove__1Hss4 video-js,
  .liveVideo_vimeo__1VG2T,
  .liveVideo_ebu__1f_jl {
    width: 100%;
    max-height: 80vh;
    height: auto;
  }

  .liveVideo_ebuContainer__1Bf-h {
    aspect-ratio: 16 / 13;
  }
}

.liveVideo_ebu__1f_jl video-js {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.liveVideo_ebu__1f_jl iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.liveVideo_liveVideoContainer__239h8 {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 1rem;
  overflow: hidden;
  background-color: #111;
}

.liveVideo_Video__5pu-I {
  width: 100%;
  height: 100%;
}

.liveVideo_liveIndicator__1V1vU {
  position: absolute;
  top: 1rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.liveVideo_liveDot__t0nrT {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: var(--cm-live-carousel-live-badge-bg);
  animation: liveVideo_pulse__DzQ5D 2s infinite;
}

.liveVideo_liveText__pUspM {
  color: #fff;
  font-weight: var(--cm-font-weight-bold);
  font-size: 0.875rem;
}

.liveVideo_signInPrompt__2vWxt {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  width: 90%;
  max-width: 300px;
}

.liveVideo_signInPrompt__2vWxt p {
  margin: 0;
  line-height: 1.5;
}

.liveVideo_signInPrompt__2vWxt .liveVideo_signInLink__1H6Sh {
  font-weight: 500;
  cursor: pointer;
  text-decoration: underline;
}

.liveVideo_errorPlayer1__1t2WO {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  width: 90%;
  max-width: 300px;
}

.liveVideo_errorPlayer1__1t2WO p {
  margin: 0;
  line-height: 1.5;
}

.liveVideo_errorPlayer1__1t2WO .liveVideo_errorPlayer2__3JEEd {
  font-weight: 500;
  text-decoration: underline;
}

.liveVideo_loadingIndicator__3sRiZ {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 5px 10px;
  border-radius: 4px;
  z-index: 2;
}

.liveVideo_loadingDot__3MkfT {
  width: 10px;
  height: 10px;
  background-color: #cccccc;
  border-radius: 50%;
  margin-right: 5px;
  animation: liveVideo_pulse__DzQ5D 1.5s infinite;
}

.liveVideo_loadingText__2kdG3 {
  color: #ffffff;
  font-size: 12px;
  font-weight: var(--cm-font-weight-bold);
}

.liveVideo_loadingSpinner__2zkNK {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
}

.liveVideo_spinner__1a0cn {
  animation: liveVideo_rotate__14Rwg 2s linear infinite;
  width: 100%;
  height: 100%;
}

.liveVideo_spinnerCircle__Ndbo- {
  stroke: #ffffff;
  stroke-linecap: round;
  stroke-dasharray: 128;
  stroke-dashoffset: 82;
  animation: liveVideo_dash__1zsVm 1.5s ease-in-out infinite;
}

@keyframes liveVideo_rotate__14Rwg {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes liveVideo_dash__1zsVm {
  0% {
    stroke-dashoffset: 128;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -128;
  }
}

@keyframes liveVideo_pulse__DzQ5D {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.sessionCard_sessionCard__3yXF1 {
    background-color: white;
    border-radius: 8px;
    height: fit-content;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
  }

.sessionCard_sessionDescription__2Vbk8 {
    padding: 10px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.sessionCard_sessionHeader__1oJlv {
    display: flex;
    justify-content: space-between;
    gap: 6px;
    overflow: hidden;
    align-items: center;
  }

@media screen and (max-width: 767px) {

.sessionCard_sessionHeader__1oJlv {
          font-size: 14px
  }
      }

.sessionCard_sessionHeader__1oJlv a {
        text-decoration: underline;
      }

.sessionCard_sessionTime__3FBm6 {
    font-size: 12px;
    color: #4B5563;
    font-weight: 400;
    line-height: 21.6px;
    letter-spacing: -3%;
  }

.VideoLoadingSpinner_spinnerContainer__11cG5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  
  .VideoLoadingSpinner_spinner__3KH-U {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
  }
  
  .VideoLoadingSpinner_dot1__NXPuS, .VideoLoadingSpinner_dot2__3i-XA, .VideoLoadingSpinner_dot3__39Wzj {
    width: 8px;
    height: 8px;
    background-color: #000000;
    border-radius: 50%;
    margin: 0 4px;
    animation: VideoLoadingSpinner_bounce__3y39C 1.4s infinite ease-in-out both;
  }
  
  .VideoLoadingSpinner_dot1__NXPuS {
    animation-delay: -0.32s;
  }
  
  .VideoLoadingSpinner_dot2__3i-XA {
    animation-delay: -0.16s;
  }
  
  .VideoLoadingSpinner_loadingText__3ZR7y {
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    text-align: center;
    max-width: 300px;
  }
  
  @keyframes VideoLoadingSpinner_slideIn__2rBsT {
    from {
      transform: translateY(-100%);
    }
    to {
      transform: translateY(0);
    }
  }
  
  @keyframes VideoLoadingSpinner_bounce__3y39C {
    0%, 80%, 100% {
      transform: scale(0);
    }
    40% {
      transform: scale(1.0);
    }
  }
.liveSessions_liveSessions__2lCmo {
    padding-top: 10px;
    width: 100%;
}

.liveSessions_noLiveStreamGrid__1Y2JV{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto 1fr;
    gap:1rem;
    grid-auto-rows: auto;
}

.liveSessions_nextEventContainer__18y7u{
    padding:5px 10px;
    border-radius: 5px;
    box-shadow: var(--cm-next-event-card-shadow);
    margin-bottom: 1rem;
    background: var(--cm-next-event-card-bg);
}

.liveSessions_sessionCardDesktop__1IEOf {
    background-color: var(--cm-next-event-card-bg);
    border-radius: 5px;
    width:100%;
    height: fit-content;
    overflow: hidden;
    position: relative;
    padding: 10px;
    display: flex;
    box-shadow: var(--cm-next-event-card-shadow);
    margin-bottom: 1rem;
}

.liveSessions_sessionsContainer__lJV0q {
    overflow: auto;
}

.liveSessions_seeTimetable__16Dbw{
    color:#173032;
    text-decoration: underline;
    text-underline-offset: 8px;
    text-decoration-color: #173032;
}

.liveSessions_sessionHeader__EEgXU{
    font-size: 18px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .liveSessions_sessionHeader__EEgXU{
        font-size: 16px;
    }
    
  }
.liveSessionHeader_mobileLiveSessionContainer__1ToVe {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: auto;
    width: 100%;
}

.liveSessionHeader_desktopLiveSessionContainer__rUuiG {
    padding: 120px 0 30px 40px;
    flex-direction: row;
    transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}

.liveSessionHeader_desktopLiveSessionContainer__rUuiG.liveSessionHeader_noLiveResults___duoG {
        padding: 120px 40px 30px 40px;
        max-width: 1480px;
        justify-self: center;
    }

/* Add this new class for collapsed state */

.liveSessionHeader_desktopLiveSessionContainer__rUuiG.liveSessionHeader_collapsedPadding__1jkH- {
    padding: 0;
    transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}

.liveSessionHeader_liveResultsContainer__3F4UD {
    padding: 16px 0 16px 12px;
}

@media screen and (max-width: 767px) {

.liveSessionHeader_paddedContainer__1LCWk {
        padding: 16px 12px
}
    }

.liveSessionHeader_liveVideoContainer__2X6ds {
    padding: 0;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    border-radius: 15px;
}

.liveSessionHeader_liveResultsDesktopContainer__1kFAh {
    position: relative;
}

.liveSessionHeader_liveSessionContainer__1fw37 {
    margin: auto;
    width: 100%;
    position: relative;
}

.liveSessionHeader_liveSessionMobileHeaderContainer__1S2m8 {
    align-items: center;
    justify-content: center;
    width: 100%;
}

.liveSessionHeader_liveSessionHeaderContainer__19XMT {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.liveSessionHeader_collapsibleLiveResultsContainer__1jnYh {
    max-width: calc(100% - 966px);
    min-height: calc((9 / 16) * 960px);
}

/* Updated grid system for collapsible behavior */

.liveSessionHeader_flexGrid__2IHCV {
    display: flex;
    gap: 6px;
    align-items: stretch;
    width: 100%;
    justify-content: end;
    transition: gap 0.3s cubic-bezier(0.4, 0, 0.2, 1); /* No delay when opening */
}

.liveSessionHeader_flexGrid__2IHCV.liveSessionHeader_collapsedPadding__1jkH- {
    gap: 0;
    transition: gap 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0.3s; /* 0.3s delay when closing */
}

.liveSessionHeader_flexGrid__2IHCV .liveSessionHeader_liveVideoContainer__2X6ds {
    min-width: 960px;
    flex: 1 1;
    border-radius: 0;
}

.liveSessionHeader_flexGrid__2IHCV .liveSessionHeader_liveVideoContainer__2X6ds.liveSessionHeader_collapsibleOpen__3Ihg0 {
        border-radius: 15px;
    }

.liveSessionHeader_flexGrid__2IHCV .liveSessionHeader_collapsibleContainer__2m4Gb {
    max-width: calc(100% - (960px + 2%));
    flex-shrink: 0;
    transition: max-width 0.3s ease-in-out;
}

.liveSessionHeader_flexGrid__2IHCV .liveSessionHeader_collapsibleContainer__2m4Gb.liveSessionHeader_collapsed__1nVGW {
    max-width: 40px;
}

.liveSessionHeader_noAuth__3NvJM {
    display: grid;
    grid-template-columns: 54% 44%;
    width: 100%;
    grid-gap: 2%;
    max-width: 1480px;
    margin: 0;
    justify-self: center;
    padding: 120px 40px 30px 40px;
}

@media screen and (max-width: 767px) {

.liveSessionHeader_noAuth__3NvJM {
        padding: 0
}
    }

/* Fallback for when CollapsibleLiveResults is not used */

.liveSessionHeader_doubleGrid__1136x {
    display: grid;
    grid-template-columns: minmax(960px, 60%) calc(100% - (960px + 2%));
    gap: 2%;
}

.liveSessionHeader_liveSessionContainer__1fw37 h1 {
}

.liveSessionHeader_title__6mWlx {
    font-size: 30px;
    font-weight: 600;
}

@media (max-width: 767px) {
    .liveSessionHeader_title__6mWlx {
        font-size: 20px;
    }
}
.liveView_liveViewContainer__2yfJ2 *::after,.liveView_liveViewContainer__2yfJ2::after{
    content: unset;
}

.liveView_eventBackgroundPattern__3R7cf {
    /* The live-pattern artwork, not --cm-bg-image-main. The .greenBackground
       modifier is only added when a stream is available, so the with-video and
       no-video variants used to show two different backgrounds. */
    background: var(--cm-bg-image-live-pattern) var(--cm-bg-image-live-pattern-position) no-repeat;
    background-position-x: var(--cm-bg-image-live-pattern-position-x);
    background-color: var(--cm-bg-image-live-pattern-bg);
    /* Not `cover`. That was left over from --cm-bg-image-main; the artwork is
       placed at its natural size, which is what .greenBackground produced by
       letting the shorthand reset background-size. */
    background-size: var(--cm-bg-image-live-pattern-size);
}

/* Kept so the class still resolves in the JSX; it now matches the base. */

.liveView_eventBackgroundPattern__3R7cf.liveView_greenBackground__1OPV8 {
        background: var(--cm-bg-image-live-pattern) var(--cm-bg-image-live-pattern-position) no-repeat;
        background-position-x: var(--cm-bg-image-live-pattern-position-x);
        background-color: var(--cm-bg-image-live-pattern-bg);
        background-size: var(--cm-bg-image-live-pattern-size);
    }

@media screen and (max-width: 767px) {

.liveView_eventBackgroundPattern__3R7cf {
        background-color: var(--cm-live-view-bg)
}
    }

.liveView_discoverNextSessionsTitle__qbw4v {
    color: var(--cm-live-view-title-color);
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding: 1rem 0;
    font-family: var(--cm-font-body);
    text-transform: uppercase;
}

.liveView_nextEventsContainer__3WiQV {
    padding: 1rem;
}

.liveView_purpleButtonLink__1JkdA {
    padding: 10px;
    background: var(--cm-live-view-alt-button-bg);
    align-items: center;
    color: var(--cm-live-view-alt-button-color);
    border-radius: 4px;
    height: 50px;
    width: 100%;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-bold);
}

.liveView_purpleButtonLink__1JkdA:hover{
        background: var(--cm-live-view-alt-button-bg);
    }

@media screen and (max-width: 767px) {

.liveView_noRightPadding__UCIu1 {
        padding-right: 0 !important
}
    }

.liveView_liveResultsBackground__14CBP {
    /* Ultimate design: day title, tabs, live event and buttons all sit inside
       one rounded card floating on the black page. */
    background: var(--cm-live-result-panel-bg);
    border-radius: var(--cm-live-result-panel-radius);
    padding: var(--cm-live-result-panel-padding);
}

.liveView_eventBackgroundPatternRed__2_KNM {
    padding: 1rem;
}

@media screen and (max-width: 767px) {

.liveView_eventBackgroundPatternRed__2_KNM {
        background: var(--cm-live-view-alert-pattern-image);
        background-color: var(--cm-live-view-alert-bg)
}
    }

@media screen and (max-width: 767px) {

.liveView_eventBackgroundPatternRed__2_KNM.liveView_noRightPadding__UCIu1 {
            padding-right: 0
    }
        }

.liveView_todaysSessionsAreOverBackground__1Kin7 {
    background: var(--cm-brand);
    background: linear-gradient(0deg, var(--cm-brand-dark), var(--cm-brand-dark)),
    linear-gradient(91.56deg, rgba(188, 148, 255, 0.7) -96.3%, rgba(17, 16, 58, 0.7) 136.26%);

}

.liveView_endOfDayTopSplash__1lpDI {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 20%;
    pointer-events: none;
    z-index: 0;
}

.liveView_moreContent__wJrHL {
    padding: 30px 40px;
    position: relative;

}

@media screen and (max-width: 767px) {

.liveView_moreContent__wJrHL {
        padding: 1rem

}
    }

.liveView_whereToWatchContainer__2pFxU {
    padding: 30px 40px;
    position: relative;

}

@media screen and (max-width: 1024px) {

.liveView_whereToWatchContainer__2pFxU {
        padding: 1rem 12px 1rem 0

}
    }

.liveView_paddedContainer__3Yg8s {
    max-width: 1400px;
    margin: 0 auto;
}

.liveView_meetThemOnTheTrackContainer__buxhu {
    position: relative;
    padding: 30px 40px;
    background: var(--cm-live-view-dark-section-bg);
}

@media screen and (max-width: 767px) {

.liveView_meetThemOnTheTrackContainer__buxhu {
        padding: 0
}
    }

/* LatestRecordsCarousel renders nothing until the event has records, and
   this wrapper carries 30px of vertical padding of its own -- so it drew a
   bare band under the section above it while empty. */

.liveView_recordsContainer__3fZKo:empty {
    display: none;
}

.liveView_recordsContainer__3fZKo {
    background: var(--cm-bg-image-secondary) center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px 40px;
}

@media screen and (max-width: 767px) {

.liveView_recordsContainer__3fZKo {
        padding: 30px 0 30px 16px
}
    }

.liveView_liveSessionsContainer__3DUv4 {
    position: relative;
    padding: 0;
}

@media screen and (max-width: 1024px) {

.liveView_liveSessionsContainer__3DUv4 {
        padding: 30px 40px
}
    }

@media screen and (max-width: 767px) {

.liveView_liveSessionsContainer__3DUv4 {
        padding: 0
}
    }

.liveView_resultsContainer__Oczjh {
    position: relative;
    padding: 30px 40px;
}

@media screen and (max-width: 767px) {

.liveView_resultsContainer__Oczjh {
        padding: 30px 16px
}
    }

.liveView_resultsContainer__Oczjh .liveView_leftImageForResultsContainer__1p97m {
        background-image: var(--cm-bg-image-results-splatter-left);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left bottom;
        padding-left: 1rem;
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        pointer-events: none;
        z-index: 0;
    }

.liveView_resultsContainer__Oczjh .liveView_rightImageForResultsContainer__1fwr9 {
        background-image: var(--cm-bg-image-results-splatter-right);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: right top;
        padding-right: 1rem;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 100%;
        pointer-events: none;
        z-index: 0;
    }

.liveView_detailsRowClasses__1Gl1M {
    gap: 6px;
}

.liveView_container__3nOpS {
    position: relative;
    background-repeat: round;
}

@media screen and (max-width: 767px) {

.liveView_container__3nOpS {
        background: unset
}
    }

@media screen and (min-width: 1025px) {

.liveView_container__3nOpS.liveView_authenticated__zQny2 {
            background: var(--cm-live-view-auth-split-bg)
    }
        }

.liveView_container__3nOpS .liveView_greenBackgroundImage__2tJtu {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        /* No-video-only overlay covering the right half. It carried
           --cm-bg-image-main (the orange artwork), which painted over the blue
           blur and made the two variants disagree. Off by default. */
        background: var(--cm-live-view-split-image) center center no-repeat;
        background-size: cover;
        z-index: 0;
        pointer-events: none;
    }

.liveView_container__3nOpS.liveView_endOfDay__JYMXp {
        position: relative;
    }

.liveView_container__3nOpS.liveView_noMorePreparedOrScheduledPhases__1lSda {
        background: var(--cm-live-view-page-bg);
    }

@media screen and (max-width: 1024px) {

.liveView_container__3nOpS.liveView_noMorePreparedOrScheduledPhases__1lSda {
            background: unset
    }
        }

.liveView_desktopPaddingContainer__26nQ0 {
    padding: 30px 40px;
    position: relative;
}

@media screen and (max-width: 1024px) {

.liveView_desktopPaddingContainer__26nQ0 {
        padding: 16px 12px
}
    }

.liveView_desktopPaddingContainer__26nQ0.liveView_purple__fwGUA {
        background: var(--cm-brand-dark);
        padding: 50px 40px;
        opacity: 1;
    }

@media screen and (max-width: 767px) {

.liveView_desktopPaddingContainer__26nQ0.liveView_purple__fwGUA {
            padding: 0
    }
        }

.liveView_desktopPaddingContainer__26nQ0.liveView_green__2_Mbu {
        /* Latest Videos to Watch. The star comes from the shared corner-star
           tokens, drawn by the overlay below. Applied behind !isMobile, so
           mobile keeps the plain background. */
        position: relative;
        /* Keeps the star behind the cards while still sitting over this band's
           own background. */
        isolation: isolate;
        /* The star's box is 515px tall; clip it so a short band cannot leak
           it up into the section above. */
        overflow: hidden;
        background-color: var(--cm-live-videos-section-bg);
        padding: 50px 40px;
        opacity: 1;
    }

.liveView_desktopPaddingContainer__26nQ0.liveView_green__2_Mbu::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: -1;
            width: var(--cm-videos-band-star-width);
            height: var(--cm-videos-band-star-height);
            max-width: 100%;
            pointer-events: none;
            opacity: var(--cm-videos-band-star-opacity);
            background: var(--cm-videos-band-star-base-fade),
                        var(--cm-videos-band-star-fade),
                        var(--cm-videos-band-star-image) 0 0 /
                        var(--cm-videos-band-star-size) no-repeat;
        }

.liveView_topRightPurpleSplash__1fAjd {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 35%;
    pointer-events: none;
    z-index: 0;
}

.liveView_reliveBestMomentsContainer__3tKlj {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (max-width: 767px) {

.liveView_reliveBestMomentsContainer__3tKlj {
        display: block;
        padding: 0
}
    }

.liveView_liveViewRightPurpleSplash__RcSDQ {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    pointer-events: none;
    z-index: 0;
}

.liveView_liveViewRightPurpleSplashLight__1miiH {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    pointer-events: none;
    z-index: 0;
}

.liveView_liveViewTopLeftPurpleSplash__3pwMo {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 48%;
    pointer-events: none;
    z-index: 0;
}

.liveView_liveViewMiddleLeftPurpleSplash__jMFCI {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    padding-right: 1rem;
    position: absolute;
    top: 35%;
    left: 0;
    height: 46%;
    width: 24%;
    pointer-events: none;
    z-index: 0;
}

.liveView_liveViewRightMiddlePurpleSplash__3YIKb {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    pointer-events: none;
    z-index: 0;
}

.liveView_violetPattern__1diRv {
    background-image: var(--cm-live-view-pattern-image);
    background-color: var(--cm-brand-dark);
    background-blend-mode: multiply;
    background-repeat: repeat;
}

.liveView_redPattern__3_yVN {
    background-image: var(--cm-live-view-pattern-image);
    background-color: var(--cm-live-view-alert-bg);
    background-blend-mode: multiply;
    background-repeat: repeat;
}

/* quick fix for iOS blended issue - to be reviewed for tokyo */

@media screen and (max-width: 767px) {

.liveView_redPattern__3_yVN {
        background-image: var(--cm-live-view-alert-pattern-mobile-image);
        background-repeat: repeat;
        background-blend-mode: normal
}
    }

.liveView_latestNewsTitleContainer__2CGMP {
    width: 100%;
}

.liveView_latestNewsTitle__1VbSt {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--cm-font-bold);
}

.liveView_titleContainer__F-1hK {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media screen and (max-width: 767px) {

.liveView_titleContainer__F-1hK {
        padding: 0.5rem 0;
        margin-bottom: 0.5rem;
        padding-right: 10px
}
    }

.liveView_watchLiveOnContainer__3ue0N {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    padding: 1rem;
    gap: 20px;
}

@media screen and (max-width: 767px) {

.liveView_watchLiveOnContainer__3ue0N {
        padding: 1rem
}
    }

.liveView_nextEventsBlackContainerClass__DOHmp {

    background: var(--cm-live-view-dark-section-bg);
}

.liveView_nextEventsBlackContainerClass__DOHmp.liveView_isOverContainer__3x7sM {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-gap: 4%;
    }

@media screen and (max-width: 767px) {

.liveView_nextEventsBlackContainerClass__DOHmp.liveView_isOverContainer__3x7sM {
            display: flex;
            flex-direction: column
    }
        }

.liveView_nextEventsContainerClass__2wXSB {
    background: none;
    background-color: unset !important;
    padding: 0 !important;
}

.liveView_nextEventsContainerClass__2wXSB.liveView_isOverContainer__3x7sM {
        display: grid;
        grid-template-columns: 48% 48%;
        grid-gap: 4%;
    }

@media screen and (max-width: 767px) {

.liveView_nextEventsContainerClass__2wXSB.liveView_isOverContainer__3x7sM {
            display: flex;
            flex-direction: column
    }
        }

.liveView_nextEventsUnauthenticatedContainerClass__HBcvw {
    background: var(--cm-live-view-overlay-bg);
    padding: 30px 40px;
}

.liveView_nextEventsUnauthenticatedContainerClass__HBcvw.liveView_isOver__3Fidv {
        background-image: var(--cm-live-view-next-events-over-image);
        background-size: var(--cm-live-view-next-events-over-image-size);
        background-position: var(--cm-live-view-next-events-over-image-position);
        background-repeat: var(--cm-live-view-next-events-over-image-repeat);
    }

.liveView_liveResultsAndNextEventsContainer__3mArK {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-gap: 30px;
    padding: 40px 0;

}

@media screen and (max-width: 1024px) {

.liveView_liveResultsAndNextEventsContainer__3mArK {
        display: flex;
        flex-direction: column;
        padding: 0

}
    }

.liveView_titleLink__1pQPG {
    color: var(--cm-title-color);
    font-family: var(--cm-font-bold), sans-serif;
    border-bottom: 2px solid var(--cm-live-view-title-link-border);
}

.liveView_whiteBackground__3g33Z {
    background: var(--cm-live-view-page-bg);
}

.liveView_greyBackground__3_Hpm {
    background: var(--cm-live-view-section-bg);
}

.liveView_noLiveUnits__3zLyB {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
}

.liveView_noEventsLive__3aFC_ {
    display: flex;
    flex-direction: column;
    border: 1px dashed var(--cm-live-view-empty-border);
    padding: 20px;
    align-items: center;
    text-align: center;
    background-color: var(--cm-live-view-page-bg);
}

.liveView_noEventsLive__3aFC_ a {
        text-decoration: underline;
    }

.liveView_noEventsLive__3aFC_ .liveView_eventOver__1deUo {
        font-size: 18px;
    }

.liveView_noEventsLive__3aFC_ .liveView_eventOverMessage__3hxjR {
        display: flex;
        flex-direction: column;
    }

.liveView_calendarBannerContainer__1N7vy{
    margin-top: 20px;
}

.liveView_liveResultsTitle__bNXQ6 {
    font-size: 21px;
    font-weight: var(--cm-font-weight-bold);
    line-height: 26px;
    color: var(--cm-live-view-title-color);
    padding: 1rem 0;
    text-transform: uppercase;
}

.liveView_meetThemOnTheTrack__3aPKr {
    padding-left: 1rem;
    padding-right: 1rem;
}

.liveView_allResults__3xAo9 {
    background-color: var(--cm-live-view-all-results-bg);
    color: var(--cm-live-view-all-results-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px 3px 5px 10px;
    border:none;
    border-radius: 5px;
}

.liveView_link__3Fnml {
    color: var(--cm-text-on-dark);
    display: flex;
    border-bottom: 3px solid var(--cm-live-view-link-border);
    justify-content: space-between;
    align-items: center;
    padding: 5px 0;
}

.liveView_buttonLink__2J7Hd {
    padding: 5px 10px;
    background: var(--cm-live-view-secondary-button-bg);
    align-items: center;
    color: var(--cm-text-on-dark);
    border-radius: 4px;
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
}

.liveView_header__3og1h {
    display: flex;
    justify-content: space-between;
    gap: 10px;

}

@media screen and (max-width: 767px) {

.liveView_header__3og1h {
        padding-right: 1rem

}
    }

.liveView_liveSteamContainer__1P7g9 {
    display: flex;
}

.liveView_flexContainer__1wSr9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.liveView_LiveResultsContainer__3KNIb {
max-width: 1400px;
padding: 1rem;

}

@media screen and (max-width: 767px) {

.liveView_LiveResultsContainer__3KNIb {
    padding: 6px 0px 12px 12px

}
}

@media screen and (max-width: 767px) {

.liveView_LiveResultsContainer__3KNIb.liveView_noLiveResults__2__eB {
        padding: 6px 12px 12px 12px
}
    }

.liveView_newsItemClass__3bJhQ {
border-radius: 10px;
overflow: hidden;
margin-bottom: 0;
background-color: transparent;
border: none;
}

.liveView_newsItemClass__3bJhQ img{
    width: 100%;
    padding: 10px;
    border: 1px var(--cm-text-on-dark);
    border-radius: 20px;
    overflow: hidden;
    max-height: 250px;
    object-fit: cover;
}

@media screen and (max-width: 767px) {

.liveView_newsItemClass__3bJhQ img{
        padding: 0;
        border-radius: 0
}
    }

.liveView_newsItemClass__3bJhQ .liveView_titleWatch__8VJ6s {
    font-family: var(--cm-font-body);
    font-size: 14px;
    white-space: nowrap;
    text-transform: uppercase;
}

.liveView_newsItemClass__3bJhQ .liveView_title__11qd5 {
    font-family: var(--cm-font-body);
    font-size: 16px;
    white-space: nowrap;
    text-transform: uppercase;
}

.liveView_title__11qd5 {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    font-family: var(--cm-font-body);
}

.liveView_carouselNewsContainerClass__3LNyH svg {
    color : var(--cm-live-view-accent-link-color);
}

.liveView_carouselNewsContainerClass__3LNyH hr {
    display: none;
}

@media (max-width: 767px) {
.liveView_allResults__3xAo9{
    margin-right: 5px;
}
}

.liveView_latestResultsContainer__1-2es {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.liveView_seeFullResults__TCEAw {
    display: flex;
    padding: 10px 16px;
    background: var(--cm-seeFullResults-dark-button-bg);
    align-items: center;
    color: var(--cm-seeFullResults-dark-button-color);
    font-size: var(--cm-button-font-size);
    border-radius: 8px;
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-body);
}

.liveView_seeFullResults__TCEAw.liveView_dark__3yxp9 {
        padding: 12px 16px;
        gap: 6px;
        border-radius: 8px;
        border-width: 2px;
        background: var(--cm-seeFullResults-dark-button-bg);
        color: var(--cm-seeFullResults-dark-button-color);
        font-family: var(--cm-font-bold);
    }

.liveView_seeFullResultsContainer__1A2L4{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.liveView_videosTitle__rI6bm {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 32px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--cm-title-color);
}

@media screen and (max-width: 1024px) {

.liveView_videosTitle__rI6bm {
        color: var(--cm-title-color);
        font-size: 20px;
        font-weight: var(--cm-font-weight-bold);
        padding: 0 16px
}
    }

.liveView_nextEventsTitle__3ZG3e {
    color: var(--cm-title-color);
    font-family: var(--cm-font-bold);
    font-size: 24px;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 12px;
}

@media screen and (max-width: 767px) {

.liveView_nextEventsTitle__3ZG3e {
        font-family: var(--cm-font-headline);
        font-size: 21px;
        line-height: 1.3;
        margin-bottom: 8px
}
    }

.liveView_runnerSprint__3-h00 {
    height: 222px;
    width: 222px;
    background: var(--cm-image-runner);
}

@media screen and (max-width: 767px) {

.liveView_runnerSprint__3-h00 {
        height: 116px;
        width: 136px
}
    }

.liveView_messageContainer__6-HPy {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--cm-live-view-bg);
}

@media screen and (max-width: 767px) {

.liveView_messageContainer__6-HPy {
        margin-top: 20px
}
    }

.liveView_nextEventsMessage__3G2SP {
    color: var(--cm-title-color);
    font-size: 18px;
    line-height: 1.2;
}

@media screen and (max-width: 767px) {

.liveView_nextEventsMessage__3G2SP {
        margin-bottom: 20px
}
    }

.liveView_noScheduledContainer__2RosU {
    padding: 30px 16px 20px 16px;
    background: var(--cm-live-view-bg);

}

.liveView_seeFullResultsBtn__12KSw {
    display: flex;
    padding: 10px 16px;
    background: var(--cm-seeFullResults-dark-button-bg);
    align-items: center;
    color: var(--cm-seeFullResults-dark-button-color);
    font-size: var(--cm-button-font-size);
    border-radius: 8px;
    height: fit-content;
    width: fit-content;
    align-self: center;
    justify-self: center;
    font-family: var(--cm-font-body);
}

@media screen and (max-width: 767px) {

.liveView_seeFullResultsBtn__12KSw {
        margin: 0 auto
}
    }

.liveView_seeFullResultsLabel__2Eok- {
  text-transform: lowercase;
}

.liveView_seeFullResultsLabel__2Eok-::first-letter {
  text-transform: uppercase;
}

.CompetitionModeHomePage_mainContentClass__1e5_7 {
    max-width: 1400px;
    margin: auto;
}
.RecordsTable_table__3X8lL {
    line-height: 20px;
    font-size: 13px;
    background-color: #262626;
    background-color: var(--primary-gray);
    color: #666666;
    white-space: normal !important;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
    border-collapse: collapse;
    border-spacing: 0;

}

    .RecordsTable_table__3X8lL th {
        background-color: #262626;
        background-color: var(--primary-gray);
        color: white;
        font-size: 14px;
        text-align: left;
    }

    .RecordsTable_table__3X8lL tr {
        color: #262626;
        color: var(--primary-gray);
        vertical-align: middle;
        padding: 8px 10px;
        font-weight: 100;
        overflow: hidden;
        font-size: 13px;
    }

    .RecordsTable_table__3X8lL tr:nth-child(odd) {
            background-color: white;
        }

    .RecordsTable_table__3X8lL tr:nth-child(even) {
            background-color: #f3f3f3;
            background-color: var(--grayscale-light);
        }

    .RecordsTable_table__3X8lL tr.RecordsTable_teamRecord__3kPt1:hover {
                background-color: #bd94ff;
                background-color: var(--quaternary-colour);
                cursor: pointer;
            }

    .RecordsTable_table__3X8lL tr td {
            color: #262626;
            color: var(--primary-gray);
            vertical-align: middle;
            padding: 8px 10px;
            font-weight: 100;
            overflow: hidden;
            font-size: 13px;
        }

    .RecordsTable_table__3X8lL tr th {
            vertical-align: middle;
            padding: 8px 10px;
            text-transform: initial;
            color: white;
            font-size: 14px;
        }

    .RecordsTable_table__3X8lL .RecordsTable_progression__1eBUl {
        padding: 0 40%;
        display: flex;
        justify-content: center;
        height: 15px;
        width: 0;
    }

.RecordsTable_tableWrap__3pYDj {
    overflow: auto;

}

.RecordsTable_tableWrap__3pYDj.RecordsTable_withTransition__3nXym{
        transition: max-height 0.5s ease, opacity 0.5s ease;
        max-height: 400px;
    }

.RecordsTable_tableWrap__3pYDj.RecordsTable_withTransition__3nXym.RecordsTable_closed__7WXGF {
            max-height: 0;
            transition: max-height 0.5s ease, opacity 0.5s ease;
        }

.RecordsTable_closed__7WXGF {
    max-height: 0;
}

.RecordsTable_arrowUp__xkrzq {
    display: inline-block;
    position: relative;
    width: 0;
    height: 4px;
    bottom: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid black;
}

.RecordsTable_arrowUp__xkrzq::after {
        content: '';
        position: absolute;
        top: 3px;
        left: -1px;
        width: 2px;
        height: 10px;
        background-color: black;
    }

.RecordsTable_tablePanel__3HF_G {
    background-color: #bd94ff;
    background-color: var(--quaternary-colour);
    color: #262626;
    color: var(--grayscale-dark);
    font-weight: bold;
    font-family: 'World Athletics Bold',Arial,sans-serif, sans-serif;
    font-family: var(--font-family-bold), sans-serif;
    padding-left: 10px;
    padding-right: 10px;
    text-transform: capitalize;
    position: relative;
    font-size: 20px;
    line-height: 40PX;
    cursor: pointer;
}

.RecordsTable_tablePanel__3HF_G i {
        height: 90%;
    }
.MedalBadge_medalBadge__3f-o6 {
    background-color: var(--cm-medals-rank-default-bg);
    border-radius: 50%;
    color: var(--cm-medals-rank-default-color);
    display: inline-block;
    line-height: 1.6em;
    height: 1.6em;
    width: 1.6em;
    text-align: center;
}

.MedalBadge_gold__2p9zV {
    background: var(--cm-medals-rank-gold-gradient);
    border-radius: 50%;
    color: var(--cm-medals-rank-label-color);
}

.MedalBadge_silver__1iMNR {
    background: var(--cm-medals-rank-silver-gradient);
    border-radius: 50%;
    color: var(--cm-medals-rank-label-color);
}

.MedalBadge_bronze__1i07l {
    background: var(--cm-medals-rank-bronze-gradient);
    border-radius: 50%;
    color: var(--cm-medals-rank-label-color);
}

.MedalTables_medalTableHeader__2d8Tu {
    display: flex;
    justify-content: space-between;

}

    .MedalTables_medalTableHeader__2d8Tu::after {
        content: none;
    }

    .MedalTables_medalTableHeader__2d8Tu a {
        text-decoration: underline;
        font-family: var(--cm-font-bold);
    }

.MedalTables_medalValue__3eDsX {
    width: 24px;
    justify-items:center;
    cursor: pointer;
}

.MedalTables_medalTotal__w-bIm {
    width: 36px;
    justify-items: center;
}

.MedalTables_medalTable__3LCHp {
    min-width: 200px;

}

.MedalTables_medalTable__3LCHp .MedalTables_container__v9E4A {
        color: var(--cm-medals-rank-label-color);

    }

.MedalTables_medalTable__3LCHp .MedalTables_container__v9E4A .MedalTables_rowHeader__1Z39K {
            background: transparent;
        }

.MedalTables_medalTable__3LCHp .MedalTables_top-level-tabs__33jpH {
        margin-bottom: var(--gutter);
    }

.MedalTables_medalTable__3LCHp .MedalTables_top-level-tabs__33jpH .MedalTables_btn__3cRlb {
            border-radius: 0.4rem;
            display: inline-block;
            font-family: var(--cm-font-body);
            font-weight: var(--cm-font-weight-regular);
            outline: none;
            color: var(--cm-medals-subtle-text-color);
            text-decoration: none;
            text-transform: uppercase;
            margin: 0 0.625rem 0;
            border: 1px solid var(--cm-medals-subtle-text-color);
            padding: 6px 17px;
        }

.MedalTables_medalTable__3LCHp .MedalTables_top-level-tabs__33jpH .MedalTables_btn__3cRlb.MedalTables_selected__2DCyk {
                font-weight: var(--cm-font-weight-bold);
                color: var(--selected-text-colour);
                background-color: var(--selected-colour);
                border: 1px solid var(--selected-colour);
            }

.MedalTables_medalTable__3LCHp .MedalTables_top-level-tabs__33jpH .MedalTables_btn__3cRlb:hover {
                cursor: pointer;
                opacity: 0.8;
            }

.MedalTables_medalTable__3LCHp .MedalTables_top-level-tabs__33jpH .MedalTables_btn__3cRlb:active {
                box-shadow: inset 0px 0px 5px var(--button-box-shadow);
                outline: none;
                font-size: 16px;
                font-size: var(--font-size);
            }

.MedalTables_medalTable__3LCHp .MedalTables_hiddenSidebar__2r_Zv {
        display: none;
    }

.MedalTables_medalTable__3LCHp .MedalTables_fullWidth__2oVkC {
        width: 100%;
    }

.MedalTables_medalTable__3LCHp .MedalTables_columnControl__3QzPM {
        position: absolute;
        top: -20px;
        right: -1px;
        cursor: pointer;
    }

.MedalTables_medalTable__3LCHp .MedalTables_columnControl__3QzPM img {
            width: 16px;
        }

.MedalTables_medalTable__3LCHp .MedalTables_medalBadge__3puKZ {
        background-color: var(--cm-medals-rank-default-bg);
        border-radius: 50%;
        color: var(--cm-medals-rank-default-color);
        display: inline-block;
        line-height: 1.6em;
        height: 1.6em;
        width: 1.6em;
        text-align: center;
    }

.MedalTables_medalTable__3LCHp .MedalTables_gold__3NTJx {
        background: var(--cm-medals-rank-gold-gradient);
      border-radius: 50%;
        color: var(--cm-medals-rank-label-color);
    }

.MedalTables_medalTable__3LCHp .MedalTables_silver__3L3jC {
        background: var(--cm-medals-rank-silver-gradient);
      border-radius: 50%;
        color: var(--cm-medals-rank-label-color);
    }

.MedalTables_medalTable__3LCHp .MedalTables_bronze__1iUYJ {
        background: var(--cm-medals-rank-bronze-gradient);
      border-radius: 50%;
        color: var(--cm-medals-rank-label-color);
    }

.MedalTables_title__1DcCi {
    font-family: var(--cm-font-headline);
    font-size: 25px;
    color: var(--cm-medals-text-color);
    overflow: auto;
}

.MedalTables_table__2F4n3 {
    background-color: transparent !important;
    font-family: var(--cm-font-body), sans-serif;
}

.MedalTables_headerRow__1GMCR {
    background-color: var(--cm-medals-surface-bg) !important;
    color: var(--cm-medals-rank-label-color) !important;
    font-family: var(--cm-font-body), sans-serif;
}

.MedalTables_headerCell__1x3kb {
    text-transform: capitalize;
}

.MedalTables_row__1mmxS {
    background:transparent;
}

.MedalTables_row__1mmxS:nth-child(odd) {
        background-color: var(--cm-medals-row-alt-bg);
    }

.medalsView_viewMode__2c-qt {
    color: var(--cm-accent);
    padding: 10px;
}

.medalsView_container__1W91q {
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    align-items: center;
    max-width: 1400px;
    margin: 8px auto;
    padding: 10px;
    background: var(--cm-medals-surface-bg);
}

.medalsView_container__1W91q.medalsView_miniView__2MxUm {
        padding: 0;
    }

.medalsView_maxWidth__xEjnp {
    width: 100%;
}

.medalsView_wrapper__36VXN {
    width: 100%;
    padding: 10px;
}

.medalsView_noData__1dnyG {
    color: var(--cm-medals-rank-label-color);
    padding: 1em;
}

.medalsView_noDataContainer__2HIlx {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 110px;
    border: 1px dashed var(--cm-medals-empty-border);
    background: var(--cm-medals-empty-bg);
    padding: 20px;
    text-align: center;
}

@media not screen and (min-width: 1124px) {
    .medalsView_panelWrap__uuSeJ {
        max-width: 286px;
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .medalsView_container__1W91q {
        overflow-x: auto;
    }
    .medalsView_table__2nECg {
        overflow: scroll;
    }
}

.subNavigation_subNavigationContainer__2clEM {
    background-color: #FFFFFF;
    background-color: var(--competition-mode-nav-background);
    height: fit-content;
    border-radius: 0px 0px 16px 16px;
    padding: .65em 0;
}

    .subNavigation_subNavigationContainer__2clEM ul {
        display: flex;
        align-items: center;
        max-width: 1400px;
        margin: auto;
        padding: 0 1rem;
        gap: 1rem;
    }

.subNavigation_sticky__u92gh {
    position: sticky;
}

.subNavigation_navLabel__1en0a {
    font-size: 16px;
    font-size: var(--font-size);
    font-family: var(--cm-font-body);
    font-weight: 500;
}

.subNavigation_navLabelActive__4MBEW {
    border-bottom: 2px solid #5E318F;
    border-bottom: 2px solid var(--guangzhou-purple);
}

.dropdown_dropdownContainer__ey0G9 {
    min-width: 150px;
    text-transform: capitalize;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    gap: 4px;
}

.dropdown_MuiInputLabel-outlined__2dSRF {
    font-size: 14px;
    color: #666;
}

.dropdown_MuiOutlinedInput-root__3tv3M {
    border-radius: 8px;
    padding: 10px;
}

.dropdown_MuiMenuItem-root__3tUzd {
    font-size: 14px;
}

.dropdown_dropdownContainer__ey0G9 {
    position: relative;
    width: 100%;
    --separator-color: inherit;
}

@media screen and (max-width: 767px) {

.dropdown_dropdownContainer__ey0G9 {
        min-width: unset
}
    }

.dropdown_selectComponent__2zRI- {
    width: 100%;
}

/* Center text styles */

.dropdown_centerText__19U6R .react-select__single-value {
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

/* Center icon styles */

.dropdown_centerIcon__1DLKr .react-select__indicators {
    justify-content: center;
    width: 100%;
}

.dropdown_centerIcon__1DLKr .react-select__value-container {
    justify-content: center;
}

/* Separator styles */

.dropdown_hideSeparator__1MbvK .react-select__indicator-separator {
    display: none;
}

/* Separator color */

.dropdown_dropdownContainer__ey0G9 .react-select__indicator-separator {
    background-color: var(--separator-color);
}

/* Custom icon styles */

.dropdown_customIcon__JlMU9 {
    position: relative;
}

.dropdown_customIcon__JlMU9 .dropdown_custom-icon__10D5f {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    z-index: 1;
}

.dropdown_customIcon__JlMU9 .react-select__dropdown-indicator {
    display: none;
}

.PhaseChooser_container__1BUsT {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-self: right;
  width: 100%;
}

  .PhaseChooser_container__1BUsT div:after {
    content: none;
  }
.PhaseChooser_subMenu__1evNj {
  display: grid;
  flex-basis: auto;
  grid-template-columns: auto auto;
  border-bottom: 1px solid var(--cm-results-control-border-color);
  justify-content: space-between;
  align-self: self-end;
  width: 100%;
}
@media screen and (max-width: 767px) {
.PhaseChooser_subMenu__1evNj {
    border-bottom: none;
    overflow: auto
}
  }
/* WRAPPED PHASE NAVIGATION */
.PhaseChooser_phaseTabsWrapper__3MHiD {
  display: flex;
  justify-content: center;
  border: 1px solid var(--cm-results-active-phase-bg);
  overflow: hidden;
}
@media screen and (min-width: 1025px) {
.PhaseChooser_unitsWrapper__y1V1s {
    align-self: flex-end
}
  }
.PhaseChooser_phaseTabsContainer__3r2mC {
  display: flex;
  flex: 1 1;
  flex-direction: column;
}
.PhaseChooser_phaseTab__3hWfZ {
  flex: 1 1;
  text-align: center;
  background: none;
  border: none;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--cm-results-phase-tab-font);
  padding: 12px;
  color: var(--cm-results-active-phase-bg);
  cursor: pointer;
  transition: 0.3s;
  border-right: 1px solid var(--cm-results-control-border-color);
  border-bottom: 1px solid var(--cm-results-active-phase-bg);
}
.PhaseChooser_phaseTab__3hWfZ:last-child {
    border-bottom: none;
  }
.PhaseChooser_phaseTab__3hWfZ:last-child {
  border-right: none;
}
.PhaseChooser_phaseTab__3hWfZ:hover {
  background-color: var(--cm-brand-transparent-dark);
}
.PhaseChooser_activePhaseTab__3quoa {
  background-color: var(--cm-results-active-phase-bg);
  color: var(--cm-text-on-dark);
}
/* UNITS NAVIGATION */
.PhaseChooser_unitsTabs__L6QGQ {
  display: flex;
  gap: 8px;
  overflow: auto;
  width: 100%;
  align-items: end;
}
.PhaseChooser_unitsTabs__L6QGQ:after {
    content: none;
  }
@media screen and (max-width: 767px) {
.PhaseChooser_unitsTabs__L6QGQ {
    padding-bottom: 10px;
    flex-wrap: wrap
}
  }
.PhaseChooser_unitTab__2NhI1 {
  background: none;
  border: none;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--cm-results-unit-tab-font);
  color: var(--cm-results-unit-tab-color);
  padding: 0 3px;
  cursor: pointer;
  transition: 0.3s;
  white-space: nowrap;
  height: 32px;
}
.PhaseChooser_unitTab__2NhI1:hover {
  font-family: var(--cm-font-bold);
}
.PhaseChooser_activeUnitTab__2dlfd {
  font-weight: var(--cm-font-weight-bold);
  font-family: var(--cm-font-bold);
  color: var(--cm-results-unit-tab-active-color);
  border-bottom: 2px solid var(--cm-results-unit-tab-active-border);
}
@media screen and (max-width: 767px) {
.PhaseChooser_activeUnitTab__2dlfd {
    background: none;
    border: none;
    border-radius: 3PX;
    border-bottom: 2px solid var(--cm-results-unit-tab-active-border);
    padding: 6px;
    font-family: var(--cm-font-bold)
}
  }
.PhaseChooser_listWrapper__1s0jb {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
.PhaseChooser_listWrapper__1s0jb {
    border: none
}
  }
.PhaseChooser_listContainer__2wvfL {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  gap: 4px;
}
@media screen and (max-width: 767px) {
.PhaseChooser_listContainer__2wvfL {
    flex-direction: row;
    overflow: auto
}
  }
.PhaseChooser_listItem__2tYjt {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  padding: 8px 20px;
  border: 0 solid var(--cm-results-active-phase-bg);
  color: var(--cm-results-strong-text-color);
  background-color: var(--cm-results-inactive-phase-bg);
  cursor: pointer;
  transition: 0.3s;
  text-transform: capitalize;
}
@media screen and (max-width: 767px) {
.PhaseChooser_listItem__2tYjt {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc((100%) / 3);
    box-sizing: border-box;
    border-radius: 0;
    border: 0 solid var(--cm-results-active-phase-bg)
}
  }
.PhaseChooser_listItem__2tYjt:first-child {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
  }
.PhaseChooser_listItem__2tYjt:last-child {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
.PhaseChooser_listItem__2tYjt:not(.PhaseChooser_activeItem__uCeY4):hover {
  background-color: var(--cm-results-gender-hover-bg);
  color: var(--cm-text-on-dark);
}
.PhaseChooser_activeItem__uCeY4 {
  background-color: var(--cm-results-active-phase-bg);
  font-family: var(--cm-font-bold);
  color: var(--cm-text-on-dark);
}

.LiveFullResultCard_container__3tTPf {
  width: 100%;
  padding: 0 10px;
}

  @media screen and (max-width: 767px) {.LiveFullResultCard_container__3tTPf {
    padding: 0px
}
  }

  .LiveFullResultCard_container__3tTPf article {
    margin-bottom: 1px;
  }

  .LiveFullResultCard_container__3tTPf article:last-child {
      margin-bottom: 0;
    }

.LiveFullResultCard_resultsContainer__1XdMN {
  display: flex;
  flex-direction:column;
  gap: 8px;
}

.LiveFullResultCard_accordionClass__2-7xn {
  border-radius: 12px !important;
  padding: 12px !important;
  box-shadow: none !important;
}

.LiveFullResultCard_accordionClass__2-7xn:before {
    background-color: transparent !important;
  }

@media screen and (max-width: 767px) {

.LiveFullResultCard_accordionClass__2-7xn {
    padding-block: 0px !important
}
  }

.LiveFullResultCard_panelClass__3m0eg {
  align-content: center;
}

.LiveFullResultCard_noDataContainer__2kmLY {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 110px;
  border: 1px dashed #2c2c2c;
  border: 1px dashed var(--table-header-colour);
  background: #fbfdfd;
  padding: 20px;
  text-align: center;
  margin-top: 10px;
  height: 250px;
}

.LiveFullResultCard_collapsibleSection__s2eVE {
  overflow: auto;
}

.LiveFullResultCard_timeToggle__u9zvX {
  padding: 0 10px;
}

@media screen and (min-width: 1025px) {

.LiveFullResultCard_liveResults__1_NKN {
    background: white
}
  }

.LiveFullResultCard_complementaryContent__NPfQq {
  display: flex;
  width: fit-content;
  overflow: auto;
  justify-content: end;
  height: fit-content;
  align-self: end;
  margin-left: auto;
}

.LiveFullResultCard_complementaryContent__NPfQq > div {
    justify-content: end;
  }

.LiveFullResultCard_qualificationRules__1RUXM {
  display: flex;
  width: 100%;
  overflow: auto;
  justify-content: end;
  flex-wrap: wrap-reverse;
  height: fit-content;
  align-self: end;
}

.LiveFullResultCard_header__2gcek {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.LiveFullResultCard_header__2gcek div {
    background: none !important;
    color: #262626 !important;
    color: var(--primary-gray) !important;
  }

.LiveFullResultCard_table__16DVG {
  min-width: unset;
  overflow: hidden;
  border-collapse: collapse;
  border-spacing: 0;
}

.LiveFullResultCard_table__16DVG th {
    font-size: 14px;
    text-align: left;
    font-family: var(--cm-font-bold), sans-serif;
  }

.LiveFullResultCard_table__16DVG tr {
    color: #262626;
    color: var(--primary-gray);
    vertical-align: middle;
    padding: 8px 10px;
    font-weight: 100;
    overflow: hidden;
    font-size: 13px;
  }

.LiveFullResultCard_table__16DVG tr.LiveFullResultCard_teamRecord__3A59_:hover {
        background-color: #bd94ff;
        background-color: var(--quaternary-colour);
        cursor: pointer;
      }

.LiveFullResultCard_table__16DVG tr td {
      color: #262626;
      color: var(--primary-gray);
      vertical-align: middle;
      padding: 8px 10px;
      font-weight: 100;
      overflow: hidden;
      font-size: 13px;
    }

.LiveFullResultCard_table__16DVG tr th {
      vertical-align: middle;
      padding: 8px 10px;
      text-transform: initial;
      font-size: 14px;
    }

.LiveFullResultCard_table__16DVG tbody tr:nth-child(odd) {
        background-color: #EEF1F4;
      }

.LiveFullResultCard_table__16DVG thead tr {
      white-space: nowrap;
      background-color: white !important;
    }

.LiveFullResultCard_footer__br_Q- {
  display: flex;
  justify-content: flex-end;
  margin: .8em 0 0;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .LiveFullResultCard_footer__br_Q- {
    display: block;
    justify-content: unset;
  }
}

.LiveFullResultCard_tableWrapper__2IMHp {
  overflow-x: auto;
}

.LiveFullResultCard_tableWrapper__2IMHp tr:nth-child(odd) {
    background-color: #EEF1F4;
  }

.LiveFullResultCard_automatedCommentaryContent__18Bnv {
  font-size: 14px;
}

.LiveFullResultCard_automatedCommentaryContent__18Bnv ul {
    margin: 1em 1.1em;
    list-style: disc;
  }

.LiveFullResultCard_automatedCommentaryContent__18Bnv ul li {
      margin-bottom: .2em;
    }

.LiveFullResultCard_automatedCommentaryContent__18Bnv strong, .LiveFullResultCard_automatedCommentaryContent__18Bnv b {
    font-family: var(--cm-font-bold) , sans-serif;
  }

@media screen and (max-width: 1023px) {

.LiveFullResultCard_automatedCommentaryContent__18Bnv {
    left: -5px
}
  }

@media screen and (min-width: 1024px) {

.LiveFullResultCard_automatedCommentaryContent__18Bnv {
    max-width: 400px;
    max-height: 600px;
    left: 20px;
    top: -3px
}
  }

.LiveFullResultCard_accordionSummaryRootClass__35RD9 {
  font-family: var(--cm-font-bold) !important;
}

.LiveFullResultCard_paperElevationClass__26_pu {
  box-shadow: none;
}

/* The +/- that collapses the Results and Startlist panels. Magenta on the
   white panel in screen_results_event_selected_mobile, not the near-black it
   shipped with. */

.LiveFullResultCard_expandIconClass__1QnLU {
  color : var(--cm-results-panel-expand-color) !important;
}

.LiveFullResultCard_accordionExpandedClass__1ju8S {
  margin-bottom: 0 !important;
}

.LiveFullResultCard_resultContainer__v7yD9 {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
}

.LiveFullResultCard_resultHeader__1GGi6 {
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.LiveFullResultCard_resultHeader__1GGi6::after {
    content: none;
  }

@media screen and (max-width: 767px) {

.LiveFullResultCard_resultHeader__1GGi6 {
    padding-top: 0
}
  }

.LiveFullResultCard_new-tooltip__3aS77:hover span {
  visibility: visible;
}

.LiveFullResultCard_honoursIcon__3R-oN {
  width:20px;
  cursor: pointer;
}

.LiveFullResultCard_backButton__a2L-f {
  width: 100%;
  padding: 0.5rem;
  color:#077079;
  color:var(--competition-mode-accent-color-blue);
  font-weight: 500;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
}

.LiveFullResultCard_backButton__a2L-f.LiveFullResultCard_left__1Li4g{
    text-align: left;
  }

.LiveFullResultCard_backButton__a2L-f.LiveFullResultCard_right__mbwG2{
    text-align: right;
  }

.LiveFullResultCard_btnsContainer__3kgKD {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* Results / Series / Startlist above the panel. Only .activeBtn declared a
   family, so the two inactive tabs inherited the site's legacy font and sat
   next to the active one in a different typeface. */

.LiveFullResultCard_btn__1TeBI {
  padding: 8px 20px;
  font-size: 16px;
  line-height: 1.2;
  color: var(--cm-results-panel-tab-color);
  font-family: var(--cm-results-panel-tab-font);
}

.LiveFullResultCard_activeBtn__1YBoE {
  font-family: var(--cm-font-bold);
  color: var(--cm-results-panel-tab-active-color);
  border-bottom: 2px solid var(--cm-results-panel-tab-active-border);
}

/* "RESULTS" / "STARTLIST" above each panel table. #1E1E1E in
   screen_results_desktop_top_component -- the same value the token holds,
   just tokenised so it can be turned. */

.LiveFullResultCard_titleClass__3gNHs {
  font-family: var(--cm-font-headline);
  font-size: 22px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--cm-results-strong-text-color);
}

/* Mobile-only "Documents" panel heading. A bare <h4>, so it took theme.css's
   site-wide `h4, strong` rule and rendered in the legacy font beside the
   "Results" and "Startlist" headings it sits under. Twin of .panelTitle in
   results/LiveResults.module.css, which covers those two. */

.LiveFullResultCard_panelTitle__3EDIJ {
  font-family: var(--cm-results-panel-title-font);
  font-weight: var(--cm-font-weight-bold);
}

.LiveFullResults_container__18n1v {
  width: 100%;
}
  .LiveFullResults_container__18n1v article {
    margin-bottom: 1px;
  }
  .LiveFullResults_container__18n1v article:last-child {
      margin-bottom: 0;
    }

.LiveFullResults_rightComponent__1xbDb{
  display: flex;
  width: 100%;
  overflow: auto;
  padding: 0 1rem;
  justify-content: end;
  flex-wrap: wrap-reverse;
  height: fit-content;
  align-self: end;
}

.LiveFullResults_rightComponent__1xbDb > div {
    width: fit-content;
    min-width: 140px;
    overflow: auto;
    align-self: unset !important;
    height: fit-content;
  }

.LiveFullResults_collapsibleSection__32Y8T {
  overflow: auto;
}

@media screen and (max-width: 767px) {

.LiveFullResults_liveResults__QCv2S {
    background: transparent;
    display: flex;
    flex-direction: column;
    padding-bottom: 15px;
    width: 100%

}
  }

.LiveFullResults_header__3bwG_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.LiveFullResults_header__3bwG_ div {
    background: none !important;
    color: #262626 !important;
    color: var(--primary-gray) !important;
  }

.LiveFullResults_table__hkzNr {
  min-width: unset;
  overflow: hidden;
  border-collapse: collapse;
  border-spacing: 0;
}

.LiveFullResults_table__hkzNr th {
    font-size: 14px;
    text-align: left;
    font-family: var(--cm-font-bold), sans-serif;
  }

.LiveFullResults_table__hkzNr tr {
    color: #262626;
    color: var(--primary-gray);
    vertical-align: middle;
    padding: 8px 10px;
    font-weight: 100;
    overflow: hidden;
    font-size: 13px;
  }

.LiveFullResults_table__hkzNr tr.LiveFullResults_teamRecord__2_vnX:hover {
        background-color: #bd94ff;
        background-color: var(--quaternary-colour);
        cursor: pointer;
      }

.LiveFullResults_table__hkzNr tr td {
      color: #262626;
      color: var(--primary-gray);
      vertical-align: middle;
      padding: 8px 10px;
      font-weight: 100;
      overflow: hidden;
      font-size: 13px;
    }

.LiveFullResults_table__hkzNr tr th {
      vertical-align: middle;
      padding: 8px 10px;
      text-transform: initial;
      font-size: 14px;
    }

.LiveFullResults_table__hkzNr tbody tr:nth-child(odd) {
        background-color: #EEF1F4;
      }

.LiveFullResults_table__hkzNr thead tr {
      white-space: nowrap;
      background-color: white !important;
    }

.LiveFullResults_footer__37KmT {
  display: flex;
  justify-content: flex-end;
  margin: .8em 0 0;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .LiveFullResults_footer__37KmT {
    display: block;
    justify-content: unset;
  }
}

.LiveFullResults_tableWrapper__1rqHo {
  overflow-x: auto;
}

.LiveFullResults_tableWrapper__1rqHo tr:nth-child(odd) {
    background-color: #EEF1F4;
  }

.LiveFullResults_automatedCommentaryContent__22jgW {
  font-size: 14px;
}

.LiveFullResults_automatedCommentaryContent__22jgW ul {
    margin: 1em 1.1em;
    list-style: disc;
  }

.LiveFullResults_automatedCommentaryContent__22jgW ul li {
      margin-bottom: .2em;
    }

.LiveFullResults_automatedCommentaryContent__22jgW strong, .LiveFullResults_automatedCommentaryContent__22jgW b {
    font-family: var(--cm-font-bold) , sans-serif;
  }

@media screen and (max-width: 1023px) {

.LiveFullResults_automatedCommentaryContent__22jgW {
    left: -5px
}
  }

@media screen and (min-width: 1024px) {

.LiveFullResults_automatedCommentaryContent__22jgW {
    max-width: 400px;
    max-height: 600px;
    left: 20px;
    top: -3px
}
  }

.LiveFullResults_new-tooltip__26AMW:hover span {
  visibility: visible;
}

.LiveFullResults_honoursIcon__3oOgt {
  width:20px;
  cursor: pointer;
}

.LiveFullResults_backButton__r9hTR {
  width: 100%;
  padding: 0.5rem;
  color:#077079;
  color:var(--competition-mode-accent-color-blue);
  font-weight: 500;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
}

.LiveFullResults_backButton__r9hTR.LiveFullResults_left__3VShM{
    text-align: left;
  }

.LiveFullResults_backButton__r9hTR.LiveFullResults_right__2aypA{
    text-align: right;
  }
/* GenderSelector.module.css - Matching PhaseChooser styling */

.GenderSelector_genderSelector__2X-ZS {
    display: flex;
    justify-content: center;
    overflow: hidden;
    gap: 1px;
    border-radius: 6px;
    width: fit-content;
    max-width: 100%;
}

.GenderSelector_genderButton__-Yf6s {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 20px;
    border: none;
    font-family: var(--cm-font-body);
    color: var(--cm-results-strong-text-color);
    background-color: var(--cm-results-panel-bg);
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: capitalize;
    flex: 1 1;
    min-width: 80px;
    white-space: nowrap;
}

.GenderSelector_genderButton__-Yf6s:last-child {
    border-right: none;
}

.GenderSelector_genderButton__-Yf6s:not(.GenderSelector_active__1BOxN):hover:not(.GenderSelector_disabled__3zf_1) {
    background-color: var(--cm-results-gender-hover-bg);
    color: var(--cm-text-on-dark);
}

.GenderSelector_genderButton__-Yf6s.GenderSelector_active__1BOxN {
    background-color: var(--cm-results-gender-active-bg);
    color: var(--cm-text-on-dark);
}

.GenderSelector_genderButton__-Yf6s.GenderSelector_disabled__3zf_1 {
    opacity: 0.5;
    cursor: not-allowed;
    background-color: var(--cm-results-disabled-bg);
    color: var(--cm-results-disabled-color);
}

/* Mobile responsive - matches PhaseChooser mobile behavior */

@media screen and (max-width: 768px) {
    .GenderSelector_genderSelector__2X-ZS {
        width: 100%;
        border-radius: 6px;
    }

    .GenderSelector_genderButton__-Yf6s {
        flex: 1 1;
        padding: 12px 8px;
        font-size: 14px;
        min-width: unset;
    }
}

/* Compact variant for smaller spaces */

.GenderSelector_genderSelector__2X-ZS.GenderSelector_compact__2o6eY {
    border-radius: 4px;
}

.GenderSelector_compact__2o6eY .GenderSelector_genderButton__-Yf6s {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
}

/* Full width variant */

.GenderSelector_genderSelector__2X-ZS.GenderSelector_fullWidth__1IWUr {
    width: 100%;
}

.GenderSelector_fullWidth__1IWUr .GenderSelector_genderButton__-Yf6s {
    flex: 1 1;
}

/* EventSelectionModal.module.css */

.EventSelectionModal_modalContainer__3BY7- {
    width: 100%;
    background: var(--cm-results-surface-bg);
    background: var(--cm-results-modal-bg, var(--cm-results-surface-bg));
    border-radius: 12px;
    overflow: hidden;
    font-family: var(--cm-font-body);
}

.EventSelectionModal_modalHeader__1pV3T {
    padding: 20px 24px 16px;
    text-align: center;
}

/* .modalContainer sets the family, but these two are an <h2> and an <h3> and
   theme.css styles `h1, h2, h3` site-wide with the legacy heavy face. A
   matching rule beats inheritance, so "select event", "Gender" and "Event"
   kept the site font while everything around them took the competition one. */

.EventSelectionModal_modalTitle__3Pbvn {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--cm-results-modal-title-font);
    color: var(--cm-results-modal-title-color);
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.EventSelectionModal_modalContent__K3HyP {
    padding: 24px;
}

.EventSelectionModal_section__21cjw {
    margin-bottom: 24px;
}

.EventSelectionModal_section__21cjw:last-child {
    margin-bottom: 16px;
}

.EventSelectionModal_sectionTitle__3hTuW {
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--cm-results-modal-title-font);
    color: var(--cm-results-modal-title-color);
}

/* Results by Day Section */

.EventSelectionModal_resultsByDay__1MMZM {
    padding: 16px 0;
    border-top: 1px solid var(--cm-results-subtle-border-color);
    text-align: center;
}

.EventSelectionModal_resultsByDayText__3gnQ1 {
    font-size: 14px;
    color: var(--cm-results-muted-text-color);
    margin-right: 8px;
}

.EventSelectionModal_resultsByDayLink__10JNf {
    background: none;
    border: none;
    color:  var(--cm-results-link-color);
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
}

.EventSelectionModal_resultsByDayLink__10JNf:hover {
    color: var(--cm-results-link-color);
    text-decoration: none;
}

/* Modal Actions */

.EventSelectionModal_modalActions__2P5oU {
    display: flex;
    gap: 12px;
    padding: 16px 24px 24px;
    border-top: 1px solid var(--cm-results-subtle-border-color);
}

.EventSelectionModal_resetButton__3aSFg {
    flex: 1 1;
    padding: 12px 20px;
    border: 2px solid var(--cm-results-modal-reset-border-color);
    background: var(--cm-results-modal-reset-bg);
    color: var(--cm-results-modal-reset-color);
    font-size: 14px;
    font-weight: 500;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.EventSelectionModal_resetButton__3aSFg:hover {
    border-color: var(--cm-results-modal-reset-color);
    color: var(--cm-results-modal-reset-color);
}

.EventSelectionModal_applyButton__1GOsu {
    flex: 1 1;
    padding: 12px 20px;
    border: none;
    background:  var(--cm-results-modal-apply-bg);
    color: var(--cm-results-modal-apply-color);
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

.EventSelectionModal_applyButton__1GOsu:hover:not(:disabled) {
    background:  var(--cm-results-modal-apply-bg);
}

.EventSelectionModal_applyButton__1GOsu:disabled {
    background: var(--cm-results-modal-apply-disabled-bg);
    color: var(--cm-results-modal-apply-disabled-color);
    cursor: not-allowed;
}

/* Mobile Responsive */

@media (max-width: 480px) {
    .EventSelectionModal_modalContainer__3BY7- {
        max-width: 90vw;
        margin: 12px;
    }

    .EventSelectionModal_modalContent__K3HyP {
        padding: 12px;
    }

    .EventSelectionModal_modalActions__2P5oU {
        padding: 16px 20px 20px;
    }

    .EventSelectionModal_section__21cjw {
        margin-bottom: 20px;
    }
}

/* Custom styling for dropdowns in modal */

.EventSelectionModal_modalContainer__3BY7- .react-select__control {
    min-height: 48px;
    border-radius: 6px;
}

.EventSelectionModal_modalContainer__3BY7- .react-select__placeholder {
    font-size: 14px;
}

/* Gender selector adjustments for modal */

.EventSelectionModal_section__21cjw .genderSelector {
    justify-content: center;
}

.EventSelectionModal_section__21cjw .genderButton {
    min-width: 90px;
}

.styles_filtersContainer__PQFSD {
    border-radius: 8px;
    max-width: 250px;
    display: flex;
    flex-direction: column;
}

    .styles_filtersContainer__PQFSD:after {
        content: none;
    }

    @media screen and (max-width: 767px) {.styles_filtersContainer__PQFSD {
        max-width: unset
}
    }

    .styles_filtersContainer__PQFSD .styles_section__gPuF4 h4 {
            font-weight: 600;
        }

    @media screen and (max-width: 767px) {

    .styles_filtersContainer__PQFSD .styles_section__gPuF4 h4 {
                display: none
        }
            }

.styles_filtersContainerDesk__1QzZM {
    background-color: var(--cm-results-filters-bg);
    padding: 16px 12px;
    max-height: fit-content;
}

.styles_filtersTitle__2tLAq {
    font-family: var(--cm-font-bold);
    color: var(--cm-results-filters-color);
    font-size: 18px;
}

.styles_filterSubTitle__1DiDa {
    font-family: var(--cm-font-bold);
    color: var(--cm-results-filters-color);
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 24px;
}

.styles_phasesContainer__1wIoj {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.styles_phasesContainer__1wIoj::after{
    display: none;
}

.styles_phasesContainer__1wIoj .styles_phaseBtn__vPXIB:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.styles_phasesContainer__1wIoj .styles_phaseBtn__vPXIB:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Only :hover and .activePhaseBtn below declared a family, so an unselected
   button rendered in the site's legacy font and changed typeface under the
   cursor. The idle state now names its own. */

.styles_phaseBtn__vPXIB {
    display: block;
    width: 100%;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 1.2;
    font-family: var(--cm-results-phase-btn-font);
    color: var(--cm-results-phase-btn-color);
    background-color: var(--cm-results-phase-btn-bg);
    height: 36px;
}

.styles_phaseBtn__vPXIB:hover {
  font-family: var(--cm-font-bold);
}

.styles_activePhaseBtn__njSkr {
    background-color: var(--cm-results-phase-btn-active-bg);
    font-family: var(--cm-font-bold);
    color: var(--cm-results-phase-btn-active-color);
}

.styles_unitsTab__3HmXE {
    flex-direction: column;
    gap: 4px;
}

/* PhaseChooser draws its own .unitTab/.activeUnitTab on these same buttons --
   dark #1E1E1E label text and a 2px magenta rule under the selected one. On
   the dark sidebar card the label went dark-on-dark, and
   screen_results_desktop_top_component gives the selected session no rule at
   all: the yellow block is the whole affordance. Matched at (0,2,0) so these
   win on specificity rather than on stylesheet order. */

.styles_unitsTab__3HmXE .styles_phaseBtn__vPXIB {
    color: var(--cm-results-phase-btn-color);
}

.styles_unitsTab__3HmXE .styles_activePhaseBtn__njSkr {
    color: var(--cm-results-phase-btn-active-color);
    border-bottom: var(--cm-results-phase-btn-active-border);
}

.styles_unitsTab__3HmXE .styles_phaseBtn__vPXIB:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.styles_unitsTab__3HmXE .styles_phaseBtn__vPXIB:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.styles_subMenu__8kjLo {
    border-bottom: none;
    display: block;
}

.styles_eventNameContainer__3ISxK {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    align-items: start;
    border-bottom: 1px solid var(--cm-results-surface-bg);
}

.styles_eventNameContainer__3ISxK:after {
        content: none;
    }

.styles_title__1_pgT{
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--cm-font-bold);
}

.styles_phaseChooserContainer__2Ww1o {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.styles_phaseTabsSection__lQZLs {
}

.styles_phaseTabs__1Enlc {
    display: flex;
    gap: 8px;
    overflow: auto;
    width: 100%;
    align-items: end;

}

@media screen and (max-width: 1024px) {

.styles_phaseTabs__1Enlc {
        flex-flow: wrap;
        padding-bottom: 10px

}
    }

.styles_phaseTabs__1Enlc:after {
    content: none;
}

/* Only :hover and .activePhaseTab named a family, so the unselected phase --
   "Final" beside a selected "Semi-Finals" -- rendered in the site's legacy
   font. Same shape as .phaseBtn above, same fix. */

.styles_phaseTab__2XrHr {
    background: none;
    border: none;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--cm-results-phase-tab-font);
    color: var(--cm-results-filters-color);
    padding: 0 3px;
    cursor: pointer;
    transition: 0.3s;
    white-space: nowrap;
    height: 32px;
}

.styles_phaseTab__2XrHr:hover {
    font-family: var(--cm-font-bold);
}

.styles_activePhaseTab__1qzpU {
    font-weight: var(--cm-font-weight-bold);
    font-family: var(--cm-font-bold);
    border-bottom: 2px solid var(--cm-results-active-phase-bg);
}

/* Match PhaseChooser section styling */

.styles_section__gPuF4 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.styles_section__gPuF4 h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--cm-results-filters-color);
}

/* Ensure PhaseChooser integrates smoothly */

.styles_phaseChooserContainer__2Ww1o .container {
    margin-top: 0;
}

.styles_phaseChooserContainer__2Ww1o .subMenu {
    margin-top: 0;
}

/* Mobile responsive */

@media screen and (max-width: 768px) {
    .styles_phaseTabsSection__lQZLs {
    }

    .styles_activePhaseTab__1qzpU {
        background: var(--cm-results-phase-btn-active-bg);
        border: none;
        color: var(--cm-results-phase-btn-active-color);
        border-radius: 3px;
        padding: 6px;
        font-family: var(--cm-font-bold);
    }

    .styles_phaseChooserContainer__2Ww1o {
    }
}

.styles_eventSelector__1XsZA {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
}

.styles_eventSelectorContainer__3BJJ- {
    display: flex;
    color: var(--cm-results-select-event-label-color);
    align-items: center;
    white-space: nowrap;
    gap: 6px;
}

.styles_eventSelectorContainer__3BJJ-:after {
        content: none;
    }

.styles_eventSelectorContainer__3BJJ- .styles_chevron__OgEnW {
    color: var(--cm-results-select-event-chevron-color);
    }

/* The collapsed "Select event ⌄" control in the results header. It declared
   no family, so it sat in the site's legacy font next to the event name it
   belongs to. */

.styles_eventSelectorButton2__2BHB9 {
    border: none;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--cm-results-select-event-label-font);
    width: fit-content;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow: hidden;
    color: var(--cm-results-select-event-label-color);
}

/* screen_results_event_not_selected_mobile draws this as a solid #E9EA6B bar
   with dark uppercase text -- the same yellow as the Results pill above it --
   not the magenta-to-teal gradient it shipped with. The gradient was built
   from --cm-results-active-phase-bg and --cm-results-inactive-phase-bg, the
   results accent pair, so it moved whenever those did. */

.styles_eventSelectorButton__1bBUr {
    background: var(--cm-results-select-event-bg);
    display: flex;
    gap: 6px;
    color: var(--cm-results-select-event-color);
    border: none;
    border-radius: 8px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--cm-font-bold);
    width: 100%;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(94, 49, 143, 0.2);
    text-transform: var(--cm-results-select-event-transform);
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
}

.styles_eventSelectorButton__1bBUr:hover {
    background: var(--cm-results-select-event-bg);
    box-shadow: 0 6px 16px rgba(94, 49, 143, 0.3);
    transform: translateY(-2px);
}

.styles_eventSelectorButton__1bBUr:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(94, 49, 143, 0.2);
}

.styles_eventSelectorButton__1bBUr:hover::after {
    transform: translateX(4px);
}

/* Mobile responsive */

@media (max-width: 768px) {
    .styles_eventSelector__1XsZA {
    }

    .styles_eventSelectorButton__1bBUr {
        padding: 14px 24px;
        font-size: 15px;
        width: 100%;
    }
}

.styles_eventName__M5uBV {
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    font-family: var(--cm-font-headline);
}

@media screen and (max-width: 1024px) {

.styles_eventName__M5uBV {
        font-size: 18px
}
    }

/* Alternative compact style */

.styles_eventSelectorButton__1bBUr.styles_compact__1dgew {
    padding: 12px 24px;
    font-size: 14px;
    border-radius: 6px;
}

/* Alternative outline style */

.styles_eventSelectorButton__1bBUr.styles_outline__1sZGH {
    background: transparent;
    color: var(--cm-results-active-phase-bg);
    border: 2px solid var(--cm-results-active-phase-bg);
    box-shadow: none;
}

.styles_eventSelectorButton__1bBUr.styles_outline__1sZGH:hover {
    background: var(--cm-results-active-phase-bg);
    color: var(--cm-text-on-dark);
    box-shadow: 0 4px 12px rgba(94, 49, 143, 0.2);
}

/* Arrow Up */

.styles_arrowUp__1c-_d {
    display: inline-block;
    position: relative;
    width: 0;
    height: 8px;
    bottom: 2px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid var(--cm-results-active-phase-bg);
    margin-right: 10px;
}

/* Arrow Down */

.styles_arrowDown__3eB6V {
    display: inline-block;
    position: relative;
    width: 0;
    height: 8px;
    top: 0px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--cm-results-active-phase-bg);
    margin-right: 10px;
}

.styles_filters__1BYb_{
    color : var(--cm-results-active-phase-bg);
    align-self: end;
}

.styles_dropdownGroup__30Lue {
    display: grid;
    gap: 16px;
}

.styles_dropdownGroup__30Lue:after {
        content: none;
    }

.styles_dropdownGroup__30Lue div:after {
        content: none;
    }

.styles_selectWrapper__HQIpX {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.styles_typeFilters__3cbHR {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.styles_filterButton__a089a {
    background: var(--cm-results-panel-bg);
    border: 1px solid var(--cm-results-control-border-color);
    padding: 8px 16px;
    text-align: center;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: 0.3s;
}

.styles_filterButton__a089a:hover {
    background: var(--cm-results-row-hover-bg);
}

.styles_activeFilter__2GlmY {
    background: var(--cm-results-active-phase-bg);
    color: var(--cm-text-on-dark);
    border: 1px solid var(--cm-results-active-phase-bg);
}

.styles_timeToggle__31-N3 {
    padding: 10px;
    background: var(--cm-results-surface-bg);
}

@media screen and (max-width: 767px) {

.styles_timeToggle__31-N3 {
        background: none
}
    }

.styles_noDataContainer__1veuO {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
    border: 1px dashed var(--cm-results-header-bg);
    background: var(--cm-results-empty-bg);
    padding: 20px;
    text-align: center;
}

.styles_resultsViewContainer__A7G0l {
    display: flex;
    gap: 20px;
    padding: 1rem;
    max-width: 1400px;
    margin: auto;
}

@media screen and (max-width: 1024px) {

.styles_resultsViewContainer__A7G0l {
        flex-direction: column
}
    }

@media screen and (max-width: 767px) {

.styles_resultsViewContainer__A7G0l {
        padding: 1rem 0;
        gap: 12px
}
    }

.styles_resultsViewContainer__A7G0l:after {
        content: none;
    }

.styles_resultsViewContainer__A7G0l > div {
    flex: 1 1;
}

@media screen and (max-width: 767px) {.CompetitionModeResultsPage_container__1y66n {
    padding: 0 16px
}
  }


.CompetitionModeResultsPage_predictorBannerContainer__7OpTZ{
  margin-top: 10px;
}


.CompetitionModeResultsPage_showNowContainer__2iAKu {
  margin-bottom: 30px;
}


.CompetitionModeResultsPage_desktopPaddingContainer__3yl07 {
    padding: 30px 40px;
}


@media screen and (max-width: 767px) {


.CompetitionModeResultsPage_desktopPaddingContainer__3yl07 {
        padding: 0
}
    }


.CompetitionModeResultsPage_desktopPaddingContainer__3yl07.CompetitionModeResultsPage_green__1n5Xf {
        position: relative;
        /* Latest Videos to Watch. It used to take --cm-bg-image-main -- the
           bright orange jpeg that also backs ten other surfaces -- centred
           and scaled past the container, which put a full-strength starburst
           across the whole right half.
           screen_results_desktop_second_component_Latest_Videos_to_Watch is
           black above and to the left, with the WAUC star anchored along the
           bottom-right. Own knobs, so the artwork, its anchor and its scale
           can each be turned. Applied behind !isMobile, so mobile keeps the
           plain background. */
        position: relative;
        /* Keeps the star behind the cards while still sitting over this band's
           own background. */
        isolation: isolate;
        /* The star's box is 515px tall; clip it so a short band cannot leak
           it up into the section above. */
        overflow: hidden;
        background-color: var(--cm-results-relive-section-bg);
        padding: 50px 0;
        opacity: 1;
    }


.CompetitionModeResultsPage_desktopPaddingContainer__3yl07.CompetitionModeResultsPage_green__1n5Xf::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            z-index: -1;
            width: var(--cm-videos-band-star-width);
            height: var(--cm-videos-band-star-height);
            max-width: 100%;
            pointer-events: none;
            opacity: var(--cm-videos-band-star-opacity);
            background: var(--cm-videos-band-star-base-fade),
                        var(--cm-videos-band-star-fade),
                        var(--cm-videos-band-star-image) 0 0 /
                        var(--cm-videos-band-star-size) no-repeat;
        }


@media screen and (max-width: 767px) {


.CompetitionModeResultsPage_desktopPaddingContainer__3yl07.CompetitionModeResultsPage_green__1n5Xf {
          padding: 0
    }
        }


.CompetitionModeResultsPage_topRightPurpleSplash__2XUhO {
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
    padding-right: 1rem;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 35%;
    pointer-events: none;
    z-index: 0;
}


.CompetitionModeResultsPage_paddedContainer__3J2u9 {
    max-width: 1400px;
    margin: 0 auto;
}


.CompetitionModeResultsPage_reliveBestMomentsContainer__3nLI1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}


@media screen and (max-width: 767px) {


.CompetitionModeResultsPage_reliveBestMomentsContainer__3nLI1 {
      display: block
}
    }


.CompetitionModeResultsPage_videosTitle__RXcnk {
    font-family: var(--cm-font-bold);
    font-weight: var(--cm-font-weight-bold);
    font-size: 32px;
    line-height: 120%;
    text-transform: uppercase;
    color: var(--cm-results-title-color);
}


@media screen and (max-width: 1024px) {


.CompetitionModeResultsPage_videosTitle__RXcnk {
        color: var(--cm-results-title-color);
        font-size: 20px;
        font-weight: var(--cm-font-weight-bold);
        padding: 0 16px
}
    }
.medalsListByAthlete_tableWrapper__343vu {
  overflow-y: auto;
  border-radius: 4px;
  max-height: 511px;
}

@media screen and (max-width: 768px) {
  .medalsListByAthlete_tableWrapper__343vu {
    max-height: 100vh;
  }
}

.medalsListByAthlete_container__39GJB {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  align-items: center;
  max-width: 1400px;
  margin: 8px auto;
  padding: 12px 8px 16px 8px;
  border-radius: 12px;
  background-color: var(--cm-medals-surface-bg);
}

.medalsListByAthlete_maxWidth__2RrN8 {
  width: 100%;
}

.medalsListByAthlete_title__20B6I {
  font-family: var(--cm-font-bold);
  font-size: 18px;
  line-height: 1.2;
  color: var(--cm-medals-title-color);
  padding: 12px 8px 12px 8px;
  display: flex;
  align-items: center;
  height: 50px;
}

.medalsListByAthlete_placeholder__AdUB8 {
  font-family: var(--cm-font-body);
  font-size: 18px;
  line-height: 1.2;
  color: var(--cm-medals-muted-text-color);
  text-align: center;
  padding-top: 25px;
}

.medalsListByAthlete_noMedalsImage__1XFo1 {
  display: block;
  width: 196px;
  max-width: 100%;
  margin: 16px auto 0;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  .medalsListByAthlete_placeholder__AdUB8 {
    padding-inline: 8px;
    padding-top: 30px;
  }
}

.medalsListByAthlete_rankContainer__yggwv {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--cm-font-bold);
  font-size: 12px;
  color: var(--cm-medals-rank-text-color);
}

.medalsListByAthlete_rankContainer__yggwv[data-value="gold"] {
  background: var(--cm-medals-rank-gold-gradient);
}

.medalsListByAthlete_rankContainer__yggwv[data-value="silver"] {
  background: var(--cm-medals-rank-silver-gradient);
}

.medalsListByAthlete_rankContainer__yggwv[data-value="bronze"] {
  background: var(--cm-medals-rank-bronze-gradient);
}

.medalsListByAthlete_totalContainer__1V9Bz {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.medalsListByAthlete_toggleButton__2_PL7 {
  font-family:var(--cm-font-bold);
  display: flex;
  align-items: center;
  gap: 4px;
  color: var(--cm-medals-toggle-color);
  font-size: 16px;
  line-height: 1.2;
  text-transform: uppercase;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 14px;
}

.medalsListByAthlete_filterBtn__103s7 {
  border-radius: 8px;
  border: 1px solid var(--cm-medals-toggle-color);
  padding: 13px 20px;
  font-family:var(--cm-font-bold);
  font-size: var(--cm-content-font-size);
  color: var(--cm-title-color);
  background-color: var(--cm-bg-primary);
  margin-left: 10px;
}

.medalsListByAthlete_filterBtn__103s7.medalsListByAthlete_active__1veGN {
  background-color: var(--cm-medals-filter-active-bg);
  border: 1px solid var(--cm-medals-filter-active-bg);
}

.medalsListByAthlete_filterBtnsContainer__3L55y {
  margin-left: auto;
}

.medalsListByAthlete_athleteContainer__1GzWV {
  display: flex;
  align-items: center;
  gap: 5px;
  max-height: 35px;
}

.medalsListByAthlete_favouriteIcon__1PeP4 {
  width: 14px;
  height: 13px;
  flex: 0 0 14px;
  background-color: var(--cm-medals-favourite-icon-color);
  mask: var(--cm-favourite-icon-image) center / contain no-repeat;
  -webkit-mask: var(--cm-favourite-icon-image) center / contain no-repeat;
}

.medalsListByAthlete_athleteName__2rjZ5 {
  font-family: var(--cm-font-bold);
  font-size: var(--cm-small-font-size);
  line-height: 16px;
  text-decoration: underline;
  color: var(--cm-title-color);
  margin-bottom: 2px;
}

.medalsListByAthlete_countryFlag__1HE1t {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--cm-font-bold);
  font-size: var(--cm-small-font-size);
  color: var(--cm-title-color);
}

.medalsListByAthlete_flagName__38RWP {
  margin-bottom: 4px;
}

.medalsListByAthlete_closeButton__1UgYo {
    position: absolute;
    top: 16px;
    right: 16px;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 28px;
    color: var(--cm-medals-close-color);
    font-family: var(--cm-font-body);
    z-index: 10;
    transition: background-color 0.2s ease;
    background-color: var(--cm-medals-close-bg);
    color: var(--cm-medals-close-color);
}

.medalsListByAthlete_noPaddingModal__3J0_o {
  padding: 0 !important;
}

.medalsListByAthlete_message__2rU_f {
  font-size: 14px;
  line-height: 1.2;
  color: var(--cm-medals-muted-text-color);
  padding: 0 8px 8px 8px;
  font-family: var(--cm-font-body);
}

.medalsListByAthlete_headerCell__trMh4:nth-child(1){
  width: 85%;
}

.medalsListByAthlete_headerCell__trMh4:last-child{
  width: 15%;
}

.medalsListByAthlete_headerCell__trMh4:nth-child(2),
.medalsListByAthlete_headerCell__trMh4:nth-child(3),
.medalsListByAthlete_headerCell__trMh4:nth-child(4) {
  text-align: center;
}

.medalsTable_medalsTableContainer__3msg7 {
  padding: 24px 16px 30px 16px;
  padding: 24px 0 30px 0;
  max-width: 1400px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .medalsTable_medalsTableContainer__3msg7 {
    padding: 24px 16px 30px 16px;
  }
}

.medalsTable_switchContainer__2BqFO {
  display: flex;
  overflow: hidden;
  align-items: center;
  max-width: 1400px;
  margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
  .medalsTable_switchContainer__2BqFO {
    margin-inline: auto;
  }
}

.medalsTable_switchButton__WaaTc {
  flex: 1 1;
  background-color: var(--cm-medals-switch-bg);
  border: none;
  padding: 13px 44px;
  color: var(--cm-medals-switch-color);
  cursor: pointer;
  font-size: var(--cm-button-font-size);
  font-weight: 400;
  max-height: 43px;
  white-space: nowrap;
}

.medalsTable_switchButton__WaaTc:first-child {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}

.medalsTable_switchButton__WaaTc:last-child {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.medalsTable_switchButton__WaaTc.medalsTable_active__1v3yu {
  background-color: var(--cm-medals-switch-active-bg);
  color: var(--cm-medals-switch-active-color);
}

.medalsTable_placingTableBtn__L3F7o {
    font-family: var(--cm-font-bold);
    font-size: var(--cm-button-font-size);
    border-bottom: 2px solid var(--cm-medals-switch-active-bg);
    color: var(--cm-medals-title-color);
    margin-left: auto;
}

.medalsTable_placingTableBtn__L3F7o::first-letter {
        text-transform: uppercase;
    }

.medalsTable_titleContainer__1Nqy7 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.medalsTable_title__3-I_t {
  font-family: var(--cm-font-bold);
  font-size: 26px;
  line-height: 1.2;
  text-transform: uppercase;
  color: var(--cm-medals-title-color);
}

.medalsTable_medalsListContainer__1pSTt {
  display: flex;
  gap: 30px;
}

.medalsTable_medalsListContainer__1pSTt::after {
  display: none;
}

.styles_moreContent__N6043 {
    padding: 1rem;
    position: relative;

}
    @media screen and (max-width: 767px) {.styles_moreContent__N6043 {
        padding: 1rem

}
    }