{% if panel.videoType %}
    {% set videoSource = 'https://www.youtube.com/embed/' ~ panel.videoId %}
{% else %}
    {% set videoSource = 'https://player.vimeo.com/video/' ~ panel.videoId %}
{% endif %}

<section class="generic-video-panel w-full relative bg-white-primary">
    <div class="container-wrapper max-w-7xl mx-auto">
        <div class="padding-wrapper px-6 sm:px-8 lg:px-10 py-8 sm:py-10 lg:py-12 xl:py-16">
            <div class="video-wrapper w-full rounded-xl lg:rounded-2xl overflow-hidden border-4 lg:border-8 border-solid border-brand-terracotta-i">
                <div class="aspect-wrapper w-full aspect-w-4 aspect-h-3 sm:aspect-w-5 sm:aspect-h-3 lg:aspect-w-7 lg:aspect-h-4">
                    <iframe class="video-player {{ panel.videoType ? 'youtube' : 'vimeo'}} w-full h-full absolute lazyload" title="Embedded Video" data-src="{{ videoSource }}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
                </div>
            </div>
        </div>
    </div>
</section>