{# This is where you insert tailwind Classes you would like compiled that are included externally from your template files #}
{# eg inserted via js / freeforms etc. #}
{# Do not include in template anywhere #}

<div global class="invert md:grid-cols-3 md:grid-cols-2 lg:grid-cols-3 lg:grid-cols-4 xl:grid-cols-3 xl:grid-cols-4 max-w-4xl max-w-3xl max-w-2xl translate-y-[-40px] sm:translate-y-[-44px] translate-y-[-80px] sm:translate-y-[-88px] translate-y-[-120px] sm:translate-y-[-132px] translate-y-[-160px] sm:translate-y-[-176px] translate-y-[-200px] sm:translate-y-[-220px] translate-y-[-240px] sm:translate-y-[-264px]"></div>
<div text class="text-brand-gray-v"></div>
<div freeform-label class="sm:w-1/2 bg-white border border-solid border-mintyy-gray-iv rounded-md !font-normal first:w-auto sm:px-12 !flex-none sm:!flex-1 !pr-[1.875rem] sm:!pr-0 mb-0.5 !mr-3 sm:col-span-2 md:col-span-2 lg:col-span-2 xl:col-span-2"></div>
<div submit-button class=""></div>
<div inputs class=""></div>
<div wysiwyg class=""></div>
<div animation class="delay-[25ms] delay-[50ms] delay-[75ms] delay-[100ms] delay-[125ms] delay-[150ms] delay-[175ms] delay-[200ms] delay-[225ms] delay-[250ms] delay-[275ms] delay-[300ms] delay-[325ms] delay-[350ms] delay-[375ms] delay-[400ms] delay-[425ms] delay-[450ms] delay-[475ms] delay-[500ms] delay-[525ms] delay-[550ms] delay-[575ms] delay-[600ms] delay-[625ms] delay-[650ms] delay-[675ms] delay-[700ms] delay-[725ms] delay-[750ms] delay-[775ms] delay-[800ms] delay-[825ms] delay-[850ms] delay-[875ms] delay-[900ms] delay-[925ms] delay-[950ms] delay-[975ms] delay-[1000ms] delay-[1025ms] delay-[1050ms] delay-[1075ms] delay-[1100ms] delay-[1125ms] delay-[1150ms] delay-[1175ms] delay-[1200ms] delay-[1225ms] delay-[1250ms] delay-[1275ms] delay-[1300ms] delay-[1325ms] delay-[1350ms] delay-[1375ms] delay-[1400ms] delay-[1425ms] delay-[1450ms] delay-[1475ms] delay-[1500ms] delay-[1525ms] delay-[1550ms] delay-[1575ms] delay-[1600ms] delay-[1625ms] delay-[1650ms] delay-[1675ms] delay-[1700ms] delay-[1725ms] delay-[1750ms] delay-[1775ms] delay-[1800ms] delay-[1825ms] delay-[1850ms] delay-[1875ms] delay-[1900ms] delay-[1925ms] delay-[1950ms] delay-[1975ms] delay-[2000ms]"></div>

{# Examples #}
{% for i in 1..3 %}
    {% if ( loop.index + 1 ) % i == 0 %}
        <div class="card-wrapper bg-white-pure w-full flex flex-col lg:grid lg:grid-cols-12 justify-start items-start lg:items-center relative p-4 sm:p-6 lg:p-2 lg:gap-8 xl:gap-10 rounded-xl sm:rounded-2xl lg:rounded-3xl border-2 lg:border-3 border-solid border-brand-terracotta-i">
            Test
        </div>
    {% endif %}
{% endfor %}