/* "Snapshot" box: !!! snapshot "Tee hetktõmmis N". Bigger and in its own colour, so it is not missed. */
:root {
  --md-admonition-icon--snapshot: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h3l2-2h6l2 2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m8 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5m0 2a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3"/></svg>');
  --snapshot-color: rgb(124, 77, 255);
}

.md-typeset .admonition.snapshot,
.md-typeset details.snapshot {
  border-color: var(--snapshot-color);
  border-width: 0.15rem;
  font-size: 0.8rem;
}

.md-typeset .snapshot > .admonition-title,
.md-typeset .snapshot > summary {
  background-color: rgba(124, 77, 255, 0.15);
  font-size: 0.9rem;
}

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