/* The selected batsman shadow uses an alpha mask, tinted for each edition. */
.cp-about-shadow {
  --about-shadow-ink:#79121e;
  --about-shadow-strength:.13;
  position:absolute;
  z-index:1;
  left:var(--about-shadow-x,0px);
  top:var(--about-shadow-y,0px);
  width:var(--about-shadow-width,0px);
  height:var(--about-shadow-height,0px);
  pointer-events:none;
  visibility:hidden;
  opacity:var(--reel-intro-opacity,1);
  transform:translateY(var(--reel-intro-y,0px));
  -webkit-mask-image:linear-gradient(#000 0 65%,transparent 100%);
  mask-image:linear-gradient(#000 0 65%,transparent 100%);
}
.cp-about-shadow[data-shadow-placement="corner"],
.cp-about-shadow[data-shadow-placement="stats-gap"] { visibility:visible; }
.cp-about-shadow.is-shadow-ready::before {
  content:'';
  position:absolute;
  inset:0;
  background:var(--about-shadow-ink);
  opacity:var(--about-shadow-strength);
  -webkit-mask-image:url(about-batsman-shadow.webp);
  mask-image:url(about-batsman-shadow.webp);
  -webkit-mask-size:150% auto;
  mask-size:150% auto;
  -webkit-mask-position:center calc(0px - var(--about-shadow-lift,0px));
  mask-position:center calc(0px - var(--about-shadow-lift,0px));
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  mask-mode:alpha;
}
.cp-site.cp-v3 .cp-about-shadow { --about-shadow-ink:#0b3d23; }
.cp-about-shadow[data-shadow-placement="corner"]::before {
  -webkit-mask-size:100% auto;
  mask-size:100% auto;
}
.cp-about-shadow[data-shadow-placement="stats-gap"] { --about-shadow-strength:.085; }
@media (prefers-reduced-motion:reduce) {
  .cp-about-shadow { transform:none; }
}
@media (forced-colors:active) {
  .cp-about-shadow { display:none; }
}