Application Toggles Material', Dark

<label
      for="AcceptConditions"
      class="relative block h-8 w-12 [-webkit-tap-highlight-color:transparent]"
    >
      <input type="checkbox" id="AcceptConditions" class="peer sr-only" />

      <span class="absolute inset-0 m-auto h-2 rounded-full bg-gray-300 dark:bg-gray-600"></span>

      <span
        class="absolute inset-y-0 start-0 m-auto size-6 rounded-full bg-gray-500 transition-[inset-inline-start] peer-checked:start-6 peer-checked:*:scale-0 dark:bg-gray-400"
      >
        <span
          class="absolute inset-0 m-auto size-4 rounded-full bg-gray-200 transition-transform dark:bg-gray-700"
        >
        </span>
      </span>
    </label>