.liquid { position: relative; isolation: isolate; }
.liquid__svg { position: absolute; width: 0; height: 0; }
.liquid__veil, .liquid__glow, .liquid__vignette { position: absolute; inset: 0; pointer-events: none; }
.liquid__veil {
  background: #808080;
  mix-blend-mode: color;
  opacity: 0.88;
  transition: opacity 380ms ease-out;
}
.liquid__glow {
  background: linear-gradient(120deg, transparent 30%, color-mix(in srgb, var(--accent) 35%, transparent) 50%, transparent 70%);
  opacity: 0;
  transition: opacity 340ms ease-out;
}
.liquid__vignette {
  background: radial-gradient(120% 120% at 50% 120%, color-mix(in srgb, #08080a 70%, transparent), transparent 60%);
}
.liquid.is-lit .liquid__veil { opacity: 0; }
.liquid.is-lit .liquid__glow { opacity: 1; }

.nav-ind__card .liquid__veil,
.nav-ind__card .liquid__glow,
.dl-case .liquid__veil,
.dl-case .liquid__glow { z-index: -1; }
.nav-ind__card .liquid__vignette,
.dl-case .liquid__vignette { display: none; }