:root {
  --md-admonition-icon--legal: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='width:24px;height:24px' viewBox='0 0 24 24'%3E%3Cpath fill='currentColor' d='M2.3,20.28L11.9,10.68L10.5,9.26L9.78,9.97C9.39,10.36 8.76,10.36 8.37,9.97L7.66,9.26C7.27,8.87 7.27,8.24 7.66,7.85L13.32,2.19C13.71,1.8 14.34,1.8 14.73,2.19L15.44,2.9C15.83,3.29 15.83,3.92 15.44,4.31L14.73,5L16.15,6.43C16.54,6.04 17.17,6.04 17.56,6.43C17.95,6.82 17.95,7.46 17.56,7.85L18.97,9.26L19.68,8.55C20.07,8.16 20.71,8.16 21.1,8.55L21.8,9.26C22.19,9.65 22.19,10.29 21.8,10.68L16.15,16.33C15.76,16.72 15.12,16.72 14.73,16.33L14.03,15.63C13.63,15.24 13.63,14.6 14.03,14.21L14.73,13.5L13.32,12.09L3.71,21.7C3.32,22.09 2.69,22.09 2.3,21.7C1.91,21.31 1.91,20.67 2.3,20.28M20,19A2,2 0 0,1 22,21V22H12V21A2,2 0 0,1 14,19H20Z' /%3E%3C/svg%3E");
  --md-admonition-icon--volunteer: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 17Q20.86 17 21.45 17.6T22.03 19L14 22L7 20V11H8.95L16.22 13.69Q17 14 17 14.81 17 15.28 16.66 15.63T15.8 16H13L11.25 15.33L10.92 16.27L13 17H20M16 3.23Q17.06 2 18.7 2 20.06 2 21 3T22 5.3Q22 6.33 21 7.76T19.03 10.15 16 13Q13.92 11.11 12.94 10.15T10.97 7.76 10 5.3Q10 3.94 10.97 3T13.31 2Q14.91 2 16 3.23M.984 11H5V22H.984V11Z'/%3E%3C/svg%3E");
}

.md-typeset .admonition.legal,
.md-typeset details.legal {
  border-color: rgb(43, 155, 70);
}

.md-typeset .legal>.admonition-title,
.md-typeset .legal>summary {
  background-color: rgba(43, 155, 70, 0.1);
}

.md-typeset .legal>.admonition-title::before,
.md-typeset .legal>summary::before {
  background-color: rgb(43, 155, 70);
  -webkit-mask-image: var(--md-admonition-icon--legal);
  mask-image: var(--md-admonition-icon--legal);
}

.md-typeset .admonition.volunteer,
.md-typeset details.volunteer {
  border-color: #e10180;
}

.md-typeset .volunteer>.admonition-title,
.md-typeset .volunteer>summary {
  background-color: #f5d9e4;
}

.md-typeset .volunteer>.admonition-title::before,
.md-typeset .volunteer>summary::before {
  background-color: #e10180;
  -webkit-mask-image: var(--md-admonition-icon--volunteer);
  mask-image: var(--md-admonition-icon--volunteer);
}


.md-typeset .admonition,
.md-typeset details {
  border-width: 0;
  border-left-width: 4px;
}