egory_icons/33.png" alt="Blackjack" />
                <span class="font-medium">Blackjack</span>
              </span>
              <svg class="h-4 w-4 opacity-60 transition-transform duration-300 peer-checked:rotate-90" viewBox="0 0 20 20"
                   fill="currentColor">
                <path d="M7.293 14.707a1 1 0 0 1 0-1.414L10.586 10
                                       7.293 6.707A1 1 0 0 1 8.707 5.293l4 4a1 1 0
                                       0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0z" />
              </svg>
            </a>
          </li>
          <li class="pb-2 border-b border-white/20">
            <input id="m-34" type="checkbox" class="peer sr-only" />
            <a href="/games/34/baccarat" 
               class="flex items-center justify-between px-2 py-3 rounded-lg hover:bg-white/5 cursor-pointer select-none no-underline!">
              <span class="flex items-center gap-3">
                <img class="h-6" src="/images/game_category_icons/34.png" alt="Baccarat" />
                <span class="font-medium">Baccarat</span>
              </span>
              <svg class="h-4 w-4 opacity-60 transition-transform duration-300 peer-checked:rotate-90" viewBox="0 0 20 20"
                   fill="currentColor">
                <path d="M7.293 14.707a1 1 0 0 1 0-1.414L10.586 10
                                       7.293 6.707A1 1 0 0 1 8.707 5.293l4 4a1 1 0
                                       0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0z" />
              </svg>
            </a>
          </li>
          <li class="pb-2 border-b border-white/20">
            <input id="m-35" type="checkbox" class="peer sr-only" />
            <a href="/games/35/craps-and-dice" 
               class="flex items-center justify-between px-2 py-3 rounded-lg hover:bg-white/5 cursor-pointer select-none no-underline!">
              <span class="flex items-center gap-3">
                <img class="h-6" src="/images/game_category_icons/35.png" alt="Craps & Dice" />
                <span class="font-medium">Craps & Dice</span>
              </span>
              <svg class="h-4 w-4 opacity-60 transition-transform duration-300 peer-checked:rotate-90" viewBox="0 0 20 20"
                   fill="currentColor">
                <path d="M7.293 14.707a1 1 0 0 1 0-1.414L10.586 10
                                       7.293 6.707A1 1 0 0 1 8.707 5.293l4 4a1 1 0
                                       0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0z" />
              </svg>
            </a>
          </li>
          <li class="pb-2 border-b border-white/20">
            <input id="m-37" type="checkbox" class="peer sr-only" />
            <a href="/games/37/wheel-of-fortune" 
               class="flex items-center justify-between px-2 py-3 rounded-lg hover:bg-white/5 cursor-pointer select-none no-underline!">
              <span class="flex items-center gap-3">
                <img class="h-6" src="/images/game_category_icons/37.png" alt="Wheel of Fortune" />
                <span class="font-medium">Wheel of Fortune</span>
              </span>
              <svg class="h-4 w-4 opacity-60 transition-transform duration-300 peer-checked:rotate-90" viewBox="0 0 20 20"
                   fill="currentColor">
                <path d="M7.293 14.707a1 1 0 0 1 0-1.414L10.586 10
                                       7.293 6.707A1 1 0 0 1 8.707 5.293l4 4a1 1 0
                                       0 1 0 1.414l-4 4a1 1 0 0 1-1.414 0z" />
              </svg>
            </a>
          </li>
            <li class="h-5"></li>
          <li class="pb-2 border-b border-white/20">
            <input id="m-4" type="checkbox" class="peer sr-only" />
            <a href="/games/4/popular" 
               class="flex items-center justify-between px-2 py-3 rounded-lg hover:bg-white/5 cursor-pointer select-none no-underline!">
              <span class="flex items-center gap-3">
                <img class="h-6" src="/images/game_category_icons/4.png" alt="Popular" />
                <span class="font-m