#corner-rays{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:999999;
  overflow:hidden;
}

.corner-ray{
  position:absolute;
  opacity:0;
  filter:blur(6px);
  mix-blend-mode:screen;
}

.corner-ray::before{
  content:"";
  display:block;
  width:220px;
  height:14px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(210,230,255,0.6) 35%,
    rgba(255,255,255,1) 50%,
    rgba(210,230,255,0.6) 65%,
    rgba(255,255,255,0) 100%
  );
  box-shadow:
    0 0 16px rgba(255,255,255,0.6),
    0 0 28px rgba(200,220,255,0.35);
}

.ray-tl{
  top:24px;
  left:24px;
  transform:rotate(35deg);
  animation:flashTL 2.6s infinite;
}

.ray-tr{
  top:24px;
  right:24px;
  transform:rotate(145deg);
  animation:flashTR 2.9s infinite;
}

.ray-bl{
  bottom:24px;
  left:24px;
  transform:rotate(-35deg);
  animation:flashBL 3.1s infinite;
}

.ray-br{
  bottom:24px;
  right:24px;
  transform:rotate(-145deg);
  animation:flashBR 2.8s infinite;
}

@keyframes flashTL{
  0%,100%{opacity:0}
  10%{opacity:.2}
  14%{opacity:1;transform:rotate(35deg) scale(1.05)}
  18%{opacity:.25}
  22%{opacity:0}
}

@keyframes flashTR{
  0%,100%{opacity:0}
  12%{opacity:.2}
  16%{opacity:1;transform:rotate(145deg) scale(1.05)}
  20%{opacity:.25}
  24%{opacity:0}
}

@keyframes flashBL{
  0%,100%{opacity:0}
  11%{opacity:.2}
  15%{opacity:1;transform:rotate(-35deg) scale(1.05)}
  19%{opacity:.25}
  23%{opacity:0}
}

@keyframes flashBR{
  0%,100%{opacity:0}
  13%{opacity:.2}
  17%{opacity:1;transform:rotate(-145deg) scale(1.05)}
  21%{opacity:.25}
  25%{opacity:0}
}
html.svcv-effects-tab-hidden #corner-rays .corner-ray {
  animation-play-state: paused !important;
}