/* A masked reflection travels around the glass edge as the page is scrolled. */
.site-header nav.glass-shine,.button-outline.glass-shine,.filter.glass-shine,
.reel-arrow.glass-shine,.close-dialog.glass-shine { position: relative; }
@supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
  .glass-shine::before {
    content: "";
    position: absolute; inset: -1px; z-index: 4;
    padding: 1.4px; border-radius: inherit;
    background: conic-gradient(from calc(var(--glass-scroll-angle,135deg) + var(--glass-drag-angle,0deg) + var(--glass-phase,0deg)),
      transparent 0deg 24deg,rgba(238,91,128,.10) 40deg,
      rgba(252,181,201,.58) 52deg,rgba(255,244,248,.95) 60deg,
      rgba(246,126,158,.64) 68deg,transparent 94deg 196deg,
      rgba(245,142,170,.30) 218deg,rgba(255,227,238,.68) 230deg,
      rgba(238,91,128,.20) 242deg,transparent 264deg 360deg);
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    filter: drop-shadow(0 0 3px rgba(247,93,129,.28));
    pointer-events: none; user-select: none;
  }
  .filter.glass-shine::before,.portrait-badge.glass-shine::before,
  .duration.glass-shine::before,.play-mark.glass-shine::before {
    padding: 1px; opacity: .7; filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .glass-shine::before { background: conic-gradient(from 135deg,transparent 25deg,rgba(255,227,238,.45) 60deg,transparent 95deg 215deg,rgba(245,142,170,.25) 235deg,transparent 265deg); }
}