#particle-snow,
.particle-snow {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 30 !important;
}

#particle-snow > .particles-js-canvas-el,
.particle-snow > canvas {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  pointer-events: none !important;
}

/* Keep the fixed desktop sidebar from reserving 240px on tablet/mobile. */
@media (max-width: 991px) {
  .main-wrapper .page-content,
  .sidebar-folded .main-wrapper .page-content {
    width: 100% !important;
    min-width: 0 !important;
    margin-inline-start: 0 !important;
  }

  .sidebar {
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
    transform: translateX(-100%);
    visibility: hidden;
  }

  html[dir="rtl"] .sidebar {
    left: auto !important;
    right: 0 !important;
    transform: translateX(100%);
  }

  .sidebar-open .sidebar,
  html[dir="rtl"] .sidebar-open .sidebar {
    transform: translateX(0);
    visibility: visible;
  }
}