.shortcut-hover-demo{position:relative;isolation:isolate;overflow:hidden;border-radius:7px}
.shortcut-bill-hover{position:absolute;inset:0;pointer-events:none;clip-path:inset(28.235294% 46.373626% 34.117647% 41.098901% round 999px);opacity:0;animation:shortcut-button-inverse 5s linear infinite;animation-play-state:paused}
.shortcut-bill-hover::before{content:"";position:absolute;inset:0;background:#000}
.shortcut-bill-hover img{position:relative;display:block;width:100%;height:auto;filter:grayscale(1) contrast(2) invert(1);clip-path:inset(34% 47.3% 40% 42.1%)}
.shortcut-demo-pointer{position:absolute;width:2.2%;height:auto;left:-4%;top:58%;pointer-events:none;opacity:0;filter:drop-shadow(0 1px 1px #0005);animation:shortcut-pointer-roll 5s ease-in-out infinite;animation-play-state:paused}
.shortcut-hover-demo.is-playing :is(.shortcut-bill-hover,.shortcut-demo-pointer){animation-play-state:running}
@keyframes shortcut-pointer-roll{0%,9%{left:-4%;top:58%;opacity:0}10%{left:-4%;top:58%;opacity:1}35%,75%{left:47.1%;top:45%;opacity:1}82%,100%{left:47.1%;top:45%;opacity:0}}
@keyframes shortcut-button-inverse{0%,34.99%{opacity:0}35%,75%{opacity:1}82%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.shortcut-bill-hover,.shortcut-demo-pointer{display:none;animation:none}}