/* Reference layout: detached circular labels with the supplied proportions. */
.headstock-panel .peg-button {
  overflow: visible;
}

.headstock-panel .peg-button span {
  width: 40px;
  height: 40px;
  top: calc(50% - 15px);
  font-size: clamp(0.607rem, 2.944vw, 0.81rem);
  z-index: 5;
  pointer-events: auto;
  touch-action: manipulation;
  display: grid;
  visibility: visible;
  opacity: 1;
  cursor: pointer;
}

.headstock-panel .peg-0 span,
.headstock-panel .peg-1 span,
.headstock-panel .peg-2 span {
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%) translateX(-150px);
}

.headstock-panel .peg-3 span,
.headstock-panel .peg-4 span,
.headstock-panel .peg-5 span {
  left: 50%;
  right: auto;
  transform: translate(-50%, -50%) translateX(150px);
}
\n