
.parlay-widget{
  position:relative;
  overflow:hidden;
  box-shadow:
    0 0 18px rgba(0, 0, 0, 0.55),
0 0 45px rgba(0, 0, 0, 0.35),
0 18px 35px rgba(0, 0, 0, 0.35),
inset 0 0 35px rgba(56, 61, 60, 0.08) !important;
}

.parlay-widget::before{
  content:"";
  position:absolute;
  top:-120px;
  left:-180px;
  width:180px;
  height:650px;
  background:linear-gradient(
    120deg,
    transparent,
    rgba(255,255,255,.65),
    transparent
  );
  transform:rotate(25deg);
  animation:parlayShine 4s infinite;
  pointer-events:none;
  z-index:1;
}

.parlay-widget::after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:18px;
  border:1px solid rgba(0, 0, 0, 0.22);
  box-shadow:inset 0 0 22px rgba(255,255,255,.12);
  pointer-events:none;
}

@keyframes parlayShine{
  0%{left:-220px;}
  55%{left:120%;}
  100%{left:120%;}
}

.parlay-widget > *{
  position:relative;
  z-index:2;
}

.parlay-widget h2{
  text-shadow:0 0 8px #000000, 0 0 18px #ffd200, 0 0 28px #0027ff !important
}

.parlay-row{
  position:relative;
  overflow:hidden;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .35), 0 0 14px rgba(0, 0, 0, 0.43) !important;
}

.parlay-row::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:45%;
  background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,0));
  pointer-events:none;
}

.parlay-add,
.parlay-submit{
  box-shadow:
    0 0 18px rgba(0, 0, 0, 0.55),
0 0 45px rgba(0, 0, 0, 0.35),
0 18px 35px rgba(0, 0, 0, 0.35),
inset 0 0 35px rgba(180, 255, 240, 0.08) !important;
  text-shadow:0 1px 2px rgba(255,255,255,.35);
}

.parlay-result div{
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .28), 0 0 15px rgba(0, 0, 0, 0.36) !important;
}

