/*
 * Border-only layers adapted from React Bits (David Haz), commit
 * 1eeb6f105c68b964289d85dabbe84a1d551f3797.
 * https://github.com/DavidHDev/react-bits
 * Inspired by @BalintFerenczy: https://codepen.io/BalintFerenczy/pen/KwdoyEN
 * License: ./assets/licenses/react-bits-LICENSE.md (MIT + Commons Clause).
 * Deliberately omit the upstream background wash; preserve the dark glass.
 */

.eb-overlay {
  position: absolute;
  z-index: 4;
  /* JS sizes this window beyond the complete displaced contour (10px here).
     Only transparent 60px bitmap overscan is clipped, never the card edge.
     Clipping here prevents the oversized canvas from enlarging page scroll width. */
  overflow: hidden;
  overflow: clip;
}

.eb-overlay,
.eb-overlay * {
  pointer-events: none;
}

.eb-canvas {
  position: absolute;
  display: block;
  z-index: 2;
}

.eb-glow-1,
.eb-glow-2 {
  position: absolute;
  box-sizing: border-box;
  border: var(--eb-thickness) solid var(--eb-color);
  /* Insets and the host's computed border-radius are copied by JS on resize. */
}

.eb-glow-1 {
  opacity: 0.6;
  filter: blur(1px);
}

.eb-glow-2 {
  opacity: 0.4;
  filter: blur(2px);
}