.render-options {
  display: grid;
  gap: 11px;
}

.render-options label {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 11px;
}

.render-options input[type="range"] {
  width: 145px;
  accent-color: var(--blue);
}

#viewport,
#viewport canvas {
  touch-action: none;
}

.anatomy-label {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}

@media (max-width: 720px) {
  .label-options input[type="range"],
  .render-options input[type="range"] {
    width: min(145px, 38vw);
  }
}