templates/galilea/import/components/accordion.twig line 1
<div class="bg-white hyphens-auto {{pt}} {{pb}}" {{ id ? ('id="' ~ id ~ '"')|raw }}><div class="container"><div class="border-t border-b divide-y border-black/10" x-reveal:stagger>{% for item in items %}<div class="py-8" x-data="{open: false}"><div class="grid grid-cols-6 items-center cursor-pointer select-none" @click="$store.header.disableScrollHandling(); open = !open"><div class="col-span-1 text-lg lg:text-3xl">{{ "%02d"|format(loop.index) }}</div><div class="col-span-4 text-lg lg:text-3xl">{{ item.title }}</div><div class="flex col-span-1 justify-center justify-self-end items-center text-white rounded-full size-8 bg-brand-50 lg:size-12"><svg viewbox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-3"><rect x="5" width="1" height="11" fill="currentColor" class="transition-all" :class="{'opacity-0': open}"/><rect x="11" y="5" width="1" height="11" transform="rotate(90 11 5)" fill="currentColor"/></svg></div></div><div class="grid transition-all cursor-auto grid-rows-[0fr]" :class="{'grid-rows-[1fr]': open}" @transitionend="$store.header.enableScrollHandling(); $ScrollTrigger.refresh()"><div class="overflow-hidden"><div class="items-center py-8 lg:grid lg:grid-cols-6"><div class="leading-normal text-black lg:col-span-4 lg:col-start-2 prose lg:prose-lg">{{ item.text|raw }}</div></div></div></div></div>{% endfor %}</div></div></div>