.boost-feedback { position:fixed; inset:0; pointer-events:none; overflow:hidden; z-index:3; opacity:0; contain:strict; --boost-color:#fff; }
.boost-feedback i { position:absolute; top:var(--row); width:24vw; height:4px; background:linear-gradient(90deg,transparent,var(--boost-color) 25%,#fff 60%); opacity:1; animation:boost-edge .24s linear infinite; animation-delay:var(--delay); animation-play-state:paused; }
.boost-feedback .left { left:-3vw; transform-origin:left center; }
.boost-feedback .right { right:-3vw; transform-origin:right center; }
.boost-feedback.active i { animation-play-state:running; }
@keyframes boost-edge { from { transform:rotate(var(--angle)) scaleX(.5); opacity:0; } 35% { opacity:1; } to { transform:rotate(var(--angle)) scaleX(1.15); opacity:0; } }
@media(max-width:700px),(max-height:500px) { .boost-feedback i { width:20vw; height:3px; } .boost-feedback i:nth-child(3n) { display:none; } }
@media(prefers-reduced-motion:reduce) { .boost-feedback { display:none; } }