/* Electric Border - vanilla CSS (inspired by @BalintFerenczy / react-bits) */
.electric-border {
  position: relative;
  display: block;
  box-sizing: border-box;
}

.electric-border .eb-canvas-container {
  position: absolute;
  inset: -60px;
  pointer-events: none;
  z-index: 0;
}

.electric-border .eb-canvas {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  pointer-events: none;
}

.electric-border .eb-layers {
  position: absolute;
  inset: -2px;
  border-radius: inherit;
  pointer-events: none;
  z-index: 1;
  overflow: hidden;
  border-radius: var(--electric-border-radius, 16px);
}

.electric-border .eb-glow-1,
.electric-border .eb-glow-2,
.electric-border .eb-background-glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0.4;
}

.electric-border .eb-glow-1 {
  box-shadow: 0 0 20px 2px var(--electric-border-color, #0a0a0a);
}

.electric-border .eb-glow-2 {
  box-shadow: inset 0 0 15px 1px var(--electric-border-color, #0a0a0a);
}

.electric-border .eb-background-glow {
  background: radial-gradient(ellipse 80% 50% at 50% 0%, rgba(0, 0, 0, 0.15), transparent);
}

.electric-border .eb-content {
  position: relative;
  z-index: 2;
  border-radius: inherit;
}