/* Fullpage side navigation (home only) */
.hsb-fp-nav{
  position: fixed;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 8px;
  border-radius: 14px;
  background: rgba(0,0,0,.28);
  border: 1px solid rgba(255,255,255,.14);
}

.hsb-fp-nav .dot{
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.55);
  background: rgba(255,255,255,.18);
  cursor: pointer;
  padding: 0;
  outline: none;
}

.hsb-fp-nav .dot.is-active{
  background: rgba(255,255,255,.92);
  border-color: rgba(255,255,255,.92);
  transform: scale(1.25);
}

.hsb-fp-nav .dot:focus-visible{
  box-shadow: 0 0 0 3px rgba(255,255,255,.22);
}

@media (max-width: 640px){
  .hsb-fp-nav{ right: 10px; }
}