www_mycelium/css/admonition.css

:root {
  --md-admonition-icon--note: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z'/></svg>");
  --md-admonition-icon--abstract: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17 9H7V7h10m0 6H7v-2h10m-3 6H7v-2h7M12 3a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m7 0h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2z'/></svg>");
  --md-admonition-icon--info: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2z'/></svg>");
  --md-admonition-icon--tip: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.58.58 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27z'/></svg>");
  --md-admonition-icon--success: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m9 20.42-6.21-6.21 2.83-2.83L9 14.77l9.88-9.89 2.83 2.83L9 20.42z'/></svg>");
  --md-admonition-icon--question: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='m15.07 11.25-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2 2 2 0 0 0-2 2H8a4 4 0 0 1 4-4 4 4 0 0 1 4 4 3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10c0-5.53-4.5-10-10-10z'/></svg>");
  --md-admonition-icon--warning: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M13 14h-2v-2h2m0 6h-2v-4h2m-.29-11.71c.39-.39.39-1.02 0-1.41l-4.59-4.59c-.39-.39-1.02-.39-1.41 0L4.21 6.38c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0zM5.71 16.88l4.59-4.59c.39-.39.39-1.02 0-1.41l-4.59-4.59c-.39-.39-1.02-.39-1.41 0L3.29 10.47c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0z'/></svg>");
}

.md-typeset .admonition {
  display: flex;
  border-radius: 0.25rem;
  margin: 1rem 0;
  padding: 1rem;
  position: relative;
}

.md-typeset .admonition.note {
  background-color: var(--md-admonition-background-color--note, #f9fafb);
  border: 1px solid var(--md-admonition-border-color--note, #e9ecef);
}

.md-typeset .admonition.abstract {
  background-color: var(--md-admonition-background-color--abstract, #f9f9f9);
  border: 1px solid var(--md-admonition-border-color--abstract, #e1e4e8);
}

.md-typeset .admonition.info {
  background-color: var(--md-admonition-background-color--info, #e7f1fb);
  border: 1px solid var(--md-admonition-border-color--info, #addbee);
}

.md-typeset .admonition.tip {
  background-color: var(--md-admonition-background-color--tip, #e5f8ec);
  border: 1px solid var(--md-admonition-border-color--tip, #a3e1b1);
}

.md-typeset .admonition.success {
  background-color: var(--md-admonition-background-color--success, #d4edda);
  border: 1px solid var(--md-admonition-border-color--success, #c3e6cb);
}

.md-typeset .admonition.question {
  background-color: var(--md-admonition-background-color--question, #fefefe);
  border: 1px solid var(--md-admonition-border-color--question, #dadada);
}

.md-typeset .admonition.warning {
  background-color: var(--md-admonition-background-color--warning, #fff3cd);
  border: 1px solid var(--md-admonition-border-color--warning, #ffeeba);
}

.md-typeset .admonition-title {
  font-size: 1rem;
  font-weight: 700;
  margin: 0;
}

.md-typeset .admonition-content {
  margin: 0;
  padding: 0 1rem;
  flex: 1;
}

.md-typeset .admonition-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0;
  left: 0;
}

.md-typeset .admonition-icon > svg {
  fill: var(--md-admonition-icon-fill, #212529);
  width: 1.5rem;
  height: 1.5rem;
}