.admonition {
  padding: 15px;
  margin-bottom: 20px;
  border: 2px solid transparent;
  border-radius: 2px;
  text-align: left;
}

.admonition-title {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  font-weight: bold;
  text-align: left;
  color: black;
}

.admonition.note {
  /* csslint allow: adjoining-classes; */
  color: #3a87ad;
  border-color: #448aff;
  background: white;
}

.rst-content .note .admonition-title {
  color: black;
  background: #eef3fe;
}

.admonition.warning {
  /* csslint allow: adjoining-classes */
  /* border-color: #fbeed5; */
  color: #c09853;
  border-color: #f09637;
  background-color: white;
}

.rst-content .warning .admonition-title {
  color: black;
  background: #fdf4db;
}

.admonition.danger {
  /* csslint allow: adjoining-classes */
  /* background-color: #f2dede; */
  color: #e6739a;
  border-color: #ea394b;
  background-color: white;
}

.rst-content .danger .admonition-title {
  color: black;
  background: #fdebed;
}

.admonition.tip {
  color: #51d9c4;
  border-color: #56bca6;
  background-color: white;
}

.rst-content .tip .admonition-title {
  color: black;
  background: #cef9cf;
}

/* .rst-content .admonition, */
/* .ret-content details { */
/*   border-width: 0; */
/*   border-left-width: 4px; */
/* } */

/* icon */
: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" width="16" height="20"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m3.1 5.07c.14 0 .28.05.4.16l1.27 1.27c.23.22.23.57 0 .78l-1 1-2.05-2.05 1-1c.1-.11.24-.16.38-.16m-1.97 1.74 2.06 2.06-6.06 6.06H7.07v-2.06z" /></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" width="16" height="20"><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.6.6 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.27" /></svg>');
  --md-admonition-icon--danger: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="20"><path d="m11.5 20 4.86-9.73H13V4l-5 9.73h3.5zM12 2c2.75 0 5.1 1 7.05 2.95S22 9.25 22 12s-1 5.1-2.95 7.05S14.75 22 12 22s-5.1-1-7.05-2.95S2 14.75 2 12s1-5.1 2.95-7.05S9.25 2 12 2" /></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" width="16" height="20"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z" /></svg>');
}

.rst-content .admonition.pied-piper,
.rst-content details.pied-piper {
  border-color: rgb(43, 155, 70);
}

.md-typeset .pied-piper > .admonition-title,
.md-typeset .pied-piper > summary {
  background-color: rgba(43, 155, 70, 0.1);
}

.rst-content .admonition-title::before {
  font-size: 1.2rem;
  /* padding-right: 0.1rem; */
}

.rst-content .note .admonition-title::before {
  /* background-color: rgb(43, 155, 70); */
  color: #448aff;
  background-color: #448aff;
  -webkit-mask-image: var(--md-admonition-icon--note);
  mask-image: var(--md-admonition-icon--note);
}

.rst-content .danger .admonition-title::before {
  color: #ea394b;
  background-color: #ea394b;
  -webkit-mask-image: var(--md-admonition-icon--danger);
  mask-image: var(--md-admonition-icon--danger);
}

.rst-content .warning .admonition-title::before {
  color: #f09637;
  background-color: #f09637;
  -webkit-mask-image: var(--md-admonition-icon--warning);
  mask-image: var(--md-admonition-icon--warning);
}

.rst-content .tip .admonition-title::before {
  color: #56bca6;
  background-color: #56bca6;
  -webkit-mask-image: var(--md-admonition-icon--tip);
  mask-image: var(--md-admonition-icon--tip);
}