.spin-shot{position:relative}.spin-shot>img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.spin-shot__frames{pointer-events:none;visibility:hidden;position:absolute;inset:0;overflow:hidden}.spin-shot__frames img{max-width:none;height:100%;width:calc(100% * var(--frames));will-change:transform, opacity;-webkit-user-drag:none;position:absolute;top:0;left:0}.spin-shot:after,.shot-glare:after{content:"";mix-blend-mode:screen;pointer-events:none;-webkit-mask:var(--shot-mask) center / 100% 100% no-repeat;-webkit-mask:var(--shot-mask) center / 100% 100% no-repeat;mask:var(--shot-mask) center / 100% 100% no-repeat;background:linear-gradient(105deg,#fff0 38%,#ffffff42 49%,#fff0 60%) 130% 0/260% 100% no-repeat;position:absolute;inset:0}@supports (animation-timeline:view()){.spin-shot:after,.shot-glare:after{animation:linear both shot-glare;animation-timeline:view();animation-range:entry 30% cover 62%}}@keyframes shot-glare{0%{background-position:130% 0}to{background-position:-40% 0}}@supports not (animation-timeline:view()){.spin-shot:after,.shot-glare:after{display:none}}@media (prefers-reduced-motion:reduce){.spin-shot:after,.shot-glare:after{display:none}}.shot-glare{position:relative}.shot-glare>img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.spin-shot:after{opacity:0;transition:opacity .35s}.spin-shot[data-still]:after{opacity:1}@supports (animation-timeline:view()){.spin-shot:after{animation-range:cover 40% cover 80%}}