.jv .st{grid-template-columns:92px 1fr 64px}
.jv .bn-in{position:relative;z-index:2}
.jv .bn .cs{position:absolute;z-index:1;width:var(--w);left:var(--x);right:var(--rx);top:var(--y);transform:rotate(var(--r));animation:jvcs var(--d) ease-in-out infinite alternate;animation-delay:var(--dl);pointer-events:none;will-change:transform;backface-visibility:hidden}
.jv .bn .cs svg,.jv .bn .cs img{display:block;width:100%;height:auto}
@keyframes jvcs{0%{transform:translate3d(0,0,0) rotate(var(--r))}50%{transform:translate3d(0,-22px,0) rotate(calc(var(--r) + 5deg))}100%{transform:translate3d(0,8px,0) rotate(calc(var(--r) - 4deg))}}
.jv .bn .cs.sp{animation-name:jvcs2}
@keyframes jvcs2{0%{transform:translate3d(0,0,0) rotate(var(--r))}50%{transform:translate3d(0,-16px,0) rotate(calc(var(--r) + 8deg))}100%{transform:translate3d(0,6px,0) rotate(calc(var(--r) - 6deg))}}
.jv .bn.off .cs,.jv .bn.off .bn-sq i,.jv .bn.off .px2{animation-play-state:paused!important}
.jv .bn .bn-bg{transform:translateZ(0)}
.jv section{content-visibility:auto;contain-intrinsic-size:auto 700px}
@media(max-width:900px){.jv .bn .cs.hide-m{display:none}.jv .bn .cs{opacity:.85}}
@media(max-width:560px){.jv .bn .cs{--w:84px!important}}
@media(prefers-reduced-motion:reduce){.jv .bn .cs{animation:none!important}}