/* Decorative water only. Native water polygon, image and SVG/SMIL remain unchanged. */
@media screen {
  body.er-home-vision #erHomeVision .er-play-water,
  [data-er-module-play-root] .er-play-water {overflow:hidden;z-index:-1}
  body.er-home-vision #erHomeVision .er-play-water .er-play-water-image,
  [data-er-module-play-root] .er-play-water .er-play-water-image {opacity:.65}

  body.er-home-vision #erHomeVision .er-play-water::before,
  [data-er-module-play-root] .er-play-water::before {
    content:""; position:absolute; inset:-3%; z-index:1; pointer-events:none;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22280%22%20height%3D%22124%22%20viewBox%3D%220%200%20280%20124%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23c3faf5%22%20stroke-width%3D%221.35%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.52%22%3E%3Cpath%20d%3D%22M12%2027%20C28%2023%2042%2025%2053%2027%20S79%2030%2092%2026%22%2F%3E%3Cpath%20d%3D%22M148%2018%20C163%2015%20178%2015%20189%2018%20S209%2022%20224%2018%22%2F%3E%3Cpath%20d%3D%22M39%2069%20C54%2065%2071%2066%2083%2069%20S113%2072%20128%2069%22%2F%3E%3Cpath%20d%3D%22M181%2085%20C194%2081%20208%2081%20222%2084%20S249%2088%20269%2083%22%2F%3E%3Cpath%20d%3D%22M96%20112%20C109%20109%20122%20109%20135%20112%20S158%20115%20173%20110%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size:280px 124px; background-position:0 0; opacity:.56;
    mix-blend-mode:screen;
    animation:erWaterMotionWaves 16s ease-in-out infinite alternate;
  }
  body.er-home-vision #erHomeVision .er-play-water::after,
  [data-er-module-play-root] .er-play-water::after {
    content:""; position:absolute; inset:-3%; z-index:2; pointer-events:none;
    background-image:repeating-linear-gradient(164deg,transparent 0 11px,rgba(236,202,133,.28) 12px,transparent 15px 33px),radial-gradient(ellipse at 62% 66%,rgba(164,236,233,.2),transparent 48%);
    background-size:180px 96px,100% 100%; background-position:0 0,center; opacity:.27;
    -webkit-mask-image:linear-gradient(transparent 40%,#000 59%,#000 82%,transparent 97%);
    mask-image:linear-gradient(transparent 40%,#000 59%,#000 82%,transparent 97%);
    mix-blend-mode:screen;
    animation:erWaterMotionReflections 13s ease-in-out infinite alternate;
  }
  body.er-home-vision #erHomeVision .er-play-paused .er-play-water::before,
  body.er-home-vision #erHomeVision .er-play-paused .er-play-water::after,
  body.er-home-vision #erHomeVision .er-play-water.er-play-paused::before,
  body.er-home-vision #erHomeVision .er-play-water.er-play-paused::after,
  [data-er-module-play-root].er-play-paused .er-play-water::before,
  [data-er-module-play-root].er-play-paused .er-play-water::after,
  [data-er-module-play-root] .er-play-paused .er-play-water::before,
  [data-er-module-play-root] .er-play-paused .er-play-water::after,
  [data-er-module-play-root] .er-play-water.er-play-paused::before,
  [data-er-module-play-root] .er-play-water.er-play-paused::after {animation-play-state:paused}
  @keyframes erWaterMotionWaves {
    from {background-position:0 0}
    to {background-position:180px 54px}
  }
  @keyframes erWaterMotionReflections {
    0% {background-position:0 0,center;opacity:.2}
    55% {opacity:.36}
    100% {background-position:-96px 24px,center;opacity:.27}
  }
  @media (prefers-reduced-motion:reduce) {
    body.er-home-vision #erHomeVision .er-play-water::before,
    body.er-home-vision #erHomeVision .er-play-water::after,
    [data-er-module-play-root] .er-play-water::before,
    [data-er-module-play-root] .er-play-water::after {animation:none!important;display:none!important}
  }
}
@media print {
  body.er-home-vision #erHomeVision .er-play-water::before,
  body.er-home-vision #erHomeVision .er-play-water::after,
  [data-er-module-play-root] .er-play-water::before,
  [data-er-module-play-root] .er-play-water::after {animation:none!important;display:none!important}
}