<div data-widget-id="{{ currentWidget.getWidgetId() }}" class="moto-widget moto-widget-container {{ currentWidget.properties.cssName }}{% if (currentWidget.properties.bgFixed) %} moto-background-fixed{% endif %}{% if (currentWidget.properties.bgParallaxed) %} moto-parallax{% endif %}{% if (currentWidget.properties.viewportHeight) %} moto-min-height_100vh{% endif %}{% if (currentWidget.properties.justify) %} moto-justify-content_{{ currentWidget.properties.justify }}{% endif %}" data-widget="container" data-container="container" {{ arrayToAttributes(currentWidget.getCustomAttributes()) }}>
    {% if currentWidget.isBackgroundVideoSet() %}
    <div class="moto-background-video-container moto-absolute-position__container" data-moto-background-video="">
        <video class="{{ currentWidget._getBackgroundVideoCssClass() }}" muted playsinline preload="{{ currentWidget.properties.bgVideo.preload }}"{% if currentWidget.properties.bgVideo.loop %} loop{% endif %}>
            {% if currentWidget.properties.bgVideo.track.webm.path %}
            <source type="video/webm" src="{{ Linker.file(currentWidget.properties.bgVideo.track.webm.path) }}">
            {% endif %}
            {% if currentWidget.properties.bgVideo.track.mp4.path %}
            <source type="video/mp4" src="{{ Linker.file(currentWidget.properties.bgVideo.track.mp4.path) }}">
            {% endif %}
        </video>
    </div>
    {% endif %}
    {% if currentWidget.properties.anchor %}
    <a class="moto-anchor" name="{{ currentWidget.properties.anchor }}"></a>
    {% endif %}
    {% for item in currentWidget.children %}
        {% if isServer %}
            {{ widget(item) }}
        {% else %}
            {% widget item %}{% endWidget %}
        {% endif %}
    {% endfor %}
</div>