/* 1. Reset the list to remove default bullets and padding */
ul[class*="is-style-"] li::before, 
ol[class*="is-style-"] li::before {
  display: none !important;
}

/* 2. Create space for the icon */
ul[class*="is-style-"] ::marker, 
ol[class*="is-style-"] ::marker {
  font-weight: 900;
  font-size:  var(--wp--preset--font-size--medium-large);
}

/* 4. Set the Specific Icons and Colors */

/* Tick */
.is-style-tick-list li { 
  list-style-type: "✓  "; 
}
.is-style-tick-list ::marker { 
  color: var(--wp--preset--color--button); 
}

/* Info */
.is-style-info-list li { 
  list-style-type: "ℹ  "; 
}
.is-style-info-list ::marker {
  color: var(--wp--preset--color--primary); 
}

/* Cross */
.is-style-cross-list li { 
  list-style-type: "✗  "; 
}
.is-style-cross-list ::marker {
  color: var(--wp--preset--color--error); 
}

/* File */
.is-style-file-list li { 
  list-style-type: "📂  ";
}
.is-style-file-list ::marker  {
  color: var(--wp--preset--color--primary);
}

/* Fuzzy */
.is-style-fuzzy .has-overlay-grey-background-color,
.is-style-fuzzy .has-overlay-grey-more-background-color,
.is-style-fuzzy .has-overlay-primary-background-color,
.is-style-fuzzy .has-overlay-primary-more-background-color,
.is-style-fuzzy .has-overlay-black-background-color,
.is-style-fuzzy .has-overlay-black-more-background-color {
	backdrop-filter: blur(5px);
}
/* Header with Tick */
.is-style-tickheader {
  position: relative;
}
.is-style-tickheader:after {
  content: '✔';
  position: absolute;
  display: block;
  top: 50%;
  right: 0%;
  padding: 0 0.7rem;
  line-height: 44px;
  border-radius: 100%;
  aspect-ratio: 1 / 1 !important;
  transform: translateY(-50%);
  background: var(--wp--preset--color--button);
  color: var(--wp--preset--color--base);
  box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
  
}