.tabs[data-v-0bdb30fe]{border-radius:var(--border-radius);border-radius:.5rem;box-shadow:0 3px 8px #0000003d;display:grid;grid-template-columns:1fr 1fr;justify-content:center}.con-unread[data-v-0bdb30fe]{background-color:var(--blue-color);border-radius:.5rem;color:#fff;padding-left:.5rem;padding-right:.5rem}.content-con[data-v-0bdb30fe]{box-sizing:content-box;max-height:500px;overflow-y:auto;padding-right:3px}.tab-button[data-v-0bdb30fe]{border:none;cursor:pointer}.noti-num[data-v-0bdb30fe]{align-items:center;background-color:var(--red-color);border-radius:50%;color:#fff;display:flex;height:25px;justify-content:center;right:-9px;top:-7px;width:25px}.active-noti[data-v-0bdb30fe]{background-color:var(--yellow-color);border-bottom-left-radius:.5rem;border-top-left-radius:.5rem;color:#fff;padding:5px}[data-v-0bdb30fe]::-webkit-scrollbar{border-radius:5px;width:5px}[data-v-0bdb30fe]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}[data-v-0bdb30fe]::-webkit-scrollbar-thumb{background:#888;border-radius:5px}[data-v-0bdb30fe]::-webkit-scrollbar-thumb:hover{background:#555}.active-chat[data-v-0bdb30fe]{background-color:var(--yellow-color);border-bottom-right-radius:.5rem;border-top-right-radius:.5rem;color:#fff;padding:5px}.icon-comment[data-v-0bdb30fe]{color:var(--purple-color)}.contain-detail[data-v-0bdb30fe]{align-items:center;grid-template-columns:50px auto}.contain-detail-chat[data-v-0bdb30fe]{align-items:center;grid-template-columns:60px auto;margin-bottom:5px}.carousel__item[data-v-0bdb30fe]{border-radius:5px;height:85%}.item-list[data-v-0bdb30fe]{border-bottom:1px solid #666;display:flex;flex-direction:column;height:72px;justify-content:center;margin-bottom:5px;padding:2px 5px}.readable[data-v-0bdb30fe],.unread[data-v-0bdb30fe]{background-color:#a778fe67;border-radius:.5rem}.item-list-chat[data-v-0bdb30fe]:hover,.item-list[data-v-0bdb30fe]:hover,.readable[data-v-0bdb30fe]:hover{background:#a778fe67;border-radius:.5rem;color:var(--white-color)}.fade-enter-active[data-v-05822809],.fade-leave-active[data-v-05822809]{opacity:1}.fade-enter[data-v-05822809],.fade-leave-to[data-v-05822809]{opacity:0}.inside-box[data-v-47d4b957]{border:2px solid var(--gray-color);border-radius:15px;cursor:pointer;display:grid;gap:.5rem;justify-content:center;justify-items:center;padding:1rem .5rem;width:8rem}.icon[data-v-47d4b957]{font-size:1.5rem;line-height:2rem}.active[data-v-47d4b957]{border:2px solid var(--yellow-color)}.icons[data-v-416de015]{font-size:1.5rem;line-height:2rem;position:absolute}.image-user[data-v-416de015]{height:100%;width:50px}.menu-list[data-v-416de015]:hover{background:#cdcdcd;border-radius:5px}.menu-list[data-v-416de015]{margin-top:.25rem;padding:.375rem}.coin-gold[data-v-416de015]{height:23px;width:23px}.diamond[data-v-416de015]{height:23px;width:21px}.tran-text-coin[data-v-416de015]{transform:translateY(-1px)}.coin-tab[data-v-416de015]{background-color:#fdf4cb}.coin-tab[data-v-416de015],.diamond-tab[data-v-416de015]{border-radius:5px;color:var(--paua-color);font-weight:500}.diamond-tab[data-v-416de015]{background-color:#ece6f8}.activenav[data-v-416de015]{background-color:#f4ba40;border-radius:5px;color:#fff}.popover-content[data-v-416de015]{background:#fff;border-radius:8px;font-size:16px;margin-top:25px;padding:5px;position:absolute;right:0;text-align:left;width:270px;z-index:1000}.noti-num[data-v-416de015]{align-items:center;background-color:var(--red-color);border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;position:absolute;right:-9px;top:-7px;width:24px}.popover-content-noti[data-v-416de015]{background:#fff;border-radius:8px;font-size:16px;margin-top:10px;overflow-y:auto;padding:10px 5px;position:absolute;right:0;text-align:left;width:300px;z-index:1000}.circle[data-v-416de015]{align-items:center;border-radius:9999px;cursor:pointer;display:flex;height:2.5rem;justify-content:center;width:2.5rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}@media (max-width:1024px){.circle[data-v-416de015]{align-items:center;border-radius:9999px;cursor:pointer;display:flex;height:2rem;justify-content:center;width:2rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.icon[data-v-416de015]{font-size:1.25rem;line-height:1.75rem}}@media (max-width:600px){.popover-content[data-v-416de015]{width:250px}}