/** Shopify CDN: Minification failed

Line 16:0 Unexpected "<"
Line 49:0 Unexpected "<"
Line 77:5 Expected ":"
Line 79:2 Comments in CSS use "/* ... */" instead of "//"
Line 81:10 Expected ":"
Line 83:2 Comments in CSS use "/* ... */" instead of "//"
Line 85:10 Expected ":"
Line 86:10 Expected ":"
Line 87:10 Expected ":"
Line 89:2 Comments in CSS use "/* ... */" instead of "//"
... and 4 more hidden warnings

**/
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css">

<style>
.delivery-status-widget {
display: flex;
flex-direction: row;
justify-content: space-around;
align-items: center;
font-size: 13px; 
margin-bottom: 10px;
line-height: 15px;
color: #121212;

  }
  .delivery-status-widget .status {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 15px;
  }
  .delivery-status-widget .status-icon {
    font-size: 24px;
    margin-bottom: 5px;
	color: #121212!important;
  }
  .delivery-status-widget .status-text {
    font-weight: bold;
    margin-bottom: 5px;
  }
  .delivery-status-widget .status-date {
    font-size: 12px;
    color: gray;
  }
</style>

<div class="delivery-status-widget">
  <div class="status">
    <i class="fas fa-shopping-bag status-icon" style="color: gray;"></i>
    <div class="status-text">Ordered</div>
    <div class="status-date" id="order-date"></div>
  </div>
<div class="status">
    <i class="fas fa-angle-double-right"></i>
  </div>
  <div class="status">
    <i class="fas fa-shipping-fast status-icon" style="color: grey;"></i>
    <div class="status-text">Shipped</div>
    <div class="status-date" id="ship-date"></div>
  </div>
<div class="status">
    <i class="fas fa-angle-double-right"></i>
  </div>
  <div class="status">
    <i class="fas fa-box-open status-icon" style="color: grey;"></i>
    <div class="status-text">Delivered</div>
    <div class="status-date" id="delivery-date"></div>
  </div>
</div>

<script>
  window.onload = function() {
  var today = new Date();

  // Ordered
  var orderedDate = today.toLocaleDateString("en-US", { month: 'short', day: 'numeric' });
  document.getElementById("order-date").innerHTML = orderedDate;

  // Shipped
  var shipDate = new Date(today);
  shipDate.setDate(today.getDate() + 1);
  shipDate = shipDate.toLocaleDateString("en-US", { month: 'short', day: 'numeric' });
  document.getElementById("ship-date").innerHTML = shipDate;

  // Delivered
  var deliveryDate = new Date(today);
  deliveryDate.setDate(today.getDate() + 5);
  deliveryDate = deliveryDate.toLocaleDateString("en-US", { month: 'short', day: 'numeric' });
  document.getElementById("delivery-date").innerHTML = deliveryDate;
}

</script>