vntana-hotspot {
  position: relative;
}

vntana-hotspot.hide {
  opacity: 0.3;
}

vntana-hotspot > .pivot {
  display: block;
  box-sizing: border-box;
  width: 20px;
  aspect-ratio: 1;
  background-color: orange;
  border-radius: 50%;
  border: 3px solid white;
  cursor: pointer;
  transition-property: width, border-width;
  transition-duration: 0.2s;
  transition-timing-function: linear;
}

vntana-hotspot.selected > .pivot {
  background-color: rgb(50, 125, 217);
}

vntana-hotspot.open {
  z-index: -1!important;
}