.fb-gradient-mesh {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  isolation: isolate;
}

.fb-gradient-mesh__layer {
  position: absolute;
  inset: -20%;
  transform: translate3d(-2%, -1%, 0) scale(1.04);
  transform-origin: center;
}

.fb-gradient-mesh__layer--animated {
  animation: fb-gradient-mesh-drift 8s cubic-bezier(0.77, 0, 0.175, 1) infinite alternate;
}

.fb-gradient-mesh--paused .fb-gradient-mesh__layer {
  animation-play-state: paused;
}

@keyframes fb-gradient-mesh-drift {
  from { transform: translate3d(-2%, -1%, 0) rotate(-4deg) scale(1.04); }
  to { transform: translate3d(3%, 2%, 0) rotate(7deg) scale(1.1); }
}

@media (prefers-reduced-motion: reduce) {
  .fb-gradient-mesh__layer--animated { animation: none; }
}
