/* ========================================
   Glossy Logo – WebGL Heatmap Effect
   ======================================== */

.nb-glossy-logo[data-flickering="1"] {
  opacity: 0;
}

.nb-glossy-logo {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.nb-glossy-logo__canvas {
  contain: strict;
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
}