<div class="w-full relative avoid-page-break 
    <?php echo e($content->layout === 'huge' && $sort_order === 1 ? 'md:-mt-[85px]' : ''); ?>

    <?php echo e($content->layout !== 'huge' ? 'max-w-6xl' : ''); ?> 
    <?php echo e($content->layout !== 'full' && $content->layout !== 'huge' ? 'md:grid' : ''); ?>

    <?php echo e($content->layout === 'left' || $content->layout === 'right' && ($content->header || strip_tags($content->body)) ? 'grid-cols-3' : ''); ?>

    <?php echo e($content->layout === 'split-left' || $content->layout === 'split-right' && ($content->header || strip_tags($content->body)) ? 'grid-cols-2' : ''); ?>

    <?php if($content_element->pivot?->randomize): ?>
        h-full randomize-border
        <?php if($content->layout === 'full' || $content->layout === 'huge'): ?>)
            col-span-2
            <?php echo e($content->show_text && ($content->header || strip_tags($content->body)) ? 'row-span-2 md:grid grid-rows-2' : ''); ?>

        <?php else: ?>
            <?php echo e($content->show_text && ($content->header || strip_tags($content->body)) ? 'col-span-3' : 'col-span-2'); ?>

        <?php endif; ?>
    <?php endif; ?>
">

    <div class="relative z-4 flex justify-center items-center relative shadow print:shadow-none
        <?php echo e($content->layout !== 'full' && $content->layout !== 'huge' && !$content->fill && !$content_element->pivot?->randomize ? 'md:-mx-2' : ''); ?>

        <?php echo e($content->layout === 'left' || $content->layout === 'right' ? 'col-span-2' : ''); ?> 
    ">
        <?php if($content->url): ?>
            <div class="relative w-full bg-color
                <?php echo e($content->layout === 'full' ? 'pb-video md:pb-[42.5%] print:pb-[42.5%]' : ''); ?> 
                <?php echo e($content->layout === 'huge' ? 'pb-100p md:pb-50p print:pb-50p' : ''); ?> 
                <?php echo e($content->fill || $content_element->pivot?->randomize ? 'h-full' : ''); ?>

                <?php echo e($content->layout !== 'full' && $content->layout !== 'huge' ? 'pb-video' : ''); ?>

            ">
                <media-loader class="z-0"></media-loader>
                <video-player :content='<?php echo json_encode($content, 15, 512) ?>'></video-player>
            </div>
        <?php endif; ?>

        <?php if($content->number): ?>
            <div class="content-number top-0 left-0"><?php echo e($content->number); ?></div>
        <?php endif; ?>

    </div>

    <?php if($content->show_text && ($content->header || strip_tags($content->body))): ?>
        <div class="relative grid place-items-center z-7 pointer-events-none 
            <?php echo e($content->layout === 'full' && $content->url && !$content_element->pivot?->randomize ? 'md:-mt-16' : ''); ?>

            <?php echo e($content->layout === 'huge' && $content->url && !$content_element->pivot?->randomize? 'md:-mt-32' : ''); ?>

            <?php echo e(($content->layout == 'right' || $content->layout === 'split-right') && !$content_element->pivot?->randomize ? 'col-start-1 row-start-1' : ''); ?>

            <?php echo e($content_element->pivot?->randomize ? 'h-full '.($content->text_style ? 'text-style-'.$content->text_style : 'bg-highlight') : ''); ?>

        ">

            <div class="p-8 md:px-12 print:shadow-none print:border print:border-color 
                <?php echo e(!$content_element->pivot?->randomize ? 'text-block shadow-lg pointer-events-auto' : ''); ?>

                <?php echo e(($content->layout === 'full' || $content->layout === 'huge') && !$content_element->pivot?->randomize ? 'max-w-2xl md:px-16' : ''); ?>

                <?php echo e($content->text_style ? 'text-style-'.$content->text_style : 'bg-highlight'); ?>">

                <?php if($content->header): ?>
                    <h<?php echo e($header ? '1' : '2'); ?> class="flex-1"><?php echo e($content->header); ?></h<?php echo e($header ? '1': '2'); ?>>
                <?php endif; ?>
                    
                <div class="body">
                    <?php echo $content->body; ?>

                </div>

                <?php if($dash): ?>
                    <img src="/images/dash.svg" class="text-block-dash fill-current" alt="closing text dash" />
                    <?php
                        $dash = false;
                    ?>
                <?php endif; ?>

            </div>

        </div>
    <?php endif; ?>

</div>
<?php /**PATH /var/www/html/resources/views/content-elements/embed-video.blade.php ENDPATH**/ ?>