.zz-hpsports {
  --hpsports-color-main: #2c3e4f;
  --hpsports-color-main-rgb: 44, 62, 79;
  font-family: 'Roboto Condensed';
}
.zz-hpsports-tab-nav {
  display: flex;
  align-items: center;
  border-bottom: 2px solid var(--hpsports-color-main);
  overflow-x: auto;
}
.zz-hpsports-tab-navitem {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  font-size: 18px;
  font-weight: bold;
  color: rgba(var(--hpsports-color-main-rgb), 0.8);
  min-height: 50px;
  gap: 4px;
}
.zz-hpsports-tab-navitem.is-active {
  background-color: rgba(var(--hpsports-color-main-rgb), 0.1);
  color: rgba(var(--hpsports-color-main-rgb), 1);
}
.zz-hpsports-tab-navitem.is-active .zz-hpsports-tab-navitem-txt {
  display: block;
}
.zz-hpsports-tab-content {
  display: none;
}
.zz-hpsports-tab-content.is-active {
  display: block;
}