@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVW2ZhZI2eCN5jzbjEETS9weq8-19ehAyvMum7nfDB64RgK1X5pKQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyWyosBO5Xk.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v31/ieVo2ZhZI2eCN5jzbjEETS9weq8-_d6T_POl0fRJeyVVpcBO5Xk.ttf) format('truetype');
}
#articleList article {
  border-bottom: solid 1px #ebebeb;
  display: block;
  overflow: hidden;
  height: 100px;
  margin: 30px 0px 30px 0px;
}
#articleList article.featured {
  height: auto;
}
#articleList article.featured iframe {
  width: 300px;
  height: 169px;
}
#articleList article.featured .featured-info {
  height: 56px;
  margin: 0;
  padding: 0;
}
#articleList article.featured .featured-title {
  font-weight: bold;
  margin: 0;
  padding-top: 1rem;
}
#articleList article figure {
  float: right;
  background: #646464 center no-repeat;
  background-size: cover;
  width: 126px;
  height: 71px;
}
#articleList article figure img,
#articleList article figure a {
  display: block;
  width: 100%;
  max-width: 100%;
}
#articleList article figure a {
  height: 100%;
}
#articleList article div {
  height: 64px;
  font-size: 14px;
  line-height: 18px;
  margin-right: 140px;
  padding-left: 8px;
}
#articleList article div > a {
  display: block;
  line-height: 16px;
}
#articleList article div strong {
  font-weight: normal;
}
#articleList article div a.title {
  max-height: 50px;
  overflow: hidden;
  margin-bottom: 6px;
}
#articleList article div a.meet {
  font-size: 1rem;
  font-style: italic;
  height: 18px;
  overflow: hidden;
}
#articleList footer {
  text-align: center;
  font-size: 1.8rem;
}
#tableColumnHeaderText {
  font-weight: bold;
  text-align: left;
  font-size: 1.1rem;
  text-transform: uppercase;
  line-height: 2rem;
  padding: 4px;
}
#tableColumnHeader tr,
#tableColumnHeader {
  background: #646464;
}
#tableColumnHeader th,
#tableColumnHeader td {
  color: #ffffff;
  font-weight: bold;
  text-align: left;
  font-size: 1.1rem;
  text-transform: uppercase;
  line-height: 2rem;
  padding: 4px;
}
#tableColumnHeader th.center,
#tableColumnHeader td.center {
  text-align: center;
}
#tableColumnHeader th.right,
#tableColumnHeader td.right {
  text-align: right;
}
#headlinesBundle article {
  height: 120px;
  margin: 0;
  margin-top: 30px;
}
#headlinesBundle article figure {
  float: left;
  width: 200px;
  margin-right: 20px;
  height: 113px;
  background-size: cover;
}
#headlinesBundle article figure img,
#headlinesBundle article figure a {
  display: block;
  width: 100%;
}
#headlinesBundle article div {
  margin-left: 208px;
  padding-right: 8px;
  height: 113px;
  min-height: 48px;
  overflow: hidden;
}
#headlinesBundle article div > a {
  max-height: 48px;
  font-size: 1.5rem;
  line-height: 24px;
  overflow: hidden;
}
@media only screen and (max-width: 479px) {
  #headlinesBundle article div > a {
    font-size: 1.3rem;
    line-height: 20px;
    max-height: 60px;
  }
  #headlinesBundle article div > a strong {
    font-weight: normal;
  }
}
#headlinesBundle article div p {
  color: #646464;
  margin-top: 4px;
  line-height: 16px;
  max-height: 32px;
  overflow: hidden;
}
#headlinesBundle article div p a {
  display: inline;
}
#headlinesBundle article div span {
  color: #646464;
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 4px;
  line-height: 16px;
  display: inline-block;
  vertical-align: middle;
  font-style: italic;
}
#headlinesBundle article div span a,
#headlinesBundle article div span a:visited,
#headlinesBundle article div span a:link {
  color: #646464;
}
@media only screen and (max-width: 479px) {
  #headlinesBundle article div span {
    display: none;
  }
}
#headlinesBundle article div span:first-of-type {
  padding-left: 0;
  border-right: solid 1px #646464;
}
@media only screen and (max-width: 479px) {
  #headlinesBundle article div span:first-of-type {
    border-right: none;
  }
}
#headlinesBundle article div span:only-of-type {
  border-right: none;
}
@media only screen and (max-width: 479px) {
  #headlinesBundle article div p {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  #headlinesBundle article {
    height: 90px;
  }
  #headlinesBundle article figure {
    width: 150px;
    height: 84px;
  }
  #headlinesBundle article div {
    margin-left: 158px;
  }
  #headlinesBundle article div > a {
    font-size: 1.3rem;
  }
}
#topStoryBundle article {
  display: inline-block;
  width: 120px;
  height: 108px;
  vertical-align: top;
  margin-right: 1px;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  position: relative;
}
#topStoryBundle article:last-child {
  margin-right: 0;
}
#topStoryBundle article .title {
  display: block;
  position: absolute;
  top: 72px;
  height: 36px;
  overflow: hidden;
  padding-right: 8px;
  font-size: 1.1rem;
  line-height: 18px;
  margin: 0;
}
#topStoryBundle article .title strong {
  font-weight: normal;
}
#topStoryBundle article .summary {
  display: none;
}
#topStoryBundle article figure {
  width: 120px;
  height: 68px;
  float: none;
  overflow: hidden;
}
#topStoryBundle article figure img {
  max-width: 100%;
}
#topStoryBundle article:first-child {
  display: block;
  width: 100%;
  padding-bottom: 12px;
  height: auto;
}
#topStoryBundle article:first-child .title {
  position: static;
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
}
#topStoryBundle article:first-child .title strong {
  font-weight: bold;
}
#topStoryBundle article:first-child figure {
  width: 100%;
  height: auto;
}
#viewMore {
  text-transform: uppercase;
  font-style: italic;
  font-size: 1.8rem;
  line-height: 32px;
  text-align: center;
  border-bottom: solid 1px #ebebeb;
  padding-bottom: 8px;
}
#viewMore a + a {
  margin-left: 16px;
}
#imageSubheader {
  position: relative;
  min-height: 64px;
  padding-bottom: 8px;
}
#imageSubheader h1,
#imageSubheader > strong {
  height: 64px;
}
#imageSubheader h1::after,
#imageSubheader > strong::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 64px;
  background: #c80000 center no-repeat;
  color: #ffffff;
  background-size: contain;
}
#page main.main form .field .maxlength-counter {
  width: 60% !important;
}
#page main.main form .field .maxlength-counter + .input-counter {
  display: inline;
  margin: 7px;
}
.content section.rankings table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.1rem;
}
.content section.rankings table.windEvent td.wind:empty::after {
  display: inline;
  content: 'NWI';
  color: #f00;
}
.content section.rankings table thead tr,
.content section.rankings table tbody tr.thead {
  background: #646464;
  color: #ffffff;
}
.content section.rankings table thead tr th,
.content section.rankings table tbody tr.thead th {
  font-weight: bold;
  text-align: left;
  line-height: 24px;
  font-size: 13px;
}
.content section.rankings table thead tr th p,
.content section.rankings table tbody tr.thead th p,
.content section.rankings table thead tr th div,
.content section.rankings table tbody tr.thead th div,
.content section.rankings table thead tr th span,
.content section.rankings table tbody tr.thead th span {
  display: inline;
  font-weight: bold;
  padding: 0;
  margin: 0;
  line-height: 24px;
}
.content section.rankings table thead tr th.rank,
.content section.rankings table tbody tr.thead th.rank {
  text-align: right;
  padding-right: 16px;
}
.content section.rankings table thead tr th.year,
.content section.rankings table tbody tr.thead th.year {
  text-align: center;
  padding-right: 16px;
}
.content section.rankings table thead tr th.time,
.content section.rankings table tbody tr.thead th.time,
.content section.rankings table thead tr th.wind,
.content section.rankings table tbody tr.thead th.wind {
  text-align: center;
  padding-right: 16px;
}
@media only screen and (max-width: 639px) {
  .content section.rankings table thead tr th.wind,
  .content section.rankings table tbody tr.thead th.wind {
    display: none;
  }
}
@media only screen and (max-width: 479px) {
  .content section.rankings table thead tr th.meet,
  .content section.rankings table tbody tr.thead th.meet {
    display: none;
  }
}
.content section.rankings table thead tr th.meet span.date::before,
.content section.rankings table tbody tr.thead th.meet span.date::before {
  content: '/';
  display: inline;
  padding-right: 4px;
}
.content section.rankings table thead tr th.meet span.place,
.content section.rankings table tbody tr.thead th.meet span.place {
  float: right;
}
@media only screen and (max-width: 639px) {
  .content section.rankings table thead tr th.meet span.place,
  .content section.rankings table tbody tr.thead th.meet span.place {
    display: none;
  }
}
.content section.rankings table tbody tr:not(.thead):nth-of-type(odd) {
  background: #ebebeb;
}
.content section.rankings table tbody tr:not(.thead) td {
  line-height: 24px;
  font-size: 13px;
  vertical-align: middle;
  text-align: left;
}
.content section.rankings table tbody tr:not(.thead) td div,
.content section.rankings table tbody tr:not(.thead) td p,
.content section.rankings table tbody tr:not(.thead) td a {
  line-height: 24px;
}
.content section.rankings table tbody tr:not(.thead) td.event a {
  color: #c80000;
}
.content section.rankings table tbody tr:not(.thead) td.rank {
  font-size: 22px;
  font-weight: bold;
  line-height: 48px;
  text-align: right;
  min-width: 32px;
  padding-right: 16px;
}
.content section.rankings table tbody tr:not(.thead) td.time,
.content section.rankings table tbody tr:not(.thead) td.wind {
  text-align: center;
  padding-right: 16px;
}
.content section.rankings table tbody tr:not(.thead) td.time {
  white-space: nowrap;
  min-width: 60px;
}
.content section.rankings table tbody tr:not(.thead) td.time span.wind.w {
  color: #f00;
}
.content section.rankings table tbody tr:not(.thead) td.time span.wind:not(:empty)::before {
  content: '(';
  display: inline;
}
.content section.rankings table tbody tr:not(.thead) td.time span.wind:not(:empty)::after {
  content: ')';
  display: inline;
}
.content section.rankings table tbody tr:not(.thead) td.wind.w {
  color: #f00;
}
@media only screen and (max-width: 639px) {
  .content section.rankings table tbody tr:not(.thead) td.wind {
    display: none;
  }
}
.content section.rankings table tbody tr:not(.thead) td.name {
  min-width: 150px;
}
.content section.rankings table tbody tr:not(.thead) td.name .athlete a {
  text-transform: uppercase;
  font-weight: bold;
  color: #c80000;
}
.content section.rankings table tbody tr:not(.thead) td.name .team {
  height: 24px;
  overflow: hidden;
}
.content section.rankings table tbody tr:not(.thead) td.name .team span.state {
  background: #000000;
  color: #ffffff;
  padding: 4px;
  border-radius: 50%;
  opacity: 0.3;
  font-size: 11px;
  font-family: monospace, sans-serif;
  position: relative;
  top: -2px;
}
.content section.rankings table tbody tr:not(.thead) td.year {
  text-align: center;
  padding-right: 16px;
}
@media only screen and (max-width: 479px) {
  .content section.rankings table tbody tr:not(.thead) td.meet {
    display: none;
  }
}
.content section.rankings table tbody tr:not(.thead) td.meet a {
  color: #c80000;
}
.content section.rankings table tbody tr:not(.thead) td.meet div,
.content section.rankings table tbody tr:not(.thead) td.meet p {
  height: 24px;
  overflow: hidden;
  position: relative;
  padding-right: 16px;
}
.content section.rankings table tbody tr:not(.thead) td.meet em {
  font-size: 11px;
  background: #000000;
  color: #ffffff;
  padding: 4px;
  border-radius: 4px;
  opacity: 0.25;
  line-height: 14px;
  position: absolute;
  top: 2px;
  right: 2px;
}
@media only screen and (max-width: 639px) {
  .content section.rankings table tbody tr:not(.thead) td.meet em {
    display: none;
  }
}
@media only screen and (max-width: 639px) {
  .content section.rankings table tbody tr:not(.thead) td.meet .date .end {
    display: none;
  }
}
.content section.rankings[data-type="t"] td.year,
.content section.rankings[data-type="t"] th.year {
  display: none;
}
#subheader header {
  position: relative;
  min-height: 64px;
  padding-bottom: 8px;
}
#subheader header h1,
#subheader header > strong {
  height: 64px;
}
#subheader header h1::after,
#subheader header > strong::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 64px;
  background: #c80000 center no-repeat;
  color: #ffffff;
  background-size: contain;
}
#subheader header.outdoor-track-and-field strong::after {
  background-image: url(milesplit-outdoor-rankings.png);
}
#subheader header.cross-country strong::after {
  background-image: url(milesplit-cross-country-rankings.png);
}
#subheader header.indoor-track-and-field strong::after {
  background-image: url(milesplit-indoor-rankings.png);
}
body:not(.www.rankings) #subheader header > strong::after {
  background: #00047a center no-repeat;
}
body:not(.www.rankings) #subheader header.outdoor-track-and-field strong::after {
  background-image: url(milesplit-outdoor-rankings-brooks.png);
  background-size: contain;
}
body:not(.www.rankings) #subheader header.cross-country strong::after {
  background-image: url(milesplit-cross-country-rankings-brooks.png);
  background-size: contain;
}
body:not(.www.rankings) #subheader header.indoor-track-and-field strong::after {
  background-image: url(milesplit-indoor-rankings-brooks.png);
  background-size: contain;
}
#side div.hub a div {
  width: 301px;
  height: 121px;
  background-image: url('../campaigns/flo50/hub-states.png');
}
#side div.hub a.usa div {
  background-image: url('../campaigns/flo50/hub-national.png');
}
#eventRankings.rankings.event .rankings-filters,
#rankingsLeaders.rankings.leaders .rankings-filters {
  margin: 0 0 8px;
}
#eventRankings.rankings.event .rankings-filters__grid,
#rankingsLeaders.rankings.leaders .rankings-filters__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px 12px;
  margin-bottom: 6px;
}
@media only screen and (max-width: 639px) {
  #eventRankings.rankings.event .rankings-filters__grid,
  #rankingsLeaders.rankings.leaders .rankings-filters__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
#eventRankings.rankings.event .rankings-filters .field.dropdown,
#rankingsLeaders.rankings.leaders .rankings-filters .field.dropdown {
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  float: none;
  display: block;
}
#eventRankings.rankings.event .rankings-filters .field.dropdown label,
#rankingsLeaders.rankings.leaders .rankings-filters .field.dropdown label {
  display: block;
  font-size: 0.9rem;
  font-weight: 700;
  color: #6e6e6e;
  margin-bottom: 2px;
  text-transform: none;
  line-height: 1.1;
}
#eventRankings.rankings.event .rankings-filters .field.dropdown .input,
#rankingsLeaders.rankings.leaders .rankings-filters .field.dropdown .input {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  background: #ffffff;
  position: relative;
  height: auto !important;
  line-height: normal !important;
}
#eventRankings.rankings.event .rankings-filters .field.dropdown .input select,
#rankingsLeaders.rankings.leaders .rankings-filters .field.dropdown .input select {
  width: 100%;
  padding: 6px 28px 6px 10px;
  border: 0;
  background: transparent;
  color: #141414;
  font-size: 1rem;
  line-height: 1.25 !important;
  height: auto !important;
  min-height: 32px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  box-sizing: border-box;
}
#eventRankings.rankings.event .rankings-filters .field.dropdown .input select option,
#rankingsLeaders.rankings.leaders .rankings-filters .field.dropdown .input select option {
  color: #141414;
  background: #ffffff;
}
#eventRankings.rankings.event .rankings-filters .field.dropdown .input i.fa-chevron-down,
#rankingsLeaders.rankings.leaders .rankings-filters .field.dropdown .input i.fa-chevron-down {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #6e6e6e;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 0.8rem;
}
#eventRankings.rankings.event .rankings-segmented,
#rankingsLeaders.rankings.leaders .rankings-segmented {
  display: flex;
  width: 100%;
  background: #f7f7f7;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 3px;
  margin-bottom: 8px;
  gap: 4px;
  box-sizing: border-box;
}
#eventRankings.rankings.event .rankings-segmented__btn,
#rankingsLeaders.rankings.leaders .rankings-segmented__btn {
  flex: 1 1 0;
  min-width: 0;
  background: #f7f7f7 !important;
  background-image: none !important;
  border: 1px solid transparent;
  border-radius: 6px;
  padding: 5px 10px;
  margin: 0 !important;
  font-size: 0.95rem;
  font-weight: 700;
  color: #141414 !important;
  text-shadow: none !important;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
  line-height: 1.2;
  min-height: 28px;
  box-sizing: border-box;
  box-shadow: none !important;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#eventRankings.rankings.event .rankings-segmented__btn:hover,
#rankingsLeaders.rankings.leaders .rankings-segmented__btn:hover {
  background: rgba(255, 255, 255, 0.6) !important;
  background-image: none !important;
}
#eventRankings.rankings.event .rankings-segmented__btn.is-active,
#rankingsLeaders.rankings.leaders .rankings-segmented__btn.is-active {
  background: #ffffff !important;
  background-image: none !important;
  border-color: #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}
#eventRankings.rankings.event .rankings-segmented__btn:focus-visible,
#rankingsLeaders.rankings.leaders .rankings-segmented__btn:focus-visible {
  outline: 2px solid #000086;
  outline-offset: 1px;
}
#eventRankings.rankings.event .rankings-segmented.rankings-segmented--three #eventRankings.rankings.event .rankings-segmented__btn,
#eventRankings.rankings.event .rankings-segmented.rankings-segmented--three #rankingsLeaders.rankings.leaders .rankings-segmented__btn,
#rankingsLeaders.rankings.leaders .rankings-segmented.rankings-segmented--three #eventRankings.rankings.event .rankings-segmented__btn,
#rankingsLeaders.rankings.leaders .rankings-segmented.rankings-segmented--three #rankingsLeaders.rankings.leaders .rankings-segmented__btn {
  padding: 8px 6px;
  font-size: 0.9rem;
}
@media only screen and (max-width: 639px) {
  #eventRankings.rankings.event .rankings-segmented__btn,
  #rankingsLeaders.rankings.leaders .rankings-segmented__btn {
    padding: 8px 4px;
    font-size: 0.85rem;
  }
}
#eventRankings.rankings.event .rankings-advanced,
#rankingsLeaders.rankings.leaders .rankings-advanced {
  margin-top: 0;
}
#eventRankings.rankings.event .rankings-advanced__summary,
#rankingsLeaders.rankings.leaders .rankings-advanced__summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 700;
  color: #6e6e6e;
  padding: 4px 0;
  list-style: none;
  user-select: none;
}
#eventRankings.rankings.event .rankings-advanced__summary::-webkit-details-marker,
#rankingsLeaders.rankings.leaders .rankings-advanced__summary::-webkit-details-marker {
  display: none;
}
#eventRankings.rankings.event .rankings-advanced__summary::before,
#rankingsLeaders.rankings.leaders .rankings-advanced__summary::before {
  content: '\25B8';
  font-size: 0.9rem;
  transition: transform 0.15s;
}
#eventRankings.rankings.event .rankings-advanced[open] #eventRankings.rankings.event .rankings-advanced__summary::before,
#eventRankings.rankings.event .rankings-advanced[open] #rankingsLeaders.rankings.leaders .rankings-advanced__summary::before,
#rankingsLeaders.rankings.leaders .rankings-advanced[open] #eventRankings.rankings.event .rankings-advanced__summary::before,
#rankingsLeaders.rankings.leaders .rankings-advanced[open] #rankingsLeaders.rankings.leaders .rankings-advanced__summary::before {
  transform: rotate(90deg);
}
#eventRankings.rankings.event .rankings-advanced__badge,
#rankingsLeaders.rankings.leaders .rankings-advanced__badge {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #000086;
}
#eventRankings.rankings.event .rankings-advanced__body,
#rankingsLeaders.rankings.leaders .rankings-advanced__body {
  padding: 12px 0 4px;
}
#eventRankings.rankings.event .rankings-advanced__body > .field.dropdown,
#rankingsLeaders.rankings.leaders .rankings-advanced__body > .field.dropdown {
  max-width: 320px;
  margin: 0 0 8px;
}
#eventRankings.rankings.event .rankings-advanced__body .filter,
#rankingsLeaders.rankings.leaders .rankings-advanced__body .filter {
  margin: 6px 0;
  font-size: 1.05rem;
}
#eventRankings.rankings.event .rankings-section-head,
#rankingsLeaders.rankings.leaders .rankings-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 10px 0 6px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e0e0e0;
}
#eventRankings.rankings.event .rankings-section-head__title,
#rankingsLeaders.rankings.leaders .rankings-section-head__title {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 700;
}
@media only screen and (max-width: 639px) {
  #eventRankings.rankings.event .rankings-section-head,
  #rankingsLeaders.rankings.leaders .rankings-section-head {
    flex-direction: column;
    align-items: stretch;
  }
}
#eventRankings.rankings.event .rankings-search,
#rankingsLeaders.rankings.leaders .rankings-search {
  position: relative;
  width: 260px;
}
@media only screen and (max-width: 639px) {
  #eventRankings.rankings.event .rankings-search,
  #rankingsLeaders.rankings.leaders .rankings-search {
    width: 100%;
  }
}
#eventRankings.rankings.event .rankings-search__icon,
#rankingsLeaders.rankings.leaders .rankings-search__icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #6e6e6e;
  pointer-events: none;
}
#eventRankings.rankings.event .rankings-search__input,
#rankingsLeaders.rankings.leaders .rankings-search__input {
  width: 100%;
  padding: 8px 12px 8px 32px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 1.05rem;
  background: #ffffff;
}
#eventRankings.rankings.event .rankings-search__input:focus,
#rankingsLeaders.rankings.leaders .rankings-search__input:focus {
  outline: none;
  border-color: #000086;
  box-shadow: 0 0 0 2px rgba(0, 0, 134, 0.15);
}
#eventRankings.rankings.event .rankings-table-outer,
#rankingsLeaders.rankings.leaders .rankings-table-outer {
  position: relative;
  margin-top: 8px;
}
#eventRankings.rankings.event .rankings-table-outer::after,
#rankingsLeaders.rankings.leaders .rankings-table-outer::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 24px;
  pointer-events: none;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 100%);
  opacity: 1;
  transition: opacity 0.2s ease-out;
}
#eventRankings.rankings.event .rankings-table-outer.is-scroll-end::after,
#rankingsLeaders.rankings.leaders .rankings-table-outer.is-scroll-end::after,
#eventRankings.rankings.event .rankings-table-outer.is-no-overflow::after,
#rankingsLeaders.rankings.leaders .rankings-table-outer.is-no-overflow::after {
  opacity: 0;
}
#eventRankings.rankings.event .rankings-table-wrap,
#rankingsLeaders.rankings.leaders .rankings-table-wrap {
  width: 100%;
  overflow-x: auto;
}
#eventRankings.rankings.event .rankings-table,
#rankingsLeaders.rankings.leaders .rankings-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1rem;
  background: #ffffff;
  table-layout: auto;
}
#eventRankings.rankings.event .rankings-table thead tr,
#rankingsLeaders.rankings.leaders .rankings-table thead tr,
#eventRankings.rankings.event .rankings-table tbody tr.rankings-group-header,
#rankingsLeaders.rankings.leaders .rankings-table tbody tr.rankings-group-header {
  background: #000086 !important;
  color: #ffffff !important;
}
#eventRankings.rankings.event .rankings-table thead tr th,
#rankingsLeaders.rankings.leaders .rankings-table thead tr th,
#eventRankings.rankings.event .rankings-table tbody tr.rankings-group-header th,
#rankingsLeaders.rankings.leaders .rankings-table tbody tr.rankings-group-header th {
  text-align: left;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #ffffff !important;
  padding: 4px 12px;
  border-top: 0;
  border-bottom: 0;
  background: #000086 !important;
  line-height: 1.2;
}
#eventRankings.rankings.event .rankings-table thead tr th.col-meet .col-meet__heading,
#rankingsLeaders.rankings.leaders .rankings-table thead tr th.col-meet .col-meet__heading,
#eventRankings.rankings.event .rankings-table tbody tr.rankings-group-header th.col-meet .col-meet__heading,
#rankingsLeaders.rankings.leaders .rankings-table tbody tr.rankings-group-header th.col-meet .col-meet__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
}
#eventRankings.rankings.event .rankings-table tbody tr,
#rankingsLeaders.rankings.leaders .rankings-table tbody tr {
  background: #ffffff;
  border-bottom: 1px solid #e0e0e0;
}
#eventRankings.rankings.event .rankings-table tbody tr:nth-child(even),
#rankingsLeaders.rankings.leaders .rankings-table tbody tr:nth-child(even) {
  background: #f0f0f0;
}
#eventRankings.rankings.event .rankings-table tbody tr.is-hidden-by-search,
#rankingsLeaders.rankings.leaders .rankings-table tbody tr.is-hidden-by-search {
  display: none;
}
#eventRankings.rankings.event .rankings-table td,
#rankingsLeaders.rankings.leaders .rankings-table td {
  padding: 8px 12px;
  vertical-align: middle;
  color: #141414;
  font-size: 1.05rem;
  line-height: 1.3;
}
#eventRankings.rankings.event .rankings-table .col-rank,
#rankingsLeaders.rankings.leaders .rankings-table .col-rank {
  width: 72px;
  text-align: left;
}
#eventRankings.rankings.event .rankings-table .col-rank .rank-num,
#rankingsLeaders.rankings.leaders .rankings-table .col-rank .rank-num {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 700;
  color: #141414;
  font-variant-numeric: tabular-nums;
  min-width: 48px;
}
#eventRankings.rankings.event .rankings-table.rankings-table--leaders .col-time,
#rankingsLeaders.rankings.leaders .rankings-table.rankings-table--leaders .col-time {
  width: 130px;
  white-space: nowrap;
}
#eventRankings.rankings.event .rankings-table .col-event,
#rankingsLeaders.rankings.leaders .rankings-table .col-event {
  width: 120px;
  text-align: left;
}
#eventRankings.rankings.event .rankings-table .col-event a,
#rankingsLeaders.rankings.leaders .rankings-table .col-event a {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 700;
  color: #000086;
  text-decoration: none;
  line-height: 1.2;
}
#eventRankings.rankings.event .rankings-table .col-event a:hover,
#rankingsLeaders.rankings.leaders .rankings-table .col-event a:hover {
  text-decoration: underline;
}
#eventRankings.rankings.event .rankings-table .col-time,
#rankingsLeaders.rankings.leaders .rankings-table .col-time {
  width: 80px;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
#eventRankings.rankings.event .rankings-table .col-time .wind,
#rankingsLeaders.rankings.leaders .rankings-table .col-time .wind {
  margin-left: 4px;
  font-size: 0.95rem;
  font-weight: 400;
  color: #6e6e6e;
}
#eventRankings.rankings.event .rankings-table .col-time .wind.is-wind-aided,
#rankingsLeaders.rankings.leaders .rankings-table .col-time .wind.is-wind-aided {
  color: #c80000;
}
#eventRankings.rankings.event .rankings-table .col-time .flag,
#rankingsLeaders.rankings.leaders .rankings-table .col-time .flag {
  margin-left: 4px;
  font-size: 0.85rem;
  color: #6e6e6e;
  font-weight: 400;
}
#eventRankings.rankings.event .rankings-table .col-wind,
#rankingsLeaders.rankings.leaders .rankings-table .col-wind {
  width: 64px;
  color: #6e6e6e;
  font-variant-numeric: tabular-nums;
}
#eventRankings.rankings.event .rankings-table .col-wind.is-wind-aided,
#rankingsLeaders.rankings.leaders .rankings-table .col-wind.is-wind-aided {
  color: #c80000;
}
#eventRankings.rankings.event .rankings-table.rankings-table--wind .col-wind:empty::after,
#rankingsLeaders.rankings.leaders .rankings-table.rankings-table--wind .col-wind:empty::after {
  content: 'NWI';
  color: #c80000;
  font-size: 0.9rem;
}
#eventRankings.rankings.event .rankings-table .col-name,
#rankingsLeaders.rankings.leaders .rankings-table .col-name {
  min-width: 180px;
}
#eventRankings.rankings.event .rankings-table .col-name .athlete,
#rankingsLeaders.rankings.leaders .rankings-table .col-name .athlete {
  font-weight: 700;
}
#eventRankings.rankings.event .rankings-table .col-name .athlete a,
#rankingsLeaders.rankings.leaders .rankings-table .col-name .athlete a {
  color: #000086;
  text-decoration: none;
}
#eventRankings.rankings.event .rankings-table .col-name .athlete a:hover,
#rankingsLeaders.rankings.leaders .rankings-table .col-name .athlete a:hover {
  color: #000086;
  text-decoration: underline;
}
#eventRankings.rankings.event .rankings-table .col-name .team,
#rankingsLeaders.rankings.leaders .rankings-table .col-name .team {
  color: #6e6e6e;
  font-size: 0.95rem;
  margin-top: 2px;
}
#eventRankings.rankings.event .rankings-table .col-name .team a,
#rankingsLeaders.rankings.leaders .rankings-table .col-name .team a {
  color: #6e6e6e;
  text-decoration: none;
}
#eventRankings.rankings.event .rankings-table .col-name .team a:hover,
#rankingsLeaders.rankings.leaders .rankings-table .col-name .team a:hover {
  color: #141414;
  text-decoration: underline;
}
#eventRankings.rankings.event .rankings-table .col-name .team .state,
#rankingsLeaders.rankings.leaders .rankings-table .col-name .team .state {
  display: inline-block;
  font-weight: 700;
  margin-right: 4px;
  color: #141414;
}
#eventRankings.rankings.event .rankings-table .col-grade,
#rankingsLeaders.rankings.leaders .rankings-table .col-grade {
  width: 72px;
  text-align: left;
  color: #6e6e6e;
}
#eventRankings.rankings.event .rankings-table .col-meet,
#rankingsLeaders.rankings.leaders .rankings-table .col-meet {
  min-width: 220px;
  max-width: 340px;
}
#eventRankings.rankings.event .rankings-table .col-meet .meet,
#rankingsLeaders.rankings.leaders .rankings-table .col-meet .meet {
  display: flex;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
}
#eventRankings.rankings.event .rankings-table .col-meet .meet a,
#rankingsLeaders.rankings.leaders .rankings-table .col-meet .meet a {
  color: #000086;
  text-decoration: none;
  font-weight: 700;
  flex: 1 1 auto;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#eventRankings.rankings.event .rankings-table .col-meet .meet a:hover,
#rankingsLeaders.rankings.leaders .rankings-table .col-meet .meet a:hover {
  color: #000086;
  text-decoration: underline;
}
#eventRankings.rankings.event .rankings-table .col-meet .meet .place,
#rankingsLeaders.rankings.leaders .rankings-table .col-meet .meet .place {
  font-style: normal;
  margin-left: 0;
  color: #6e6e6e;
  font-size: 0.9rem;
  font-weight: 400;
  white-space: nowrap;
  flex: 0 0 auto;
}
#eventRankings.rankings.event .rankings-table .col-meet .date,
#rankingsLeaders.rankings.leaders .rankings-table .col-meet .date {
  color: #6e6e6e;
  font-size: 0.95rem;
  margin-top: 2px;
  white-space: nowrap;
}
#eventRankings.rankings.event .rankings-empty,
#rankingsLeaders.rankings.leaders .rankings-empty {
  padding: 24px;
  text-align: center;
  color: #6e6e6e;
  font-size: 1.1rem;
}
#eventRankings.rankings.event .rankings-pager,
#rankingsLeaders.rankings.leaders .rankings-pager {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  margin: 24px 0;
}
#eventRankings.rankings.event .rankings-pager__label,
#rankingsLeaders.rankings.leaders .rankings-pager__label {
  font-size: 1rem;
  color: #6e6e6e;
}
#eventRankings.rankings.event .rankings-pager__list,
#rankingsLeaders.rankings.leaders .rankings-pager__list {
  display: flex;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px;
}
#eventRankings.rankings.event .rankings-pager__list li,
#rankingsLeaders.rankings.leaders .rankings-pager__list li {
  list-style: none !important;
  list-style-type: none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
#eventRankings.rankings.event .rankings-pager__list li::before,
#rankingsLeaders.rankings.leaders .rankings-pager__list li::before,
#eventRankings.rankings.event .rankings-pager__list li::marker,
#rankingsLeaders.rankings.leaders .rankings-pager__list li::marker {
  content: none !important;
  display: none !important;
}
#eventRankings.rankings.event .rankings-pager__btn,
#rankingsLeaders.rankings.leaders .rankings-pager__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 1.05rem;
  font-weight: 700;
  color: #141414;
  text-decoration: none;
  background: #ffffff;
  transition: background 0.15s, border-color 0.15s;
  box-sizing: border-box;
}
#eventRankings.rankings.event .rankings-pager__btn:hover,
#rankingsLeaders.rankings.leaders .rankings-pager__btn:hover {
  background: #f7f7f7;
  border-color: #c8c8c8;
}
#eventRankings.rankings.event .rankings-pager__btn.is-active,
#rankingsLeaders.rankings.leaders .rankings-pager__btn.is-active {
  background: #141414;
  color: #ffffff;
  border-color: #141414;
}
#eventRankings.rankings.event .rankings-pager__btn.is-disabled,
#rankingsLeaders.rankings.leaders .rankings-pager__btn.is-disabled {
  opacity: 0.4;
  pointer-events: none;
}