:root {
  --ifm-pills-color-active: var(--ifm-color-primary);
  --ifm-pills-color-background-active: var(--ifm-hover-overlay);
  --ifm-pills-spacing: 0.0625rem;
}
.pills {
  font-weight: var(--ifm-font-weight-bold);
  padding-left: 0;
}
.pills__item {
    border-radius: 0.5rem;
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    padding: 0.25rem 1rem;
  }
.pills__item--active {
      background: var(--ifm-pills-color-background-active);
      color: var(--ifm-pills-color-active);
    }
.pills__item:not(.pills__item--active):hover {
      background-color: var(--ifm-pills-color-background-active);
      transition: background var(--ifm-transition-fast)
        cubic-bezier(0.08, 0.52, 0.52, 1);
    }
.pills__item:not(:first-child) {
      margin-left: var(--ifm-pills-spacing);
    }
.pills__item:not(:last-child) {
      margin-right: var(--ifm-pills-spacing);
    }
.pills__item + .pills__item {
      margin-top: 0;
    }
.pills--block {
    display: flex;
    justify-content: stretch;
  }
@media (max-width: 996px) {
.pills--block {
      flex-direction: column
  }
    }
.pills--block .pills__item {
      flex-grow: 1;
      text-align: center;
    }
@media (max-width: 996px) {
        .pills--block .pills__item:not(:first-child) {
          margin-top: var(--ifm-pills-spacing);
        }

        .pills--block .pills__item:not(:last-child) {
          margin-bottom: var(--ifm-pills-spacing);
        }
      }