/* Shared fonts and page defaults for the supplied design components. */
@font-face {
  font-family: "Bricolage Grotesque";
  src: url("/fonts/BricolageGrotesque-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-stretch: 75% 100%;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/fonts/JetBrainsMono-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
}
body {
  margin: 0;
  background: var(--paper, #F6F5F1);
  color: var(--ink, #0B0B0B);
  -webkit-font-smoothing: antialiased;
}
a { color: var(--ink, #0B0B0B); }
a:hover { color: #0B0B0B; background: #FFD83D; }

/* Keep the header search glyph visible while its streamed component loads. */
.sc-host[data-sc-name="HeaderSearch"] > .sc-placeholder {
  position: relative;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.sc-host[data-sc-name="HeaderSearch"] > .sc-placeholder::before {
  content: "";
  position: absolute;
  inset: 10px auto auto 10px;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  border: 2px solid currentColor;
  border-radius: 50%;
  background: none;
  animation: none;
}
.sc-host[data-sc-name="HeaderSearch"] > .sc-placeholder::after {
  content: "";
  position: absolute;
  left: 21px;
  top: 21px;
  width: 7px;
  height: 2px;
  background: currentColor;
  transform: rotate(45deg);
  transform-origin: left center;
}