/* Keep the same animated neon effect on its own composited layer. */
.slider-performance-shell { isolation:isolate; --slider-gutter:1rem; }
@media (min-width:640px) { .slider-performance-shell { --slider-gutter:1.5rem; } }
@media (min-width:1024px) { .slider-performance-shell { --slider-gutter:2rem; } }
.slider-performance-shell::before {
    content:""; position:absolute; inset:0 var(--slider-gutter);
    pointer-events:none; z-index:-1; border-radius:1.5rem;
    border:3.5px solid #D80027;
    box-shadow:0 0 30px #D80027,0 0 60px #FF0055,0 0 90px #D80027,inset 0 0 25px rgba(216,0,39,.5);
    animation:neon-composited 7s linear infinite;
    will-change:filter;
}
.slider-performance-shell .neon-slider-glow { animation:none; border-color:transparent; background-clip:padding-box; }
@keyframes neon-composited {
    0%,100% { filter:hue-rotate(0deg); }
    20% { filter:hue-rotate(55deg); }
    40% { filter:hue-rotate(190deg); }
    60% { filter:hue-rotate(285deg); }
    80% { filter:hue-rotate(335deg); }
}
.slider-performance-shell .border-flying-plane {
    top:-18px;left:-18px;will-change:transform;
    animation:fly-perimeter-composited 10s linear infinite;
}
@keyframes fly-perimeter-composited {
    0%,100% { transform:translate3d(0,0,0) rotate(90deg); }
    25% { transform:translate3d(var(--flight-width),0,0) rotate(180deg); }
    50% { transform:translate3d(var(--flight-width),var(--flight-height),0) rotate(270deg); }
    75% { transform:translate3d(0,var(--flight-height),0) rotate(0deg); }
}
.motion-out-of-view *, .motion-out-of-view *::before, .motion-out-of-view *::after {
    animation-play-state:paused!important;
}