setTimeout(() => register=false,300))"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="opacity-0"
x-transition:enter-end="opacity-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100"
x-transition:leave-end="opacity-0"
x-cloak
x-data="{animate:false,registerstep:false}"
x-init="$nextTick (() => animate=true)"
data-modal="register"
>
setTimeout(() => register=false,300))"
x-show="register && animate"
x-trap.noscroll="register && animate"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start="-translate-y-1 opacity-0"
x-transition:enter-end="translate-y-0 opacity-100"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="translate-y-0 opacity-100"
x-transition:leave-end="translate-y-4 opacity-0"
>