/* Decoration stays separate from the live rates and their click targets. */
.rate-mesh-layer {
  position: fixed;
  inset: 0 0 -40px;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
.rate-mesh-layer canvas { display: block; width: 100%; height: 100%; }
.live-rates-page #appMain { position: relative; z-index: 1; background: transparent; }
.rate-header-mesh {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
}
.rate-table-surface { position: relative; isolation: isolate; }
.rate-table-surface .products-table { position: relative; z-index: 1; }
.rate-watermark {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  opacity: .1;
  mix-blend-mode: multiply;
  pointer-events: none;
  user-select: none;
}
.rate-watermark img {
  display: block;
  width: min(42%, 280px);
  max-height: 85%;
  object-fit: contain;
  filter: grayscale(1) invert(1);
}
@media (min-width: 1000px) {
  .rate-mesh-layer { left: var(--sidebar-w); }
}
@media (prefers-reduced-motion: reduce) {
  .rate-mesh-layer { transform: none !important; }
}