/*
 * Source: assets/main.css lines 1336-1392
 * Purpose: Case study content helpers
 */

.case-study-details ul li {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  color: #1a1a1c99;
}

@supports (color: color-mix(in lab, red, red)) {
  .case-study-details ul li {
    color: color-mix(in oklab, var(--color-secondary) 60%, transparent);
  }
}

.case-study-details ul li strong {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: var(--color-secondary);
}

:where(.case-study-feature ul > :not(:last-child)) {
  --tw-space-y-reverse: 0;
  margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
  margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
}

.case-study-feature ul li {
  font-size: var(--text-tagline-1);
  line-height: var(--tw-leading, var(--text-tagline-1--line-height));
}

.case-study-feature ul li:before {
  content: var(--tw-content);
  content: var(--tw-content);
  content: var(--tw-content);
  margin-right: calc(var(--spacing) * 3);
  content: var(--tw-content);
  content: var(--tw-content);
  width: calc(var(--spacing) * 2);
  height: calc(var(--spacing) * 2);
  content: var(--tw-content);
  content: var(--tw-content);
  background-color: var(--color-secondary);
  content: var(--tw-content);
  --tw-content: "";
  content: var(--tw-content);
  border-radius: 3.40282e38px;
  display: inline-block;
  position: relative;
  top: -1.8px;
}

.case-study-feature ul li:where(.dark, .dark *):before {
  content: var(--tw-content);
  background-color: var(--color-accent);
}