.container[data-v-67e53f67]{position:absolute;right:0;bottom:0;z-index:2;width:100%;overflow:auto;background:linear-gradient(#282828,#171717);background:var(--color-chat-setting-bg);border-radius:3px 3px 0 0;border-top:3px solid hsla(0,0%,100%,.08);border-top-color:var(--color-base-border)}.container .header[data-v-67e53f67]{padding:14.5px 0;color:#f3f7f6;color:var(--color-gray-1);font-size:18px;line-height:27px;text-align:center;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom-color:var(--color-base-border)}.container .header .close-icon[data-v-67e53f67]{position:absolute;top:10px;right:10px;color:#6f7279;font-size:18px}.container .body[data-v-67e53f67]{height:270px;padding:0 20px;overflow-y:auto;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom-color:var(--color-base-border)}.container .footer[data-v-67e53f67]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:60px;text-align:center}.container .footer .icon[data-v-67e53f67]{margin-right:8px;font-size:16px}
.gift-rank-header[data-v-c0d8f072]{position:relative;padding:6px 22px 7px;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border)}.gift-rank-header .tabs[data-v-c0d8f072]{margin-bottom:4px;font-size:14px}.gift-rank-header .tabs .tab[data-v-c0d8f072]{position:relative;margin-right:20px;color:#a8b3ae;color:var(--color-gray-2)}.gift-rank-header .tabs .tab[data-v-c0d8f072]:before{position:absolute;top:5px;left:-6px;display:none;width:2px;height:10px;background-color:#2a9963;background-color:var(--color-brand-dark);content:""}.gift-rank-header .tabs .tab.active[data-v-c0d8f072]{color:#2a9963;color:var(--color-brand-dark)}.gift-rank-header .tabs .tab.active[data-v-c0d8f072]:before{display:block}.gift-rank-header .tabs .close-btn[data-v-c0d8f072]{position:absolute;top:4px;right:10px;display:none;width:20px;height:20px;padding:4px;color:#5e6666;color:var(--color-gray-3)}.gift-rank-header .tabs .close-btn[data-v-c0d8f072]:hover{color:#a8b3ae;color:var(--color-gray-2)}.gift-rank-header .tabs:hover .close-btn[data-v-c0d8f072]{display:block}.gift-rank-header .empty-img-box[data-v-c0d8f072]{-webkit-flex-shrink:0;flex-shrink:0;width:24px;height:24px;margin-right:6px;background-color:hsla(0,0%,100%,.12);background-color:var(--color-l06-d12);border-radius:50%}.gift-rank-header .empty-img-box .icon[data-v-c0d8f072]{color:#a8b3ae;color:var(--color-gray-2);font-size:16px}.gift-rank-header .empty-text[data-v-c0d8f072]{color:#5e6666;color:var(--color-gray-3);font-size:14px}.gift-rank-header .empty-text .spell[data-v-c0d8f072]:not(.disabled):hover{color:#2a9963;color:var(--color-brand-dark)}.gift-rank-header .empty-text .spell.disabled[data-v-c0d8f072]{cursor:not-allowed}.gift-rank-header .rank-list .rank-list-item[data-v-c0d8f072]{box-sizing:content-box;width:51px;min-width:51px;overflow:hidden;transition:width .2s ease}.gift-rank-header .rank-list .rank-list-item[data-v-c0d8f072]:not(:last-child){padding-right:20px}.gift-rank-header .rank-list .rank-list-item[data-v-c0d8f072]:not(:hover){width:51px}.gift-rank-header .rank-list .rank-list-item:not(:hover) .info[data-v-c0d8f072]{opacity:0}.gift-rank-header .rank-list .rank-list-item[data-v-c0d8f072]:hover{width:100%!important}.gift-rank-header .rank-list .rank-list-item .rank-index[data-v-c0d8f072]{display:block;-webkit-flex-shrink:0;flex-shrink:0;width:15px;height:20px;margin-right:6px}.gift-rank-header .rank-list .rank-list-item .avatar-box[data-v-c0d8f072]{position:relative;-webkit-flex-shrink:0;flex-shrink:0;width:28px;height:28px;margin-right:6px;padding:2px}.gift-rank-header .rank-list .rank-list-item .avatar-box .avatar-bg[data-v-c0d8f072]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:.8}.gift-rank-header .rank-list .rank-list-item .avatar-box .avatar-bg.online[data-v-c0d8f072]{background-image:linear-gradient(180deg,#a8b3ae,#5e6666);opacity:.5}.gift-rank-header .rank-list .rank-list-item .avatar-box .avatar-bg.no1[data-v-c0d8f072]{background-image:linear-gradient(180deg,#dd4b68,#993f7c)}.gift-rank-header .rank-list .rank-list-item .avatar-box .avatar-bg.no2[data-v-c0d8f072]{background-image:linear-gradient(180deg,#6680e4,#4d64b3)}.gift-rank-header .rank-list .rank-list-item .avatar-box .avatar-bg.no3[data-v-c0d8f072]{background-image:linear-gradient(180deg,#8d95b6,#707b99)}.gift-rank-header .rank-list .rank-list-item .avatar-box img[data-v-c0d8f072]{position:relative;width:100%;height:100%;border-radius:50%}.gift-rank-header .rank-list .rank-list-item .info[data-v-c0d8f072]{-webkit-flex-shrink:0;flex-shrink:0;max-width:160px;transition:opacity .15s ease}.gift-rank-header .rank-list .rank-list-item .info .user-name[data-v-c0d8f072]{width:100%;height:16px;color:#f3f7f6;color:var(--color-gray-1);font-size:14px}.gift-rank-header .rank-list .rank-list-item .info .elixir[data-v-c0d8f072]{width:12px;height:12px;margin-right:2px}.gift-rank-header .rank-list .rank-list-item .info .elixir-amount[data-v-c0d8f072]{width:100%;height:16px;color:#a8b3ae;color:var(--color-gray-2);font-size:12px}.gift-rank-header .rank-list:not(:hover) .rank-list-item[data-v-c0d8f072]:first-child{width:100%}.gift-rank-header .rank-list:not(:hover) .rank-list-item:first-child .info[data-v-c0d8f072]{opacity:1}.gift-rank-header .empty[data-v-c0d8f072]{height:32px}
.gift-rank[data-v-11b30732]{position:absolute;top:0;left:0;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%;color:#f3f7f6;color:var(--color-gray-1);background-color:#141414;background-color:var(--color-bg)}.close-icon[data-v-11b30732]{position:absolute;top:17px;left:18px;font-size:16px}.header[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;height:50px;padding-right:30px;padding-left:64px;font-weight:700;font-size:16px;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header.center-tabs[data-v-11b30732]{-webkit-justify-content:center;justify-content:center;padding-left:30px}.header>div[data-v-11b30732]{width:180px}.header-tab[data-v-11b30732]{line-height:50px;text-align:center;vertical-align:middle;cursor:pointer}.header-tab[data-v-11b30732] svg{display:inline-block;font-size:14px}.header-tab .tab-content[data-v-11b30732]{display:inline-block;color:#a8b3ae;color:var(--color-gray-2)}.header-tab.active .tab-content[data-v-11b30732],.header-tab .tab-content[data-v-11b30732]:hover{color:#19d66b;color:var(--color-brand-key)}.header-tab.active .tab-content[data-v-11b30732]:hover{color:#1aab77;color:var(--color-brand-hover)}.header-tab.active .tab-name[data-v-11b30732]{position:relative;display:inline-block}.header-tab.active .tab-name[data-v-11b30732]:after{position:absolute;bottom:1px;left:50%;display:block;width:48px;height:4px;background:#21b36c;background:var(--color-brand-regular);border-radius:2px;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:""}.online-tab-menu[data-v-11b30732]{min-width:145px}.content-area[data-v-11b30732]{-webkit-flex:1;flex:1;padding:12px 18px;overflow-y:auto;overflow-y:overlay}.rank-item-top[data-v-11b30732]{position:relative;height:64px;margin-bottom:12px;padding-left:20px}.rank-item-top[data-v-11b30732],.rank-item-top .avatar-container[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rank-item-top .avatar-container[data-v-11b30732]{width:48px;height:48px;border-radius:50%;-webkit-justify-content:center;justify-content:center;margin-right:12px;border:4px solid rgba(0,0,0,.1);border:4px solid var(--color-l30-d10)}.rank-item-top .avatar-img[data-v-11b30732]{cursor:pointer}.rank-item-top .name[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:210px;font-size:18px;cursor:pointer}.rank-item-top .badge[data-v-11b30732]{display:inline-block;width:16px;height:16px;margin-left:4px}.rank-item-top .coins[data-v-11b30732]{font-size:14px}.rank-item-top .rank-img[data-v-11b30732]{position:absolute;top:0;right:24px;width:64px;height:64px;background-repeat:no-repeat;background-position:100%;background-size:contain}.rank-item-top.rank1 .rank-img[data-v-11b30732]{background-image:url(https://static.trovo.live/cat/img/ea25cfa.png?max_age=31536000);background-size:contain}.rank-item-top.rank2 .rank-img[data-v-11b30732]{background-image:url(https://static.trovo.live/cat/img/0aa4dda.png?max_age=31536000);background-size:contain}.rank-item-top.rank3 .rank-img[data-v-11b30732]{background-image:url(https://static.trovo.live/cat/img/13ea1f9.png?max_age=31536000);background-size:contain}.rank-item-top.rank1[data-v-11b30732]{background-image:linear-gradient(90deg,#ffccea,#fff2fa 400%)}.rank-item-top.rank2[data-v-11b30732]{background-image:linear-gradient(90deg,#ccd6ff,#f2f5ff 40%)}.rank-item-top.rank3[data-v-11b30732]{background-image:linear-gradient(90deg,#d3d7e6,#f5f6f9 30%)}.base-dark-mode .rank-item-top.rank1[data-v-11b30732],.vcp-fullscreen .rank-item-top.rank1[data-v-11b30732],.vcp-webfullscreen .rank-item-top.rank1[data-v-11b30732]{background-image:linear-gradient(90deg,#72294d,#421130)}.base-dark-mode .rank-item-top.rank2[data-v-11b30732],.vcp-fullscreen .rank-item-top.rank2[data-v-11b30732],.vcp-webfullscreen .rank-item-top.rank2[data-v-11b30732]{background-image:linear-gradient(90deg,#303d73,#1d274d)}.base-dark-mode .rank-item-top.rank3[data-v-11b30732],.vcp-fullscreen .rank-item-top.rank3[data-v-11b30732],.vcp-webfullscreen .rank-item-top.rank3[data-v-11b30732]{background-image:linear-gradient(90deg,#353842,#23252d)}.base-dark-mode .rank-item-top.rank1 .rank-img[data-v-11b30732],.vcp-fullscreen .rank-item-top.rank1 .rank-img[data-v-11b30732],.vcp-webfullscreen .rank-item-top.rank1 .rank-img[data-v-11b30732]{background-image:url(https://static.trovo.live/cat/img/84caafa.png?max_age=31536000)}.base-dark-mode .rank-item-top.rank2 .rank-img[data-v-11b30732],.vcp-fullscreen .rank-item-top.rank2 .rank-img[data-v-11b30732],.vcp-webfullscreen .rank-item-top.rank2 .rank-img[data-v-11b30732]{background-image:url(https://static.trovo.live/cat/img/a50503e.png?max_age=31536000)}.base-dark-mode .rank-item-top.rank3 .rank-img[data-v-11b30732],.vcp-fullscreen .rank-item-top.rank3 .rank-img[data-v-11b30732],.vcp-webfullscreen .rank-item-top.rank3 .rank-img[data-v-11b30732]{background-image:url(https://static.trovo.live/cat/img/bf6f670.png?max_age=31536000)}.avatar-container[data-v-11b30732]{width:32px;height:32px;border-radius:50%;position:relative;-webkit-justify-content:center;justify-content:center;margin-right:6px}.avatar-container[data-v-11b30732],.rank-item-user[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rank-item-user[data-v-11b30732]{height:48px;font-size:14px}.rank-item-user .avatar-img[data-v-11b30732]{position:relative;cursor:pointer}.rank-item-user .avatar-img.rank1[data-v-11b30732]{box-shadow:0 0 0 2px #db32b7}.rank-item-user .avatar-img.rank1[data-v-11b30732],.rank-item-user .avatar-img.rank2[data-v-11b30732]{border:1px solid #141414;border:1px solid var(--color-bg);width:34px;height:34px;border-radius:50%}.rank-item-user .avatar-img.rank2[data-v-11b30732]{box-shadow:0 0 0 2px #6f8bfd}.rank-item-user .avatar-img.rank3[data-v-11b30732]{border:1px solid #141414;border:1px solid var(--color-bg);box-shadow:0 0 0 2px #989fbd;width:34px;height:34px;border-radius:50%}.rank-item-user .user-name[data-v-11b30732]{-webkit-flex-shrink:100;flex-shrink:100;cursor:pointer}.rank-item-user .badge[data-v-11b30732]{width:16px;height:16px;margin-left:4px}.ranking[data-v-11b30732]{width:16px;height:16px;margin-right:4px;vertical-align:middle}.rank-num[data-v-11b30732]{display:inline-block;width:22px;color:#a8b3ae;color:var(--color-gray-2);font-weight:700;font-family:Helvetica;font-style:italic}.empty[data-v-11b30732]{-webkit-justify-content:center;justify-content:center;height:100%;color:#a8b3ae;color:var(--color-gray-2)}.empty[data-v-11b30732],.login-promot[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px}.login-promot[data-v-11b30732]{height:62px;background:#282828;background:var(--color-bg-2)}.login-promot .link[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer}.login-promot .link[data-v-11b30732]:hover{color:#21b36c;color:var(--color-brand-regular)}.login-promot img[data-v-11b30732]{width:32px;height:32px;border-radius:50%;margin-right:15px;margin-left:40px}.rank-desc[data-v-11b30732]{margin-top:44px;color:#a8b3ae;color:var(--color-gray-2);font-size:14px;white-space:pre-line;text-align:center}.self-rank[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:62px;font-size:14px;background:#282828;background:var(--color-bg-2);padding:12px 18px}.self-rank .user-desc[data-v-11b30732]{-webkit-flex-shrink:100;flex-shrink:100;overflow:hidden}.self-rank .name[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:4px}.self-rank .badge[data-v-11b30732]{display:inline-block;width:16px;height:16px;margin-left:4px}.self-rank .avatar-img[data-v-11b30732]{margin-right:12px}.self-rank .bar[data-v-11b30732]{width:1px;height:20px;margin-left:6px;background:hsla(0,0%,100%,.12);background:var(--color-l10-d12)}.self-rank .gift-icon[data-v-11b30732]{width:20px;height:20px;margin:0 6px}.self-rank .hype[data-v-11b30732]{color:#b868ff;white-space:nowrap;cursor:pointer}.disabled[data-v-11b30732]{opacity:.4}.sub-name[data-v-11b30732]{color:#c8a86b;color:var(--color-sub-text)}.transparent[data-v-11b30732]{color:transparent;background:transparent}
.lurking-status[data-v-11b30732]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:56px;margin-top:-12px;font-size:14px;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border)}.avatar-container.lurking[data-v-11b30732]{opacity:.5}.dot[data-v-11b30732]{position:absolute;right:2px;bottom:2px;width:12px;height:12px;padding:2px;border-radius:50%;background-color:#141414;background-color:var(--color-bg)}.dot[data-v-11b30732]:after{content:"";display:block;width:4px;height:4px;border-radius:50%;border:2px solid}.dot.online[data-v-11b30732]:after{background-color:#21b36c;background-color:var(--color-brand-regular);border-color:#21b36c;border-color:var(--color-brand-regular)}.dot.lurking[data-v-11b30732]:after{background-color:#171717;background-color:var(--color-bg-nav);border-color:#a8b3ae;border-color:var(--color-gray-2)}.desc[data-v-11b30732]{-webkit-flex:1;flex:1}.btn[data-v-11b30732]{color:#a8b3ae;color:var(--color-gray-2);font-weight:700;cursor:pointer}.btn[data-v-11b30732]:hover{color:#5e6666;color:var(--color-gray-3)}.btn[data-v-11b30732]:disabled{cursor:not-allowed}.lurking .btn[data-v-11b30732]{color:#21b36c;color:var(--color-brand-regular)}.lurking .btn[data-v-11b30732]:hover{color:#1aab77;color:var(--color-brand-hover)}
.gift-rank[data-v-4b8d727e]{position:absolute;top:0;left:0;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%;color:#f3f7f6;color:var(--color-gray-1);background-color:#141414;background-color:var(--color-bg)}.close-icon[data-v-4b8d727e]{position:absolute;top:17px;left:18px;font-size:16px}.header[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;height:50px;padding-right:30px;padding-left:64px;font-weight:700;font-size:16px;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.header.center-tabs[data-v-4b8d727e]{-webkit-justify-content:center;justify-content:center;padding-left:30px}.header>div[data-v-4b8d727e]{width:180px}.header-tab[data-v-4b8d727e]{line-height:50px;text-align:center;vertical-align:middle;cursor:pointer}.header-tab[data-v-4b8d727e] svg{display:inline-block;font-size:14px}.header-tab .tab-content[data-v-4b8d727e]{display:inline-block;color:#a8b3ae;color:var(--color-gray-2)}.header-tab.active .tab-content[data-v-4b8d727e],.header-tab .tab-content[data-v-4b8d727e]:hover{color:#19d66b;color:var(--color-brand-key)}.header-tab.active .tab-content[data-v-4b8d727e]:hover{color:#1aab77;color:var(--color-brand-hover)}.header-tab.active .tab-name[data-v-4b8d727e]{position:relative;display:inline-block}.header-tab.active .tab-name[data-v-4b8d727e]:after{position:absolute;bottom:1px;left:50%;display:block;width:48px;height:4px;background:#21b36c;background:var(--color-brand-regular);border-radius:2px;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:""}.online-tab-menu[data-v-4b8d727e]{min-width:145px}.content-area[data-v-4b8d727e]{-webkit-flex:1;flex:1;padding:12px 18px;overflow-y:auto;overflow-y:overlay}.rank-item-top[data-v-4b8d727e]{position:relative;height:64px;margin-bottom:12px;padding-left:20px}.rank-item-top[data-v-4b8d727e],.rank-item-top .avatar-container[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rank-item-top .avatar-container[data-v-4b8d727e]{width:48px;height:48px;border-radius:50%;-webkit-justify-content:center;justify-content:center;margin-right:12px;border:4px solid rgba(0,0,0,.1);border:4px solid var(--color-l30-d10)}.rank-item-top .avatar-img[data-v-4b8d727e]{cursor:pointer}.rank-item-top .name[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:210px;font-size:18px;cursor:pointer}.rank-item-top .badge[data-v-4b8d727e]{display:inline-block;width:16px;height:16px;margin-left:4px}.rank-item-top .coins[data-v-4b8d727e]{font-size:14px}.rank-item-top .rank-img[data-v-4b8d727e]{position:absolute;top:0;right:24px;width:64px;height:64px;background-repeat:no-repeat;background-position:100%;background-size:contain}.rank-item-top.rank1 .rank-img[data-v-4b8d727e]{background-image:url(https://static.trovo.live/cat/img/ea25cfa.png?max_age=31536000);background-size:contain}.rank-item-top.rank2 .rank-img[data-v-4b8d727e]{background-image:url(https://static.trovo.live/cat/img/0aa4dda.png?max_age=31536000);background-size:contain}.rank-item-top.rank3 .rank-img[data-v-4b8d727e]{background-image:url(https://static.trovo.live/cat/img/13ea1f9.png?max_age=31536000);background-size:contain}.rank-item-top.rank1[data-v-4b8d727e]{background-image:linear-gradient(90deg,#ffccea,#fff2fa 400%)}.rank-item-top.rank2[data-v-4b8d727e]{background-image:linear-gradient(90deg,#ccd6ff,#f2f5ff 40%)}.rank-item-top.rank3[data-v-4b8d727e]{background-image:linear-gradient(90deg,#d3d7e6,#f5f6f9 30%)}.base-dark-mode .rank-item-top.rank1[data-v-4b8d727e],.vcp-fullscreen .rank-item-top.rank1[data-v-4b8d727e],.vcp-webfullscreen .rank-item-top.rank1[data-v-4b8d727e]{background-image:linear-gradient(90deg,#72294d,#421130)}.base-dark-mode .rank-item-top.rank2[data-v-4b8d727e],.vcp-fullscreen .rank-item-top.rank2[data-v-4b8d727e],.vcp-webfullscreen .rank-item-top.rank2[data-v-4b8d727e]{background-image:linear-gradient(90deg,#303d73,#1d274d)}.base-dark-mode .rank-item-top.rank3[data-v-4b8d727e],.vcp-fullscreen .rank-item-top.rank3[data-v-4b8d727e],.vcp-webfullscreen .rank-item-top.rank3[data-v-4b8d727e]{background-image:linear-gradient(90deg,#353842,#23252d)}.base-dark-mode .rank-item-top.rank1 .rank-img[data-v-4b8d727e],.vcp-fullscreen .rank-item-top.rank1 .rank-img[data-v-4b8d727e],.vcp-webfullscreen .rank-item-top.rank1 .rank-img[data-v-4b8d727e]{background-image:url(https://static.trovo.live/cat/img/84caafa.png?max_age=31536000)}.base-dark-mode .rank-item-top.rank2 .rank-img[data-v-4b8d727e],.vcp-fullscreen .rank-item-top.rank2 .rank-img[data-v-4b8d727e],.vcp-webfullscreen .rank-item-top.rank2 .rank-img[data-v-4b8d727e]{background-image:url(https://static.trovo.live/cat/img/a50503e.png?max_age=31536000)}.base-dark-mode .rank-item-top.rank3 .rank-img[data-v-4b8d727e],.vcp-fullscreen .rank-item-top.rank3 .rank-img[data-v-4b8d727e],.vcp-webfullscreen .rank-item-top.rank3 .rank-img[data-v-4b8d727e]{background-image:url(https://static.trovo.live/cat/img/bf6f670.png?max_age=31536000)}.avatar-container[data-v-4b8d727e]{width:32px;height:32px;border-radius:50%;position:relative;-webkit-justify-content:center;justify-content:center;margin-right:6px}.avatar-container[data-v-4b8d727e],.rank-item-user[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.rank-item-user[data-v-4b8d727e]{height:48px;font-size:14px}.rank-item-user .avatar-img[data-v-4b8d727e]{position:relative;cursor:pointer}.rank-item-user .avatar-img.rank1[data-v-4b8d727e]{box-shadow:0 0 0 2px #db32b7}.rank-item-user .avatar-img.rank1[data-v-4b8d727e],.rank-item-user .avatar-img.rank2[data-v-4b8d727e]{border:1px solid #141414;border:1px solid var(--color-bg);width:34px;height:34px;border-radius:50%}.rank-item-user .avatar-img.rank2[data-v-4b8d727e]{box-shadow:0 0 0 2px #6f8bfd}.rank-item-user .avatar-img.rank3[data-v-4b8d727e]{border:1px solid #141414;border:1px solid var(--color-bg);box-shadow:0 0 0 2px #989fbd;width:34px;height:34px;border-radius:50%}.rank-item-user .user-name[data-v-4b8d727e]{-webkit-flex-shrink:100;flex-shrink:100;cursor:pointer}.rank-item-user .badge[data-v-4b8d727e]{width:16px;height:16px;margin-left:4px}.ranking[data-v-4b8d727e]{width:16px;height:16px;margin-right:4px;vertical-align:middle}.rank-num[data-v-4b8d727e]{display:inline-block;width:22px;color:#a8b3ae;color:var(--color-gray-2);font-weight:700;font-family:Helvetica;font-style:italic}.empty[data-v-4b8d727e]{-webkit-justify-content:center;justify-content:center;height:100%;color:#a8b3ae;color:var(--color-gray-2)}.empty[data-v-4b8d727e],.login-promot[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;font-size:14px}.login-promot[data-v-4b8d727e]{height:62px;background:#282828;background:var(--color-bg-2)}.login-promot .link[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;cursor:pointer}.login-promot .link[data-v-4b8d727e]:hover{color:#21b36c;color:var(--color-brand-regular)}.login-promot img[data-v-4b8d727e]{width:32px;height:32px;border-radius:50%;margin-right:15px;margin-left:40px}.rank-desc[data-v-4b8d727e]{margin-top:44px;color:#a8b3ae;color:var(--color-gray-2);font-size:14px;white-space:pre-line;text-align:center}.self-rank[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:62px;font-size:14px;background:#282828;background:var(--color-bg-2);padding:12px 18px}.self-rank .user-desc[data-v-4b8d727e]{-webkit-flex-shrink:100;flex-shrink:100;overflow:hidden}.self-rank .name[data-v-4b8d727e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-right:4px}.self-rank .badge[data-v-4b8d727e]{display:inline-block;width:16px;height:16px;margin-left:4px}.self-rank .avatar-img[data-v-4b8d727e]{margin-right:12px}.self-rank .bar[data-v-4b8d727e]{width:1px;height:20px;margin-left:6px;background:hsla(0,0%,100%,.12);background:var(--color-l10-d12)}.self-rank .gift-icon[data-v-4b8d727e]{width:20px;height:20px;margin:0 6px}.self-rank .hype[data-v-4b8d727e]{color:#b868ff;white-space:nowrap;cursor:pointer}.disabled[data-v-4b8d727e]{opacity:.4}.sub-name[data-v-4b8d727e]{color:#c8a86b;color:var(--color-sub-text)}.transparent[data-v-4b8d727e]{color:transparent;background:transparent}
.chat-overlay[data-v-3a4ef282]{position:absolute;top:0;left:0;z-index:2;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%;color:#f3f7f6;color:var(--color-gray-1);background-color:#141414;background-color:var(--color-bg)}.close-icon[data-v-3a4ef282]{position:absolute;top:17px;left:18px;font-size:18px}.header[data-v-3a4ef282]{display:-webkit-flex;display:flex;-webkit-justify-content:space-around;justify-content:space-around;height:50px;padding-right:30px;padding-left:30px;font-weight:700;font-size:16px;border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-items:center;align-items:center}.content-area[data-v-3a4ef282]{-webkit-flex:1;flex:1;overflow:hidden}
.user-row[data-v-7823e15e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:48px;font-size:14px}.user-row .avatar-img[data-v-7823e15e]{cursor:pointer;width:24px;height:24px;border-radius:50%;margin-right:12px;-webkit-flex-shrink:0;flex-shrink:0}.user-row .user-name[data-v-7823e15e]{cursor:pointer}.user-row .sub-name[data-v-7823e15e]{color:#c8a86b;color:var(--color-sub-text)}.user-row .badge[data-v-7823e15e]{display:inline-block;width:16px;height:16px;margin-left:4px}
.scroll-container[data-v-39a810b5]{height:100%;padding:12px 18px;overflow-x:hidden;overflow-y:auto;overflow-y:overlay}.p-none[data-v-39a810b5]{font-size:14px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;position:absolute;text-align:center;color:#a8b3ae;color:var(--color-gray-2)}
.pin-top[data-v-376da018]{width:calc(100% - 22px);min-height:52px;margin:5px 11px;padding:0 10px;background:#1f1f1f;background:var(--color-bg-1);background:#202b25;background:var(--color-pin-bg);border-radius:6px;box-shadow:0 2px 4px 0 rgba(0,0,0,.2);box-shadow:0 2px 4px 0 var(--color-pin-shadow)}.pin-top .collapsed[data-v-376da018]{-webkit-align-items:center;align-items:center;height:52px}.pin-top .collapsed[data-v-376da018] .message.embeded{-webkit-align-items:center;align-items:center;margin:0;padding:0;white-space:nowrap;height:36px}.pin-top .collapsed[data-v-376da018] .content-wrap{padding-left:0;overflow:hidden;text-overflow:ellipsis}.pin-top .collapsed[data-v-376da018] .avatar{display:none}.pin-top .expanded[data-v-376da018]{padding:14px 0}.pin-top .expanded[data-v-376da018] .message.embeded{min-height:auto;margin:0;padding:0}.pin-icon[data-v-376da018]{color:#2a9963}.pin-top-menu[data-v-376da018]{position:relative;right:-10px}.pin-top-op[data-v-376da018]{width:150px;height:32px}
.container[data-v-010003a9]{-webkit-flex:1;flex:1;height:calc(100% - 50px)}.container .alert-list[data-v-010003a9]{position:relative;-webkit-flex:1;flex:1;height:calc(100% - 60px);padding:10px 12px;overflow-y:scroll}.container .alert-list .empty[data-v-010003a9]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:calc(100% - 20px)}.container .alert-list .empty img[data-v-010003a9]{display:block;width:200px}.container .alert-list .empty .title[data-v-010003a9]{font-size:21px;color:#f3f7f6;color:var(--color-gray-1)}.container .alert-list .empty .sub-title[data-v-010003a9]{margin-bottom:8px;font-size:14px;color:#a8b3ae;color:var(--color-gray-2)}.container .alert-footer-wrap[data-v-010003a9]{position:relative;border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--color-base-border)}.container .alert-footer-wrap .setting-container[data-v-010003a9]{position:absolute;left:0;bottom:calc(100% + 1px);width:100%;padding:4px 0;background:linear-gradient(#282828,#171717);background:var(--color-chat-setting-bg)}.container .alert-footer-wrap .setting-container .setting-row[data-v-010003a9]{height:40px;padding:0 12px;font-size:14px}.container .alert-footer-wrap .setting-container .setting-row .setting-row-icon[data-v-010003a9]{margin-right:10px;font-size:24px}.container .alert-footer-wrap .alert-filter[data-v-010003a9]{bottom:calc(100% - 60px)}.container .alert-footer-wrap .alert-footer[data-v-010003a9]{position:relative;z-index:1008;height:60px;padding:0 12px;background-color:#141414;background-color:var(--color-bg)}
.close-icon[data-v-c479d4ae]{position:absolute;right:10px;top:10px}.panel[data-v-c479d4ae]{position:absolute;max-height:452px;bottom:0;z-index:1000;width:100%;background-image:linear-gradient(#282828,#171717);background-image:var(--color-chat-setting-bg);padding:20px 20px 14px}.content[data-v-c479d4ae],.title[data-v-c479d4ae]{margin-bottom:12px}.message[data-v-c479d4ae] {margin-left:0}.footer[data-v-c479d4ae]{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}
.close-icon[data-v-70ae3571]{position:absolute;right:10px;top:10px}.panel[data-v-70ae3571]{position:absolute;bottom:0;z-index:1000;width:100%;background-image:linear-gradient(#282828,#171717);background-image:var(--color-chat-setting-bg);padding:20px 20px 14px}.content[data-v-70ae3571],.title[data-v-70ae3571]{margin-bottom:12px}.message[data-v-70ae3571] {margin-left:0;padding-left:0}[data-v-70ae3571] .content-wrap{padding-left:0}
.setting-row[data-v-fd0780aa]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;height:28px;padding:0 10px;margin-bottom:6px;color:#a8b3ae;color:var(--color-gray-2)}.setting-row .filter-type[data-v-fd0780aa]{width:120px;color:#f3f7f6;color:var(--color-gray-1)}.setting-row .filter-type.long[data-v-fd0780aa]{width:180px}.setting-row .input[data-v-fd0780aa]{width:60px;height:28px;padding:5px 6px;margin-left:4px;border:none;background:hsla(0,0%,100%,.06);background:var(--color-l04-d06);border-radius:3px;color:#f3f7f6;color:var(--color-gray-1)}.setting-row .input[data-v-fd0780aa]:disabled{cursor:not-allowed}.setting-row .volume-icon[data-v-fd0780aa]{margin-right:6px;font-size:18px;cursor:pointer}.setting-row .volume-icon[data-v-fd0780aa]:hover{fill:#f3f7f6;fill:var(--color-gray-1)}.setting-row .setting-wrap-right[data-v-fd0780aa]{width:96px}
.container[data-v-10eaf356]{position:absolute;right:0;bottom:0;z-index:2000;width:100%;background:linear-gradient(#282828,#171717);background:var(--color-chat-setting-bg);border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--color-base-border)}.container header[data-v-10eaf356]{height:50px;padding:0 14px;color:#a8b3ae;color:var(--color-gray-2);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--color-base-border)}.container header .text[data-v-10eaf356]{font-size:18px;color:#f3f7f6;color:var(--color-gray-1);font-weight:700}.container header .icon[data-v-10eaf356]:hover{fill:#f3f7f6;fill:var(--color-gray-1)}.container .content[data-v-10eaf356]{padding:6px 10px;font-size:14px;color:#f3f7f6;color:var(--color-gray-1)}.container .content[data-v-10eaf356] .checkbox{margin-right:8px}.container .content .setting-header[data-v-10eaf356]{height:37px;padding:0 36px 0 10px;margin-bottom:10px}.container .content .border-line[data-v-10eaf356],.container .content .setting-header[data-v-10eaf356]{background-color:hsla(0,0%,100%,.08);background-color:var(--color-base-border)}.container .content .border-line[data-v-10eaf356]{width:100%;height:1px;margin:0 10px 6px}.container footer[data-v-10eaf356]{height:55px;padding:0 12px;border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--color-base-border)}@media screen and (max-height:620px){.content[data-v-10eaf356]{height:calc(100vh - 165px);overflow:scroll}}
.pin-panel[data-v-d7735164]{position:absolute;bottom:0;z-index:1000;width:100%;background-image:linear-gradient(#282828,#171717);background-image:var(--color-chat-setting-bg)}.btn-groups[data-v-d7735164]{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.dialog-close[data-v-d7735164]{position:absolute;top:12px;right:12px;width:16px;height:16px}.message.embeded[data-v-d7735164]{-webkit-align-items:center;align-items:center;height:36px;margin:10px 0;padding:0 10px;white-space:nowrap;background:hsla(0,0%,100%,.06)!important;background:var(--color-l04-d06)!important;border-radius:1px}.message.embeded[data-v-d7735164] .content-wrap{overflow:hidden;text-overflow:ellipsis}.message.embeded[data-v-d7735164] .avatar{display:none}
.chat-wrap[data-v-6668b6fa]{position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:400px;min-width:240px;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-6668b6fa]{width:100%;height:100%}.chat-wrap.close[data-v-6668b6fa]{display:none}@media screen and (max-width:1066px){.chat-wrap[data-v-6668b6fa]{position:absolute;top:0;right:0;z-index:1008}}.chat-ceilling[data-v-6668b6fa]{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-6668b6fa]{top:14px;left:18px}.header-right[data-v-6668b6fa],.toggle-icon[data-v-6668b6fa]{position:absolute;font-size:24px}.header-right[data-v-6668b6fa]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:50px;right:0}.header-right .svg-icon[data-v-6668b6fa]{margin-right:12px}.chat-header[data-v-6668b6fa]{-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-6668b6fa]{position:relative;height:50px;font-size:18px;line-height:50px;font-weight:700}.chat-header .text[data-v-6668b6fa]:not(:last-child){margin-right:56px}.chat-header .text.active[data-v-6668b6fa]{color:#21b36c;color:var(--color-brand-regular)}.chat-header .text.active[data-v-6668b6fa]: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-6668b6fa]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100%}
.celebrations-container[data-v-cc777180]{position:fixed;top:10%;right:0;z-index:1110;width:0;height:100%}.card[data-v-cc777180]{position:absolute;right:0;-webkit-align-items:center;align-items:center;width:164px;height:46px;background:#c8a86b;background:var(--color-sub-bg);border-top-left-radius:26px;border-bottom-left-radius:26px;-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-perspective:1000;perspective:1000;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.card .p1[data-v-cc777180]{color:#fff;color:var(--color-white);font-size:14px;line-height:18px}.card.slide-show[data-v-cc777180]{-webkit-transform:translateX(0);transform:translateX(0)}.spin-wrapper[data-v-cc777180]{position:relative;width:36px;height:36px;margin-right:10px;margin-left:4px;-webkit-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.spin-wrapper.spin[data-v-cc777180]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.spin-wrapper .avatar[data-v-cc777180],.spin-wrapper .back[data-v-cc777180]{position:absolute;top:0;left:0;width:36px;height:36px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.spin-wrapper .avatar[data-v-cc777180]{border:2px solid #fff;border-radius:50%;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.spin-wrapper .back[data-v-cc777180]{background-image:url(https://static.trovo.live/cat/img/017705d.png?max_age=31536000);background-repeat:no-repeat;background-position:50%;border-radius:50%}.gift .spin-wrapper .back[data-v-cc777180]{background-image:url(https://static.trovo.live/cat/img/43c9863.png?max_age=31536000)}.gift-desc[data-v-cc777180] b{font-size:18px;font-family:Helvetica;font-style:italic}.firework[data-v-cc777180]{position:absolute;left:-40px;z-index:1;width:120px;height:120px}