Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <!--[if !mso]><!-->
<link href="http://cms.chewy.com/fonts/roboto/email-font.css" rel="stylesheet" type="text/css">

<style type="text/css">
  @font-face {
    font-family: 'Roboto';
    src: url('http://cms.chewy.com/fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('http://cms.chewy.com/fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://cms.chewy.com/fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
    url('http://cms.chewy.com/fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
    url('http://cms.chewy.com/fonts/roboto/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: 400;
    font-style: normal;
  }

  @font-face {
    font-family: 'RobotoBold';
    src: url('http://cms.chewy.com/fonts/roboto/Roboto-Bold-webfont.eot');
    src: url('http://cms.chewy.com/fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://cms.chewy.com/fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
    url('http://cms.chewy.com/fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
    url('http://cms.chewy.com/fonts/roboto/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: 700;
    font-style: normal;
  }

  @import url('http://cms.chewy.com/fonts/roboto/email-font.css');
</style>
<!--<![endif]-->

<!--[if mso]>
<style>body,table tr,table td,a, span {  font-family:Arial, Helvetica, sans-serif !important;  }</style>
<![endif]-->
<style type="text/css">
  /* Standard CSS */

  a[x-apple-data-detectors] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
  }

  a {
    text-decoration: none;
  }

  * {
    -webkit-text-size-adjust: none;
  }

  body {
    margin: 0 auto !important;
    padding: 0px !important;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  html,
  body {
    margin: 0px;
    padding: 0px !important;
  }

  table,
  td,
  th {
    border-collapse: collapse;
    border-spacing: 0px;
    mso-table-lspace: 0pt;
    mso-table-rspace: 0pt;
  }

  div,
  p,
  a,
  li,
  td {
    -webkit-text-size-adjust: none;
  }

  * {
    -webkit-text-size-adjust: none;
  }

  img {
    display: block !important;
  }

  .ReadMsgBody {
    width: 100%;
  }

  .ExternalClass p,
  .ExternalClass span,
  .ExternalClass font,
  .ExternalClass td,
  .ExternalClass div {
    line-height: 100%;
    margin: 0px;
    padding: 0px;
  }

  .ExternalClass {
    width: 100%;
  }

  span.MsoHyperlink {
    mso-style-priority: 99;
    color: inherit;
  }

  span.MsoHyperlinkFollowed {
    mso-style-priority: 99;
    color: inherit;
  }

  .nav .yshortcuts {
    color: #666666
  }

  .blacklink .yshortcuts {
    color: #010101
  }

  .graylink .yshortcuts {
    color: #999999
  }

  .stay-black a {
    color: #010101 !important;
  }

  .footerLink {
    color: #555555 !important;
    text-decoration: none !important;
  }

  .footerLink a {
    color: #555555 !important;
    text-decoration: none !important;
  }

  .mob-br {
    display: none;
  }

  div,
  button {
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  /* Responsive CSS */

  @media screen and (max-width: 600px) and (min-width: 480px) {
    .scale {
      width: 100% !important;
      min-width: 1px !important;
      max-width: 600px !important;
      height: auto !important;
      max-height: none !important;
    }
  }

  @media (max-width: 590px) {
    .trust-text {
      font-size: 12px !important;
      line-height: 14px !important;
      padding: 5px 0px 0px 0px !important;
    }
  }

  @media (max-width: 560px) {
    .trust-text {
      font-size: 11px !important;
      line-height: 13px !important;
      padding: 5px 0px 0px 0px !important;
    }
  }

  @media (max-width: 540px) {
    .trust-text {
      font-size: 10px !important;
      line-height: 12px !important;
      padding: 5px 0px 0px 0px !important;
    }
  }

  @media (max-width: 520px) {
    .trust-text {
      font-size: 9px !important;
      line-height: 11px !important;
      padding: 5px 0px 0px 0px !important;
    }
  }

  @media (max-width: 480px) {
    .scale {
      width: 100% !important;
      min-width: 1px !important;
      max-width: 480px !important;
      height: auto !important;
      max-height: none !important;
    }
    .stack {
      width: 100% !important;
      max-width: 480px !important;
      height: auto !important;
      float: left !important;
      display: block !important;
      padding: 0px 0px 0px 0px !important;
    }
    .stack-nrb {
      width: 100% !important;
      max-width: 480px !important;
      height: auto !important;
      float: left !important;
      display: block !important;
      padding: 0px 0px 0px 0px !important;
      border-right: none !important;
    }
    .center-stack {
      width: 100% !important;
      max-width: 480px !important;
      height: auto !important;
      float: left !important;
      display: block !important;
      padding: 10px 0px 0px 0px !important;
    }
    .center-cta {
      margin: 0px auto !important;
      text-align: center !important;
    }
    .reverse-stack-top {
      width: 100% !important;
      max-width: 480px !important;
      height: auto !important;
      display: table-header-group !important;
      padding: 0px 0px 0px 0px !important;
      border: none !important;
    }
    .reverse-stack-bottom {
      width: 100% !important;
      max-width: 480px !important;
      height: auto !important;
      display: table-footer-group !important;
      padding: 0px 0px 0px 0px !important;
      border: none !important;
    }

    .pad-top {
      padding: 0px 0px 20px 0px !important;
    }
    .pad-top2 {
      padding: 0px 0px 5px 0px !important;
    }
    .stack-pad {
      padding: 0px 0px 0px 0px !important;
    }
    .logo {
      padding: 30px 0px 25px 0px !important
    }
    .prod-img {
      width: 100% !important;
      max-width: 100px !important;
    }

    .hide {
      display: none !important;
      width: 0px !important;
      height: 0px !important;
      max-height: 0px !important;
      padding: 0px 0px 0px 0px !important;
      overflow: hidden !important;
      font-size: 0px !important;
      line-height: 0px !important;
    }
    .headline {
      font-size: 26px !important;
      line-height: 28px !important;
      padding: 0px 0px 20px 0px !important;
    }
    .headline-no-pad {
      font-size: 26px !important;
      line-height: 28px !important;
      padding: 0px 0px 0px 0px !important;
    }

    .copy {
      padding: 0px 15px 20px 15px !important;
      text-align: center !important;
    }
    .copy2 {
      padding: 0px 15px 7px 15px !important;
      text-align: center !important;
    }
    .copy3 {
      padding: 10px 15px 10px 15px !important;
      text-align: center !important;
    }

    .ship-text {
      padding: 10px 0px 10px 0px !important;
      font-size: 11px !important;
      line-height: 110% !important;
      letter-spacing: 1px !important;
    }
    .contact-pad {
      padding: 20px 0px 20px 0px !important;
    }
    .contact-text {
      font-size: 16px !important;
      line-height: 120% !important;
    }
    .trust-pad {
      padding: 14px 5px !important;
    }

    /* Custom CSS */
    .mob-br {
      display: block !important;
    }
    .pr {
      padding: 0px 0px 0px 0px !important;
    }

    .trust-text {
      font-size: 11px !important;
      line-height: 13px !important;
      padding: 5px 0px 0px 0px !important;
    }

    /* Autoship Created Order Summary Styles */
    .summary-outer {
      padding: 0px 10px 30px 10px !important;
      width: 100% !important;
    }
    .summary-headline {
      text-align: center !important;
    }
    .summary-info {
      text-align: center !important;
      padding: 0px !important;
    }
    .summary-inner-pad {
      padding: 20px 20px 20px 20px !important;
      width: 100% !important;
    }
    .summary-cta {
      margin: 0px auto !important;
      text-align: center !important;
      padding: 5px 0px 0px 0px !important;
    }

    /* Order Confirmation Summary Styles */
    .order-outer {
      padding: 0px 10px 30px 10px !important;
      width: 100% !important;
    }
    .order-headline {
      text-align: center !important;
    }
    .order-inner-pad-top {
      padding: 20px 20px 10px 20px !important;
      width: 100% !important;
    }
    .order-inner-pad-btm {
      padding: 20px 20px 25px 20px !important;
      width: 100% !important;
    }
    .order-center {
      text-align: center !important;
      padding: 0px !important;
    }
    .order-info {
      text-align: center !important;
      font-size: 16px !important;
    }
    .order-text {
      text-align: center !important;
      padding-bottom: 13px !important;
      line-height: 22px !important;
      font-size: 16px !important;
    }
    .order-save {
      text-align: center !important;
      padding: 0px !important;
    }

    /* Autoship Reminder Summary Styles */
    .remind-outer {
      padding: 0px 10px 30px 10px !important;
      width: 100% !important;
    }
    .remind-headline {
      text-align: center !important;
    }
    .remind-inner-pad-top {
      padding: 20px 20px 15px 20px !important;
      width: 100% !important;
    }
    .remind-inner-pad-btm {
      padding: 20px 20px 15px 20px !important;
      width: 100% !important;
    }
    .remind-center {
      text-align: center !important;
      padding: 0px !important;
    }
    .remind-info {
      text-align: center !important;
      font-size: 16px !important;
    }
    .remind-text {
      text-align: center !important;
      padding-bottom: 13px !important;
      line-height: 22px !important;
      font-size: 16px !important;
    }
    .remind-save {
      text-align: center !important;
      padding: 0px !important;
    }
    .remind-copy {
      text-align: center !important;
      padding: 0px 0px 15px 0px !important;
      font-size: 16px !important;
    }
    .remind-date {
      padding: 20px 20px 25px 20px !important;
    }

    /* Total Styles */
    .total-info {
      font-size: 16px !important;
      padding: 0px 0px 8px 0px !important;
    }
    .total-outer {
      padding: 25px 25px 22px 0px !important;
    }

    /* Product List Without Price Styles */
    .no-price-outer {
      padding: 0px 10px 0px 10px !important;
    }
    .no-price-prod {
      padding: 0px 20px 0px 20px !important;
      text-align: center !important;
    }
    .no-price-qty {
      display: none !important;
      width: 0px !important;
      height: 0px !important;
      max-height: 0px !important;
      padding: 0px 0px 0px 0px !important;
      overflow: hidden !important;
      font-size: 0px !important;
      line-height: 0px !important;
    }
    .no-price-img {
      width: 100% !important;
      max-width: 115px !important;
      min-width: 90px !important
    }
    .no-price-text {
      font-size: 16px !important;
      line-height: 19px !important;
      padding: 0px 10px 0px 0px !important;
    }
    .no-price-col1 {
      width: 35% !important;
    }
    .no-price-col2 {
      width: 50% !important;
    }
    .no-price-col3 {
      display: none !important;
      width: 0px !important;
      height: 0px !important;
      max-height: 0px !important;
      padding: 0px !important;
      overflow: hidden !important;
      font-size: 0px !important;
      line-height: 0px !important;
    }
    .no-price-auto {
      width: 100px !important;
      min-width: 150px !important;
      max-width: 218px !important;
    }
    .hiddenQTY {
      display: block !important;
      font-family: 'Roboto', Arial !important;
      color: #010101 !important;
      font-size: 14px !important;
      overflow: visible !important;
      width: 100% !important;
      line-height: 16px !important;
      height: auto !important;
      max-height: auto !important;
      padding: 15px 0px 0px 0px !important
    }

    /* Product Loop Styles */
    .loop-outer {
      padding: 0px 10px 0px 10px !important;
    }
    .loop-prod {
      padding: 0px 20px 0px 20px !important;
      text-align: center !important;
    }
    .loop-qty,
    .loop-price {
      display: none !important;
      width: 0px !important;
      height: 0px !important;
      max-height: 0px !important;
      padding: 0px 0px 0px 0px !important;
      overflow: hidden !important;
      font-size: 0px !important;
      line-height: 0px !important;
    }
    .loop-img {
      width: 100% !important;
      max-width: 115px !important;
      min-width: 90px !important
    }
    .loop-text {
      font-size: 16px !important;
      line-height: 19px !important;
      padding: 0px 10px 0px 0px !important;
    }
    .loop-col1 {
      width: 35% !important;
    }
    .loop-col2 {
      width: 50% !important;
    }
    .loop-col3,
    .loop-col4 {
      display: none !important;
      width: 0px !important;
      height: 0px !important;
      max-height: 0px !important;
      padding: 0px !important;
      overflow: hidden !important;
      font-size: 0px !important;
      line-height: 0px !important;
    }
    .loop-auto {
      width: 100px !important;

      min-width: 150px !important;
      max-width: 218px !important;
    }
    .loopQTY {
      display: block !important;
      font-family: 'Roboto', Arial !important;
      color: #010101 !important;
      font-size: 14px !important;
      overflow: visible !important;
      width: 100% !important;
      line-height: 16px !important;
      height: auto !important;
      max-height: auto !important;
      padding: 15px 0px 3px 0px !important
    }
    .loopPRI {
      display: block !important;
      font-family: 'Roboto', Arial !important;
      color: #010101 !important;
      font-size: 14px !important;
      overflow: visible !important;
      width: 100% !important;
      line-height: 16px !important;
      height: auto !important;
      max-height: auto !important;
      padding: 5px 0px 20px 0px !important
    }

    /* Release Loop Styles */
    .rel-loop-outer {
      padding: 0px 10px 0px 10px !important;
    }
    .rel-loop-prod {
      padding: 0px 20px 0px 20px !important;
      text-align: center !important;
    }
    .rel-loop-qty,
    .rel-loop-price {
      display: none !important;
      width: 0px !important;
      height: 0px !important;
      max-height: 0px !important;
      padding: 0px 0px 0px 0px !important;
      overflow: hidden !important;
      font-size: 0px !important;
      line-height: 0px !important;
    }
    .rel-loop-img {
      width: 100% !important;
      max-width: 115px !important;
      min-width: 90px !important
    }
    .rel-loop-text {
      font-size: 16px !important;
      line-height: 19px !important;
      padding: 0px 10px 0px 0px !important;
    }
    .rel-loop-col1 {
      width: 35% !important;
    }
    .rel-loop-col2 {
      width: 50% !important;
    }
    .rel-loop-col3,
    .rel-loop-col4 {
      display: none !important;
      width: 0px !important;
      height: 0px !important;
      max-height: 0px !important;
      padding: 0px !important;
      overflow: hidden !important;
      font-size: 0px !important;
      line-height: 0px !important;
    }
    .rel-loop-auto {
      width: 100px !important;
      min-width: 150px !important;
      max-width: 218px !important;
    }
    .rel-loopQTY {
      display: block !important;
      font-family: 'Roboto', Arial !important;
      color: #010101 !important;
      font-size: 14px !important;
      overflow: visible !important;
      width: 100% !important;
      line-height: 16px !important;
      height: auto !important;
      max-height: auto !important;
      padding: 15px 0px 3px 0px !important
    }
    .rel-loopPRI {
      display: block !important;
      font-family: 'Roboto', Arial !important;
      color: #010101 !important;
      font-size: 14px !important;
      overflow: visible !important;
      width: 100% !important;
      line-height: 16px !important;
      height: auto !important;
      max-height: auto !important;
      padding: 5px 0px 20px 0px !important
    }

    .app-text {
      padding: 25px 0px 10px 0px !important;
    }
    .app-btn-outer {
      padding: 26px 0px 5px 0px !important;
    }
    .cta1-pad {
      padding: 0px 0px 20px 0px !important;
    }
    .cta2-pad {
      padding: 0px 0px 10px 0px !important;
    }
    .cta3-pad {
      padding: 0px 0px 35px 0px !important;
    }
    .ship-anim {
      padding: 0px 0px 25px 0px !important;
    }
  }

  @media (max-width: 420px) {
    .trust-text {
      font-size: 10px !important;
      line-height: 12px !important;
      padding: 5px 0px 0px 0px !important;
    }
    .trust-icon-1 {
      width: 100% !important;
      min-width: 1px !important;
      max-width: 40px !important;
      height: auto !important;
      max-height: none !important;
    }
    .trust-icon-2 {
      width: 100% !important;
      min-width: 1px !important;
      max-width: 44px !important;
      height: auto !important;
      max-height: none !important;
    }
  }

  @media (max-width: 400px) {
    .trust-pad {
      padding: 8px 0px !important;
    }
    .mob-br-400 {
      display: block !important;
    }
  }

  @media (max-width: 380px) {
    .trust-text {
      font-size: 9px !important;
      line-height: 11px !important;
      padding: 4px 0px 0px 0px !important;
    }
    .trust-icon-1 {
      width: 100% !important;
      min-width: 1px !important;
      max-width: 36px !important;
      height: auto !important;
      max-height: none !important;
    }
    .trust-icon-2 {
      width: 100% !important;
      min-width: 1px !important;
      max-width: 41px !important;
      height: auto !important;
      max-height: none !important;
    }
  }

  @media (max-width: 350px) {
    .trust-text {
      font-size: 8px !important;
      line-height: 10px !important;
      padding: 4px 0px 0px 0px !important;
    }
  }
</style>
<div width="100%" style="display:none;font-size:0px;color:#eeeeee;line-height:1px;text-align:center;opacity:0;overflow:hidden;max-height:0px;max-width:0px;">
  Questions? Call us any time 24/7 at 1-800-672-4399 or simply reply to this email | Chewy.com
</div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #eeeeee;">
  <tr>
    <td width="100%" align="center" valign="top" style="background-color: #eeeeee; padding: 10px 0px 0px 0px;">

      <table style="min-width: 600px; width: 600px;" width="600" class="scale" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="background-color: #FFFFFF;" align="center" valign="top">

            <!-- CONTENT BEGIN -->

            <table align="center" border="0" cellpadding="0" cellspacing="0" style="min-width: 600px; width: 600px;" width="600" class="scale">
              <tr>
                <td valign="top" style="padding: 0px" class="pad-top2">

                  <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-radius:5px;">

                    <tr>
                      <td align="center" style="padding: 45px 0px 40px 0px" class="logo">
                        <a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1B-2B-2FNY0ezY6ZOubUFS6ToUny3im6dkz8piITFeyy2AgbOur2fe6wcYYs6yVIsnYJP-2Fuy7eza7pA0Kfw8D5kkJ6PkNwfQRt9j2pe1edgqvn5e0O20TkDFtYkVy2WABl3qXA-3D-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1UY2HRg8-2F9cb7ICfsb-2F4-2FJFyId0vViayJy5vR1hRvmbHHyo8tEgB-2F038DZiNgZxbp6KcR4sl-2FEVufHN6det17EE5SCAl3Ox8LeqnaOSxejUS-2FIvbYMHkYdm-2FU1SB-2BWfqsn8Dmf9E9heQAW3bKr5eFFKShr0-2FmX4t3N2dD9AvVO6n1pE-2FHsN1hgNjIABLjLYJan6ojIRWnOrd81IoM-2BXiY7A-3D-3D"
                          target="_blank" style="color:#128ced; text-decoration:none;outline:0;"><img style="display: block; margin: 0px auto;" src="https://cms.chewy.com/email/transactional/logo.png" border="0" alt="Chewy" /></a>
                      </td>
                    </tr>

                    <tr>
                      <td align="center" style="font-family:'RobotoBold', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 40px; mso-line-height-rule: exactly; color:#444444; text-align:center; line-height: 40px; padding: 0px 0px 25px 0px;" class="headline">
                        You have 3 days left to <br /> change your Autoship
                      </td>
                    </tr>
                    <tr>
                      <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; color: #010101; font-size: 18px; mso-line-height-rule: exactly; line-height: 24px; padding: 0px 50px 25px 50px; text-align: center;" class="copy">
                        Autoship #3 is almost ready to ship, but there's still time to make changes! Click below to ship it sooner or change to a later&nbsp;date.
                      </td>
                    </tr>
                    <tr>
                      <td valign="top" style="padding: 0px 0px 25px 0px;">

                        <table cellpadding="0" cellspacing="0" border="0" width="100%">
                          <tr>
                            <td style="text-align: center;" valign="top">

                              <table align="center" width="298" style="margin: 0px auto; width: 298px;" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                  <td width="145" style="background-color:#008AF1; color: #FFFFFF; text-align:center; border-radius:5px; vertical-align: middle; padding: 8px 0px 8px 0px; width: 145px;">
                                    <a href="#"
                                      target="_blank" style="font-family:'RobotoBold', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color:#FFFFFF; text-decoration: none;">SHIP NOW</a>
                                  </td>
                                  <td width="8"></td>
                                  <td width="145" style="background-color:#008AF1; color: #FFFFFF; text-align:center; border-radius:5px; vertical-align: middle; padding: 8px 0px 8px 0px; width: 145px;">
                                    <a href="#"
                                      target="_blank" style="font-family:'RobotoBold', Helvetica, Arial, sans-serif; font-size: 16px; font-weight: 700; color:#FFFFFF; text-decoration: none;">CHANGE DATE</a>
                                  </td>
                                </tr>
                              </table>

                            </td>
                          </tr>

                        </table>

                      </td>
                    </tr>

                  </table>

                </td>
              </tr>

              <tr>
                <td valign="top" style="padding: 0px 20px 30px 20px;" class="remind-outer">

                  <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td valign="top" style="background-color: #fafafa; border: 1px solid #e5e5e5;">

                        <table width="100%" align="center" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <th width="50%" valign="top" style="padding: 0px!important; border-right: 1px solid #e5e5e5; font-weight: normal; vertical-align: top;" class="stack-nrb">
                              <table align="center" width="100%" cellpadding="0" cellspacing="0" border="0" class="scale">
                                <tr>
                                  <td class="remind-inner-pad-top" style="padding:18px 18px 20px 20px; vertical-align: top;" valign="top">

                                    <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                      <tr>
                                        <td width="100%" style="font-family:'RobotoBold', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 10px 0px; text-align: left; text-transform:uppercase;"
                                          class="remind-headline">
                                          Autoship #3:
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="font-family:'RobotoBold', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 3px 0px; text-align: left;" class="remind-info">Estimated shipping date:</td>
                                      </tr>
                                      <tr>
                                        <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 3px 0px; text-align: left;" class="remind-info">Monday, April 30, 2018</td>
                                      </tr>
                                      <tr>
                                        <td style="font-family:'RobotoBold', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 15px 0px 3px 0px; text-align: left;" class="remind-info">Last day to change order:</td>
                                      </tr>
                                      <tr>
                                        <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 3px 0px; text-align: left;" class="remind-info">Saturday, April 28, 2018</td>
                                      </tr>
                                      <tr>
                                        <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#128ced; padding: 12px 0px 0px 0px; text-align: left;" class="remind-info">
                                          <a style="color: #128ced; text-decoration: none;" href="#"
                                            target="_blank">Manage This Autoship</a>
                                        </td>
                                      </tr>
                                    </table>

                                  </td>
                                </tr>
                              </table>
                            </th>
                            <th width="50%" valign="top" style="padding: 0px!important; font-weight: normal; vertical-align: top;" class="stack">
                              <table width="100%" cellpadding="0" cellspacing="0" border="0" class="scale">
                                <tr>
                                  <td class="remind-inner-pad-btm" style="padding:18px 18px 20px 20px; vertical-align: top;" valign="top" align="center">

                                    <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                      <tr>
                                        <td style="font-family:'RobotoBold', Helvetica, Arial, sans-serif; font-weight: 700; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 10px 0px; text-align: left; text-transform:uppercase;" class="remind-headline">SHIPPING ADDRESS:</td>
                                      </tr>
                                      <tr>
                                        <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 3px 0px; text-align: left;" class="remind-info">
                                          Smiles Davis
                                        </td>
                                      </tr>
                                      <tr>
                                        <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 3px 0px; text-align: left;" class="remind-info">
                                          600 Montgomery St
                                        </td>
                                      </tr>
                                      
                                      <tr>
                                        <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 21px; mso-line-height-rule: exactly; color:#010101; padding: 0px 0px 3px 0px; text-align: left;" class="remind-info">
                                          San Francisco, CA 94111
                                        </td>
                                      </tr>
                                    </table>

                                  </td>
                                </tr>
                              </table>
                            </th>
                          </tr>
                        </table>

                      </td>
                    </tr>

                  </table>

                </td>
              </tr>

              <tr>
                <td valign="top" style="padding: 0px 20px 0px 20px;" class="loop-outer">

                  <table style="min-width: 560px; width: 560px;" width="560" class="scale" cellpadding="0" cellspacing="0" border="0">
                    <tr>
                      <td style="background-color: #fafafa; padding: 15px 20px 15px 20px; border-bottom: 1px solid #e5e5e5;" valign="top">

                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td width="75%" style="font-family:'RobotoBold', Helvetica, Arial; color:#333333; font-weight:700; font-size: 16px; text-transform: uppercase; text-align: left;" class="loop-prod">

                              ITEMS IN Autoship #3

                            </td>
                            <td class="loop-qty" width="10%" style="font-family:'Roboto', Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; text-align: center;">
                              QTY
                            </td>
                            <td class="loop-price" width="15%" style="font-family:'Roboto', Helvetica, Arial, sans-serif; color: #333333; font-size: 14px; text-align: right;">
                              PRICE
                            </td>
                          </tr>
                        </table>

                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

              <tr>
                <td valign="top" style="padding: 0px 20px 20px 20px;" class="loop-outer">

                  <table style="min-width: 560px; width: 560px;" width="560" class="scale" cellpadding="0" cellspacing="0" border="0">

                    <tr>
                      <td valign="top" style="padding: 25px 0px 20px 0px; border-bottom: 1px solid #e5e5e5;">

                        <table style="min-width: 560px;" width="560" class="scale" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td class="loop-col1" width="124" align="center">
                              <a href="#"
                                target="_blank"><img class="loop-img" style="display: block; text-decoration: none; margin: 0px auto;" src="https://img.chewy.com/is/catalog/108436_MAIN._AC_SS115_V1486750898_.jpg" width="115" border="0" alt=""></a>
                            </td>
                            <td style="padding: 0px 0px 0px 15px;" class="loop-col2" width="264" valign="middle">

                              <table style="max-width: 264px;" width="264" cellpadding="0" cellspacing="0" border="0" class="scale">
                                <tr>
                                  <td style="font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #010101!important; font-size: 16px; line-height: 21px; vertical-align: middle; text-align: left;" valign="middle" class="loop-text">
                                    <a style="text-decoration: none; color: #010101;" href="#"
                                      target="_blank">
                                                American Journey Lamb & Sweet Potato Recipe Grain-Free Puppy Dry Dog Food, 24-lb bag
                                                </a>
                                  </td>
                                </tr>
                                <tr>
                                  <td style="display: none; width: 0px; height: 0px; max-height: 0px; padding: 0px; overflow: hidden; font-size: 0px; line-height: 0px;" class="loopQTY">
                                    <a style="text-decoration: none; color: #010101;" href="#"
                                      target="_blank">QTY: 1</a>
                                  </td>
                                </tr>
                                <tr>
                                  <td style="display: none; width: 0px; height: 0px; max-height: 0px; padding: 0px; overflow: hidden; font-size: 0px; line-height: 0px;" class="loopPRI">
                                    <a style="text-decoration: none; color: #010101;" href="#"
                                      target="_blank">PRICE:</a>

                                    <span style="color: #000000; font-weight: 700; text-decoration: line-through;">$39.99</span>
                                    <br />

                                    <a style="text-decoration: none; font-weight: 700; color: #bc0101;" href="#"
                                      target="_blank">$35.99</a>
                                  </td>
                                </tr>

                                <tr>
                                  <td style="padding: 15px 0px 0px 0px; text-align: left;">
                                    <a href="#"
                                      target="_blank" style="text-decoration:none; color:#000000; outline:0;">
                                                                <img style="display: block;" src="https://cms.chewy.com/email/transactional/autoship-icon-10percent.png" border="0" class="loop-auto" alt="Autoship &amp; Save - Save 10% Off with every Autoship order" /></a>
                                  </td>
                                </tr>

                              </table>

                            </td>
                            <td width="76" style="font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #010101!important; font-size: 18px; vertical-align: middle; text-align: center;" class="loop-col3">
                              <a style="text-decoration: none; color: #010101;" href="#"
                                target="_blank">1</a>
                            </td>
                            <td width="96" style="font-family: 'RobotoBold', Helvetica, Arial, sans-serif; color: #bc0101!important; font-weight: 700; font-size: 18px; vertical-align: middle; text-align: center;" class="loop-col4">
                              <span style="color: #000000; text-decoration: line-through;">$39.99</span>
                              <br />

                              <a style="text-decoration: none; color: #bc0101;" href="#"
                                target="_blank">$35.99</a>
                            </td>
                          </tr>
                        </table>

                      </td>
                    </tr>

                  </table>
                </td>
              </tr>
              <tr>
                <td style="font-family:'Roboto', Helvetica, Arial, sans-serif; font-size: 12px; font-style: italic; color:#010101; padding: 0px 20px 25px 20px; text-align: center;" class="remind-date">
                  Estimated payment charge date is 4/28/18. Please note that prices are subject&nbsp;to&nbsp;change.
                </td>
              </tr>

            </table>

          </td>
        </tr>

        <tr>
          <td bgcolor="#eeeeee" style="height: 15px; line-height: 15px; mso-line-height: 15px;">
            &nbsp;
          </td>
        </tr>
        <tr>
          <td valign="top">
            <table align="center" border="0" cellpadding="0" cellspacing="0" style="min-width: 600px; width: 600px;" width="600" class="scale">
              <tr>
                <td valign="top">

                  <table border="0" cellpadding="0" cellspacing="0" style="min-width: 600px; width: 600px; background-color: #128ced;" width="600" class="scale">
                    <tr>
                      <td width="100%" align="center" valign="middle" style="vertical-align: middle;">
                        <table cellpadding="0" cellspacing="0" border="0" style="margin: 0px auto;">
                          <tr>
                            <td style="padding: 23px 0px 25px 0px;" class="contact-pad" align="center">
                              <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                  <td style="font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; color: #ffffff!important; text-align: center;" class="contact-text" align="center"><a style="text-decoration: none; color: #ffffff;" href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=fbCnLZtEswaqmL-2BKC2UiUec5H6PEUPUQ8ck-2B270SYoTgbyZwMeOoCUpM2-2BG2R2L6OgOpv4NsrjWML-2BY6IlQgK7Mzk2lPFTwQz0kw5ld3Ncxs9Mam8vJy80QJQm1NERXPi0NpFi8OF9Q0ZrUhX2XL7aaSWKJoxL52DfyQK9LRJK0-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1LXajQm7Z7-2FkiBIfr34iQ-2FlavKphYDhSmBPDEDnhEqDc2I2zAwzqW2bVTISuyUrKwgATkcjFMJoFU0ZoSVutlKVxohfQw5rgvuycqD4l1DJV-2B4h-2Fz-2FeMFY5nMxY5KJ0W-2FxQu3hkbCVXN38FQ9watfD7NKmApLms-2FYKb3WimmNK9KJ4JgHKQ3qzgAhw02SfCD1Kzn0aLhiFuUdL9iOmTB6GQ-3D-3D"
                                      target="_blank" rilt="ContactUs_Text">Call us 24/7 at <span style="font-family: 'RobotoBold', Helvetica, Arial, sans-serif; font-weight: 700;">1-800-672-4399</span> <span class="mob-br"></span> or reply to this email</a></td>
                                </tr>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>

                </td>
              </tr>
              <tr>
                <td valign="top" style="background-color: #FFFFFF;">
                  <table cellpadding="0" cellspacing="0" style="width:100%; border-collapse:collapse" border="0">
                    <tr>
                      <td width="25%" align="center" valign="bottom" style="border-right:1px solid #EBEBEB; padding: 20px; vertical-align: bottom;" class="trust-pad">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td style="vertical-align:bottom; text-align: center;" align="center"><a href="#"
                                target="_blank" style="text-decoration: none;"><img style="display: block; font-size: 8px; width: 58px; max-width: 58px; height: auto; max-height: none; margin: 0px auto;" src="https://cms.chewy.com/email/transactional/csr-icon.png" width="58" height="50" border="0" class="trust-icon-2"></a></td>
                          </tr>
                          <tr>
                            <td style="text-align: center; color:#444444!important; font-size:13px; font-family:'Roboto', Helvetica, Arial,sans-serif!important; padding: 5px 0px 0px 0px; mso-line-height-rule: exactly; line-height: 16px;" align="center" class="trust-text"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1E5We7MisOYKnoHst2u4zPnuTvgXRgdHjPjsWuRR5bmulBmAiU0bljl1MFxPPJ9-2Fk0K-2Bg1g1WwYdRiWf1Bc4nODV3kFyf0cwOLBydsvCwFoPFspGz3UxkDGZqnriyAD9hh8RhqN-2FWySxUywQh22dRNA-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1YRMRr1cMq5y8xLnwih1nB-2BclOVeCLRvZWipfclWzQDRKQKVYdaNOxZujuUEXX-2BSf9BR1gcM1qAF83rzNTqGEWykfmndoX4K-2BHlXjd5J2A1KucKv9Dle4ic8qAjaJAo9n2e4v7A-2BYYh25PiSJ7mQfksRKNiiVZzKTRYwwsa-2FZYGFnEVHlcf25FbhE-2BN5VGycxnZrNBy-2Fqu4QWCevrJLKY0w-3D-3D"
                                target="_blank" style="color:#444444; text-decoration:none">CUSTOMER <br />
                                SERVICE</a></td>
                          </tr>
                        </table>
                      </td>
                      <td width="25%" align="center" valign="bottom" style="border-right:1px solid #EBEBEB; padding: 20px; vertical-align: bottom;" class="trust-pad">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td style="vertical-align:bottom; text-align: center; padding: 13px 0px 0px 0px;"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1E5We7MisOYKnoHst2u4zPnxI6ulvDRzT6hvu2bBwlPGV9gwcdLUySHwAa1UxAWQjhMOiZTrbLKXqgy6OI8pdxPskWhxE3m7ciSMwT7Uk0uoCo7Wi7GridSricspIapqbjHqKvHAD4Q-2FpnuklE-2FGv4U-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1AOIg5W-2BUm75xHJh8EXSnGUSgz2uvhZahj2rlLSgCsOnjBe6dQfJ9MojcZ-2B6RPjIE4BCZ7ggar0lRWXtnpdMRuNX5HCCCNlMo7T1Rg5EXfZnP4LwnFOvrLew-2BP9yjHIePaYB7SLF0uC8dg9hEbt504lM2R0kPZMFpkmZYcczHwp85Pk9LB2E2zAtSU6OL-2Brbz5zt1zm3jJaVZ69e-2FOKYQ-2Fw-3D-3D"
                                target="_blank" style="outline:0; text-decoration:none"><img style="display: block; font-size: 8px; width: 54px; max-width: 54px; height: auto; max-height: none; margin: 0px auto;" src="https://cms.chewy.com/email/transactional/shipping-icon.png" width="54" height="37" border="0" class="trust-icon-1"></a></td>
                          </tr>
                          <tr>
                            <td style="text-align: center; color:#444444!important; font-size:13px;  margin:0; font-family:'Roboto', Helvetica, Arial,sans-serif!important; padding: 5px 0px 0px 0px; mso-line-height-rule: exactly; line-height: 16px;" align="center" class="trust-text"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1E5We7MisOYKnoHst2u4zPnxI6ulvDRzT6hvu2bBwlPGV9gwcdLUySHwAa1UxAWQjhMOiZTrbLKXqgy6OI8pdxPskWhxE3m7ciSMwT7Uk0uoCo7Wi7GridSricspIapqbjHqKvHAD4Q-2FpnuklE-2FGv4U-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d13wyqkKy1X7rB5RGlrodxcyIFRshkIlu79GiN2Qn4V8nhAQmIfCVDch-2BziTg53IXG1Q9MFTttlv6xu-2ByLeoLGid-2BAkLXQicwKQByniUycc4cOHjKWCTbNcEeAOTc45pAk76FVeLRlS7atrr7tk8YESMK38p0pkdnGFm-2B7W-2FiGyOAlzdOb1UPBGU8njdmWhtukvFq8FiOaRF3onqGgP3i0yA-3D-3D"
                                target="_blank" style="outline:0;color:#444444; text-decoration:none">
                                FREE SHIPPING <br /> ORDERS $49+</a></td>
                          </tr>
                        </table>
                      </td>
                      <td width="25%" align="center" valign="bottom" style="border-right:1px solid #EBEBEB; padding: 20px; vertical-align: bottom;" class="trust-pad">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td style="vertical-align:bottom; text-align: center;"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1E5We7MisOYKnoHst2u4zPnhkgFjy2HYI8b95X8PI-2BLRAQtudMzOoeCIxTG7aR6E6VcRJTWT1WIYE7C4fVCegefFCMs08wZNTXkZP7y4pl2eZipZh6YWcW81WBXYwBltBEL-2Bm9nqFU-2Bvc32xE-2FCR41k-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1v2lJNGWve-2FlFYhrntkDGFsxkYB8aLDcv37JbrwtJ0xivaduEFCCoBPiPhBKmeFoNu-2FeBwWOOVLneKnV2WpQS3e-2Bge7DdoueeQEroi99qwF9-2Fe-2FjObTE62uaQ593uKHdOwyebkkHdq-2BBfeuK9yIkvSO-2Bgm-2BIMuX628fIIDyiurFgM94jWJAXTu99I8jBSjjirq4uUEHkXEUqt1RfwzfYQ8A-3D-3D"
                                target="_blank" style="outline:0; text-decoration:none"><img style="display: block; font-size: 8px; width: 50px; max-width: 50px; height: auto; max-height: none; margin: 0px auto;" src="https://cms.chewy.com/email/transactional/moneyback-icon.png" width="50" height="50" border="0" class="trust-icon-1"></a></td>
                          </tr>
                          <tr>
                            <td style="text-align: center; color:#444444!important; font-size:13px; margin:0; font-family:'Roboto', Helvetica,Arial,sans-serif!important; padding: 5px 0px 0px 0px; mso-line-height-rule: exactly; line-height: 16px;" align="center" class="trust-text"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1E5We7MisOYKnoHst2u4zPnhkgFjy2HYI8b95X8PI-2BLRAQtudMzOoeCIxTG7aR6E6VcRJTWT1WIYE7C4fVCegefFCMs08wZNTXkZP7y4pl2eZipZh6YWcW81WBXYwBltBEL-2Bm9nqFU-2Bvc32xE-2FCR41k-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d14IGTooGtkDIgX9VShXhtVXVVqm3NoO74DKmhM65qcfsperLBRLfQsS6zdTVrqtGyA110ORGE1hz-2BP91AsZImDDGr-2Fv4RP6echn2tqK2cVwd3n-2BkX7QKYhmsTG5LsjcJws6D5UY8cjSQt8je8tEZIoA-2FDbUVxhMN76Kzkjn7SngJ2n2OjoZ7F1dHyCq0Du3Z5AtsDaHT1aA-2BPOSQ8qx-2FmAQ-3D-3D"
                                target="_blank" style="outline:0;color:#444444; text-decoration:none">SATISFACTION <br /> GUARANTEED</a></td>
                          </tr>
                        </table>
                      </td>
                      <td width="25%" align="center" valign="bottom" style="padding: 20px; vertical-align: bottom;" class="trust-pad">
                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                          <tr>
                            <td style="vertical-align:bottom; text-align: center;"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1E5We7MisOYKnoHst2u4zPnrk7KcS77Rm0M3zoOmleHhH18gEwPeurjDgG0Xb166oRqlDe8muqcSpCgcMyguae9IOJPm3izRs3WylxCQ9nGk-2BpqYqzDALHjMovMfghTxYfc9ppJrSPPjk9Zy7tjTZtY-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1HHJxM-2BZLe23hJgsIy-2Fefn-2FwgUlAN7LZMZAqG9nH-2FzDqJVV9WJBQeRNtPFSKF3qmuXu5RGfVWMUF5mAPAFesVmlht0gHVjVtoTFdxQ-2BaeYyzE-2BKh1QxUB2PkBTwdwz-2F2ptmDyKDHiZqnHirLC-2FDYgR-2FhRbMzwPV3ED1jhz-2Fif4D-2Bl3csmrvY6cK8t02hGq4bL1eer6zMV7EHNEkp6NKLNUA-3D-3D"
                                target="_blank" style="outline:0; text-decoration:none"><img style="display: block; font-size: 8px; width: 58px; max-width: 58px; height: auto; max-height: none; margin: 0px auto;" src="https://cms.chewy.com/email/transactional/return-icon.png" width="58" height="50" border="0" class="trust-icon-2"></a></td>
                          </tr>
                          <tr>
                            <td style="text-align: center; color:#444444!important; font-size:13px; margin:0; font-family:'Roboto', Helvetica, Arial,sans-serif!important; padding: 5px 0px 0px 0px; mso-line-height-rule: exactly; line-height: 16px;" align="center" class="trust-text"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1E5We7MisOYKnoHst2u4zPnrk7KcS77Rm0M3zoOmleHhH18gEwPeurjDgG0Xb166oRqlDe8muqcSpCgcMyguae9IOJPm3izRs3WylxCQ9nGk-2BpqYqzDALHjMovMfghTxYfc9ppJrSPPjk9Zy7tjTZtY-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1MjXwVn5uhe-2FymTZgrDP21yN7emum2p7rLPiy6fftvCVMUgtPFgPL-2BJ-2FHxzdXOPa3YBWZqp-2Bkj8NGQqIAKxKxdRkpmyIJ5wBgsNaFgXRvxH9Nz22LCckyDdx84UERe96zNzlQQHctlvD1zUBWN-2FrbFSeCW5HQVAhO0qr07tV7fzLV46dAruvC7ne8uBacLQ-2FnNxvYls1dUodao6mX0-2FE5mA-3D-3D"
                                target="_blank" style="outline:0;color:#444444; text-decoration:none">HASSLE-FREE <br /> RETURNS</a></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
              <tr>
                <td valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" width="100%">
                    <tr>
                      <td style="padding: 35px 0px 15px 0px;" valign="top" align="center" class="app-btn-outer">

                        <table cellpadding="0" cellspacing="0" border="0" style="width: 318px;" width="318">
                          <tr>
                            <th style="font-weight: normal;" class="stack" align="center">
                              <a style="text-decoration: none;" href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=IyAyMC7xYoXyIuzB-2BzZfFmw1Ix6QYUSabxsj8zro-2FAt32-2BPMeEbtnOaDOHPZWYvi5iHGsYghEY6RKd0KpJExwiMW4u8dqG4TXKBQwUzH1YCIa6-2Bhh6UyO59NaXFlCIqp8LeCUZjbAvG3enIAyRiEERoAdFfx34LXrwp0wKq8zlc-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1qT9yFC-2BqBp9-2FhFEwlI9XeZZWfCyh1Apydh9zQXhA6laBuCCXltWoVR0Qop6CUy328CDpqpIjJbS04-2FQPsh1Y6lgl3WfHP32fbpDp1bVQqOWiUQsp3Oea41aoD-2FbptbOHv67IenfEB-2BH0oF8cSEycZTvVwyaPg8JJzer-2FVGiS8frFcgvjg5yDQL3QrJY37DMUbEuy7ORcMxa2SaZswFiggA-3D-3D"
                                target="_blank"><img style="display: block;" src="https://cms.chewy.com/email/transactional/app-store-v2.png" border="0" alt="App Store" /></a>
                            </th>
                            <th style="font-weight: normal;" class="stack" align="center">
                              <a style="text-decoration: none;" href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=IyAyMC7xYoXyIuzB-2BzZfFmw1Ix6QYUSabxsj8zro-2FAt32-2BPMeEbtnOaDOHPZWYvi5iHGsYghEY6RKd0KpJExwiMW4u8dqG4TXKBQwUzH1YCIa6-2Bhh6UyO59NaXFlCIqp8LeCUZjbAvG3enIAyRiEERoAdFfx34LXrwp0wKq8zlc-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1FRBtbIN10hhfkNh9dYHb16TT18cQFMSg3KiwwgaTjUWlJKEspxRE27J10Iykfk5XN2TtPCklVYT32BMAxdKoVr3sAt-2F413i-2BbXqHXWhCVTX8L8yo65BpASAiG5g6pLYjHqWJ1IbKOq2H-2Fa9zCyje6K0EujJXSjQu4-2FQilbMMGs4BnIJCB6bfO4rRkLqy6-2Fu8gDB3qilCQ93VLF5VtS3-2BpQ-3D-3D"
                                target="_blank"><img style="display: block;" src="https://cms.chewy.com/email/transactional/google-play-v2.png" border="0" alt="Google Play" /></a>
                            </th>
                          </tr>
                        </table>

                      </td>
                    </tr>
                    <tr>
                      <td width="100%" align="center" style="padding: 15px 0px 20px 0px;">
                        <table cellpadding="0" cellspacing="0" border="0" style="width: 100%;" width="100%">
                          <tr>
                            <td align="center" style="font-family:'Roboto',Arial,sans-serif!important;"><a href="http://email-sendgrid-deep-linking.chewy.com/wf/click?upn=2qS20v7LCpA-2BVpd-2FX-2Fr-2F1B-2B-2FNY0ezY6ZOubUFS6ToUny3im6dkz8piITFeyy2AgbOur2fe6wcYYs6yVIsnYJP-2Fuy7eza7pA0Kfw8D5kkJ6PkNwfQRt9j2pe1edgqvn5e0O20TkDFtYkVy2WABl3qXA-3D-3D_CmwAv3oRa0AH4Hd1bWC6X6p1xqrVRedZKih16VD-2B0xqBdNg7zLAJnwjnB1dWQ5d1cy8sFE-2BdpHjGt8aOvHdoXyQ1-2Bmz6wKF1O6UDctk3TMpq80UaJR16hjVmR3qlHv4NgZE2VQwpU7O64PgvEwyL0CB-2B1Ue6DN0yX1MyuxBO2F-2Bnser94E3zSSblVh-2B2ynCMeSCCjh70MmW532-2FPuFKG9PayvFdL9Nnnt69ELJXI841VqBAqG6bDRdsj6hQbe2T5bRRwWflse-2F1orZZvKUrNMA-3D-3D"><img style="display: block; margin: 0px auto;" src="https://cms.chewy.com/email/transactional/gray-logo.png" border="0" alt="Chewy" /></a></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>

            </table>
          </td>
        </tr>
      </table>

    </td>
  </tr>
</table>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console