.chat-icon{flex-shrink:0;width:1em;height:1em}.chat-pin{z-index:2;background:var(--chat-header-bg,#202123);border-top:1px solid #2f3033;border-bottom:1px solid #2f3033;position:absolute;top:0;left:0;right:0}.chat-pin__bar{cursor:pointer;align-items:center;gap:10px;padding:7px 10px 8px 1rem;display:flex}.chat-pin__icon{color:var(--color-primary);font-size:18px}.chat-pin__thumb{cursor:zoom-in;background:#3a3b3d;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex;position:relative;overflow:hidden}.chat-pin__thumb img,.chat-pin__thumb video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.chat-pin__thumb-fallback{color:#9a9a9e;font-size:18px}.chat-pin__thumb-play{color:#fff;filter:drop-shadow(0 0 2px #000c);font-size:14px;position:absolute}.chat-pin__text{flex:1;min-width:0}.chat-pin__label{color:var(--color-primary);font-size:11px;line-height:1.4}.chat-pin__preview{color:#e8e8e8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:1.4;overflow:hidden}.chat-pin__toggle{color:#b2b2b2;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;display:flex}.chat-pin__toggle .chat-icon{transition:transform .2s}.chat-pin__toggle.open .chat-icon{transform:rotate(180deg)}.chat-pin__list{background:var(--chat-header-bg,#202123);border-bottom:1px solid #2f3033;max-height:min(360px,50vh);padding:8px 1rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #0009}.chat-pin__list .chat-card:last-child{margin-bottom:0}.chat-pin__list .member-chat-media{max-height:120px}.chat-messages{position:relative}.chat-pin__backdrop{z-index:1;background:#0009;position:absolute;inset:0}.chat-messages .chat-body.chat-body--with-pin{padding-top:60px}.chat-body--loading{overflow:hidden}.chat-wrapper .chat-body--loading{height:50vh}.chat-card.chat-skeleton__card{align-items:center;gap:8px;display:flex}.chat-skeleton__bar{background:linear-gradient(291deg,#3e4142 25%,#2a2c2e 37%,#3e4142 63%) 0 0/400% 100%;border-radius:4px;flex:none;height:14px;animation:1.4s infinite el-skeleton-loading;display:block}.chat-composer{position:relative}.chat-wrapper{--chat-header-bg:#202123;z-index:12;color:#b2b2b2;background:#171717;width:400px;display:none;position:absolute;top:3rem;left:-6rem}.chat-wrapper.active{display:block}.chat-wrapper--page{border-radius:18px;width:100%;height:calc(100dvh - 310px);min-height:480px;margin:16px 0 24px;position:static;overflow:hidden}.chat-wrapper--page.active{flex-direction:column;display:flex}.chat-wrapper--page .chat-messages{flex-direction:column;flex:1;min-height:0;display:flex}.chat-wrapper--page .chat-body{flex:1;max-height:none}.chat-wrapper--page .chat-body--loading{height:auto}.chat-header{background:var(--chat-header-bg);justify-content:space-between;align-items:center;padding:1rem;display:flex}.header-nav__right{position:relative}.chat-header__right-wrapper{justify-content:center;align-items:center;gap:6px;display:flex}.chat-header__title{color:#fff;align-items:center;gap:8px;font-size:17px;font-weight:500;display:flex}.chat-header__title-icon{color:var(--color-primary);font-size:20px}.chat-header__status{background:#6b6b6f;border-radius:50%;width:8px;height:8px}.chat-header__status.online{background:#2ecc71}.chat-header__btn{color:#fff;cursor:pointer;width:32px;height:32px;transition:transform var(--press-release),background-color .2s;-webkit-tap-highlight-color:transparent;background:#2a2b2d;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;display:flex}.chat-header__btn:hover{background:#3a3b3d}.chat-header__btn:active{transform:var(--press-scale);transition:transform var(--press-down),background-color .2s}.chat-header__btn.active{color:var(--color-primary)}.chat-body{scroll-behavior:smooth;max-height:50vh;padding:0 1rem 1rem;overflow-y:auto}.chat-card__user{color:#fff;gap:4px;display:inline-flex}.chat-card{word-wrap:break-word;background-color:#33363b;border-radius:8px;margin-bottom:8px;padding:8px 9px;display:block}.chat-card.admin{border:1px solid #289d82}.chat-footer{background:#000;border-top:1px solid #606060;padding:1rem}.chat-text-area{color:#fff;resize:none;background:#000;border:1px solid #606060;border-radius:8px;width:100%;padding:13px 49px 13px 16px;overflow:hidden}.chat-text-area__wrapper{margin-bottom:8px;position:relative}.chat-text-area__right{cursor:pointer;align-items:center;gap:16px;display:flex;position:absolute;top:0;bottom:0;right:16px}.chat-text-area__right img{width:25px}.chat-footer__word-wrapper{justify-content:space-between;display:flex}.chat-footer__word-count{color:#b0afaf}.emoji-wrapper{z-index:13;background:#000;width:100%;max-height:392px;display:none;position:absolute;bottom:128px;left:2px;overflow-y:auto}.emoji-wrapper.active{display:block}.emoji-list__wrapper{padding:16px}.emoji-list__container{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));height:191px;display:grid;overflow-y:auto}.emoji-header{border-bottom:1px solid gray;justify-content:space-between;padding:12px 16px}.emoji-header,.emoji-list__inside{cursor:pointer;align-items:center;display:flex}.emoji-list__inside{aspect-ratio:1;border-radius:8px;justify-content:center;padding:8px;font-size:24px}.emoji-list__inside:hover{background:#121a27}.chat-angpao__content{border:1px solid var(--color-primary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:3px;display:flex}.chat-angpao__mini-img{width:25px;margin-right:12px}.chat-ticket__mini-img{width:65px;margin-right:12px}.chat-angpao__tick-icon{width:16px;margin-right:5px}.chat-angpao__share-header{align-items:center;margin-bottom:5px;display:flex}.chat-angpao__share-header-ecl{color:var(--color-primary);margin-right:4px}.chat-angpao__share-text{color:#46e;margin-left:5px}.chat-angpao__grab-now{color:var(--color-primary)}.chat-admin-nickname{text-transform:capitalize}.chat-popup .modal-header__left{flex:1;align-items:center;display:flex}.chat-popup .modal-header__left .chat-header__right-wrapper{margin-left:auto;margin-right:6px}.chat-popup .modal-header__left .chat-header__right-wrapper.is-hidden{visibility:hidden}.chat-popup .chat-tabs{background:#121214;border:1px solid #3a3b40;border-radius:12px;flex:1;margin-right:8px;padding:3px;display:flex;position:relative}.chat-popup .chat-tabs:before{content:"";background:var(--color-primary);border-radius:10px;width:calc(50% - 3px);transition:transform .32s cubic-bezier(.3,1.2,.4,1);position:absolute;top:3px;bottom:3px;left:3px}.chat-popup .chat-tabs--case:before{transform:translate(100%)}.chat-popup .chat-tabs button{color:#d0d1d5;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 4px;font-size:14px;transition:color .25s;display:flex;position:relative}.chat-popup .chat-tabs button .chat-icon{width:16px;height:16px}.chat-popup .chat-tabs button.active{color:#2b1a00;font-weight:600}.chat-popup .chat-tabs__count{color:#fff;background:var(--color-danger);border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px}.chat-popup .chat-popup__case{flex:1;min-height:0}.chat-popup.base-popup .modal-close__wrapper{background-color:#2a2b2d;width:32px;height:32px;padding:0}.chat-popup.base-popup .modal-close__wrapper img{width:16px;height:16px}.chat-popup .modal-wrapper{height:95dvh}.chat-popup .modal-body__container{flex-direction:column;display:flex;overflow:hidden}.chat-popup .chat-popup__body{flex-direction:column;flex:1;min-height:0;padding:0;display:flex}.chat-popup .chat-messages{--chat-header-bg:#272727;flex-direction:column;flex:1;min-height:0;display:flex}.chat-popup .chat-body{flex:1;max-height:none;padding-top:1rem}.chat-popup .modal-body__footer{box-shadow:none;padding:0;display:block}.chat-angpao-modal .modal-body,.chat-angpao-modal .modal-wrapper{background:0 0!important;min-width:0!important}.chat-angpao-modal .modal-header{border-bottom:0}.modal-angpao-open{width:255px}.modal-angpao-cancel{color:#fff;cursor:pointer;text-align:center;margin-top:10px}.modal-angapo{flex-direction:column;align-items:center;display:flex}.chat-rule__modal{background:#1e2020;border-radius:10px;padding:1rem 1rem 1rem 2rem}@media (width<=768px){.emoji-list__container{grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:169px}}.member-chat-media{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:auto;max-width:100%;height:auto;max-height:320px;margin-top:8px;display:block}.member-chat-image-button{cursor:zoom-in;background:0 0;border:0;max-width:100%;padding:0;display:block}.member-chat-caption{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px}.member-poll{color:#f4f4f4;width:100%;padding-top:10px}.member-poll strong{overflow-wrap:anywhere;font-size:15px}.member-poll-muted{color:#b2b2b2;margin:8px 0;font-size:12px;line-height:1.5}.member-poll-option{text-align:left;color:#fff;width:100%;font:inherit;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px 10px;padding:12px 0;display:grid}.member-poll-option:disabled{opacity:.65;cursor:default}.member-poll-circle{box-sizing:border-box;border:2px solid #a8b6b2;border-radius:50%;place-items:center;width:18px;height:18px;font-size:12px;display:grid}.member-poll-circle.selected{background:#289d82;border-color:#289d82}.member-poll-track{background:#48504e;border-radius:6px;grid-column:2/-1;height:7px;overflow:hidden}.member-poll-track>span{background:#289d82;height:100%;display:block}.member-poll-count{font-size:12px}.member-poll-view{color:#ffbf28;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-top:1px solid #505557;margin-top:8px;padding:12px;display:block}.member-poll-view:disabled{color:#858585;cursor:not-allowed}.member-poll-error{color:#f99;overflow-wrap:anywhere;font-size:13px}.member-chat-overlay{z-index:10000;color:#f4f4f4;box-sizing:border-box;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.member-votes-panel{box-sizing:border-box;background:#171717;border-radius:10px;width:680px;max-width:100%;max-height:85vh;padding:24px;position:relative;overflow-y:auto}.member-votes-panel h3{overflow-wrap:anywhere;margin:0 0 12px;padding-right:36px;font-size:18px}.member-chat-close{color:#fff;cursor:pointer;text-align:center;background:#3a3b3c;border:none;border-radius:50%;justify-content:center;width:34px;height:34px;font-size:24px;display:flex;position:absolute;top:12px;right:14px}.member-vote-group{margin-top:30px}.member-vote-heading{overflow-wrap:anywhere;justify-content:space-between;gap:16px;display:flex}.member-vote-heading>span:first-child{min-width:0}.member-vote-badge{white-space:nowrap;background:#2b2f32;border:1px solid #289d82;border-radius:4px;align-self:flex-start;padding:3px 8px;font-size:12px}.member-voter{align-items:center;gap:14px;margin-top:20px;display:flex}.member-voter>div{overflow-wrap:anywhere;min-width:0}.member-voter-avatar{background:#289d82;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.member-chat-full-image{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:85vh}.member-chat-close:focus-visible,.member-chat-image-button:focus-visible,.member-poll-option:focus-visible,.member-poll-view:focus-visible{outline-offset:2px;outline:2px solid #ffbf28}dialog.member-chat-overlay{border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0}dialog.member-chat-overlay:not([open]){display:none}dialog.member-chat-overlay::backdrop{background:0 0}.member-bet-share-title{color:var(--color-primary);font-size:inherit;font-weight:700;line-height:1.6;text-decoration:none}.member-bet-share-game{white-space:nowrap}.member-bet-share-icon{vertical-align:-.3em;background:currentColor;width:1.35em;height:1.35em;display:inline-block;-webkit-mask:url(../static/images/menu/icon-number-game.svg) 50%/contain no-repeat;mask:url(../static/images/menu/icon-number-game.svg) 50%/contain no-repeat}.member-bet-share{box-sizing:border-box;color:#b5b5b5;text-align:center;border:1px solid #8a8a8a;border-radius:8px;flex-direction:column;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 12px;display:flex}.member-bet-share-numbers{font-variant-numeric:tabular-nums;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px 8px;width:100%;min-width:0;max-width:540px;margin:0 auto;line-height:1.4;display:grid}.member-bet-share-numbers span{color:#fff;letter-spacing:1px;white-space:nowrap;background:#171717;border-radius:6px;padding:5px 0;font-weight:700}.member-bet-share-toggle{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 8px;font-weight:700}.member-bet-share-title:focus-visible,.member-bet-share-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
