ul.checkmark {
  list-style-type: none;
  padding-left: 0;
}

ul.checkmark li {
  position: relative;
  padding-left: 2em;
}

ul.checkmark li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgNTYgNTYiPgogIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTIzLjA3OCA0OC4wMjdjMS4wMDggMCAxLjgwNS0uNDQ1IDIuMzY3LTEuMzEyTDQ3LjU5NCAxMS44NGMuNDIyLS42OC42MS0xLjE5NS42MS0xLjczNWMwLTEuMjg5LS44NjgtMi4xMzItMi4xNTctMi4xMzJjLS45MTQgMC0xLjQ1My4zMDQtMi4wMTYgMS4xOTVMMjIuOTg0IDQyLjcwN0wxMi4wNjIgMjguNDFjLS41ODUtLjgyLTEuMTQ4LTEuMTQ4LTIuMDE1LTEuMTQ4Yy0xLjMxMyAwLTIuMjUuOTE0LTIuMjUgMi4yMDNjMCAuNTM5LjIzNCAxLjE0OC42OCAxLjcxTDIwLjY0IDQ2LjY2OWMuNzI2LjkxNCAxLjQzIDEuMzYgMi40MzcgMS4zNiIvPgo8L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

ul.rotating {
  list-style-type: none;
  padding-left: 0;
}

ul.rotating li {
  position: relative;
  padding-left: 2em;
}

ul.rotating li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMjAwIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+CiAgPHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNMjQwIDU2djQ4YTggOCAwIDAgMS04IDhoLTQ4YTggOCAwIDAgMSAwLTE2aDI3LjRsLTI2LjU5LTI0LjM2bC0uMjUtLjI0YTgwIDgwIDAgMSAwLTEuNjcgMTE0Ljc4YTggOCAwIDAgMSAxMSAxMS42M0E5NS40NCA5NS40NCAwIDAgMSAxMjggMjI0aC0xLjMyYTk2IDk2IDAgMSAxIDY5LjA3LTE2NEwyMjQgODUuOFY1NmE4IDggMCAxIDEgMTYgMFoiLz4KPC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}