<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet"/>
<script async="" src="https://cdn.ampproject.org/v0.js">
</script>
<script async="" custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js">
</script>
<script async="" custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js">
</script>
<script async="" custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js">
</script>
<script async="" custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js">
</script>
<script async="" custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js">
</script>

<style amp-custom>
  .pitc > * {
    box-sizing: border-box;
  }
  .pitc-cover > img {
    object-fit: cover;
    overflow: hidden;
  }
  .pitc-article-title {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .pitc-comment-text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .pitc-username {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) {
    .pitc-comment-text {
      -webkit-line-clamp: 1;
    }
  }
  @media only screen and (min-device-width: 350px) and (max-device-width: 400px) {
    .pitc-comment-text {
      -webkit-line-clamp: 2;
    }
  }
  @media only screen and (min-device-width: 320px) and (max-device-width: 350px) {
    .pitc-article-title {
      -webkit-line-clamp: 1;
    }
  }
  @media only screen and (min-device-width: 350px) and (max-device-width: 400px) {
    .pitc-article-title {
      -webkit-line-clamp: 2;
    }
  }
</style>

<div style="padding:8px">
 <amp-list src="https://api-2-0.spot.im/v1.0.0/widget/spot/sp_ly3RvXf6/conversation_header/amp" layout="fixed-height" height="92" style="border-radius:6px;box-shadow:0 1px 14px 0 rgba(0, 0, 0, 0.12);height:92px;max-height:92px;margin-bottom:18px">
  <template type="amp-mustache">
   <div style="width:99.5%;height:92px;position:relative;display:flex;align-items:center;justify-content:flex-start;background:#fff;font-weight:300;line-height:19px;font-family:Open Sans">
    <div style="padding:0px 14px">
     <div style="background:rgb(255, 255, 255);width:65px;height:65px;border-radius:50%;box-shadow:0 1px 17px 0 rgba(0, 0, 0, 0.24)">
      <amp-img src="https://images.spot.im/image/upload/q_70,fl_lossy,dpr_3,c_limit/v200/{{logo}}.png" width="60" height="60" style="position:relative;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%)">
      </amp-img>
     </div>
    </div>
    <div style="width:100%" id="step1">
     <div style="display:flex">
      <div style="color:rgb(55, 62, 68);width:155px">
       <div style="line-height:17px;text-align:left;font-size:14px;margin:0px auto 0px 0px">
        <b>
         A new conversation is coming to "{{name}}"
        </b>
       </div>
      </div>
      <div role="button" tabindex="0" style="display:flex;align-items:center;margin:0 22px 0 auto" on="tap:step1.hide,step2.show,disclaimer.show">
       <button style="color:#000;background-color:#fff;height:19px;font-weight:bold;font-size:14px;outline:none;border:none;padding:0">
        Go
       </button>
       <div style="height:0;width:0;margin-top:1px;border-color:#000;border-style:solid;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg)">
       </div>
      </div>
     </div>
    </div>
    <div id="step2" hidden="" style="width:100%">
     <form id="spotimform" method="post" action-xhr="https://email-connect.spot.im/spotlight-register-mail/sp_ly3RvXf6" on="submit-success: step2.hide,step3_submitt_success.show; submit-error: step2.hide,step3_submitt_error.show" style="width:100%">
      <div style="display:flex">
       <div style="position:relative;width:155px">
        <input type="text" name="type" hidden="" value="amp"/>
        <input type="email" name="email" placeholder="Email Address" tabindex="0" required="" style="width:calc(100% - 20px);margin-bottom:27px;border-style:none none solid;background:none;outline:none;transition:all 0.2s ease-out 0s;border-bottom:1px solid rgb(209, 214, 218);border-radius:0;padding:10px 0px 5px 0;max-width:158px;font-size:12px"/>
        <div style="position:absolute;padding:5px 0px;top:0;left:0;font-size:13px;pointer-events:none;transform-origin:left;color:#999;transition:all 0.2s ease-out">
        </div>
       </div>
       <div role="button" tabindex="0" on="tap: spotimform.submit" style="display:flex;align-items:center;margin:0 22px 0 auto">
        <button type="submit" style="color:#000;background-color:#fff;height:19px;font-weight:bold;font-size:14px;outline:none;border:none;padding:0">
         Go
        </button>
        <div style="border-color:#000;border-style:solid;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(-45deg)">
        </div>
       </div>
      </div>
     </form>
    </div>
    <div id="step3_submitt_success" hidden="">
     <div style="display:flex;justify-content:space-between;align-items:center">
      <div style="max-width:210px">
       Keep an eye on your inbox for more details.
      </div>
      <div style="padding:20px">
       <svg width="27px" height="27px" viewBox="0 0 27 27" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
        <title>
         Group
        </title>
        <g id="Version-1-release" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="Artboard-Copy-24" transform="translate(-108.000000, -234.000000)">
          <g id="Group" transform="translate(108.000000, 234.000000)">
           <circle id="Oval" fill="#35B840" cx="13.5" cy="13.5" r="13.5">
           </circle>
           <path d="M11.2865789,16.2291896 L9.131537,13.5317769 C8.71786369,13.0139922 7.96276781,12.9295933 7.44498315,13.3432666 C6.92719849,13.7569399 6.84279957,14.5120358 7.25647288,15.0298204 L10.2227673,18.7426579 C10.6599589,19.2898798 11.4709445,19.3479211 11.9816091,18.8685363 L20.1909299,11.1620627 C20.6741239,10.7084659 20.6981171,9.94904681 20.2445203,9.46585279 C19.7909235,8.98265876 19.0315044,8.95866551 18.5483104,9.41226236 L11.2865789,16.2291896 Z" id="Path-6" fill="#FFFFFF" fill-rule="nonzero" transform="translate(13.781792, 14.140409) rotate(-3.000000) translate(-13.781792, -14.140409) ">
           </path>
          </g>
         </g>
        </g>
       </svg>
      </div>
     </div>
     <div id="step3_submitt_error" hidden="">
      Something went wrong
     </div>
    </div>
   </div>
  </template>
 </amp-list>
 <a data-spmark="ad-choice" href="https://dynamic-cdn.spot.im/yad/optout.html" target="_blank">
  <amp-img src="https://publisher-assets.spot.im/yad/ad-choises.png" width="9px" height="9px">
  </amp-img>
 </a>
 <amp-list width="auto" height="1" layout="fixed-height" items="items" style="text-align:center" src="https://api-2-0.spot.im/v1.0.0/owa-gw/spot/sp_ly3RvXf6/amp/conversation_header">
  <template type="amp-mustache">
   {{#isDisplay}}
   <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-slot="{{ code }}" json='{"targeting":{"ampRCSpotId":["sp_ly3RvXf6"]}}' rtc-config='{"vendors":{"IndexExchange":{"SITE_ID":site_id}},"timeoutMillis":1000}'>
    <div placeholder="">
    </div>
    <div fallback="">
    </div>
   </amp-ad>
   {{/isDisplay}}{{#isAniviewVideo}}
   <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-playonview="1" data-pauseonunseen="1" data-publisherid="5e0e296628a061270b21ccab" data-channelid="{{code}}" data-ref1="AV_CDIM1=sp_ly3RvXf6&AV_SCHAIN=1.0,1!spotim.market,{{seller_id}},1,,," data-passbackurl="https://play.aniview.com/57b31584f83f1518108b4568/5e71193539e7c102b4435af3/spotimpassback.js">
  </amp-ad>
  {{/isAniviewVideo}}{{#isSRVideo}}
  <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-blade_player_type="{{type}}" data-blade_player_id="{{code}}" data-blade_api_key="587dfc37febaab0002000001" data-blade_macros="{"sub_id":"spotId=sp_ly3RvXf6&source=recirculation_amp"}">
  </amp-ad>
  {{/isSRVideo}}
 </template>
</amp-list>
<amp-layout layout="responsive" width="0" height="0">
</amp-layout>
<amp-list width="auto" height="400" layout="fixed-height" items="items" src="https://api-2-0.spot.im/v1.0.0/feed/pitc/amp/sp_ly3RvXf6/default?count=8">
 <template type="amp-mustache" id="amp-spotim-rc">
  <div class="pitc">
   <div style="font-family:Open Sans;height:35px;margin-top:15px;margin-bottom:10px;font-size:18px;font-weight:800;color:#373e44">
    Popular in the Community
   </div>
   <amp-carousel type="slides" width="400" height="400" layout="responsive" autoplay="" delay="6000">
    {{#values}}
    <div style="font-family:Open Sans;width:95%;height:95%;position:relative;border-radius:7px;background-color:#fff;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1)">
     <a style="text-decoration:none;color:#000" href="{{ url }}" rel="nofollow">
      <div style="border-top-left-radius:7px;border-top-right-radius:7px;height:50%;width:100%">
       <amp-img class="pitc-cover" style="border-top-left-radius:7px;border-top-right-radius:7px" src="{{ image }}" width="600" height="300" layout="responsive" alt="{{ title }}">
       </amp-img>
       <div style="background-image:linear-gradient( to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.9));width:100%;height:50%;position:absolute;bottom:50%;left:0">
       </div>
       <div class="pitc-article-title" style="font-family:Open Sans;margin-bottom:15px;margin-left:15px;margin-right:15px;text-align:left;font-size:16px;font-weight:600;position:absolute;bottom:50%;left:0%;color:#fff;display:-webkit-box;overflow:hidden">
        {{ title }}
       </div>
      </div>
      <div style="height:50%;width:100%;padding:15px;font-size:15px;line-height:normal;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;font-weight:normal">
       <div style="font-family:Open Sans;display:flex;flex-direction:row;margin-bottom:12px;line-height:30px;text-align:center">
        <amp-img width="30" height="30" src="{{ avatar }}">
        </amp-img>
        <div class="pitc-username" style="font-family:Open Sans;font-weight:600;margin-left:8px;display:-webkit-box;overflow:hidden;word-break:break-all">
         {{ username }}
        </div>
        <div style="font-family:Open Sans;margin-left:7px;margin-right:5px;color:#727579">
         ·
        </div>
        <div style="font-family:Open Sans;color:#727579">
         {{ time }}
        </div>
       </div>
       <div class="pitc-comment-text" style="font-family:Open Sans;color:#373e44;margin-bottom:15px;display:-webkit-box;overflow:hidden">
        {{ messageText }}
       </div>
       <div style="font-family:Open Sans;margin-bottom:0;margin-top:auto;display:flex;flex-direction:row;font-size:14px;font-weight:600">
        <svg style="height:18px;width:18px;margin-right:5px;display:inline" viewBox="0 0 12 14">
         <path fill="#DB3737" fill-rule="nonzero" d="M4.429 14C2.857 13.53.666 11.476.517 9.048.368 6.621 1.2 5.181 2.702 3.56 3.704 2.479 4.415 1.292 4.835 0 6.683 1.454 8.28 4.292 8.28 7.327c.673-.549 1.173-1.355 1.501-2.42 1.391 1.29 2.003 3.278 1.595 5.184C10.97 11.985 9.143 13.53 7.57 14v-.412c1.572-.906 2.59-2.717 2.347-5a5.116 5.116 0 0 1-3.132 1.882c.078-3.045-.39-5.302-1.4-6.771C4.224 5.393 3.14 5.944 2.53 7.327c-1.174 2.66.326 5.355 1.898 6.261V14z">
         </path>
        </svg>
        Top Comment
       </div>
      </div>
     </a>
    </div>
    {{/values}}
   </amp-carousel>
  </div>
 </template>
</amp-list>
<amp-layout layout="responsive" width="0" height="0">
</amp-layout>
<a data-spmark="ad-choice" href="https://dynamic-cdn.spot.im/yad/optout.html" target="_blank">
 <amp-img src="https://publisher-assets.spot.im/yad/ad-choises.png" width="9px" height="9px">
 </amp-img>
</a>
<amp-list width="auto" height="1" layout="fixed-height" items="items" style="text-align:center" src="https://api-2-0.spot.im/v1.0.0/owa-gw/spot/sp_ly3RvXf6/amp/recirculation">
 <template type="amp-mustache">
  {{#isDisplay}}
  <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-slot="{{ code }}" json='{"targeting":{"ampRCSpotId":["sp_ly3RvXf6"]}}' rtc-config='{"vendors":{"IndexExchange":{"SITE_ID":site_id}},"timeoutMillis":1000}'>
   <div placeholder="">
   </div>
   <div fallback="">
   </div>
  </amp-ad>
  {{/isDisplay}}{{#isAniviewVideo}}
  <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-playonview="1" data-pauseonunseen="1" data-publisherid="5e0e296628a061270b21ccab" data-channelid="{{code}}" data-ref1="AV_CDIM1=sp_ly3RvXf6&AV_SCHAIN=1.0,1!spotim.market,{{seller_id}},1,,," data-passbackurl="https://play.aniview.com/57b31584f83f1518108b4568/5e71193539e7c102b4435af3/spotimpassback.js">
 </amp-ad>
 {{/isAniviewVideo}}{{#isSRVideo}}
 <amp-ad type="{{type}}" width="{{width}}" height="{{height}}" data-blade_player_type="{{type}}" data-blade_player_id="{{code}}" data-blade_api_key="587dfc37febaab0002000001" data-blade_macros="{"sub_id":"spotId=sp_ly3RvXf6&source=recirculation_amp"}">
 </amp-ad>
 {{/isSRVideo}}
</template>
</amp-list>
<amp-layout layout="responsive" width="0" height="0">
</amp-layout>
</div>