.snippet-overlay {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  inset: 0;
  background: var(--colour-grey-dark);
  z-index: 998;
  transition: opacity var(--transition-duration-slow) var(--transition-timing) 0ms, visibility var(--transition-duration-slow) var(--transition-timing) 0ms;
  transition-delay: var(--transition-duration-slow);
}
.snippet-overlay[data-is-open] {
  opacity: 0.5;
  visibility: visible;
  transition-delay: 0ms;
}