:root {
    --md-admonition-icon--version-added: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16h-4.2l-.8.8-2 2-2-2-.8-.8H5V4h14z"/><path d="M11 15h2v2h-2v-2m0-10h2v8h-2V5"/></svg>');
    --md-admonition-icon--version-changed: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 16h-4.2l-.8.8-2 2-2-2-.8-.8H5V4h14z"/><path d="M15 11h-2V9h-2v2H9v2h2v2h2v-2h2v-2Z"/></svg>');
  }
  
  .md-typeset .admonition.version-added,
  .md-typeset details.version-added {
    border-color: rgb(0, 191, 165);
  }
  
  .md-typeset .version-added > .admonition-title,
  .md-typeset .version-added > summary {
    background-color: rgba(0, 191, 165, 0.1);
  }
  
  .md-typeset .version-added > .admonition-title::before,
  .md-typeset .version-added > summary::before {
    background-color: rgb(0, 191, 165);
    -webkit-mask-image: var(--md-admonition-icon--version-added);
            mask-image: var(--md-admonition-icon--version-added);
  }
  
  .md-typeset .admonition.version-changed,
  .md-typeset details.version-changed {
    border-color: rgb(100, 221, 23);
  }
  
  .md-typeset .version-changed > .admonition-title,
  .md-typeset .version-changed > summary {
    background-color: rgba(100, 221, 23, 0.1);
  }
  
  .md-typeset .version-changed > .admonition-title::before,
  .md-typeset .version-changed > summary::before {
    background-color: rgb(100, 221, 23);
    -webkit-mask-image: var(--md-admonition-icon--version-changed);
            mask-image: var(--md-admonition-icon--version-changed);
  } 
