.hover-highlight[data-v-b63cf6b2]:hover{background-color:hsla(0,0%,100%,.12)!important;background-color:var(--color-l06-d12)!important}.font-highlight[data-v-b63cf6b2]:hover{color:#f3f7f6!important;color:var(--color-gray-1)!important}.comment-item[data-v-b63cf6b2]{display:-webkit-flex;display:flex;padding:10px 10px 10px 13px}.comment-item.embed[data-v-b63cf6b2]{padding:8px 10px 8px 43px}.comment-item .user-face[data-v-b63cf6b2]{min-width:24px;margin-right:6px}.comment-item .main[data-v-b63cf6b2]{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:1;flex-shrink:1;min-width:100px}.comment-item .main .info[data-v-b63cf6b2]{position:relative;display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline;width:100%;margin-bottom:4px;color:#a8b3ae;color:var(--color-gray-2)}.comment-item .main .info>*[data-v-b63cf6b2]{margin-right:4px}.comment-item .main .info .name[data-v-b63cf6b2]{font-size:16px}.comment-item .main .info .name.creator[data-v-b63cf6b2]{padding-left:20px}.comment-item .main .info .identity[data-v-b63cf6b2]{padding:0 12px;color:#a8b3ae;color:var(--color-gray-2);background:hsla(0,0%,100%,.1);background:var(--color-elixir-bg-hover);border-radius:4px}.comment-item .main .info .time[data-v-b63cf6b2]{-webkit-flex-shrink:0;flex-shrink:0;font-size:12px}.comment-item .main .info .icon-creator[data-v-b63cf6b2]{position:absolute;top:4px;width:16px;height:16px}.comment-item .main .content[data-v-b63cf6b2]{margin-bottom:4px;color:#f3f7f6;color:var(--color-gray-1);font-size:14px;word-break:break-word}.comment-item .main .content .replyTo[data-v-b63cf6b2]{color:#778fff;color:var(--color-link);font-weight:700}.comment-item .main .content .replyTo[data-v-b63cf6b2]:hover{color:#415acd;color:var(--color-link-hover)}.comment-item .main .action[data-v-b63cf6b2]{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;height:18px;overflow:visible}.comment-item .main .action .item[data-v-b63cf6b2]{display:-webkit-flex;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.comment-item .main .action .item .action-btn[data-v-b63cf6b2]{display:-webkit-flex;display:flex;color:#a8b3ae;color:var(--color-gray-2);font-size:12px}.comment-item .main .action .item .action-btn .svg-icon[data-v-b63cf6b2]{display:inline-block}.comment-item .main .action .item .action-btn .svg-icon.liked[data-v-b63cf6b2]{color:#21b36c;color:var(--color-brand-regular)}.comment-item .main .action .item .action-btn .text[data-v-b63cf6b2]{margin-left:6px}.comment-item .main .action .item.main .action-btn[data-v-b63cf6b2]{margin-right:30px}.comment-item .main .action .item.other[data-v-b63cf6b2]{display:none}.comment-item .main .action .item.other .message-menu-btn[data-v-b63cf6b2]{width:20px;height:20px;padding:2px;border-radius:50%}.comment-item .main .action .item.other .message-menu-btn[data-v-b63cf6b2]:hover{background:hsla(0,0%,100%,.06);background:var(--color-l10-d6)}.comment-item .reply .arrow[data-v-b63cf6b2]{margin-left:0}.comment-item:hover .action .item.other[data-v-b63cf6b2]{display:block}.action-menu-item[data-v-b63cf6b2]{width:150px;height:32px}.reply[data-v-b63cf6b2]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:10px;color:#21b36c;color:var(--color-brand-regular);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reply[data-v-b63cf6b2]:hover{color:#1aab77;color:var(--color-brand-hover)}.reply .arrow[data-v-b63cf6b2]{margin-left:25px;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.reply .arrow.expand[data-v-b63cf6b2]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.reply .arrow.collapse[data-v-b63cf6b2]{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.reply .text[data-v-b63cf6b2]{margin-left:6px;font-size:14px}.emoji[data-v-b63cf6b2]{width:30px;height:30px;margin:0 2px;vertical-align:middle;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.like-lottie[data-v-b63cf6b2]{position:absolute;top:50%;left:50%;width:30px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}[data-v-b63cf6b2] .cat-menu-list{padding:4px 0}
.comment[data-v-4897428c]{position:relative;-webkit-flex-direction:column;flex-direction:column;height:100%}.comment[data-v-4897428c],.comment .header[data-v-4897428c]{display:-webkit-flex;display:flex;width:100%}.comment .header[data-v-4897428c]{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:58.8px;min-height:58.8px;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border)}.comment .header .title[data-v-4897428c]{font-size:18px}.comment .container[data-v-4897428c]{position:relative;-webkit-flex-grow:1;flex-grow:1;overflow:auto}.comment .container .comment-content[data-v-4897428c]{position:relative}.comment .container .loading[data-v-4897428c]{width:100%;height:100px}.comment .alert[data-v-4897428c]{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:211px;height:70px;margin:auto;color:#141414;color:var(--color-comment-alert-font);font-size:14px;line-height:21px;letter-spacing:0;background:#fafafa;background:var(--color-comment-alert-bg);border:1px solid #fff;border:1px solid var(--color-comment-alert-border);border-radius:3px;box-shadow:0 4px 7px 0 rgba(0,0,0,.3)}.comment .footer[data-v-4897428c]{position:relative}
.chat-wrap[data-v-6a24efdc]{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:400px;min-width:220px;height:100%;color:#f3f7f6;color:var(--color-gray-1);background-color:#141414;background-color:var(--color-bg);border-left:1px solid hsla(0,0%,100%,.08);border-left:1px solid var(--color-base-border);transition:height .5s ease}.chat-wrap.discollapsible[data-v-6a24efdc]{width:100%;height:100%}.chat-wrap.close[data-v-6a24efdc]{display:none}@media screen and (max-width:1066px){.chat-wrap[data-v-6a24efdc]{position:absolute;top:0;right:0;z-index:1008}}.chat-ceilling[data-v-6a24efdc]{position:absolute;top:0;z-index:10;width:100%;width:calc(100% - 10px);background-color:#141414;background-color:var(--color-bg)}.toggle-icon[data-v-6a24efdc]{top:14px;left:18px}.header-right[data-v-6a24efdc],.toggle-icon[data-v-6a24efdc]{position:absolute;font-size:24px}.header-right[data-v-6a24efdc]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:50px;right:0}.header-right .svg-icon[data-v-6a24efdc]{margin-right:12px}.chat-header[data-v-6a24efdc]{-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:50px;padding:0 12px;color:#f3f7f6;color:var(--color-gray-1);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border)}.chat-header .text[data-v-6a24efdc]{position:relative;height:50px;font-size:18px;line-height:50px;font-weight:700}.chat-header .text[data-v-6a24efdc]:not(:last-child){margin-right:56px}.chat-header .text.active[data-v-6a24efdc]{color:#21b36c;color:var(--color-brand-regular)}.chat-header .text.active[data-v-6a24efdc]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;border-radius:2px;background:#21b36c;background:var(--color-brand-regular)}.chat-body[data-v-6a24efdc]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:calc(100% - 50px)}[data-v-6a24efdc] .activity-banner{position:absolute;left:10px;bottom:4px}
.chat-wrap .btn-collapse[data-v-6a24efdc]{position:absolute;top:16.8px;left:12px;z-index:1}
.icon-more-wrap .more-active /deep/ .svg-icon{fill:#1aab77!important;fill:var(--color-brand-hover)!important}.icon-more-wrap .delete-btn{white-space:nowrap}.icon-more-wrap /deep/ .cat-menu-list{padding:4px 0}
.icon-more-wrap .more-active /deep/ .svg-icon{fill:#1aab77!important;fill:var(--color-brand-hover)!important}.icon-more-wrap .action-btn{white-space:nowrap}.icon-more-wrap /deep/ .cat-menu-list{padding:4px 0}
.li-wrap[data-v-05b08bf4]{position:relative;height:70px;padding:0 14px;background-color:var(--color-live-bg);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border)}.vcp-fullscreen .li-wrap[data-v-05b08bf4]{position:absolute;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.6);border:none}.li-wrap .title[data-v-05b08bf4]{margin-right:20px;color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:16px;cursor:default}.li-wrap .viewer[data-v-05b08bf4]{margin-right:12px;color:#a8b3ae;color:var(--color-gray-2);font-size:14px}.li-wrap .viewer span[data-v-05b08bf4]:not(:first-child){margin-left:12px}.li-wrap .eighteen-plus[data-v-05b08bf4]{padding:2px 7px;font-size:12px;background-color:hsla(0,0%,100%,.06);background-color:var(--color-l04-d06);border-radius:4px}.li-wrap .icon-btn[data-v-05b08bf4]{-webkit-align-items:center;align-items:center;color:#a8b3ae;color:var(--color-gray-2)}.li-wrap .icon-btn[data-v-05b08bf4] .svg-icon{cursor:pointer}.li-wrap .icon-btn span[data-v-05b08bf4]{font-size:14px}.li-wrap .icon-btn .thumb[data-v-05b08bf4]{margin:6px 0}.li-wrap .icon-btn .thumb.hidden[data-v-05b08bf4]{opacity:0;transition:opacity 50ms linear}.li-wrap .icon-btn[data-v-05b08bf4]:not(:first-child){margin-left:10px}.li-wrap .icon-btn:hover .thumb[data-v-05b08bf4]{fill:#1aab77;fill:var(--color-brand-hover)}.li-wrap .thumb-lottie[data-v-05b08bf4]{position:absolute;bottom:0;width:38px}.li-wrap .thumbed[data-v-05b08bf4]{fill:#21b36c;fill:var(--color-brand-regular)}.li-wrap .thumbed[data-v-05b08bf4]:hover{fill:#1aab77;fill:var(--color-brand-hover)}.li-wrap .category-link[data-v-05b08bf4],.li-wrap .color-regular[data-v-05b08bf4]{color:#21b36c;color:var(--color-brand-regular)}.li-wrap .category-link[data-v-05b08bf4]:hover{color:#1aab77;color:var(--color-brand-hover)}@media (-ms-high-contrast:none){.vcp-fullscreen .li-wrap .title[data-v-05b08bf4],.vcp-fullscreen .li-wrap .viewer[data-v-05b08bf4],[data-v-05b08bf4]::-ms-backdrop{color:#fff}}.info-wrap[data-v-05b08bf4]{-webkit-justify-content:space-between;justify-content:space-between}.info-wrap[data-v-05b08bf4],.streamer-wrap[data-v-05b08bf4]{display:-webkit-flex;display:flex}.streamer-wrap[data-v-05b08bf4]{-webkit-flex:1;flex:1;width:0}.streamer-wrap .avatar[data-v-05b08bf4]{width:48px;height:48px;margin-right:12px;border-radius:50%}.streamer-wrap .avatar[data-v-05b08bf4] .online{fill:#df4545}.streamer-wrap .streamer-box[data-v-05b08bf4]{-webkit-flex:1;flex:1;width:0;max-width:80%}.streamer-wrap .streamer-name[data-v-05b08bf4]{width:100%;color:#f3f7f6;color:var(--color-gray-1);font-weight:700;font-size:18px;line-height:27px;cursor:default}.streamer-wrap .feature-link[data-v-05b08bf4]{display:inline-block;width:auto;max-width:100%;color:#21b36c;color:var(--color-brand-regular);font-size:14px}.streamer-wrap .offline[data-v-05b08bf4]{width:56px;height:20px;color:var(--color-offline-tag);font-size:12px;line-height:16px;text-align:center;background:var(--color-offline-tag-bg);border:2px solid var(--color-offline-tag-border)}.feature-wrap[data-v-05b08bf4]{display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-items:center;align-items:center}.feature-wrap[data-v-05b08bf4]>:not(:last-child){margin-right:14px}.feature-wrap>.cat-dropdown[data-v-05b08bf4],.feature-wrap>svg[data-v-05b08bf4]:not(:last-child){margin-right:8px}.feature-wrap .vertical-bar[data-v-05b08bf4]{width:1px;height:12px;margin:0 8px;background-color:currentColor}.feature-wrap .cat-f-btn[data-v-05b08bf4]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:0 12px}.feature-wrap .cat-f-btn .back[data-v-05b08bf4]{display:none}.feature-wrap .cat-f-btn>svg[data-v-05b08bf4]{font-size:20px}.feature-wrap .cat-f-btn .front[data-v-05b08bf4]{display:inline-block}.feature-wrap .cat-f-btn.followed .back[data-v-05b08bf4],.feature-wrap .cat-f-btn.followed .front[data-v-05b08bf4]{width:64px}.feature-wrap .cat-f-btn.followed:hover .front[data-v-05b08bf4]{display:none}.feature-wrap .cat-f-btn.followed:hover .back[data-v-05b08bf4]{display:inline-block}.feature-wrap .notify-wrap[data-v-05b08bf4] svg{margin-right:0}.feature-wrap .notify-wrap .back[data-v-05b08bf4]{display:none;margin-left:0!important}.feature-wrap .notify-wrap:hover .front[data-v-05b08bf4]{display:none}.feature-wrap .notify-wrap:hover .back[data-v-05b08bf4]{display:block}