.nut-barrage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;box-sizing:border-box;background-color:var(--nutui-gray-3, #f6f6f6);color:var(--nutui-gray-7, #1a1a1a)}.nut-barrage .barrage-item{display:block;position:absolute;right:0;padding:4px 16px;border-radius:16px;font-size:var(--nutui-font-size-2, 12px);text-align:center;white-space:pre;transform:translate(100%);background:linear-gradient(to right,var(--nutui-black-3),var(--nutui-black-1));box-sizing:border-box}.nut-barrage .barrage-item.move{will-change:transform;animation-name:moving;animation-timing-function:linear;animation-play-state:running}@keyframes moving{0%{transform:translate(100%)}to{transform:translate(var(--move-distance))}}@-webkit-keyframes moving{0%{-webkit-transform:translateX(100%)}to{transform:translate(var(--move-distance))}}