/*
 * The SIL Open Font Licence version 1.1 does not permit using the reserved
 * name for modified versions of a font. Deleting components (to reduce the
 * size of the package I want to bundle) makes the result a modified version.
 * Hence, I have used different names.
 */

@font-face {
  font-family: "JetBrainsMono pysorteddict";
  src: url(../fonts/JetBrainsMono/JetBrainsMono-Regular.woff2);
}

@font-face {
  font-family: "JetBrainsMono pysorteddict";
  font-style: italic;
  src: url(../fonts/JetBrainsMono/JetBrainsMono-Italic.woff2);
}

@font-face {
  font-family: "JetBrainsMono pysorteddict";
  font-weight: bold;
  src: url(../fonts/JetBrainsMono/JetBrainsMono-Bold.woff2);
}

@font-face {
  font-family: "JetBrainsMono pysorteddict";
  font-style: italic;
  font-weight: bold;
  src: url(../fonts/JetBrainsMono/JetBrainsMono-BoldItalic.woff2);
}

@font-face {
  font-family: "Signika pysorteddict";
  src: url(../fonts/Signika/Signika-Regular.woff2);
}

@font-face {
  font-family: "Signika pysorteddict";
  font-weight: bold;
  src: url(../fonts/Signika/Signika-Bold.woff2);
}

summary {
  color: var(--color-link);
  cursor: pointer;
}

summary:hover {
  text-decoration: underline;
}

ul.change-break::before {
  content: "Breaking Changes 🚨";
  font-weight: bold;
}

ul.change-fix::before {
  content: "Fixes and Improvements 🛠️";
  font-weight: bold;
}

ul.change-new::before {
  content: "New Features 🧩";
  font-weight: bold;
}

.notice {
  background: rgba(39, 180, 166, 0.2);
  border-left: 4px solid rgb(39, 180, 166);
  border-radius: 6px;
  margin: 20px 0px 20px 0px;
  padding: 10px;
}

.warning {
  background: rgba(175, 175, 95, 0.2);
  border-left: 4px solid rgb(175, 175, 95);
  border-radius: 6px;
  margin: 20px 0px 20px 0px;
  padding: 10px;
}
