:root {
  --site-loader-paper: #fff;
}

html.site-loader-pending {
  background: #fff;
  overflow: hidden;
}

html.site-loader-pending body {
  background: #fff;
}

html.site-loader-pending body > * {
  visibility: hidden;
}

html.site-loader-active {
  overflow: hidden;
  background: var(--site-loader-paper);
}

html.site-loader-active.site-state-loading body {
  opacity: 1 !important;
}

html.site-loader-active body > * {
  visibility: hidden;
}

html.site-loader-active body > .site-loader {
  visibility: visible;
}

.site-loader {
  position: fixed;
  inset: 0;
  z-index: 2147483647;
  background: #fff;
  visibility: visible;
  pointer-events: all;
}

html.site-loader-active .canvas-loader {
  opacity: 0 !important;
}