.configuration {
  --choice-active: #17241c;
  --choice-ink: #fff;
  --choice-hover: #ffc400;
  --choice-hover-ink: #151c19;
  --choice-edge: rgba(255, 255, 255, .12);
}

#form .choice-slider-surface {
  box-sizing: border-box;
  background: var(--choice-active);
  border: 1px solid var(--choice-edge);
  box-shadow: 0 3px 9px #151c1907;
  transition: background-color .22s ease, border-color .22s ease;
}

#form .option input:checked + span {
  background: var(--choice-active);
  color: var(--choice-ink);
  border-color: var(--choice-edge);
}

#form .choice-motion-ready .option input:checked + span,
#form [data-choice="bladeModel"] .choice-motion-ready .option input:checked + span {
  color: var(--choice-ink);
}

#form .single-modes input:checked + span small { color: inherit; }

#form .palette-specials button[aria-pressed="true"] {
  background: var(--choice-active);
  color: var(--choice-ink);
  border: 1px solid var(--choice-edge);
}

@media (hover: hover) and (pointer: fine) {
  .configuration .actions .btn:hover,
  .configuration .actions .btn.outline:hover,
  .configuration .single-shortcut:hover,
  #form .palette-specials button:hover,
  #form .palette-specials button[aria-pressed="true"]:hover,
  #form .logo-row button:hover,
  #form #single-example:hover,
  #form .sheet-download:hover,
  #form .choice-motion-ready > .option:hover {
    background: var(--choice-hover);
    color: var(--choice-hover-ink);
  }

  #form .option:hover > span { background: var(--choice-hover); color: var(--choice-hover-ink); }
  #form .choice-motion-ready > .option:hover > span,
  #form .choice-motion-ready .option:hover input:checked + span,
  #form [data-choice="bladeModel"] .choice-motion-ready .option:hover input:checked + span {
    color: var(--choice-hover-ink);
  }

  #form .choice-motion-ready:has(> .option:hover input:checked) .choice-slider-surface {
    background: var(--choice-hover);
    border-color: rgba(91, 69, 0, .14);
  }

  .configuration input[type="file"]::file-selector-button:hover {
    background: var(--choice-hover);
    color: var(--choice-hover-ink);
  }
}