.main .content-wrapper .series-wrapper {
  margin-bottom: 40px;

  @media screen and (max-width: 540px) {
    margin-bottom: 16px;
  }
}

.main .content-wrapper .series-wrapper .series {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  gap: 16px;
  list-style-type: none;
}

@media screen and (max-width: 960px) {
  .main .content-wrapper .series-wrapper .series {
    gap: 8px;
  }
}

@media screen and (max-width: 540px) {
  .main .content-wrapper .series-wrapper .series {
    gap: 4px;
  }
}

.main .content-wrapper .series-wrapper .series .series-item {
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}

.main .content-wrapper .series-wrapper .series .series-item:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.main .content-wrapper .series-wrapper .series .series-item .series-item-text {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Anticva Regular';
  color: var(--primary-custom-color);
}

@media screen and (max-width: 540px) {
  .main .content-wrapper .series-wrapper .series .series-item .series-item-text {
    font-size: 12px;
  }
}

.main .content-wrapper .series-wrapper .series .series-item.active {
  background-color: var(--secondary-custom-color);
}