.admonition .admonition-title {
    position: relative;
    padding-left: 2.2em; 
}

.admonition .admonition-title::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0.1em;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.1em;
}


/* !!! note / ??? note */
.admonition.note .admonition-title::before {
    content: "\f303"; /* pencil */
}

/* !!! tip / ??? tip */
.admonition.tip {
  background-color: rgba(12, 255, 223, 0.2);
}
.admonition.tip .admonition-title::before {
    content: "\f06d"; /* fire */
}

/* !!! info / ??? info */
/* for some reason windmill does not style the info admonition */
.admonition.info {
  background-color: rgba(0, 114, 245, 0.2);
}
.admonition.info .admonition-title::before {
    content: "\f05a"; /* circle-info */
}

/* !!! warning / ??? warning */
.admonition.warning .admonition-title::before {
    content: "\f071"; /* triangle-exclamation */
}

/* !!! danger / ??? danger */
.admonition.danger .admonition-title::before {
    content: "\f0e7"; /* bolt (lightning) */
}

/* !!! success / ??? success */
.admonition.success .admonition-title::before {
    content: "\f058"; /* circle-check */
}

/* !!! bug / ??? bug */
/* for some reason windmill does not style the bug admonition */
.admonition.bug {
  background-color: rgba(245, 0, 87, 0.2);
}
.admonition.bug .admonition-title::before {
    content: "\f188"; /* bug */
}