.bg-warning-stripes {
  background: repeating-linear-gradient(
    -55deg,
    #FFF1D9,
    #FFF1D9 10px,
    #FFFFEB 10px,
    #FFFFEB 20px
  );
}

.bg-chevron-right {
  /* This is a URL encoded version of the `chevron-right.svg`:
   *
   * <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px">
   *   <polyline points="6.25,2.5 13.75,10 6.25,17.5" stroke="#8E8E8E" fill="none" strokeWidth="4" strokeLinecap="round" strokeMiterlimit="10"/>
   * </svg>
   *
   * It seems really hard to embed this using webpack, so it's hard coded for
   * now (and since this thing will change once in a blue moon...)
   */
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2020%2020%22%20width=%2220px%22%20height=%2220px%22%3E%3Cpolyline%20points=%226.25,2.5%2013.75,10%206.25,17.5%22%20stroke=%22%238E8E8E%22%20fill=%22none%22%20strokeWidth=%224%22%20strokeLinecap=%22round%22%20strokeMiterlimit=%2210%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px 15px;
}
