/* InPlayWise neon icon system — styling
   Assets: png/<shape>.png (transparent stills), webm/<shape>-loader.webm, webm/<shape>-confirm.webm
   Shapes: tick, wmark, sparkle, frame, triangle, swoosh
   Designed for DARK backgrounds (the neon glow composites additively on near-black). */

.ipw-neon-icon{
  display:inline-block;
  width:var(--ipw-size,96px);
  height:var(--ipw-size,96px);
  line-height:0;
  vertical-align:middle;
}
.ipw-neon-video{
  width:100%;height:100%;display:block;object-fit:contain;
  background:transparent;pointer-events:none;
}

/* 3D ring carousel */
.ipw-neon-carousel{position:relative;width:100%}
.ipw-neon-stage{
  position:relative;width:100%;
  height:var(--ipw-carousel-h,300px);
  overflow:visible;
}
.ipw-neon-item{
  position:absolute;left:0;top:0;
  width:var(--ipw-item,180px);height:var(--ipw-item,180px);
  will-change:transform,opacity;
}
.ipw-neon-item img{width:100%;height:100%;object-fit:contain;display:block}

/* Gradient backdrop — best visual quality in the bet slip.
   Puts a soft radial glow UNDER the transparent video so the neon reads richly.
   Usage: <div class="ipw-neon-bg"><span id="x" class="ipw-neon-icon"></span></div>
   Tint variants: add .ok (blue/green) or .err (red) for confirm/error states. */
.ipw-neon-bg{
  position:relative;display:inline-grid;place-items:center;
  border-radius:16px;overflow:hidden;
  padding:var(--ipw-bg-pad,10px);
}
.ipw-neon-bg::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(62% 62% at 50% 44%,
    rgba(77,91,219,.30), rgba(124,128,238,.11) 46%, transparent 72%);
}
.ipw-neon-bg.ok::before{
  background:radial-gradient(62% 62% at 50% 44%,
    rgba(77,91,219,.32), rgba(80,149,108,.12) 46%, transparent 72%);
}
.ipw-neon-bg.err::before{
  background:radial-gradient(62% 62% at 50% 44%,
    rgba(255,90,87,.30), rgba(235,104,71,.12) 46%, transparent 72%);
}
.ipw-neon-bg > .ipw-neon-icon{position:relative;z-index:1}