@charset "utf-8";



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

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

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

.wx-dust-canvas-wrap--front {
  z-index: 10;
}

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

.wx-page.wx-has-dust-canvas .wx-fx-dust-wind {
  display: none;
}

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

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

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

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

.wx-page.wx-has-dust-canvas .wx-panel-hourly {
  box-shadow:
    var(--wx-shadow),
    inset 0 0 0 1px rgba(210, 185, 145, 0.18),
    inset 5px 0 14px rgba(120, 90, 55, 0.1),
    inset -5px 0 14px rgba(120, 90, 55, 0.1);
}

.wx-page.wx-atmosphere.wx-has-dust-canvas .wx-panel-hourly {
  border-left-color: rgba(210, 185, 150, 0.28);
  border-right-color: rgba(210, 185, 150, 0.28);
}

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