/* admonition */
/* topic */
aside.topic {
  /* background-color: #f3f4f5; */
  background-color: #f8f9fa;
  border-color: #f3f4f5;
  border-radius: 0.25rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1), 0 0 0.0625rem rgba(0, 0, 0, 0.1) !important;
  display: flex;
  flex-direction: column;
  padding: 1rem 1.25rem;
  border: 1px solid #ccc;
  margin: 10px 0 10px 0;
}
aside.topic p {
  color: #222832;
}
.aside.topic .topic-title {
  margin: 0 0 0.5rem;
}
p.topic-title {
  font-size: 1.1em;
  font-weight: bold;
}

/* admonition */
.admonition p {
  color: var(--text-main-color);
}
.admonition,
div.admonition,
.theme-dark div.admonition {
  background-color: var(--bg-color3);
  /* border-left: 0.2rem solid; */
  /* border-color: #276be9; */
  border-radius: 0.25rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0, 0, 0, 0.1), 0 0 0.0625rem rgba(0, 0, 0, 0.1) !important;
  margin: 1.5625em auto;
  overflow: hidden;
  padding: 0;
  page-break-inside: avoid;
}


.admonition > .admonition-title,
div.admonition > .admonition-title {
  background-color: var(--bg-color4);
  font-weight: 600;
  margin: 0;
  padding: 1px 20px 1px 40px;
  position: relative;
  z-index: 1;
}

.admonition > .admonition-title::before,
div.admonition > .admonition-title::before {
  position: absolute;
  width: 18px;
  height: 18px;
  /* background: #FFFFFF; */
  top: 8px;
  left: 12px;
  border-radius: 50%;
  color: #276be9;
}

div.admonition::after {
  display: block;
  content: '';
  clear: both;
}

.admonition p.admonition-title ~ *,
div.admonition p.admonition-title ~ * {
  line-height: 28px;
  padding: 0 20px 0 40px;
  margin: 10px 0;
}

/* .admonition > .admonition-title + *,
div.admonition > .admonition-title + * {
  margin-top: 0.4em;
} */

.admonition :last-child,
div.admonition :last-child {
  margin-bottom: 0;
}

/* attention */
.admonition.attention,
.admonition.caution,
.admonition.important,
.admonition.warning {
  background-color: var(--bg-color3) !important;
}

.admonition.attention > .admonition-title,
.admonition.caution > .admonition-title,
.admonition.important > .admonition-title,
.admonition.warning > .admonition-title {
  background-color: var(--bg-color5);
  color: var(--text-main-color);
}
.admonition.attention > .admonition-title::before,
.admonition.caution > .admonition-title::before,
.admonition.important > .admonition-title::before,
.admonition.warning > .admonition-title::before {
  color: #f66a0a;
}

.admonition.danger,
.admonition.error {
  /* border-color: #d72d47; */
  background-color: var(--bg-color3) !important;
}

.admonition.danger > .admonition-title,
.admonition.error > .admonition-title {
  background-color: var(--bg-color5);
  color: var(--text-main-color);
}

.admonition.danger > .admonition-title::before,
.admonition.error > .admonition-title::before {
  color: #d72d47;
}

.admonition.hint,
.admonition.seealso,
.admonition.tip {
  /* border-color: #00843f; */
  background-color: var(--bg-color3) !important;
}

.admonition.hint > .admonition-title,
.admonition.seealso > .admonition-title,
.admonition.tip > .admonition-title {
  background-color: var(--bg-color6);
  color: var(--text-main-color);
}

.admonition.hint > .admonition-title::before,
.admonition.seealso > .admonition-title::before,
.admonition.tip > .admonition-title::before {
  color: #00843f;
}

.admonition.note {
  background-color: var(--bg-color3) !important;
}

.admonition.note > .admonition-title {
  background-color: var(--bg-color4);
  color: var(--text-main-color);
}

.admonition.note > .admonition-title::before {
  color: #276be9;
}

/* .admonition.todo {
  border-color: #8045e5;
  background-color: #fff;
}

.admonition.todo > .admonition-title {
  background-color: #e0c7ff;
  color: #222832;
}

.admonition.todo > .admonition-title::before {
  color: #8045e5;
} */




div.deprecated, div.versionadded, div.versionchanged {
  background-color: #fff;
  border-left: 0.2rem solid;
  border-color: #276be9;
  border-radius: 0.25rem;
  box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,.1),0 0 0.0625rem rgba(0,0,0,.1)!important;
  margin: 1.5625em auto;
  overflow: hidden;
  padding: 0 0.6rem;
  page-break-inside: avoid;
  position: relative;
  vertical-align: middle;
}

div.deprecated>p, div.versionadded>p, div.versionchanged>p {
  margin-bottom: 0.6rem;
  margin-top: 0.6rem;
  color: var(--text-color2);
}
.versionadded>*:last-child, .versionchanged>*:last-child, .deprecated>*:last-child {
  margin-bottom: 0.6rem;
}

span.versionmodified {
  font-weight: 600;
}
.versionmodified {
  display: initial;
  font-style: italic;
  padding: 0;
  margin: 0;
  font-weight: 600;
}

div.versionadded {
  background-color: #d6ece1;
  border-color: #00843f;
}
div.versionchanged {
  background-color: #f8e3d0;
  border-color: #f66a0a;
}
div.deprecated {
  background-color: #f9e1e4;
  border-color: #d72d47;
}

.versionadded .versionmodified,
.versionchanged .versionmodified,
.deprecated .versionmodified {
  color: var(--text-main-color);
  background-color: initial;
}
span.versionmodified.added:before {
  color: #00843f;
  margin-right: 0.6rem;
}
span.versionmodified.changed:before {
  color: #f66a0a;
  margin-right: 0.6rem;
}
span.versionmodified.deprecated:before {
  color: #d72d47;
  margin-right: 0.6rem;
}