/* A restrained scarlet sweep across the AGM VK header only. */
body[data-theme="agm"] #view.vk-stage.vk-studio-v227 .vk-hero {
  isolation: isolate;
  overflow: hidden;
}

body[data-theme="agm"] #view.vk-stage.vk-studio-v227 .vk-hero::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 4px;
  bottom: 4px;
  left: 0;
  width: 40%;
  pointer-events: none;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(235, 0, 18, .055) 20%,
    rgba(255, 30, 48, .14) 40%,
    rgba(255, 89, 101, .23) 50%,
    rgba(255, 30, 48, .14) 60%,
    rgba(235, 0, 18, .055) 80%,
    transparent 100%);
  mix-blend-mode: screen;
  transform: translate3d(-110%, 0, 0) skewX(-15deg);
  animation: vk253-scarlet-sweep 5s linear infinite;
}

/* The sweep crosses the VK lettering and its frame at the same moment. */
body[data-theme="agm"] #view.vk-stage.vk-studio-v227 .vk-hero .vk227-brand::before {
  animation: vk253-scarlet-mark 5s linear infinite;
}

@keyframes vk253-scarlet-sweep {
  0%, 6% { opacity: 0; transform: translate3d(-110%, 0, 0) skewX(-15deg); }
  9% { opacity: 1; }
  32% { opacity: 1; }
  36%, 100% { opacity: 0; transform: translate3d(265%, 0, 0) skewX(-15deg); }
}

@keyframes vk253-scarlet-mark {
  0%, 9%, 18%, 100% { text-shadow: none; box-shadow: none; }
  12%, 15% {
    text-shadow: 0 0 12px rgba(255, 96, 106, .60);
    box-shadow: inset 0 0 12px rgba(255, 54, 70, .13), 0 0 14px rgba(255, 38, 55, .15);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-theme="agm"] #view.vk-stage.vk-studio-v227 .vk-hero::after,
  body[data-theme="agm"] #view.vk-stage.vk-studio-v227 .vk-hero .vk227-brand::before {
    animation: none !important;
  }
}