{{? it.view_class === 'is-promo-view' }}
<div class="list-item {{=it.feed_class}} {{? it.videos && it.videos.length || it.images && it.images.length}} media{{?}}{{? it.smart_goals.meta.count && !it.visual_smartgoals && it.smart_goals_enabled}} has-smart-goals{{?}}" data-stry-block="{{=it.content_block_id}}">
<a class="flipper stry-promo-link" href="{{=it.url}}" target="_blank" rel="nofollow" title="{{=it.url}}" data-stry-track="Content Item, click, {{=it.content_item_id }}">
<div class="front landscape has-image content-item no-burns">
<span class="stry-spot-wrapper">
<img class="main-image stry-image-scale" width="420" height="420" src="{{=it.images[0].preview || it.images[0].external_url}}" loading="lazy">
</span>
</div>
</a>
{{? it.smart_goals.meta.count && !it.visual_smartgoals}}
<div class="back">
<a {{? it.smart_goals.meta.count}} href="{{=it.smart_goals.data[0].data.url}}" {{? !it.smartgoals_same_window}}
target="_blank" rel="nofollow" aria-label="Opens in a new window" {{?}}{{?}} class="stry-grid-smartgoal" data-stry-track="SmartGoal, click, {{=it.content_item_id }}/{{=it.smart_goals.data[0].url_name}}/text"
{{? it.smartgoal_adobe_attribute_value}} data-adobe="{{=it.smartgoal_adobe_attribute_value}}" {{?}} data-stry-action="null">
<div class="stry-grid-smartgoal-inner">
{{? it.smart_goals.meta.count}}{{=it.smart_goals.data[0].data.text}} {{?}}
</div>
</a>
</div>
{{?}}
</div>
{{??}}
<div class="list-item {{=it.feed_class}} {{? it.videos && it.videos.length || it.images && it.images.length}} media{{?}} {{? it.videos && it.videos.length && it.videos[0].order == 0}} video{{?}} {{? it.smart_goals.meta.count && !it.visual_smartgoals && it.smart_goals_enabled}}has-smart-goals{{?}} {{? it.visual_smartgoals}}stry-hide-back{{?}}">
<button class="list-item-inner" data-stry-action="popupOpen" data-stry-hash="{{=it.deeplink_url}}" data-stry-link="{{=it.deeplink_url}}" data-stry-block="{{=it.content_block_id}}" data-stry-track="Content Item, click, {{=it.content_item_id}}" role="button" title="{{? it.feed_class.startsWith("instagram") }}Instagram post{{??}}{{=it.title}}{{?}}" aria-label="Read more about {{=it.author}}'s {{=it.feed_type}} post" tabindex="0" aria-haspopup="dialog"></button>
{{? it.videos && it.videos.length || it.images && it.images.length }}
<div class="flipper">
{{? it.visual_smartgoals}}
<div class="stry-visual-smartgoal-indicator-wrapper" data-stry-action="openProductIndicator" data-stry-id="{{=it.content_item_id}}">
<div class="stry-visual-smartgoal-indicator" role="button">
{{=it.visual_smartgoals}}<span class="stry-visual-smartgoal-expanded-message">{{=it.localisation.expanded_visual_smartgoal}}</span>
</div>
</div>
{{?}}
{{? it.brand_messages && it.brand_messages.length}}
<div class="stry-brand-message">
{{~it.brand_messages :brand_message }}
{{=brand_message}}
{{~}}
</div>
{{?}}
<div class="front landscape has-image content-item no-burns">
{{? it.images && it.images.length}}
<span class="stry-spot-wrapper">
<img class="main-image stry-image-scale" width="420" height="420" src="{{=it.images[0].preview || it.images[0].external_url}}" alt="{{?it.alt_text}}{{=it.alt_text}}{{?}}" loading="lazy">
</span>
{{?}}
{{? it.videos && it.videos.length && it.videos[0].order == 0}} {{? (it.feed_class.startsWith("instagram") || it.feed_class === 'asset' || it.feed_class == 'tiktok-clipped' || it.feed_class == 'app-direct-upload') && it.videos && it.videos.length && it.videos[0].url && it.content_type == 'video'}}
<div class="stry-video-instagram">
<div class="stry-video-container">
{{? it.accessibility_features}}
<div class="stry-ff-event-blocker"></div>
{{?}}
{{?it.prevent_autoplay_video}}
<img class="stry-video-poster" src="{{=it.images[0].preview}}" alt="{{?it.alt_text}}{{=it.alt_text}}{{?}}" loading="lazy">
{{??}}
{{? it.block_videos_until_seen }}
<video height="100%" width="100%" {{? it.accessibility_features && !it.prevent_autoplay_video && !it.sequential_video_playback }} controls controlslist="nodownload" {{?}} {{? !it.sequential_video_playback}} loop {{?}} playsinline="true" muted {{? it.images && it.images.length }} poster="{{=it.images[0].preview}}" {{?}} data-src="{{? it.use_hd_videos && it.videos[0].hd_url}}{{=it.videos[0].hd_url}}{{??}}{{=it.videos[0].url}}{{?}}" type="video/mp4" aria-label="Video by {{=it.author}}" {{?it.videos[0].description}} aria-description="{{=it.videos[0].description}}" {{?}} crossorigin="anonymous">
{{? it.videos[0].captions_url }}
<track label="Captions" kind="captions" src="{{=it.videos[0].captions_url}}">
{{?}}
</video>
{{??}}
<video height="100%" width="100%" {{? it.accessibility_features && !it.prevent_autoplay_video && !it.sequential_video_playback }} controls controlslist="nodownload" {{?}} {{? !it.sequential_video_playback}} loop {{?}} playsinline="true" muted {{? it.images && it.images.length }} poster="{{=it.images[0].preview}}" {{?}} src="{{? it.use_hd_videos && it.videos[0].hd_url}}{{=it.videos[0].hd_url}}{{??}}{{=it.videos[0].url}}{{?}}" type="video/mp4" aria-label="Video by {{=it.author}}" {{?it.videos[0].description}} aria-description="{{=it.videos[0].description}}" {{?}} crossorigin="anonymous">
{{? it.videos[0].captions_url }}
<track label="Captions" kind="captions" src="{{=it.videos[0].captions_url}}">
{{?}}
</video>
{{?}}
{{?}}
</div>
{{? it.prevent_autoplay_video || it.sequential_video_playback}}
<button aria-label="click to expand item and play video" aria-haspopup="dialog" class="stry-icon stry-play" tabindex="0" onclick="this.closest('.list-item').childNodes[0].click()">&</button>
{{?}}
</div>
{{?? it.feed_class.startsWith('twitter')}}
<div class="stry-video-twitter">
<div class="stry-video-container">
{{? it.videos[0].autoplay }}
{{=it.videos[0].autoplay }}
{{?? it.videos[0].embedded }}
{{=it.videos[0].embedded }}
{{?? it.videos[0].url }}
<div class="stry-video-player">
{{? it.accessibility_features}}
<div class="stry-ff-event-blocker"></div>
{{?}}
{{? it.block_videos_until_seen }}
<video height="100%" width="100%" {{? it.accessibility_features && !it.prevent_autoplay_video && !it.sequential_video_playback }} controls controlslist="nodownload" {{?}} playsinline="true" {{? !it.sequential_video_playback}} loop {{?}} muted data-src="{{? it.use_hd_videos && it.videos[0].hd_url}}{{=it.videos[0].hd_url}}{{??}}{{=it.videos[0].url}}{{?}}" type="video/mp4" aria-label="Video by {{=it.author}}" {{?it.videos[0].description}} aria-description="{{=it.videos[0].description}}" {{?}} crossorigin="anonymous">
{{? it.videos[0].captions_url }}
<track label="Captions" kind="captions" src="{{=it.videos[0].captions_url}}">
{{?}}
</video>
{{??}}
<video height="100%" width="100%"
{{? it.accessibility_features && !it.prevent_autoplay_video && !it.sequential_video_playback }} controls controlslist="nodownload" {{?}} playsinline="true" {{? !it.sequential_video_playback}} loop {{?}} muted src="{{? it.use_hd_videos && it.videos[0].hd_url}}{{=it.videos[0].hd_url}}{{??}}{{=it.videos[0].url}}{{?}}" type="video/mp4" aria-label="Video by {{=it.author}}" {{?it.videos[0].description}} aria-description="{{=it.videos[0].description}}" {{?}} crossorigin="anonymous">
{{? it.videos[0].captions_url }}
<track label="Captions" kind="captions" src="{{=it.videos[0].captions_url}}">
{{?}}
</video>
{{?}}
</div>
{{? it.prevent_autoplay_video || it.sequential_video_playback}}
<button aria-label="click to expand item and play video" aria-haspopup="dialog" class="stry-icon stry-play" tabindex="0" onclick="this.closest('.list-item').childNodes[0].click()">&</button>
{{?}}
{{?}}
</div>
</div>
{{?? it.feed_class == 'tiktok-user'}}
{{?it.prevent_autoplay_video || it.sequential_video_playback}}
<button aria-label="click to expand item and play video" aria-haspopup="dialog" class="stry-icon stry-play" tabindex="0" onclick="this.closest('.list-item').childNodes[0].click()">&</button>
{{??}}
<div class="stry-video-tiktok">
<div class="stry-video-container">
<iframe src="{{=it.videos[0].url}}" frameborder="0" height="100%" width="100%"></iframe>
</div>
</div>
{{?}}
{{?? it.feed_class !== 'embed' }}
<div class="stry-video-container">
<button aria-label="click to expand item and play video" aria-haspopup="dialog" class="stry-icon stry-play" tabindex="0" onclick="this.closest('.list-item').childNodes[0].click()">&</button>
</div>
{{?? it.feed_class == 'embed' }}
<div class="stry-embed-grid-container">
{{=it.videos[0].embedded }}
</div>
{{?}}
{{?}}
{{? it.feed && it.feed.generic && it.feed.icon && !it.feed_class.startsWith("instagram") && it.feed_type !== 'tiktok-clipped' && !it.feed_class.startsWith("twitter") && it.feed_class !== 'tiktok-user' }}
{{? it.feed_class != 'asset' && it.feed_class != 'review' }}
<img class="stry-generic-icon" src="{{=it.feed.icon}}" alt="" loading="lazy">
{{?}}
{{?? it.feed_class.startsWith("instagram") && it.feed.generic}}
<span class="stry-icon instagram"><span class="stry-accessible-hide">Instagram</span></span>
{{?? it.feed_class.startsWith("twitter") && it.feed.generic}}
<span class="stry-icon twitter"><span class="stry-accessible-hide">Twitter</span></span>
{{??}}
{{? it.feed_class !== 'custom' && it.feed_class !== 'image' && it.feed_class !== 'url' }}
<span class="stry-icon {{=it.feed_class}}"><span class="stry-accessible-hide">{{=it.feed_class}}</span></span>
{{?}}
{{?}}
</div>
{{? it.feed_class != 'tiktok-user' && (it.title || it.body || it.snippet) }}
<div class="back">
{{? it.feed_class == 'review'}}
<div class="review-outer">
<div class="review-top-bar">
<div class="stry-review-logo {{? it.visual_smartgoals}}has-visual-smartgoals{{?}}">
{{? it.original.logo.url}}<img src="https://d23abykesh9wm6.cloudfront.net/{{=it.original.logo.url}}" alt="" loading="lazy">{{?}}
</div>
<div class="stry-score-wrapper">
{{?it.has_star_rating}}
<div class="stry-star-rating">
{{ for(i = 0; i < it.full_star_count; i++) { }}
<span class="stry-star stry-full"></span>
{{ } }}
{{ for(i = 0; i < it.half_star_count; i++) { }}
<span class="stry-star stry-half"></span>
{{ } }}
{{ for(i = 0; i < it.empty_star_count; i++) { }}
<span class="stry-star stry-empty"></span>
{{ } }}
</div>
{{?? it.original.rating.score.value && it.original.rating.score.max_value}}
<div class="stry-score">
{{=it.original.rating.score.value}} / {{=it.original.rating.score.max_value}}
</div>
{{?? it.original.rating.other.value}}
<div class="stry-score-text">
{{=it.original.rating.other.value}}
</div>
{{?}}
</div>
</div>
</div>
<div class="content-item-footer">
{{=it.excerpt }}
</div>
{{??}}
<div class="stry-text-outer {{? it.accessibility_features && it.videos.length && !it.prevent_autoplay_video && it.videos[0].order == 0}}hide-content-item-footer{{?}}">
<div class="stry-text-inner">
<div class="stry-text">
{{? !it.feed_class.startsWith("twitter")}}
{{? it.title }}
<p class="stry-title">
{{=it.title}}
</p>
{{?}}
{{?}}
{{? it.feed_class.startsWith("twitter") && it.body}}
<div class="stry-snippet">
{{=it.body}}
</div>
{{?? it.snippet && !it.title }}
<div class="stry-snippet">
{{=it.snippet}}
</div>
{{?}}
</div>
</div>
</div>
<div class="content-item-footer {{? it.accessibility_features && it.videos.length && !it.prevent_autoplay_video  && it.videos[0].order == 0}}hide-content-item-footer{{?}}">
<div class="stry-source">
{{? it.avatar_url }}
<img class="stry-avatar" src="{{=it.avatar_url}}" alt="" loading="lazy">
{{?}}
<div class="stry-detail">
{{? it.feed_class.startsWith('twitter') }}
<p class="stry-author">
{{? it.source.length}}
{{? !it.source.startsWith('@') }}@{{?}}{{=it.source}}
{{??}}
&nbsp;
{{?}}
</p>
{{?? it.feed_class == 'instagram-hashtag'}}
<p class="stry-author">From Instagram</p>
{{?? it.feed_class == 'instagram-user'}}
<p class="stry-author">{{? it.author.length}}@{{=it.author}}{{??}}&nbsp;{{?}}</p>
{{?? it.author && it.author.length }}
<p class="stry-author">{{? it.author.length}}{{=it.author}}{{??}}&nbsp;{{?}}</p>
{{?}}
</div>
</div>
</div>
{{? it.feed && it.feed.generic && it.feed.icon && !it.feed_class.startsWith("instagram") && it.feed_type !== 'tiktok-clipped' && !it.feed_class.startsWith("twitter") && it.feed_class !== 'tiktok-user' }}
{{? it.feed_class != 'asset' }}
<img class="stry-generic-icon" src="{{=it.feed.icon}}" alt="" loading="lazy">
{{?}}
{{?? it.feed_class.startsWith("instagram") && it.feed.generic}}
<span class="stry-icon instagram"><span class="stry-accessible-hide">Instagram</span></span>
{{?? it.feed_class.startsWith("twitter") && it.feed.generic}}
<span class="stry-icon twitter"><span class="stry-accessible-hide">Twitter</span></span>
{{??}}
{{? it.feed_class !== 'custom' && it.feed_class !== 'image' && it.feed_class !== 'url' }}
<span class="stry-icon {{=it.feed_class}}"><span class="stry-accessible-hide">{{=it.feed_class}}</span></span>
{{?}}
{{?}}

{{?}}

{{? it.smart_goals.meta.count && !it.visual_smartgoals}}
{{? !it.smart_goals.data[0].data.custom_html}}
<a {{? it.smart_goals.meta.count}} href="{{=it.smart_goals.data[0].data.url}}" {{? !it.smartgoals_same_window}}
target="_blank" rel="nofollow" aria-label="Opens in a new window" {{?}}{{?}} class="stry-grid-smartgoal {{? it.accessibility_features && it.videos.length && !it.prevent_autoplay_video}}stry-grid-smartgoal-from-top{{?}}" data-stry-track="SmartGoal, click, {{=it.content_item_id }}/{{=it.smart_goals.data[0].url_name}}/text" data-stry-action="null"
{{? it.smartgoal_adobe_attribute_value}} data-adobe="{{=it.smartgoal_adobe_attribute_value}}" {{?}}>
<div class="stry-grid-smartgoal-inner">
{{? it.smart_goals.meta.count}}{{=it.smart_goals.data[0].data.text}} {{?}}
</div>
</a>
{{??}}
<div class="stry-custom-html-sg" data-stry-action="null" data-stry-track="SmartGoal, click, {{=it.content_item_id }}/{{=it.smart_goals.data[0].url_name}}/custom_html">
{{=it.smart_goals.data[0].data.custom_html}}
</div>
{{?}}
{{?}}
</div>
{{??}}
{{? it.smart_goals.meta.count && !it.visual_smartgoals && it.feed_class != 'review'}}
<div class="back">
{{? !it.smart_goals.data[0].data.custom_html}}
<a {{? it.smart_goals.meta.count}} href="{{=it.smart_goals.data[0].data.url}}" {{? !it.smartgoals_same_window}}
target="_blank" rel="nofollow" aria-label="Opens in a new window" {{?}}{{?}} class="stry-grid-smartgoal {{? it.accessibility_features && it.videos.length && !it.prevent_autoplay_video}}stry-grid-smartgoal-from-top{{?}}" data-stry-track="SmartGoal, click, {{=it.content_item_id }}/{{=it.smart_goals.data[0].url_name}}/text" data-stry-action="null"
{{? it.smartgoal_adobe_attribute_value}} data-adobe="{{=it.smartgoal_adobe_attribute_value}}" {{?}}>
<div class="stry-grid-smartgoal-inner">
{{? it.smart_goals.meta.count}}{{=it.smart_goals.data[0].data.text}} {{?}}
</div>
</a>
{{??}}
<div class="stry-custom-html-sg" data-stry-action="null" data-stry-track="SmartGoal, click, {{=it.content_item_id }}/{{=it.smart_goals.data[0].url_name}}/custom_html">
{{=it.smart_goals.data[0].data.custom_html}}
</div>
{{?}}
</div>
{{?}}
{{?}}
</div>
{{??}}
<div class="back text-only content-item no-burns">
<div class="stry-text-outer">
<div class="stry-text-inner">
<div class="stry-text">
{{? it.title && !it.feed_class.startsWith("twitter") && it.feed_class !="instagram" && it.feed_class != "sinaweibo"}}
<p class="stry-title">
{{=it.title}}
</p>
{{?}}
{{? it.feed_class.startsWith("twitter") && it.body}}
<div class="stry-snippet">
{{=it.body}}
</div>
{{?? it.snippet && !it.title }}
<div class="stry-snippet">
{{=it.snippet}}
</div>
{{?}}
</div>
</div>
</div>
<div class="content-item-footer">
<div class="stry-source">
{{? it.avatar_url }}
<img class="stry-avatar" src="{{=it.avatar_url}}" alt="" loading="lazy">
{{?}}
<div class="stry-detail">
{{? it.feed_class.startsWith("twitter") }}
<p class="stry-author">
{{? it.source.length}}
{{? !it.source.startsWith('@') }}@{{?}}{{=it.source}}
{{??}}
&nbsp;
{{?}}
</p>
{{? it.display_date }}
<p class="stry-date">{{=it.display_date.date.day.number}} {{=it.display_date.date.month.char3}} {{=it.display_date.date.year.full}}</p>
{{??}}
<p class="stry-date">{{=it.published.date.day.number}} {{=it.published.date.month.char3}} {{=it.published.date.year.full}}</p>
{{?}}
{{?? it.feed_class == 'instagram-hashtag'}}
<p class="stry-author">From Instagram</p>
{{?? it.author && it.author.length }}
<p class="stry-author">{{? it.author.length}}{{=it.author}}{{??}}&nbsp;{{?}}</p>
{{? !it.hides_dates}}
{{? it.display_date }}
<p class="stry-date">{{=it.display_date.date.day.number}} {{=it.display_date.date.month.char3}} {{=it.display_date.date.year.full}}</p>
{{??}}
<p class="stry-date">{{=it.published.date.day.number}} {{=it.published.date.month.char3}} {{=it.published.date.year.full}}</p>
{{?}}
{{?}}
{{??}}
{{? !it.hides_dates}}
{{? it.display_date }}
<p class="stry-date stry-date-only">{{=it.display_date.date.day.number}} {{=it.display_date.date.month.char3}} {{=it.display_date.date.year.full}}</p>
{{??}}
<p class="stry-date stry-date-only">{{=it.published.date.day.number}} {{=it.published.date.month.char3}} {{=it.published.date.year.full}}</p>
{{?}}
{{?}}
{{?}}
</div>
</div>
</div>
{{? it.feed && it.feed.generic && it.feed.icon && !it.feed_class.startsWith("instagram") && it.feed_type !== 'tiktok-clipped' && !it.feed_class.startsWith("twitter") && it.feed_class !== 'tiktok-user' }}
{{? it.feed_class != 'asset' }}
<img class="stry-generic-icon" src="{{=it.feed.icon}}" alt="" loading="lazy">
{{?}}
{{?? it.feed_class.startsWith("instagram") && it.feed.generic}}
<span class="stry-icon instagram"><span class="stry-accessible-hide">Instagram</span></span>
{{?? it.feed_class.startsWith("twitter") && it.feed.generic}}
<span class="stry-icon twitter"><span class="stry-accessible-hide">Twitter</span></span>
{{??}}
{{? it.feed_class !== 'custom' && it.feed_class !== 'image' && it.feed_class !== 'url' }}
<span class="stry-icon {{=it.feed_class}}"><span class="stry-accessible-hide">{{=it.feed_class}}</span></span>
{{?}}
{{?}}

{{? it.smart_goals.meta.count && !it.visual_smartgoals}}
{{? !it.smart_goals.data[0].data.custom_html}}
<a {{? it.smart_goals.meta.count}} href="{{=it.smart_goals.data[0].data.url}}" {{? !it.smartgoals_same_window}}
target="_blank" rel="nofollow" aria-label="Opens in a new window" {{?}}{{?}} class="stry-grid-smartgoal {{? it.accessibility_features && it.videos.length}}stry-grid-smartgoal-from-top{{?}}" data-stry-track="SmartGoal, click, {{=it.content_item_id }}/{{=it.smart_goals.data[0].url_name}}/text" data-stry-action="null"
{{? it.smartgoal_adobe_attribute_value}} data-adobe="{{=it.smartgoal_adobe_attribute_value}}" {{?}}>
<div class="stry-grid-smartgoal-inner">
{{? it.smart_goals.meta.count}}{{=it.smart_goals.data[0].data.text}} {{?}}
</div>
</a>
{{??}}
<div class="stry-custom-html-sg" data-stry-action="null" data-stry-track="SmartGoal, click, {{=it.content_item_id }}/{{=it.smart_goals.data[0].url_name}}/custom_html">
{{=it.smart_goals.data[0].data.custom_html}}
</div>
{{?}}
{{?}}
</div>
{{?}}
</div>
{{?}}