Как в tailwind использую peer достучаться до дочернего элемента?

Question

[hesrun]

Нужно сделать чекбокс кастомный.
Использую peer, для отслеживания checked состояния, но у меня не получает достучаться до дочернго элемента...

<input class="peer/brand-1" type="checkbox" name="brands" id="brand-1">
<label for="brand-1" class="flex cursor-pointer items-baseline peer-checked/brand-1:text-brown">
     <span class="block w-0 peer-checked/brand-1:w-6">
         <span class="block w-4 h-2 border-b border-l border-brown -rotate-45 origin-bottom-left"></span>
     </span>
     A. Lange & Söhne
</label>

Вот этот кусок не срабатывает. Есть у tailwind решение для таких вещей?
<span class="block w-0 peer-checked/brand-1:w-6">

Answer 1

[hesrun]

разобрался
https://tailwindcss.com/blog/tailwindcss-v3-1#arbi...

<label for="brand-1" class="flex cursor-pointer items-baseline peer-checked/brand-1:text-brown peer-checked/brand-1:[&>span]:w-6">