.danmaku-container{overflow:hidden;position:relative}.danmaku-container,.danmaku-container .danmus{backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000;-webkit-perspective:1000;-webkit-transform:translateZ(0);transform:translateZ(0)}.danmaku-container .danmus{height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:all .3s;transition:all .3s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.danmaku-container .danmus.show{opacity:1}.danmaku-container .danmus.paused .dm.move{-webkit-animation-play-state:paused;animation-play-state:paused}.danmaku-container .danmus .dm{backface-visibility:hidden;-webkit-backface-visibility:hidden;color:#666;cursor:pointer;font-size:20px;perspective:1000;-webkit-perspective:1000;position:absolute;text-align:center;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;white-space:pre}.danmaku-container .danmus .dm,.danmaku-container .danmus .dm>div{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.danmaku-container .danmus .dm.move{-webkit-animation-name:moveLeft;animation-name:moveLeft;-webkit-animation-play-state:running;animation-play-state:running;-webkit-animation-timing-function:linear;animation-timing-function:linear;will-change:transform}.danmaku-container .danmus .dm.pause{-webkit-animation-play-state:paused;animation-play-state:paused;z-index:10}@keyframes moveLeft{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(var(--dm-scroll-width));transform:translate(var(--dm-scroll-width))}}@-webkit-keyframes moveLeft{0%{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(var(--dm-scroll-width))}}
