/* Fond marin partagé par les pages utilisant le header commun. */

body.site-background-enabled{isolation:isolate;background:linear-gradient(to bottom,#f1efe5 0%,#e7efed 15%,#bdd6d5 31%,#72a8ad 47%,#317d8b 63%,#0c5970 79%,#043b53 100%) fixed!important}
.site-marine-snow{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}

.site-marine-snow-particle{
  position:absolute;
  top:-12vh;
  left:var(--particle-x);
  width:var(--particle-size);
  height:var(--particle-size);
  border-radius:50%;
  background:rgba(235,251,250,.68);
  opacity:var(--particle-opacity);
  filter:blur(var(--particle-blur));
  box-shadow:0 0 10px rgba(220,249,248,.28);
  animation:site-marine-snow-fall var(--particle-duration) linear var(--particle-delay) infinite;
  will-change:transform;
}

@keyframes site-marine-snow-fall{
  0%{transform:translate3d(0,-12vh,0) scale(.85)}
  16%{transform:translate3d(var(--zig-a),7vh,0) scale(1)}
  34%{transform:translate3d(var(--zig-b),30vh,0) scale(.92)}
  52%{transform:translate3d(var(--zig-a),53vh,0) scale(1.05)}
  70%{transform:translate3d(var(--zig-b),76vh,0) scale(.9)}
  86%{transform:translate3d(var(--zig-a),96vh,0) scale(1)}
  100%{transform:translate3d(0,118vh,0) scale(.86)}
}

@media (max-width:600px){
  .site-marine-snow-particle:nth-child(n+11){display:none}
}


.site-marine-snow.is-paused i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.site-marine-snow{display:none}}