/* Add icons to Asciidoctor admonition labels without relying on a webfont. */
.doc .admonitionblock td.icon i {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0 1.75rem, transparent 1.75rem);
  gap: 0.45rem;
  min-width: 0;
  overflow: hidden;
  padding: 0 0.55rem 0 0;
}

.doc .admonitionblock td.icon i::before {
  background-color: currentColor;
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  height: 1.25rem;
  width: 1.75rem;
}

.doc .admonitionblock td.icon i.icon-tip::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 21h6v-1.5H9V21Zm3-19a7 7 0 0 0-4 12.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2Zm2.1 11.5-.6.36V16h-3v-2.14l-.6-.36A4.7 4.7 0 0 1 7.5 9.4a4.5 4.5 0 0 1 9 0 4.7 4.7 0 0 1-2.4 4.1Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 21h6v-1.5H9V21Zm3-19a7 7 0 0 0-4 12.74V17a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-2.26A7 7 0 0 0 12 2Zm2.1 11.5-.6.36V16h-3v-2.14l-.6-.36A4.7 4.7 0 0 1 7.5 9.4a4.5 4.5 0 0 1 9 0 4.7 4.7 0 0 1-2.4 4.1Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
}

.doc .admonitionblock td.icon i.icon-note::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 17h2v-6h-2v6Zm0-8h2V7h-2v2Zm1-7a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 17h2v-6h-2v6Zm0-8h2V7h-2v2Zm1-7a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
}

.doc .admonitionblock td.icon i.icon-warning::before,
.doc .admonitionblock td.icon i.icon-caution::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M1 21h22L12 2 1 21Zm11-3a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm1-4h-2V9h2v5Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M1 21h22L12 2 1 21Zm11-3a1.25 1.25 0 1 1 0-2.5 1.25 1.25 0 0 1 0 2.5Zm1-4h-2V9h2v5Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
}

.doc .admonitionblock td.icon i.icon-important::before {
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5.5v6c0 5.1 3.4 9.9 8 11 4.6-1.1 8-5.9 8-11v-6L12 2Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 5.5v6c0 5.1 3.4 9.9 8 11 4.6-1.1 8-5.9 8-11v-6L12 2Zm1 15h-2v-2h2v2Zm0-4h-2V7h2v6Z'/%3E%3C/svg%3E") center / 1rem 1rem no-repeat;
}