/* WAAPI owns the detail entrance so the old keyframes cannot compete with it. */
.product-dialog[open]{animation:none}
.product-dialog .detail-art{position:relative;isolation:isolate}
.store-detail-sheen,.store-detail-glow{position:absolute;pointer-events:none;user-select:none;opacity:0}
.store-detail-sheen{z-index:2;top:-12%;bottom:-12%;left:0;width:47%;background:linear-gradient(90deg,transparent 0%,rgb(203 247 234 / .03) 18%,rgb(255 255 255 / .44) 48%,rgb(215 240 255 / .16) 58%,transparent 100%);mix-blend-mode:screen;will-change:transform,opacity}
.store-detail-glow{z-index:4;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(202 243 218 / .75),inset 0 0 24px rgb(161 238 196 / .13),inset 0 0 70px rgb(181 213 255 / .06);will-change:opacity}
.store-detail-opening .detail-art{will-change:clip-path}
.store-detail-opening .detail-art img{will-change:transform,filter}

/* A disposable, noninteractive accent; no changes to control layout or focus. */
.store-motion-ripple{
  display:block;
  position:fixed;
  z-index:2147483000;
  pointer-events:none;
  user-select:none;
  border:1px solid rgb(255 255 255 / .32);
  border-radius:50%;
  background:radial-gradient(circle,rgb(255 255 255 / .25),rgb(255 255 255 / .09) 28%,transparent 69%);
  box-shadow:0 0 22px rgb(255 255 255 / .12);
  opacity:0;
  contain:strict;
  will-change:transform,opacity;
}
.store-motion-ripple--dialog{position:absolute}
@media(prefers-reduced-motion:reduce){.store-motion-ripple,.store-detail-sheen,.store-detail-glow{display:none}}