:root {
  --md-primary-fg-color:        #02e8c3;
  --md-primary-fg-color--light: #02e8c3;
  --md-primary-fg-color--dark:  #02e8c3;
  --md-admonition-icon--tag-version: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.75 1.75 0 0 1 1 7.775m1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2"/></svg>')
}

.tag {
    color: #007a6c;
    background-color: #a8f0e7;
    border-radius: 5px;
    padding: 5px;
    font-size: smaller;
}

.md-typeset .admonition.tag-version,
.md-typeset details.tag-version {
  border-color: #007a6c;
}
.md-typeset .tag-version > .admonition-title,
.md-typeset .tag-version > summary {
  background-color: #a8f0e7;
  color: #007a6c;
}
.md-typeset .tag-version > .admonition-title::before,
.md-typeset .tag-version > summary::before {
  background-color: #007a6c;
  -webkit-mask-image: var(--md-admonition-icon--tag-version);
          mask-image: var(--md-admonition-icon--tag-version);
}