html:is(
  [data-fmv-canonical-prepaint-v553="pending"],
  [data-fmv-canonical-prepaint-v553="fallback"]
) body main,
html:is(
  [data-fmv-canonical-prepaint-v553="pending"],
  [data-fmv-canonical-prepaint-v553="fallback"]
) body #__nuxt main {
  visibility: hidden !important;
}

html:is(
  [data-fmv-canonical-prepaint-v553="pending"],
  [data-fmv-canonical-prepaint-v553="fallback"]
) body {
  background: #fff;
}

#fmv-canonical-prepaint-fallback-v553 {
  box-sizing: border-box;
  display: none;
  width: min(100% - 32px, 720px);
  min-height: 180px;
  margin: clamp(48px, 12vh, 120px) auto;
  padding: 32px;
  border: 1px solid rgba(202, 171, 91, 0.38);
  border-radius: 18px;
  background: #fff;
  color: #111827;
  place-items: center;
  align-content: center;
  gap: 16px;
  text-align: center;
  font: 600 16px/1.5 Arial, sans-serif;
}

html[data-fmv-canonical-prepaint-v553="fallback"] #fmv-canonical-prepaint-fallback-v553 {
  display: grid;
}

.fmv-canonical-prepaint-fallback-mark-v553 {
  width: 32px;
  height: 32px;
  border: 3px solid #d6c48c;
  border-top-color: #080b20;
  border-radius: 50%;
  animation: fmvCanonicalPrepaintSpinV553 0.9s linear infinite;
}

@keyframes fmvCanonicalPrepaintSpinV553 {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-fmv-canonical-prepaint-v553] body main {
    transition: none !important;
    animation: none !important;
  }

  .fmv-canonical-prepaint-fallback-mark-v553 {
    animation: none !important;
    border-top-color: #d6c48c;
  }
}