.chat-info-item .author-name,.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vue-recycle-scroller__item-view>div{padding:.2rem 0}.vue-recycle-scroller__item-view.hover .chat-info-item:not(.is-manager){background-color:#272727}.vue-recycle-scroller__item-view.hover .chat-info-item.shopping-item{background-color:transparent}.vue-recycle-scroller__item-view.hover .chat-info-item.shopping-item.notice{background-color:#272727}.vue-recycle-scroller__item-view.hover .chat-btn-close{display:block}.vue-recycle-scroller__item-view.hover .is-notice-error .chat-btn-close{display:none}.vue-recycle-scroller__item-view .shopping-item.notice{background-color:#272727}.chat-info-item{word-break:break-word;position:relative;padding:10px 20px;min-width:12rem;-webkit-transition-property:left,top;transition-property:left,top;-webkit-transition-duration:.2s;transition-duration:.2s}.chat-info-item .chat-btns{position:absolute;top:.8rem;right:.8rem}.chat-info-item .chat-btn-close{display:none}.chat-info-item .channel-img{width:1.8rem;height:1.8rem;margin-right:.5rem}.chat-info-item .title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;font-weight:bolder;line-height:1.8rem}.chat-info-item .title>div{-ms-flex-negative:0;flex-shrink:0}.chat-info-item .title .author-name{-ms-flex-negative:1;flex-shrink:1}.chat-info-item .author-name{display:inline-block}.chat-info-item .message{margin-top:1rem;font-size:1.4rem;line-height:1.8rem;word-break:break-word}.chat-info-item .chat-sup{display:block;height:1.4rem;line-height:1.4rem;margin-top:.5rem;color:#666}.chat-info-item.is-self{background-color:#272727}.chat-info-item.is-self .author-name{color:#effc35}.chat-info-item.is-manager{background-color:#fff}.chat-info-item.is-manager .author-name{color:#1d1d1e}.chat-info-item.is-manager .message{color:rgba(0,0,0,.5)}.chat-info-item.is-manager .chat-sup{color:rgba(0,0,0,.25)}.chat-info-item .badge-img-box{height:1.2rem;margin-right:.2rem;font-size:0}.chat-info-item .badge-img-box.medium{height:1.5rem}.chat-info-item .badge-img-box .badge-img{margin-right:.4rem;height:100%}.naver-chat-item.is-manager{background-color:#fff}.naver-chat-item.is-manager .author-name{font-weight:700;color:#000}.naver-chat-item.is-manager .author-name span{font-weight:700}.naver-chat-item.is-manager .message{color:#666}.naver-chat-item.is-manager .chat-sup{color:#bbb}.naver-chat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:none;transition:none}.naver-chat-item .profile{display:block;width:3rem;height:3rem;margin-right:.8rem}.naver-chat-item .profile-img{width:100%;height:100%;border-radius:50%}.naver-chat-item .chat-content{-webkit-box-flex:1;-ms-flex:1;flex:1;width:calc(100% - 3.8rem)}.naver-chat-item .icon-badge{padding:.5rem;display:inline-block;font-size:.9rem;font-weight:700;height:1.6rem;color:#fff;line-height:.7rem;margin-right:.4rem;border-radius:.2rem;background:-webkit-gradient(linear,right top,left top,from(#f662a5),to(#7026fd));background:linear-gradient(270deg,#f662a5,#7026fd)}.naver-chat-item .icon-badge.badge-gray{background:#6a6a7b}.naver-chat-item .separate-dot{display:inline-block;width:.2rem;height:.2rem;margin:0 .5rem;border-radius:50%;background-color:currentColor;vertical-align:middle}.naver-chat-item .chat-sup{height:1.4rem;margin-top:.5rem;color:#999}.naver-chat-item .chat-sup .publish-time{display:inline-block;height:100%;line-height:1.4rem}.naver-chat-item .chat-sup .btn-report{height:100%;line-height:100%;font-size:1.2rem;color:inherit;-webkit-transition:color .2s;transition:color .2s}.naver-chat-item .chat-sup .btn-report:hover{color:#fff}.naver-chat-item .chat-sup .btn-report:active{color:#1e1e1f}.naver-chat-item .message-emoji{display:block;width:5.3rem;height:4.4rem;margin:.5rem 0}.naver-chat-item .level{-ms-flex-negative:0;flex-shrink:0}.naver-chat-item .btn-retry{width:1.6rem;height:1.6rem;background:url(../img/celeb-chat-retry-normal.51b13f48.svg) no-repeat;background-size:100%;display:block}.naver-chat-item .btn-retry:hover{background-image:url(../img/celeb-chat-retry-over.f1bc90a4.svg)}.naver-chat-item .btn-retry:active{background-image:url(../img/celeb-chat-retry-clicked.2f6dea94.svg)}.naver-chat-item .btn-send-error{width:1.6rem;height:1.6rem;background:url(../img/celeb-chat-error-normal.dd5dcb77.svg) no-repeat;background-size:100%;display:block}.naver-chat-item .btn-send-error:hover{background-image:url(../img/celeb-chat-error-over.d0f67b17.svg)}.naver-chat-item .btn-send-error:active{background-image:url(../img/celeb-chat-error-clicked.b5babb59.svg)}button[data-title]:hover:after{content:attr(data-title);position:absolute;width:-webkit-max-content;width:-moz-max-content;width:max-content;top:1.8rem;right:1.8rem;padding:.2rem .4rem;border:.1rem solid #000;border-radius:.1rem;background-color:#111;color:#fff}