Toggle-switches | Shubh0408 giant swan 43

<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>

<label class="switch">
  <input class="peer hidden" type="checkbox" />
  <span
    class="slider absolute h-5 w-5 translate-x-0.5 translate-y-0.5 rounded-md border-2 border-black bg-blue-500 shadow-[inset_2px_3px_2px] duration-700 peer-checked:translate-x-[1.6rem] peer-checked:border-gray-200 peer-checked:bg-white peer-checked:shadow-[inset_-2px_-2px_3px]"
  ></span>
  <div
    class="h-6 w-12 rounded-lg border-2 border-black shadow-[2px_3px_2px] duration-700 peer-checked:bg-blue-500"
  ></div>
</label>