/**
 * @file
 * Reusable utility classes for creating custom lists.
 */

.list-reset {
  padding: 0;
  /* stylelint-disable-next-line declaration-no-important */
  list-style: none !important;
}

.list-two-col {
  columns: 150px 2;
  column-gap: var(--spacing07);
}

.list-check {
  --listItemIcon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E%0A");
}

.list-plain li {
  margin-bottom: 0;
}

.list-style-icon > li {
  position: relative;
  padding-inline-start: var(--spacing07);
}

.list-style-icon > li::before {
  content: "";
  width: var(--listItemIconSize, 1em);
  height: var(--listItemIconSize, 1em);
  background-color: var(--iconColor);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-image: var(--listItemIcon, none);
  -webkit-mask-image: var(--listItemIcon, none);
  margin-top: 0.25rem;
  position: absolute;
  left: 0;
}