:where(.input) {
  &:is([type="radio"]) {
    -webkit-appearance: none;
    appearance: none;

    width: 1.25rem;
    height: 1.25rem;

    border: var(--border-width-medium) var(--border-style-solid) var(--gray-400);
    border-radius: 50%;

    padding: 3px;
    background-color: transparent;
    background-clip: content-box;

    cursor: pointer;
    transition: all 0.2s ease-in-out;
    outline: none;
  }

  &:is([type="radio"]):checked {
    border-color: var(--primary-700);
    background-color: var(--primary-700);
  }

  &:is([type="radio"]):hover:not(:disabled) {
    border-color: var(--primary-800);
  }

  &:is([type="radio"]):disabled {
    border-color: var(--gray-300);
    background-color: var(--gray-100);
    cursor: not-allowed;
    opacity: 0.5;
  }
}