:root{
  --color-note:#83aeff;
  --color-tip:#43a13f;
  --color-important:#b567ff;
  --color-warning:#FFA500;
  --color-caution:#ff0707;
}

.markdown-alert p {
  margin-top: 8px;
}

.markdown-alert{
  --alert-color:#888;
  padding:.5rem 1rem;
  margin-bottom:16px;
  color:inherit;
  border: 1px dashed var(--alert-color);
  border-left-width:4px;
  background-color: color-mix(in srgb, var(--alert-color) 10%, rgba(255, 255, 255, 0));
}

.markdown-alert>:first-child{margin-top:0}
.markdown-alert>:last-child{margin-bottom:0}

.markdown-alert .markdown-alert-title{
  display:flex;
  align-items:center;
  gap:.5rem;
  margin-bottom: 0;
  font-weight:700;
  line-height:1;
  text-transform:uppercase;
  color: color-mix(in srgb, var(--alert-color) 80%, rgb(0, 0, 0));
}

.markdown-alert .markdown-alert-title .octicon{
  margin-right:.5rem;
  display:inline-block;
  overflow:visible!important;
  vertical-align:text-bottom;
  fill:currentColor;
}

.markdown-alert.markdown-alert-note{ --alert-color:var(--color-note) }
.markdown-alert.markdown-alert-tip{ --alert-color:var(--color-tip) }
.markdown-alert.markdown-alert-important{ --alert-color:var(--color-important) }
.markdown-alert.markdown-alert-warning{ --alert-color:var(--color-warning) }
.markdown-alert.markdown-alert-caution{ --alert-color:var(--color-caution) }