$mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor' aria-hidden='true' data-slot='icon'><path fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z' clip-rule='evenodd'></path></svg>");

ol.is-style-check-solid,
ul.is-style-check-solid {
  list-style: none;

  ul, ol {
    list-style: none;
  }

  li {
    width: 100%;
    position: relative;
    line-height: 1.5;

    &::before {
      content: "";
      display: inline-block !important;
      mask: $mask;
      -webkit-mask: $mask;
      width: 1.3em;
      height: 1.3em;
      background: var(--wp--preset--color--primary-color);
      margin-left: -1.5em;
      margin-top: 0.1em;
      position: absolute;
    }
  }

  &.has-text-color li::before,
  .has-text-color li::before,
  .has-text-color::before {
    background: currentColor;
  }
}
