@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v92/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.admonition {
  position: relative;
  margin: 1.5625em 0;
  padding: 0 1.2rem;
  border-radius: .2rem;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid;
  overflow: auto;
}

.admonition>p {
  margin-top: .8rem;
}

.admonition>.admonition-title {
  margin: 0 -1.2rem;
  padding: .8rem 1.0rem 0rem 1.0rem;
  font-weight: 700;
}

.admonition>.admonition-title:before {
  position: absolute;
  left: 1.0rem;
  font-size: 1.5rem;
}

.admonition>.admonition-title:before {
  font-family: Material Icons;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1.2rem;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}

.admonition.note {
  background-color: #fdf4d3;
  border-color: #ffeaae;
}

.admonition.note>.admonition-title {
  padding-left: 3.3rem;
}

.admonition.note>.admonition-title:before {
  content: "\e8b2";
}

.admonition.tip {
  background-color: #e2ffe2;
  border-color: #028502;
}

.admonition.tip>.admonition-title {
  padding-left: 3.3rem;
}

.admonition.tip>.admonition-title:before {
  color: #028502;
  content: "\e86c";
}

.admonition.info {
  background-color: #fcfcfc;
  border-color: #808080;
}

.admonition.info>.admonition-title {
  padding-left: 3.3rem;
}

.admonition.info>.admonition-title:before {
  color: #808080;
  content: "\e88e";
}

.admonition.warning {
  background-color: #f7dad7;
  border-color: #d04437;
}

.admonition.warning>.admonition-title {
  padding-left: 3.3rem;
}

.admonition.warning>.admonition-title:before {
  color: #d04437;
  content: "\e160";
}