@charset "utf-8";



.wx-clear-canvas-wrap {
  position: fixed;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.65s ease, visibility 0.65s ease;
}

.wx-clear-canvas-wrap.is-visible {
  opacity: 1;
  visibility: visible;
}

.wx-clear-canvas-wrap--back {
  z-index: 1;
}

.wx-clear-canvas-wrap--front {
  z-index: 3;
}

.wx-clear-canvas-el {
  display: block;
  width: 100%;
  height: 100%;
}

.wx-page.wx-has-clear-canvas > header {
  position: relative;
  z-index: 100;
}

.wx-page.wx-has-clear-canvas .wx-hero,
.wx-page.wx-has-clear-canvas .wx-dashboard,
.wx-page.wx-has-clear-canvas .site-footer {
  position: relative;
  z-index: 2;
}

.wx-page.wx-has-sky-video.wx-has-clear-canvas .wx-sky-video {
  z-index: 0;
}


.wx-page.wx-has-clear-canvas .wx-panel-hourly {
  box-shadow:
    var(--wx-shadow),
    inset 0 1px 0 rgba(255, 252, 235, 0.48),
    inset 0 0 24px rgba(255, 245, 210, 0.06);
}

.wx-page.wx-has-clear-canvas .wx-hero-inner {
  position: relative;
}

@media (prefers-reduced-motion: reduce) {
  .wx-clear-canvas-wrap {
    display: none !important;
  }
}