.snippet-overlay {
  background-color: var(--colour-black);
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: 900;
  opacity: 0;
  visibility: hidden;
  transition: all var(--transition-duration) var(--transition-timing);
  transition-delay: var(--transition-duration);
}
.snippet-overlay[data-deal-wallet-wrapper-external-el=overlay] {
  z-index: 1000;
}
.snippet-overlay[data-cart-drawer-external-el=overlay] {
  z-index: 1010;
}
.snippet-overlay.js-is-visible, .snippet-overlay[data-is-open] {
  opacity: 0.4;
  visibility: visible;
  transition-delay: 0s;
}