@charset "utf-8";



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

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

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

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

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

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

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

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

.wx-page.wx-has-cloudy-canvas .wx-panel-hourly {
  box-shadow:
    var(--wx-shadow),
    inset 0 1px 0 rgba(255, 255, 255, 0.36),
    inset 0 0 28px rgba(235, 242, 252, 0.08);
}

.wx-page.wx-atmosphere.wx-has-cloudy-canvas[data-wx-theme="cloudy-night"] .wx-panel-hourly {
  border-top-color: rgba(220, 230, 245, 0.18);
}

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