{{#with data}}
<div class="ps-r{{#compare type '==' 'tabsMobile'}} flex-row-container flex-justify-center{{/compare}}">
    <div id="{{@root/dom/divStories}}"
        class="frame{{#compare type '==' 'stories'}} hs-media-container mh-10{{/compare}}">
        {{#compare type "==" "stories"}}
        <ul class="hs-media-list list-unstyled slidee mb-0">
            {{#each mediaItems}}
            <li id="{{@root/dom/liMediaItem}}_{{@index}}" class="{{#if this.hidden}}hidden{{/if}} pointer">
                <div class="hs-media-circle flex-column-container flex-center{{this.imgClass}} paint-first-background-after paint-base-font-after">
                    <a class="text-center pointer text-black no-hover ps-r" tabindex="0" {{~#compare mediaType "==" "virtualTour"}} rel="nofollow" {{#if linkURL}}href="{{linkURL}}" {{/if}} {{/compare~}}>
                        <div class="hs-media-circle-img {{this.iconClass}}">
                            {{~#compare mediaType "==" "3dTour"~}}
                            <span class="pos-abs virtual-tour-gif"></span>
                            {{~/compare}}
                        </div>
                        <div class="{{this.iconClass}}-hover hidden"></div>
                        <span class="no-wrap pt-5">{{this.label}}</span>
                    </a>
                </div>
            </li>
            {{/each}}
        </ul>
        {{else compare type "==" "cards"}}
        <ul class="hs-media-card-list list-unstyled slidee">
            {{#each mediaItems}}
            <li id="{{@root/dom/liMediaItem}}_{{@index}}" class="{{#if this.hidden}}hidden{{/if}} pointer hs-media-card-item">
                <div class="hs-media-card flex-column-container flex-center{{this.imgClass}} paint-first-background-after paint-base-font-after">
                    <a class="text-center pointer text-black no-hover ps-r" tabindex="0"
                        {{~#compare mediaType "==" "virtualTour"}} rel="nofollow" {{#if linkURL}}href="{{linkURL}}" {{/if}}{{/compare~}}
                        {{~#compare mediaType "==" "openHouseLink"}} rel="nofollow" {{#if linkURL}}href="{{linkURL}}" {{/if}}{{/compare~}} >
                        <div class="hs-media-card-img {{this.iconClass}}">
                            {{#compare mediaType "==" "3dTour"~}}
                            <span class="pos-abs virtual-tour-gif"></span>
                            {{~/compare}}
                        </div>
                        <span class="media-card-label text-white pt-5 pb-15">{{this.label}}</span>
                    </a>
                </div>
            </li>
            {{/each}}
        </ul>
        {{else compare type "==" "tabs"}}
        <ul class="list-unstyled text-white pointer flex-row-container media-center-nav-list ma-0">
            {{#each mediaItems}}
            <li id="{{@root/dom/liMediaItem}}_{{@index}}" class="{{#if this.hidden}}hidden{{/if}} pointer">
                {{#compare mediaType "==" "virtualTour"~}}
                <a class="pointer text-white no-hover ps-r" tabindex="0" rel="nofollow" {{#if linkURL}}href="{{linkURL}}" {{/if}}>
                {{~else compare mediaType "==" "openHouseLink"~}}
                <a class="pointer text-white no-hover ps-r" tabindex="0" rel="nofollow" {{#if linkURL}}href="{{linkURL}}" {{/if}}>
                {{~/compare}}
                    <span class="no-wrap {{#compare this.label "==" "Flashback"}}flashback-photo-tab{{/compare}}">
                        {{this.label}}
                        {{~#compare this.label "==" "Flashback"~}}
                        <span class="sr-only">- Pro+</span>
                        {{~/compare~}}
                    </span>
                {{#compare mediaType "==" "virtualTour"~}}
                </a>
                {{~else compare mediaType "==" "openHouseLink"~}}
                </a>
                {{~/compare}}
            </li>
            {{/each}}
        </ul>
        {{else}}
        <ul class="slidee no-wrap hs-media-list list-unstyled flex-center pointer mb-0 bg-white">
            {{#each mediaItems}}
            <li id="{{@root/dom/liMediaItem}}_{{@index}}" class="{{#if this.hidden}}hidden{{/if}} pointer {{#compare this.label "==" "Flashback"}}flashback-photo-list-item{{/compare}}">
                {{#compare mediaType "==" "virtualTour"}}
                <a class="pointer no-hover ps-r text-black" tabindex="0" rel="nofollow" {{#if linkURL}}href="{{linkURL}}" {{/if}}>
                {{~else compare mediaType "==" "openHouseLink"~}}
                <a class="pointer no-hover ps-r text-black" tabindex="0" rel="nofollow" {{#if linkURL}}href="{{linkURL}}" {{/if}}>
                {{/compare}}
                <span>{{this.label}}</span>
                {{~#compare this.label "==" "Flashback"~}}
                <span class="sr-only">- Pro+</span>
                {{~/compare~}}
                {{#compare mediaType "==" "virtualTour"}}
                </a>
                {{~else compare mediaType "==" "openHouseLink"~}}
                </a>
                {{~/compare}}
            </li>
            {{/each}}
        </ul>
        {{/compare}}
    </div>
    {{#compare type "!=" "tabs"}}
    <a class="pointer no-hover media-arrow-prev{{#compare type '==' 'cards'}} media-card-arrow-prev{{/compare}}{{#compare type '==' 'tabsMobile'}} media-tabs-arrow-prev{{/compare}}"
        tabindex="0">
        <i id="{{@root/dom/spanPreviousPage}}" class="material-icons disabled pointer" aria-hidden="true">chevron_left</i>
        <span class="sr-only">Previous</span>
    </a>
    <a class="pointer no-hover media-arrow-next {{#compare type '==' 'cards'}}media-card-arrow-next{{/compare}}{{#compare type '==' 'tabsMobile'}} media-tabs-arrow-next{{/compare}}"
        tabindex="0">
        <i id="{{@root/dom/spanNextPage}}" class="material-icons nextPrev pointer" aria-hidden="true">chevron_right</i>
        <span class="sr-only">Next</span>
    </a>
    {{/compare}}
</div>
{{/with}}