{% if timeSensitiveBanner.enable == 'true' %}
    <div id="timeSensitiveBanner" class="timeSensitiveBanner {% if timeSensitiveBanner.styling_options.selected == 'Original Version' %}timeSensitiveBanner--v01{% endif %}">
        <div class="timeSensitiveBanner__textWrapper">
            {% if timeSensitiveBanner.bannerText.first_line_text != '' %}
                <div class="timeSensitiveBanner__firstLine">{{timeSensitiveBanner.bannerText.first_line_text}}</div>
            {% endif %}
            {% if timeSensitiveBanner.bannerText.second_line_text != '' %}
                <div class="timeSensitiveBanner__secondLine">{{timeSensitiveBanner.bannerText.second_line_text}}</div>
            {% endif %}
            {% if timeSensitiveBanner.bannerText.third_line_text != '' %}
                <div class="timeSensitiveBanner__thirdLine">{{timeSensitiveBanner.bannerText.third_line_text}}</div>
            {% endif %}
            {% if timeSensitiveBanner.bannerText.compact_mode_text != '' %}
                <div class="timeSensitiveBanner__compactText">{{timeSensitiveBanner.bannerText.compact_mode_text}}</div>
            {% endif %}
        </div>

        <script>
            const durationMinutes = {{timeSensitiveBanner.timerSettings.durationMinutes}};
            const resetTimeHours = {{timeSensitiveBanner.timerSettings.resetTimeHours}};
        </script>

        {% if timeSensitiveBanner.styling_options.selected == 'Original Version' %}
            {% from "../_countdownTimerDeadline/_countdownTimerDeadline.html" import countdownTimerDeadline with context %}
            {{ countdownTimerDeadline(
                durationMinutes = timeSensitiveBanner.timerSettings.durationMinutes,
                resetTimeHours = timeSensitiveBanner.timerSettings.resetTimeHours
            )}} 

            {% if timeSensitiveBanner.show_icon == 'true' %}
                <svg class="icon icon--freeShip">
                    <use xlink:href="svg/sprite.svg?rel={{ timestamp }}#FREE_SHIPPING_BANNER" />
                </svg>
            {% endif %}

            {% if timeSensitiveBanner.image.show_image === 'true' %}
                <picture class="timeSensitiveBanner__pic">
                    <source type="image/webp" srcset="{{global.path}}/{{timeSensitiveBanner.image.image}}.webp?format=webp">
                    <source type="image" srcset="{{global.path}}/{{timeSensitiveBanner.image.image}}?format=webp">
                    <img class="timeSensitiveBanner__img" src="{{global.path}}/{{timeSensitiveBanner.image.image}}?format=webp" alt="{{timeSensitiveBanner.image.image_alt}}"/>
                </picture>
            {% endif %}

            {% if timeSensitiveBanner.disclaimer_right != '' %}
                <span class="disclaimer">{{timeSensitiveBanner.disclaimer_right}}</span>
            {% endif %}
        {% else %}
            <div class="timeSensitiveBanner__countdown">
                {% if timeSensitiveBanner.disclaimer_left != '' %}
                    <span class="disclaimer disclaimer--first">{{timeSensitiveBanner.disclaimer_left}}</span>
                {% endif %}

                {% from "../_countdownTimerDeadline/_countdownTimerDeadline.html" import countdownTimerDeadline with context %}
                {{ countdownTimerDeadline(
                    durationMinutes = timeSensitiveBanner.timerSettings.durationMinutes,
                    resetTimeHours = timeSensitiveBanner.timerSettings.resetTimeHours
                )}}

                {% if timeSensitiveBanner.disclaimer_right != '' %}
                    <span class="disclaimer disclaimer--second">{{timeSensitiveBanner.disclaimer_right}}</span>
                {% endif %}
            </div>
        {% endif %}
    </div>
{% endif %}