x-dc {
  display: none !important;
}

.dc-full-page,
.dc-full-page body {
  height: 100%;
  margin: 0;
}

.dc-full-page #dc-root,
.dc-full-page #dc-root > .sc-host {
  height: 100%;
}

.sc-placeholder {
  background: color-mix(in srgb, currentColor 8%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 50%, transparent);
  border-radius: 2px;
  box-sizing: border-box;
  overflow: hidden;
}

@keyframes sc-shine {
  0% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

html.sc-dc-streaming .sc-placeholder,
html.sc-dc-streaming .sc-interp.sc-missing {
  position: relative;
  background: color-mix(in srgb, currentColor 5%, transparent);
  border-color: transparent;
}

html.sc-dc-streaming .sc-placeholder::before,
html.sc-dc-streaming .sc-interp.sc-missing::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(217,119,87,0) 25%, rgba(247,225,211,.95) 37%, rgba(217,119,87,0) 63%);
  background-size: 400% 100%;
  animation: sc-shine 1.4s ease infinite;
}

html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before {
  animation: none;
  background: color-mix(in srgb, currentColor 8%, transparent);
}

.sc-placeholder-error {
  padding: 4px 8px;
  font: 11px/1.4 ui-monospace, monospace;
  color: color-mix(in srgb, currentColor 70%, transparent);
  word-break: break-word;
}

.sc-interp.sc-missing {
  display: inline-block;
  width: 2em;
  height: 1em;
  overflow: hidden;
  vertical-align: text-bottom;
  background: rgba(255,255,255,.3);
  border: 1px solid rgba(0,0,0,.5);
  border-radius: 2px;
  box-sizing: border-box;
  color: transparent;
  user-select: none;
}

.sc-interp.sc-unresolved {
  font-family: ui-monospace, monospace;
  font-size: .85em;
  color: color-mix(in srgb, currentColor 50%, transparent);
  background: color-mix(in srgb, currentColor 10%, transparent);
  border-radius: 3px;
  padding: 0 3px;
}

.sc-host.sc-has-error {
  position: relative;
}

.sc-logic-error {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 2147483647;
  max-width: 60ch;
  padding: 6px 10px;
  background: #b00020;
  color: #fff;
  font: 12px/1.4 ui-monospace, monospace;
  border-radius: 4px;
  white-space: pre-wrap;
  pointer-events: none;
}

@media print {
  @page { margin: .5cm; }
  figure, table { break-inside: avoid; }
  #dc-root, #dc-root > .sc-host { height: auto; }
  *, *::before, *::after {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    animation-delay: -99s !important;
    animation-duration: .001s !important;
    animation-iteration-count: 1 !important;
    animation-fill-mode: both !important;
    animation-play-state: running !important;
    transition-duration: 0s !important;
  }
}