@property --window-edge-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

.window-edge-anchor { position: relative; }
.window-glow-settings { margin: 20px 0; padding: 18px 0; border: 0; border-top: 1px solid #72dbf526; border-bottom: 1px solid #72dbf526; min-width: 0; }
.window-glow-settings legend { padding: 0 10px 0 0; font: 11px var(--mono); letter-spacing: 1px; color: #b5e8f3; }
.window-glow-settings .settings-copy { font-size: 10px; line-height: 1.7; margin: 10px 0 0; }
.window-edge-light {
  display: none;
  position: absolute;
  inset: 0;
  z-index: 3;
  border: 1.5px solid #64d9ef8c;
  border-radius: inherit;
  box-shadow: 0 0 5px #399dff2b, inset 0 0 3px #5ce5ff24;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}
html[data-window-glow='on'][data-window-glow-session='active'] .window-edge-light { display: block; }

@supports (background: conic-gradient(from 0deg, transparent, #83ecff, transparent)) and ((mask-composite: exclude) or (-webkit-mask-composite: xor)) {
  .window-edge-light {
    padding: 1.5px;
    border: 0;
    box-shadow: none;
    background: conic-gradient(from var(--window-edge-angle), transparent 0deg, transparent 220deg, #287bff20 245deg, #409cff80 265deg, #5cddffdc 281deg, #e8fdff 290deg, #74eaffb0 300deg, transparent 323deg, transparent 360deg);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    filter: drop-shadow(0 0 3px #39beff85);
    animation: window-edge-orbit 6.8s linear infinite;
    animation-delay: var(--window-edge-delay, 0s);
    animation-play-state: paused;
  }
  html[data-window-glow='on'][data-window-glow-session='active'][data-window-glow-motion='running'] [data-window-edge-visible='true'] > .window-edge-light { animation-play-state: running; }
}
@keyframes window-edge-orbit {
  from { --window-edge-angle: 0deg; }
  to { --window-edge-angle: 360deg; }
}
html[data-window-glow-motion='paused'] .window-edge-light,
html[data-window-glow-session='locked'] .window-edge-light,
html[data-window-glow='off'] .window-edge-light { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .window-edge-light { animation: none; --window-edge-angle: 80deg; }
}
@media print {
  .window-edge-light { display: none !important; }
}