/* Webkit-based browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
  width: 0.75em;
}

::-webkit-scrollbar-track {
  background: rgba(var(--frontier-secondary-shadow-rgb), 0.3);
  border-radius: var(--frontier-border-radius-em);
}

::-webkit-scrollbar-thumb {
  background: rgba(var(--frontier-primary-shadow-rgb), 0.75);
  border-radius: var(--frontier-border-radius-em);
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--frontier-primary-shadow-rgb), 0.85);
}

.frontierModal {
  /* Firefox */
  scrollbar-width:auto;
  scrollbar-color: rgba(var(--frontier-primary-shadow-rgb), 0.85) rgba(var(--frontier-secondary-shadow-rgb), 0.3);
}