/* The existing active mineral shadow, with a distinct current in every row.
   State opacity and the original upward-facing scaleY(-1) remain in case-status. */
html[data-wl-active-light] #projects-inner details.project > summary {
  --ca-width-a:30%;--ca-height-a:118%;--ca-x-a:26%;--ca-y-a:118%;
  --ca-width-b:27%;--ca-height-b:104%;--ca-x-b:71%;--ca-y-b:112%;
  --ca-size-a:170%;--ca-size-b:190%;--ca-duration:13s;--ca-phase:-7s;
  --ca-direction:alternate;--ca-mid-a:43%;--ca-mid-b:64%;--ca-strength:1;
  --ca-fade-start:18%;--ca-fade-mid:42%;--ca-fade-rise:70%;
  --ca-core:rgb(98 99 91 / calc(.24 * var(--ca-strength)));--ca-mid:rgb(98 99 91 / calc(.14 * var(--ca-strength)));--ca-edge:rgb(98 99 91 / calc(.055 * var(--ca-strength)));
  --ca-core-b:rgb(98 99 91 / calc(.18 * var(--ca-strength)));--ca-mid-b-ink:rgb(98 99 91 / calc(.10 * var(--ca-strength)));--ca-edge-b:rgb(98 99 91 / calc(.045 * var(--ca-strength)));
  --ca-ground:rgb(98 99 91 / calc(.10 * var(--ca-strength)));--ca-ground-edge:rgb(98 99 91 / calc(.04 * var(--ca-strength)));
  --ca-cursor-x:-1000px;--ca-cursor-y:-1000px;--ca-cursor-r:230px;--ca-clear:0;
}
html[data-wl-active-light] #projects-inner details.project > summary::before {
  background-image:
    radial-gradient(ellipse var(--ca-width-a) var(--ca-height-a) at var(--ca-x-a) var(--ca-y-a),var(--ca-core) 0%,var(--ca-mid) 30%,var(--ca-edge) 60%,transparent 85%),
    radial-gradient(ellipse var(--ca-width-b) var(--ca-height-b) at var(--ca-x-b) var(--ca-y-b),var(--ca-core-b) 0%,var(--ca-mid-b-ink) 35%,var(--ca-edge-b) 66%,transparent 90%),
    linear-gradient(to top,var(--ca-ground),var(--ca-ground-edge) 30%,transparent 78%);
  background-size:var(--ca-size-a) 132%,var(--ca-size-b) 145%,100% 100%;
  mask-image:
    linear-gradient(to bottom,transparent 0%,#00000008 var(--ca-fade-start),#00000035 var(--ca-fade-mid),#000000a8 var(--ca-fade-rise),#000 96%),
    radial-gradient(circle var(--ca-cursor-r) at var(--ca-cursor-x) var(--ca-cursor-y),rgb(0 0 0 / calc(1 - var(--ca-clear))) 0%,rgb(0 0 0 / calc(1 - var(--ca-clear) * .74)) 28%,#000 82%);
  mask-composite:intersect;
  animation:wl-case-active-current var(--ca-duration) cubic-bezier(.45,0,.55,1) var(--ca-phase) infinite var(--ca-direction) paused;
}
/* Opacity still communicates exactly the existing open, hover and keyboard states. */
html[data-wl-active-light] #projects-inner details.project[open] > summary::before,
html[data-wl-active-light] #projects-inner details.project > summary:focus-visible::before {animation-play-state:running}
@media(hover:hover) {
  html[data-wl-active-light] #projects-inner details.project > summary:hover::before {animation-play-state:running}
}
@keyframes wl-case-active-current {
  0% {background-position:0% 84%,100% 96%,0 0}
  29% {background-position:var(--ca-mid-a) 98%,72% 69%,0 0}
  63% {background-position:68% 72%,var(--ca-mid-b) 103%,0 0}
  100% {background-position:100% 61%,0% 88%,0 0}
}
html[data-theme=dark][data-wl-active-light] #projects-inner details.project > summary {
  --ca-core:rgb(98 99 91 / calc(.44 * var(--ca-strength)));--ca-mid:rgb(74 76 67 / calc(.32 * var(--ca-strength)));--ca-edge:rgb(53 54 47 / calc(.14 * var(--ca-strength)));
  --ca-core-b:rgb(98 99 91 / calc(.38 * var(--ca-strength)));--ca-mid-b-ink:rgb(74 76 67 / calc(.27 * var(--ca-strength)));--ca-edge-b:rgb(53 54 47 / calc(.12 * var(--ca-strength)));
  --ca-ground:rgb(98 99 91 / calc(.17 * var(--ca-strength)));--ca-ground-edge:rgb(53 54 47 / calc(.09 * var(--ca-strength)));
}
html[data-wl-active-light] #projects-inner details.project > summary:not([data-ca-visible])::before,
html[data-wl-active-light][data-ca-sleep] #projects-inner details.project > summary::before,
html[data-wl-active-light].motion-paused #projects-inner details.project > summary::before {animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce) {
  html[data-wl-active-light] #projects-inner details.project > summary::before {animation:none!important;transition:none;--ca-clear:0}
}
@media(forced-colors:active) {
  html[data-wl-active-light] #projects-inner details.project > summary::before {display:none!important}
}