.slide-show--navigation {
  gap: 1rem;
  padding: var(--gap);
  margin: var(--gap) 0;
}

.slide-show--nav-item {
  width: 1rem;
  height: 1rem;
  overflow: hidden;
  background: transparent;
  color: transparent !important;
  border: 1px solid var(--color-body-text);
  border-radius: 50%;
}

.supports-js .slide-show--nav-item:active,
.supports-js .slide-show--nav-item.active {
  background: var(--color-body-text);
}