:root {
  --md-admonition-icon--admonish-film: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-film' viewBox='0 0 16 16'> <path d='M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 0v6h8V1zm8 8H4v6h8zM1 1v2h2V1zm2 3H1v2h2zM1 7v2h2V7zm2 3H1v2h2zm-2 3v2h2v-2zM15 1h-2v2h2zm-2 3v2h2V4zm2 3h-2v2h2zm-2 3v2h2v-2zm2 3h-2v2h2z'/></svg>");
}

:is(.admonition):is(.admonish-film) {
  border-color: #cb7ef83f;
}

:is(.admonish-film) > :is(.admonition-title, summary.admonition-title) {
  background-color: #491f613f;
}
:is(.admonish-film) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #cb7ef83f;
  mask-image: var(--md-admonition-icon--admonish-film);
  -webkit-mask-image: var(--md-admonition-icon--admonish-film);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}


:root {
  --md-admonition-icon--admonish-video: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-film' viewBox='0 0 16 16'> <path d='M0 1a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1zm4 0v6h8V1zm8 8H4v6h8zM1 1v2h2V1zm2 3H1v2h2zM1 7v2h2V7zm2 3H1v2h2zm-2 3v2h2v-2zM15 1h-2v2h2zm-2 3v2h2V4zm2 3h-2v2h2zm-2 3v2h2v-2zm2 3h-2v2h2z'/></svg>");
}

:is(.admonition):is(.admonish-video) {
  border-color: #cb7ef83f;
}

:is(.admonish-video) > :is(.admonition-title, summary.admonition-title) {
  background-color: #491f613f;
}
:is(.admonish-video) > :is(.admonition-title, summary.admonition-title)::before {
  background-color: #cb7ef83f;
  mask-image: var(--md-admonition-icon--admonish-video);
  -webkit-mask-image: var(--md-admonition-icon--admonish-video);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}