.streamCommentUnreadDot{background:rgba(var(--hero), 1);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:8px}.streamCommentsModal{min-width:300px}.streamCommentsModal .ds-popup__content,.streamCommentsModal .ds-drawer__content{padding:0}.streamCommentsModal .ds-drawer__content{flex-direction:column;display:flex}.streamCommentsModal .ds-drawer--contained{min-height:50dvh}.streamCommentsList{will-change:scroll-position;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overflow:hidden auto}[class*=is-web] .streamCommentsList{padding:16px}[class*=is-mobile] .streamCommentsList{padding:8px 12px}.streamComment{gap:8px;display:flex}.streamComment+.streamComment{margin-top:5px}.streamCommentAvatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.streamCommentBody{flex-direction:column;flex:auto;gap:2px;display:flex;overflow:hidden}.streamCommentName{color:rgba(var(--b-sc), .7);flex:auto;font-size:12px;font-weight:600}.streamCommentText{color:rgba(var(--b-sc), 1);word-break:break-word}[class*=is-web] .streamCommentText{font-size:13px}[class*=is-mobile] .streamCommentText{font-size:12px}.streamCommentsEmpty{color:rgba(var(--b-sc), .4);text-align:center;flex:auto;justify-content:center;align-items:center;padding:12px 0;font-size:12px;display:flex}.streamCommentHeader{align-items:center;width:100%;margin-bottom:2px;display:flex;overflow:hidden}.streamCommenterActionsBlock{border-inline-start:1px solid rgba(var(--b-sc), .1);flex-shrink:0;align-items:center;gap:5px;margin-inline-start:5px;padding-inline-start:5px;display:flex}.streamCommenterAction{color:rgba(var(--b-sc), .8);align-items:center;padding:2px;display:flex}[class*=is-web] .streamCommenterAction:hover{cursor:pointer;color:rgba(var(--b-sc), 1)}.streamCommenterAction .CMSIconSVGWrapper{width:12px;height:12px}.streamCommentInputArea.ds-textfield.ds-textfield--has-value .ds-textfield__right .ds-textfield__icon-btn{background:rgba(var(--hero), 1)}.streamCommentInputArea.ds-textfield:not(.ds-textfield--has-value) .ds-textfield__right .ds-textfield__icon-btn{background:rgba(var(--b-sc), .08)}.streamCommentInputArea.ds-textfield .ds-textfield__right .ds-textfield__icon-btn{border-radius:var(--border-radius);width:36px;height:24px}.streamCommentInputArea.ds-textfield .ds-textfield__right .ds-textfield__icon-btn .CMSIconSVGWrapper{width:12px;height:12px}.streamCommentsChat{background:rgba(var(--b), 1);color:rgba(var(--b-sc), 1);z-index:9999;animation:streamerCommentsChatAnimation var(--slow-transition-duration) ease-in-out forwards;flex-direction:column;display:flex;position:fixed;overflow:hidden}[class*=is-web] .streamCommentsChat{border-radius:32px;width:360px;height:500px;bottom:16px}[class*=is-mobile] .streamCommentsChat{width:100%;height:40vh;bottom:0}[class*=is-web][dir=ltr] .streamCommentsChat{right:10vw}[class*=is-web][dir=rtl] .streamCommentsChat{left:10vw}[class*=is-mobile][dir=ltr] .streamCommentsChat{right:0}[class*=is-mobile][dir=rtl] .streamCommentsChat{left:0}@keyframes streamerCommentsChatAnimation{0%{transform:translateY(500px)}to{transform:translateY(0)}}.streamCommentsChatHeader{background:rgba(var(--b-sc), .15);flex-shrink:0;align-items:center;gap:8px;display:flex}[class*=is-web] .streamCommentsChatHeader{padding:16px 24px}[class*=is-mobile] .streamCommentsChatHeader{padding:4px 8px}.streamCommentsChatHeader button{margin-inline-start:auto}.streamerControlsBarChatDragHandler{width:32px;height:32px;color:rgba(var(--b-sc), .8);transition:color var(--default-transition-duration);justify-content:center;align-items:center;display:flex}[class*=is-web] .streamerControlsBarChatDragHandler:hover{cursor:grab;color:rgba(var(--b-sc), 1)}[class*=is-web] .streamerControlsBarChatDragHandler:active{cursor:grabbing}.streamerInfo{flex:auto;align-items:center;gap:8px;width:100%;display:flex;overflow:hidden}.streamerInfoName{letter-spacing:.5px;color:rgba(var(--b-sc), 1);font-size:12px}.streamerAvatarWrapper,.streamCommenterAvatarWrapper{border:1px solid rgba(var(--b-sc), .25);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:1px;display:flex;overflow:hidden}[class*=is-web] .streamerAvatarWrapper,[class*=is-web] .streamCommenterAvatarWrapper{width:32px;height:32px}[class*=is-mobile] .streamerAvatarWrapper,[class*=is-mobile] .streamCommenterAvatarWrapper{width:24px;height:24px}.streamerAvatar,.streamCommenterAvatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.streamCommentsChatBody{flex-direction:column;flex:auto;display:flex;position:relative;overflow:hidden}[class*=is-web] .streamCommentsChatBody{background:rgba(var(--b-sc), .08)}.streamCommentsChatBody .streamCommentsEmpty{height:100%}.streamCommentsChatBody .streamCommentsList{flex:auto}.streamCommentsNewBadge{border-radius:var(--border-radius-big);background:rgba(var(--hero), 1);color:rgba(var(--hero-sc), 1);white-space:nowrap;cursor:pointer;z-index:1;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.streamCommentsNewBadge .CMSIconSVGWrapper{width:12px;height:12px}.streamCommentsChatFooter{flex-shrink:0}[class*=is-web] .streamCommentsChatFooter{padding:16px}[class*=is-mobile] .streamCommentsChatFooter{padding:8px}