:root {
  --md-admonition-icon--faq: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8m8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13M6.92 6.085h.001a.749.749 0 1 1-1.342-.67c.169-.339.436-.701.849-.977C6.845 4.16 7.369 4 8 4a2.76 2.76 0 0 1 1.637.525c.503.377.863.965.863 1.725 0 .448-.115.83-.329 1.15-.205.307-.47.513-.692.662-.109.072-.22.138-.313.195l-.006.004a6 6 0 0 0-.26.16 1 1 0 0 0-.276.245.75.75 0 0 1-1.248-.832c.184-.264.42-.489.692-.661q.154-.1.313-.195l.007-.004c.1-.061.182-.11.258-.161a1 1 0 0 0 .277-.245C8.96 6.514 9 6.427 9 6.25a.61.61 0 0 0-.262-.525A1.27 1.27 0 0 0 8 5.5c-.369 0-.595.09-.74.187a1 1 0 0 0-.34.398M9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></svg>')
}
.md-typeset .admonition.faq,
.md-typeset details.faq {
  border-color: rgba(0, 0, 0, 0);
  font-size: 0.75rem; /* Adjust this value as needed */
}
.md-typeset .faq > .admonition-title,
.md-typeset .faq > summary {
  background-color: rgba(0, 0, 0, 0);
  font-size: 0.8rem; /* Adjust this value as needed */
}
.md-typeset .faq > .admonition-title::before,
.md-typeset .faq > summary::before {
  background-color: rgb(0, 0, 0);
  -webkit-mask-image: var(--md-admonition-icon--faq);
          mask-image: var(--md-admonition-icon--faq);
}
/* Specifically hide the icon for the custom FAQ admonition */
.md-typeset .faq > .admonition-title::before,
.md-typeset .faq > summary::before {
  display: none;
}

/* Optional: Remove the indentation on the left where the icon used to be */
.md-typeset .faq > .admonition-title,
.md-typeset .faq > summary {
  padding-left: 0.6rem; /* Adjust this to match your desired alignment */
}