/**
 * The CSS for blog posts. This is for any custom elements that can be used
 * across multiple posts, or for styling we want to apply only to blog posts.
 */
/**
 * IMPORTANT: Most of these are exposed as CSS variables in main.scss
 */
main.post {
  /**
   * The notice panel is for in post warnings, alerts, or info blocks!
   */
}
main.post .category-pill {
  font-size: 0.75rem;
  background: #D3D3D3;
  padding: 0 0.75rem;
  display: inline-block;
  border-radius: 10rem;
  margin-top: 0.5rem;
}
main.post img, main.post video {
  display: block;
  margin: auto;
  max-width: 100%;
}
main.post img.-with-background, main.post video.-with-background {
  background-color: #FFFFFF;
  padding: 1rem;
}
main.post ol li + li, main.post ul li + li {
  margin-top: 0.5rem;
}
main.post figure.highlight {
  margin: 0;
}
main.post .highlight {
  border-radius: 5px;
}
main.post figure.highlight pre, main.post pre.highlight {
  padding: 20px;
  font-size: 0.9rem;
  overflow-x: auto;
}
main.post figure.highlight pre pre.lineno, main.post pre.highlight pre.lineno {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
main.post figure.highlight > pre {
  padding: 0;
}
main.post .table-of-contents {
  padding-top: 10px;
}
main.post .table-of-contents, main.post .table-of-contents ol {
  padding-left: 20px;
}
main.post .table-of-contents ol {
  list-style: lower-alpha;
}
main.post .table-of-contents ol ol {
  list-style: lower-roman;
}
main.post .notice-panel {
  padding: 15px;
  background-color: #E6E6E6;
  border: solid 1px #D3D3D3;
  border-radius: 15px;
}
main.post .notice-panel .notice-label {
  font-weight: bold;
  margin-bottom: 5px;
}
main.post .notice-panel.-warning {
  background-color: #FFFACE;
  color: #42291A;
}
main.post .notice-panel p:first-of-type {
  margin-top: 0;
}
main.post .notice-panel p:last-of-type {
  margin-bottom: 0;
}
main.post .post-date {
  width: 100%;
  text-align: left;
  color: var(--text-color-faded);
  margin-top: 0;
}
main.post blockquote {
  padding: 20px 30px;
  line-height: 1.75;
  font-style: italic;
  margin-inline-start: 10px;
  background-color: var(--bit-dark-bg-color);
  color: var(--text-color-dark);
  border-left: solid 5px var(--brand-bg-color);
}
main.post blockquote p {
  margin: 0;
}
main.post p.small {
  font-size: 0.9rem;
  color: var(--text-color-faded);
}
main.post p > img:not(.-no-shadow) {
  border: solid 1px #808080;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

/*# sourceMappingURL=post.css.map */