.ambient-field {
  opacity: .74;
  filter: saturate(.86) contrast(1.02);
  mix-blend-mode: screen;
}

body.is-post .ambient-field {
  opacity: .42;
}

.ambient-haze {
  position: fixed;
  inset: -10%;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse at 82% 26%, rgba(104, 148, 108, .105) 0%, rgba(82, 119, 91, .055) 22%, transparent 48%),
    radial-gradient(ellipse at 90% 17%, rgba(111, 139, 132, .055) 0%, transparent 34%);
  transform-origin: 82% 26%;
  animation: ambient-breathe 12s ease-in-out infinite alternate;
  mix-blend-mode: screen;
}

body.is-post .ambient-haze {
  opacity: .5;
}

.react-ready .writing-controls {
  box-shadow: inset 2px 0 0 rgba(124, 157, 119, .22);
}

.react-ready .writing-search-mark {
  text-shadow: 0 0 10px rgba(121, 157, 118, .2);
}

@keyframes ambient-breathe {
  0% {
    opacity: .48;
    transform: scale(.97) rotate(-.45deg);
  }
  48% {
    opacity: .72;
  }
  100% {
    opacity: .58;
    transform: scale(1.035) rotate(.55deg);
  }
}

@media (max-width: 760px) {
  .ambient-field {
    opacity: .58;
  }

  body.is-post .ambient-field {
    opacity: .31;
  }

  .ambient-haze {
    background:
      radial-gradient(ellipse at 86% 20%, rgba(104, 148, 108, .09) 0%, rgba(82, 119, 91, .045) 24%, transparent 48%),
      radial-gradient(ellipse at 94% 13%, rgba(111, 139, 132, .045) 0%, transparent 33%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ambient-haze {
    animation: none;
    opacity: .5;
  }

  .ambient-field {
    opacity: .42;
  }
}