.toggle-panel::before {
  display: none;
}

.toggle-panel::after {
  display: none;
}

.show-toggle-panel {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 24px;
  column-gap: 64px;
}

@media (max-width: 1439px) {
  .show-toggle-panel {
    gap: 12px;
  }
}

@media (max-width: 767px) {
  .show-toggle-panel {
    grid-template-columns: 1fr;
  }
}

.fade-in {
  opacity: 0;
  animation: fadeIn 0.2s ease-in forwards;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

/* Move pill depending on active class */
.toggle-buttons.type1-active .toggle-pill {
  left: 8px;
}

.toggle-buttons.type2-active .toggle-pill {
  left: 139px;
}