/* Restore the source preview's grey dot field without changing the client artwork. */
body[data-site-template="vpn365"] .vpn365-preview-r2 {
  position: relative;
  isolation: isolate;
  background-image: radial-gradient(circle, rgba(132, 140, 148, .34) 1.6px, transparent 1.7px);
  background-position: 5px 5px;
  background-size: 10px 10px;
}
body[data-site-template="vpn365"] .vpn365-preview-r2 > .vpn365-particle-layer-r2 {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
body[data-site-template="vpn365"] .vpn365-preview-r2 > img {
  position: relative;
  z-index: 1;
}
body[data-site-template="vpn365"] canvas[data-vpn365-particles-r2] {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  pointer-events: none;
}
body[data-site-template="vpn365"] .vpn365-preview-r2[data-vpn365-particles-ready-r2="true"] {
  background-image: none;
}
@media (max-width: 640px) {
  body[data-site-template="vpn365"] .vpn365-preview-r2 {
    background-size: 8px 8px;
  }
}
@media (prefers-reduced-motion: reduce) {
  body[data-site-template="vpn365"] canvas[data-vpn365-particles-r2] {
    animation: none !important;
    transition: none !important;
  }
}