:root {
  --pill-animation-duration: 0.3s;
  --pill-animation-effect: ease;
  --pill-border-color: #0F0028;
  --pill-background-color: #0F002880;
}

.sliding-pill .e-n-tabs-heading {
  position: relative;
}
.sliding-pill .e-n-tabs-heading::before {
  content: "";
  position: absolute;
  top: var(--pill-top, 0);
  left: var(--pill-left, 0);
  width: calc(var(--pill-width, 0) - 4px);
  height: calc(var(--pill-height, 0) - 2px);
  max-height: 59px;
  border: 2px solid var(--pill-border-color);
  background-color: var(--pill-background-color);
  border-radius: 10px;
  transition-property: top, left, width, height;
  transition-timing-function: var(--pill-animation-effect);
  pointer-events: none;
  display: none;
  transition-duration: 0;
}

.sliding-pill .e-n-tab-title {
  transition: color var(--pill-animation-duration);
}

.sliding-pill .e-n-tabs-heading.animate::before {
  transition-duration: var(--pill-animation-duration);
  display: block;
}