:root {
  --md-admonition-icon--yep: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m14.53 1.45-1.08 1.08 1.6 1.6c.22.25.33.54.33.87s-.11.64-.33.86L11.5 9.47l1 1.08 3.63-3.61c.53-.59.79-1.24.79-1.94s-.26-1.36-.79-1.95l-1.6-1.6m-3.98 2.02L9.47 4.55l.61.56c.22.22.33.52.33.89s-.11.67-.33.89l-.61.56 1.08 1.08.56-.61c.53-.59.8-1.23.8-1.92 0-.72-.27-1.37-.8-1.97l-.56-.56M21 5.06c-.69 0-1.33.27-1.92.8l-5.63 5.64 1.08 1 5.58-5.56c.25-.25.55-.38.89-.38s.64.13.89.38l.61.61 1.03-1.08-.56-.61c-.59-.53-1.25-.8-1.97-.8M7 8 2 22l14-5-9-9m12 3.06c-.7 0-1.34.27-1.94.8l-1.59 1.59 1.08 1.08 1.59-1.59c.25-.25.53-.38.86-.38.33 0 .63.13.88.38l1.62 1.59 1.05-1.03-1.6-1.64c-.59-.53-1.25-.8-1.95-.8Z"/></svg>')
}
.md-typeset .admonition.yep,
.md-typeset details.yep {
  border-color: rgba(132,40,194,1);
}
.md-typeset .yep > .admonition-title,
.md-typeset .yep > summary {
  background-color: rgba(43, 155, 70, 0.1);
  background: linear-gradient(90deg, rgba(132,40,194,0.1) 0%, rgba(253,29,29,0.1) 50%, rgba(252,176,69,0.1) 100%);
}
.md-typeset .yep > .admonition-title::before,
.md-typeset .yep > summary::before {
  background-color: rgb(43, 155, 70);
  background: linear-gradient(90deg, rgba(132,40,194,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
  -webkit-mask-image: var(--md-admonition-icon--yep);
          mask-image: var(--md-admonition-icon--yep);
}