/* (c) 2021-2026 TIGERHOST LTD - LAITH AL MAHASNEH. All rights reserved. Unauthorized copying is prohibited. */
.TH_MIC_CHAT_V3 {
    position: absolute;
    top: 36px;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    background: #f0f1f7;
}

.fa-clock-o::before {
    content: "\f017";
    font-family: "FontAwesome";
}

.TH_MIC_CHAT_V3>div>.micborder>hr {
    margin: 0;
    border-top-color: var(--bt-primary);
}

.TH_MIC_CHAT_V3>div>.micborderr {
    background-image: var(--mic-url);
}

.daymsg .u-pic {
    background-image: var(--daymsg) !important;
}

.btn-primary {
    color: #fff;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.uploadP {
    margin-left: 1px;
    margin-right: -1px;
    margin-top: 2px;
    height: 33px;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 100 !important;
    color: #ffffff;
    background: #ffffff00;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes pulse {
    from {
        box-shadow: 0px 4px 10px rgba(255, 182, 193, 0.6);
    }

    to {
        box-shadow: 0px 8px 20px rgba(255, 182, 193, 0.8);
    }
}

@keyframes glow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.TH__YOUTUBE__CONTAINER__V3 {
    display: flex;
    width: 100%;
    flex-direction: row;
    overflow-x: auto;
}

.vieYoutube {
    flex: 1 1 calc(20% - 10px);
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    min-width: 120px;
}

.TH__YOUTUBE__CONTAINER__V3::-webkit-scrollbar {
    height: 8px;
}

.TH__YOUTUBE__CONTAINER__V3::-webkit-scrollbar-thumb {
    background: #03a9f4;
    border-radius: 4px;
}

.TH__YOUTUBE__CONTAINER__V3::-webkit-scrollbar-track {
    background: #e6e6e6;
}

.vieYoutube img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.vieYoutube:hover {
    border-color: #007bff;
    background-color: #f0f8ff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#TH_D2BC_V3>div.uzr.fl.borderg.MFT.mm {
    margin-bottom: -17px !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3>div.uzr.d-flex.mm>div.uzr.flex-fill.break>div.d-flex.fr {
    display: none;
}

.flex-fill {
    flex: 1 1 auto !important;
    overflow-y: hidden;
}

a {
    color: #337ab7;
    text-decoration: none;
}

img {
    vertical-align: middle;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

th {
    text-align: left;
}

body>div.center-block.bg.TH__DAD__XS4MD__V3>div.hand.corner.nosel>div {
    margin-top: 7px !important;
    padding: 0 !important;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #449d44;
    border-color: #255625;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-info {
    color: #fff;
    background-color: #3ac2c3;
    border-color: #3ac2c3;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-danger.focus, .btn-danger:focus {
    color: #fff;
    background-color: #c9302c;
    border-color: #761c19;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label:empty {
    display: none;
}

#bannerroomid {
    margin: 0;
    background-color: rgba(32, 32, 32, 0.12);
    background-position: center center;
    height: 151px;
    width: 100% !important;
    border-radius: 0 !important;
    background-size: 100% 100%;
    padding: 0;
    margin: 0;
    min-width: 100%;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-success {
    background-color: #5cb85c;
}

.label-info {
    background-color: #5bc0de;
}

.label-warning {
    background-color: #f0ad4e;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}

.modal-open {
    overflow: hidden;
}

.bgg .th_msgActionBar {
    display: none !important;
}

.viewers-list {
    display: none;
    background-color: #ffffff;
    color: #333333;
    padding: 10px;
    border-radius: 10px;
    max-height: 400px;
    overflow-y: auto;
    position: absolute;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 250px;
    border: 1px solid #ddd;
    font-family: Arial, sans-serif;
}

.viewers-list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.viewers-list li {
    font-size: 16px;
    padding: 8px 0;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
    transition: background-color 0.3s, padding-left 0.3s;
}

.viewers-list li:hover {
    background-color: #f5f5f5;
    padding-left: 10px;
}

.viewers-list strong {
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #4caf50;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.th-ios-fieldRow {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.th-ios-label {
    font-size: 13px;
    color: rgba(17, 24, 39, .70);
    padding: 0 2px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #00000000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    line-break: auto;
}

.popover.top {
    margin-top: 0px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-content {
    padding: 9px 14px;
}

.tbox {
    white-space: pre-line !important;
}

.btn.active, .btn:active {
    background-image: none;
}

.btn-success:focus, .btn-success:hover {
    background-color: #419641;
    background-position: 0 -15px;
}

.btn-success.active, .btn-success:active {
    background-color: #419641;
    border-color: #3e8f3e;
}

.btn-danger:focus, .btn-danger:hover {
    background-color: #c12e2a;
    background-position: 0 -15px;
}

.th_UserBox {
    text-align: left;
    width: 100%;
    margin: 0 !important;
    border-bottom: 1px solid #e6e6fa;
    padding-right: 1px;
    background-color: #fafafa;
}

.uzr .fitimg {
    background-size: cover;
    margin: 0;
}

.as.borderg.fl.fitimg.hand.u-pic {
    width: 52px;
    height: 52px;
}

.label-primary, .btn-primary {
}

.bgg {
    background-color: lightslategray;
}

.pophead {
    background-color: slategrey;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

b, strong {
    font-weight: 700;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

img {
    border: 0;
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

button, input, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type='button'] {
    cursor: pointer;
}

button[disabled], html input[disabled] {
    cursor: default;
}

input {
    line-height: normal;
}

textarea {
    overflow: auto;
}

td, th {
    padding: 0;
}

html {
    font-size: 10px;
}

body {
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a:hover, a:focus {
    color: #23527c;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

[role='button'] {
    cursor: pointer;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

input[type='checkbox'] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
    border: 1px solid #2f4078 !important;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav>li {
    position: relative;
    display: block;
}

.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #eee;
}

.nav>li.disabled>a {
    color: #777;
}

.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
    background-color: #eee;
    border-color: #337ab7;
}

.nav>li>a>img {
    max-width: none;
}

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd;
}

.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}

a.label:hover, a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.thRoomTop__iconBtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    text-decoration: none;
    color: #1677ff;
    cursor: pointer;
}

.label:empty {
    display: none;
}

.btn .label {
    position: relative;
    top: -1px;
}

.label-success {
    background-color: #5cb85c;
}

.label-success[href]:hover, .label-success[href]:focus {
    background-color: #449d44;
}

.label-info {
    background-color: #5bc0de;
}

.label-info[href]:hover, .label-info[href]:focus {
    background-color: #31b0d5;
}

.label-warning {
    background-color: #f0ad4e;
}

.label-danger {
    background-color: #d9534f;
}

.label-danger[href]:hover, .label-danger[href]:focus {
    background-color: #c9302c;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
    margin-top: -2px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.pull-right {
    float: right !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.hidden {
    display: none !important;
}

.fa::before {
    font-size: 92%;
}

.u-msg {
    line-height: 1.5;
}

.ae {
    border: 1px solid #000 !important;
    border-radius: 2px !important;
    float: left;
    text-align: center;
    width: 20%;
    max-width: 80px;
    padding: 4px 0;
    margin: 1px;
    margin-bottom: 2px;
}

.label, .btn {
    border-radius: 1px !important;
}

.bgf {
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.msg {
    background-color: #f0f0f5;
    border: 1px solid grey;
    margin-top: -1px;
    padding: 2px;
    margin-right: 3px;
    margin-left: 3px;
}

.tbox {
    border-radius: 1px;
    padding: 6px;
    height: 32px;
    direction: ltr !important;
    text-align: left !important;
    font-family: "TH_SF_ONE" !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    width: 100%;
    max-height: 92px;
    resize: none;
    border: 0;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #111827;
    line-height: 1.3;
    font-synthesis: none;
    -webkit-text-stroke: 0.25px rgba(0, 0, 0, 1);
    border: 0;
    outline: 0;
}

.emoii {
    width: 22px;
    max-width: 22px;
    height: 22px;
    margin: 0;
    padding: 5px;
}

.hid {
    display: none;
}

.noflow {
    overflow: hidden;
}

.popover {
    height: 250px;
    overflow-y: auto;
    white-space: pre-wrap;
}

.item3 {
    font-size: 16px !important;
    color: #000;
}

.item5 {
    color: gray;
}

@keyframes slideInOut {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    10% {
        opacity: 1;
        transform: translateX(0);
    }

    85% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.bgg .fitimg.u-pic {
    min-height: 51px;
    min-width: 51px;
    max-width: 87px;
    width: 50px !important;
}

.bgg div.btn.minix.btn-primary.fa.fa-times.fr {
    height: 24px;
}

.bgg div>div.uzr.flex-fill.break>div.d-flex.fr {
    display: none;
}

.uc.fa-video-camera {
    background-color: #d9534f;
}

.TH_MIC_CHAT_V3>div>.micborder>.fa-microphone {
    font-size: 16px !important;
    text-align: center;
    margin-top: 2px;
}

.TH_MIC_CHAT_V3>div>.micborder>.ismute {
    position: absolute;
    height: 2px;
    background: #999;
    display: none;
    width: 65px;
    margin-left: -3px;
    margin-top: 0;
    transform: rotate(136deg);
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pmsgc {
    background-color: rgba(0, 77, 255, 0.08) !important;
}

.ppmsgc {
    background-color: #f1f1ff !important;
}

.typingIndicatorBubbleDot {
    width: 4px;
    height: 4px;
    margin-right: 4px;
    background-color: #57585a;
    border-radius: 50%;
    animation-name: bounce;
    animation-duration: 1.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.typingIndicatorBubbleDot:first-of-type {
    margin: 0 4px;
}

.typingIndicatorBubbleDot:nth-of-type(2) {
    animation-delay: 0.15s;
}

.typingIndicatorBubbleDot:nth-of-type(3) {
    animation-delay: 0.3s;
}

@keyframes bounce {
    0%, 60%, 100% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-4px);
    }
}

.hand {
    cursor: hand;
}

img {
    vertical-align: middle;
}

.co.ico {
    width: 20px;
    height: 20px;
    border-radius: 1px;
    margin-top: -2px;
}

.break {
    overflow: auto;
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-wrap: break-word;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.u-ico {
    padding-right: 2px;
    max-height: 20px;
}

.emoi {
    max-width: 260px;
    max-height: 24px;
}

.unread {
    background-color: #ffc89d !important;
    border: 5px solid #ffc89d !important;
}

.mini {
    font-size: 90% !important;
}

.corner {
    border-radius: 5px;
}

.minix {
    font-size: 80% !important;
}

@keyframes animate {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.5);
    }
}

.center {
    margin: 0 auto;
}

.borderg {
    border: 1px solid #f4f4f4;
}

.border {
    border: 1px solid #000;
    border-radius: 2px !important;
}

.fitimg {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.bord {
    border-inline: 4px solid #1e90ff !important; }

.modal-header {
    padding: 5px;
}

.badge {
    padding: 0 3px;
}

.popover-content {
    padding: 1px;
}

#notification, #notF {
    /* width:min(420px, 96vw); */
    margin: 0px auto;
    padding: 5px;
    backdrop-filter: blur(10px);
    /* box-shadow: 0 14px 40px rgba(2, 6, 23, .10); */
    /* overflow:hidden; */
}

#notification .notification, #notF .notification {
    position: relative;
    margin: 1px;
    padding: 2px 3px;
    border-radius: 7px;
    border: 1px solid #00000026;
    background: #ededed;
    box-shadow: 0 10px 26px rgba(2, 6, 23, .08);
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 4px;
}

#notification .notification__title {
    margin: 0 0 8px 0;
    padding: 6px 10px;
    border-radius: 5px;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    color: #ffffff !important;
    background: #0a84ff !important;
    border: 1px solid rgba(17, 24, 39, .06);
    display: inline-block;
    font-family: 'Noto Kufi Arabic' !important;
}

#notF .notification__title {
    margin: 0 0 8px 0;
    padding: 6px 10px;
    border-radius: 12px;
    font-weight: 900;
    font-size: 12px !important;
    line-height: 1;
    color: #111827;
    background: rgb(212 53 53) !important;
    border: 1px solid rgba(17, 24, 39, .06);
    display: inline-block;
    font-family: 'Noto Kufi Arabic' !important;
}

#notification .notification__sender, #notF .notification__sender {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin-bottom: 3px;
    margin-top: 0;
}

#notification .notification__sender__avatar, #notF .notification__sender__avatar {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid rgba(17, 24, 39, .08);
    background: rgba(17, 24, 39, .04);
    box-shadow: 0 8px 18px rgba(2, 6, 23, .08);
    flex: 0 0 auto;
}

#notification .notification__sender__name, #notF .notification__sender__name {
    margin: 0;
    flex: 1 1 auto;
    min-width: 0;
}

#notification .username, #notF .username {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

#notification .username__icon, #notF .username__icon {
    max-height: 16px;
    width: auto;
    flex: 0 0 auto;
    opacity: .9;
}

#notification .username .u-topic, #notF .username .u-topic {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 12px;
    font-weight: 850;
    line-height: 1;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid rgba(17, 24, 39, .08);
    background: rgba(248, 250, 252, .96);
}

#notification .notification__message, #notF .notification__message {
    width: 100%;
    padding: 2px 5px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, .07);
    background: rgb(255 255 255 / 70%);
    display: flex;
    align-items: center;
    justify-content: center;
}

#notification .notification__message span, #notF .notification__message span {
    display: block;
    line-height: 1.45;
    color: #111827;
    word-break: break-word;
    text-align: right;
    direction: rtl;
    font-family: "TH_SF_ONE";
    font-size: 15px !important;
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    -webkit-text-stroke: 0.25px rgb(0 0 0);
}

#notification .notification__time, #notF .notification__time {
    position: absolute;
    top: 10px;
    inset-inline-end: 12px;
    font-size: 12px;
    opacity: .60;
    color: #111827;
}

#notification .notification:hover, #notF .notification:hover {
    transform: translateY(-1px);
    transition: transform .12s ease;
}

#notification .notification:active, #notF .notification:active {
    transform: translateY(0);
}

.c-flex {
    display: flex;
    flex-direction: column;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.column {
    float: left;
    min-height: 100%;
}

.row:after {
    content: '';
    display: table;
    clear: both;
}

#StoryProgress {
    width: 100%;
    background-color: #ddd;
}

#BarStory {
    width: 0%;
    height: 3px;
    background-color: #6495ed;
    margin-bottom: 15px;
}

.popover {
    z-index: 9000 !important;
    position: fixed !important;
    height: 350px !important;
    min-width: 312px !important;
    border: 1px solid;
    border-radius: 0;
}

#tlogins .co {
    width: 18px;
    height: 18px;
    border-radius: 1px;
    margin-top: -2px;
    margin-left: 1px;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .co {
    width: 18px;
    height: 18px;
    border-radius: 1px;
    margin-top: -2px;
}

.TH_MIC_CHAT_V3>div>.micborder {
    float: right;
    color: #113233;
    width: 53px;
    height: 50px;
    margin: 1px;
    border-radius: 4px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid;
    transform: translateX(-61px);
}

.TH_MIC_CHAT_V3>div>.micborder img {
    padding: 2px;
}

.TH_MIC_CHAT_V3>div>.micborder>.evant>i {
    position: relative;
    font-size: 16px !important;
    text-align: center;
    color: #906464;
    top: 36px;
    height: 18px;
    border-radius: 50%;
    background-color: #ffffffc7;
    border: 1px solid #d9534f70;
}

#tlogins .hand.nosel.fl.uzr.borderg {
    border: 1px solid #e0e0e0;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .MFT {
    background-size: 100%;
    border-radius: 0 !important;
    width: 100%;
    margin-left: -1px !important;
}

#TH_SETTINGS_V3 .fa-bell-slash:before, #TH_SETTINGS_V3 .fa-bell:before {
    float: left;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .fl.u-pic {
    height: 56px !important;
    width: 56px !important;
}

.Border_TH .light {
    border: 1px solid #d5d5d5;
}

#TH_D2BC_V3.fitimg.fl.u-pic {
    height: 49px !important;
    width: 55px !important;
}

.story {
    background-color: #906464;
    color: White;
    margin: 4px;
    padding: 8px;
    width: 45%;
    border: 1px solid #000 !important;
    text-align: center;
}

.wall {
    background-color: #906464;
    color: White;
    margin: 4px;
    padding: 8px;
    width: 45%;
    border: 1px solid #000 !important;
    text-align: center;
}

.th_UserBox {
    text-align: left;
    width: 100%;
    margin: 0 !important;
    padding-right: 1px;
    background-color: #fafafa;
}

.d-flex {
    display: flex;
}

#TH_CHATS_V3 .u-pic {
    width: 56px;
    height: 56px;
}

#TH_CHATS_V3 .ustat {
    width: 3px !important;
    height: 56px !important;
}

#TH_CHATS_V3 .label-danger {
    border: 0;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .fl.ustat {
    width: 4px !important;
    height: 80px !important;
    margin: -2px;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .hand.nosel.fl.uzr.borderg {
    border: 1px solid #e6e6fa !important;
    text-align: left !important;
    width: 107% !important;
    margin: 0 !important;
    border-bottom: 1px solid #f2f2ff !important;
    padding-right: 1px !important;
    margin-bottom: -2px !important;
    cursor: pointer;
    background-size: 100% 100% !important;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .fr.co {
    right: 0;
    position: sticky;
}
.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-thumb {
    width: 62px;
    height: 62px;
    margin: 0 auto 8px;
    position: relative;
    border-radius: 999px;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-thumb::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff2d55 0%, #ff7a00 40%, #8a3ffc 75%, #00d4ff 100%);
    box-shadow: 0 10px 22px rgba(255, 45, 85, .18);
    z-index: 0;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-thumb::after {
    display: none;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-media {
    position: absolute;
    inset: 2px;
    border-radius: 999px;
    overflow: hidden;
    z-index: 1;
    border: 2px solid #fff;
    background: #fff;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-media .u-pic {
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    border-radius: 999px !important;
    object-fit: cover;
    display: block;
    background-size: cover;
    background-position: center;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-avatar {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 2px solid #fff;
    box-shadow: 0 10px 18px rgba(2, 6, 23, .18);
    z-index: 3;
    overflow: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.TIGERHOST_LTD__DPNL__XK30EM03__V3 .uhash {
    position: relative;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .fl.hand.nosel.uzr.th_UserBox {
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 22%, #fafbfc 60%, #ffffff 100%) !important;
    padding: 0;
    margin-top: 1px !important;
    border-radius: 2px !important;
    padding-right: 2px;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .u-msg {
    margin-top: 2px !important;
    margin-left: 5px;
}

#TIGERHOST__LTD__WETCH__V3__>div.thIosWTop>div.thIosWUser.thIosWUserMain>img {
    border: 4px solid #FF5722 !important;
}

#TIGERHOST__LTD__WETCH__V3__>div.thIosWTop>div:nth-child(3)>img {
    border: 4px solid #FFC107 !important;
}

#TIGERHOST__LTD__WETCH__V3__>div.thIosWTop>div:nth-child(1)>img {
    border: 4px solid #673AB7 !important;
}

#TIGERHOST__LTD__WETCH__V3__ .fl.borderg.corner.uzr {
    margin-left: 2px !important;
    border-radius: 12px;
    height: 83px;
    border: 1px solid #c6c6c6;
    /* box-shadow: 7px 7px 50px #a4afc5; */
    padding: 9px 7px;
}

#TH_ProfileViewersLIST_TypeBadge_V3 {
    background: #e91e63db !important;
    color: #fff;
    border-radius: 80px 80px 0 0 !important;
    border: 0;
}

#TIGERHOST__LTD__WETCH__V3__ img.corner.borderg.fl {
    width: 71px !important;
    height: 69px !important;
    border-radius: 50%;
    margin: 0;
    border: 0;
}

#TIGERHOST__LTD__WETCH__V3__ .break.fl {
    text-align: center;
    color: #000000;
    position: relative;
    margin: -34px 0 0 92px;
    border-radius: 4px;
    font-family: 'Noto Kufi Arabic' !important;
    width: 67% !important;
    font-weight: 300 !important;
    font-size: 13px;
}

#TIGERHOST__LTD__WETCH__V3__ .hand.corner.wetchnot {
    display: contents;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3>div.uzr.d-flex.pmsgcxx>div.btn.minix.btn-primary.fa.fa-reply.fr, .TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3>div.uzr.d-flex.pmsgcxx>div.btn.minix.btn-primary.fa.fa-times.fr, #d2>div.uzr.d-flex.pmsgcxx>.btn-like.fr {
    display: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3>div.uzr.d-flex.pmsgcx2>div.btn.minix.btn-primary.fa.fa-reply.fr, .TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3>div.uzr.d-flex.pmsgcx2>div.btn.minix.btn-primary.fa.fa-times.fr, #d2>div.uzr.d-flex.pmsgcx2>.btn-like.fr {
    display: none !important;
}

.TH_DPNL_V3 {
    border: 0 !important;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 iframe, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 iframe {
    min-width: 240px;
    top: 69px;
    display: inline-block;
    position: absolute;
    height: 256px;
    left: 0;
    margin: 0;
}

.TH_NTOP_V3 {
    width: 33px;
    display: inline-block;
    background-size: 30px !important;
    margin: 0 0 0 -10px;
    padding: 13px 0 0 7px !important;
    background-size: 121% 114% !important;
    background-repeat: no-repeat;
    height: 39px;
}

#TH_TOP_V3>div.TH_LTOP_V3>div:nth-child(1) {
    background-color: #ffb850 !important;
}

#TH_TOP_V3>div.TH_LTOP_V3>div:nth-child(2) {
    background-color: #cddc39 !important;
}

#TH_TOP_V3>div.TH_LTOP_V3>div:nth-child(3) {
    background-color: #00bcd4 !important;
}

#TH_TOP_V3>div.TH_LTOP_V3>div:nth-child(4) {
    background-color: #f5bdff !important;
}

#TH_TOP_V3>div.TH_LTOP_V3>div:nth-child(5) {
    background-color: #41efa3 !important;
}

#TH_TOP_V3>div.TH_LTOP_V3>div:nth-child(6) {
    background-color: #58ff5f !important;
}

#TH_TOP_V3>div.TH_LTOP_V3>div:nth-child(7) {
    background-color: #eb73ff !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa-youtube:before {
    color: red;
    font-weight: 200;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa-send:before {
    left: 10px !important;
    position: absolute;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa-bell-slash:before {
    left: 10px !important;
    position: absolute;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa-bell:before {
    left: 10px !important;
    position: absolute;
}

label, .fl, .bg, button {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.thLockIcoV3 {
    margin: 2px;
    margin-top: 17px;
    font-weight: 300 !important;
    color: #c11e12 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .22);
    font-size: 21px !important;
}

.VBORB.dslita div {
    margin-top: -7px;
    border: 2px solid #000;
    width: 83px;
    height: 84px;
    margin-left: 5px;
    margin-bottom: 5px;
    background-size: 100%;
    display: inline-table;
}

.VBORB.dslita {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

.VBOR.dslists div {
    border: 2px solid #000;
    width: 97%;
    height: 100px;
    margin-left: 5px;
    margin-bottom: 5px;
    background-size: 100% 100%;
}

#d0 .label-warning {
    background-color: #0000 !important;
    color: orange;
}

@media only screen and (min-width: 380px) {
    .TIGERHOST_LTD__DPNL__XK30EM03__V3 {
        width: 73% !important;
    }
}

.bgg .fl.ustat {
    height: 20px !important;
}

.star.ashh {
    display: none;
}

.th_UserBox .u-pic {
    min-width: 53px !important;
    width: 53px !important;
    min-height: 53px !important;
    max-height: 53px !important;
    background-color: #f3f3f3;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .th_UserBox .ustat {
    min-width: 4px !important;
    min-height: 53px !important;
    max-height: 53px !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

#TH_SETTINGS_V3 .tc {
    border-radius: 3px !important;
    padding: 7px !important;
    border: 1px solid #2b2b2b !important;
    margin: 6px 0 0 1px !important;
    width: 99.6% !important;
    margin-top: 2px !important;
}

.is_speaking {
    box-shadow: 0 0 0 3px rgb(0 200 45 / 83%);
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .d-flex.fl {
    max-height: 200px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#automice2 {
    position: fixed !important;
    right: 12px !important;
    top: 105px !important;
    height: 270px !important;
    width: auto !important;
    border-radius: 14px !important;
    padding: 8px !important;
    z-index: 0 !important;
    margin: 0 !important;
    display: block !important;
    transform: none !important;
    -webkit-transform: none !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

.fa-video-camera:before {
    content: '\f03d';
    margin: 0 4px 0 -2px;
}

.TH_MIC_CHAT_V3>div>.micborder.camlive {
    background-image: url(/cam.png);
    background-size: 140%;
}

body {
    background-color: #40404f;
}

#tlogins .u-pic {
    min-width: 56px;
    width: 52px;
    min-height: 48px;
    max-height: 66px;
    background-color: #f3f3f3;
    margin-top: 0px;
}

#tlogins .u-msg {
    max-height: 40px;
    color: #888;
}

#tlogins .co {
    width: 20px;
    height: 20px;
    border-radius: 1px;
    margin-top: -2px;
    margin-left: 1px;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa::before {
    position: static !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa-send:before {
    float: inline-start;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa-bell-slash:before, .TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .fa-bell:before {
    float: inline-start;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .u-msg {
    float: unset;
    max-height: 130px !important;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .th_UserBox .u-pic {
    /* max-height: 54px; */
}

#TH_ROOM_EDITOR_V3 input[type='checkbox'] {
    margin: 0 5px -5px 0px;
}

#story::-webkit-scrollbar {
    display: none;
}

#story img.fitimg.u-pic.borderg {
    cursor: pointer;
    overflow: hidden;
    flex-direction: column;
    position: relative;
    margin-bottom: 16px;
    border: 0;
    padding: 0;
    border-radius: 0px !important;
    background-size: 100% 100%;
    height: 75px !important;
}

#TH_WALL_V3 .uzr .btn.fa.fa-youtube::before {
    color: #f90000;
    margin-left: 8px;
    margin-right: 11px;
    display: flex;
    align-items: center;
}

#TH_D2BC_V3>div.uzr.d-flex.mm>div>div.u-msg.break>button::before {
    color: #fff;
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    margin-right: 5px;
}

.bgg .uzr.d-flex.mm:nth-child(2n) {
    background-color: rgb(249, 249, 249) !important;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 {
    overflow: auto;
}

.modal-body {
    padding: 10px;
}

.highlighted {
    border: 0px !important;
}

.highlighted::before {
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-left: 4px dashed #ff8000;
    border-bottom: 2px dashed #ff66b2;
    border-right: 3px solid #dc0be5;
    border-top: 3px solid #ff1e8e;
}

.highlighted::before, .highlighted::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    animation: rotateBorder 10s linear infinite;
}

.rank-bades {
    height: 46px;
    width: 100%;
    text-align: center;
    display: flex;
    padding: 0;
    justify-content: space-around;
    margin-bottom: 1px;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    flex-direction: row-reverse;
}

.rank-bades img[src="/wisam/t1.png"], .rank-bades img[src="/wisam/t2.png"], .rank-bades img[src="/wisam/t3.png"], .rank-bades img[src="/wisam/t4.png"], .rank-bades img[src="/wisam/t5.png"], .rank-bades img[src="/wisam/t6.png"] {
    opacity: .8;
}

.highlighted::after {
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    animation-delay: 1s;
}

@keyframes rotateBorder {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .fa.fa-star.checked {
    color: #ffc047;
    font-weight: 300 !important;
}

#tlogins .fa.fa-star.new-checked {
    color: var(--bt-primary) !important;
    font-weight: 300 !important;
    font-size: 13px !important;
}

#tlogins .fa.fa-star {
    font-weight: 300 !important;
    color: #9595958f !important;
    margin-top: 4px;
    margin-bottom: -2px;
}

.u-pic-style2 {
    border-radius: 122px !important;
    margin-top: 5px !important;
    margin-left: -71px !important;
    margin-bottom: 10px !important;
    margin-right: -10px !important;
    background-size: 100% 100% !important;
    height: 60px !important;
    width: 62px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
}

.u-msg-style2 {
    font-family: 'Noto Kufi Arabic' !important;
    font-size: 14px !important;
    display: block;
    max-height: 129px !important;
    overflow-wrap: anywhere !important;
    margin-left: 25px;
}

.u-ico-style2 {
    min-height: 14px;
    margin-top: 1px;
    margin-left: 17px;
}

.u-topic-style2 {
    margin-left: 3px;
    border-radius: 2px;
    padding: 1px;
}

.u-topic-style1 {
    margin-left: 2px;
    border-radius: 2px;
    padding: 1px;
}

.u-pic-style1 {
    width: 54px;
    min-width: 54px;
}

.u-ico-style1 {
    min-height: 14px;
    margin-top: 1px;
    margin-left: 0px;
}

.yes-style-u-msg {
    max-height: 129px !important;
    overflow-wrap: anywhere !important;
    margin-top: 0px;
}

.cover-style2 {
    width: 80px;
    margin: -4px 0px 0px -2px !important;
    padding: 40px;
    height: 80px !important;
    position: relative !important;
    border: 0;
    display: block !important;
}

#TH_CHATS_V3 div.fl.hand.nosel.uzr.th_UserBox>div.c-flex.fr>img {
    display: none;
}

@keyframes gradientAnimation {
    0% {
        background: #ff9f68;
    }

    33% {
        background: #ff6b6b;
    }

    66% {
        background: #6bbaff;
    }

    100% {
        background: #ff9f68;
    }
}

button.filter_notf {
    background: #ff9f68;
    color: white;
    border: none;
    transition: background 0.3s ease-in-out !important;
    animation: gradientAnimation 4s infinite alternate ease-in-out;
}

.thBottomNav .thBNFloat.filter_notf {
    position: fixed !important;
    right: 12px;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    box-shadow: 0 16px 40px rgba(2, 6, 23, .14) !important;
    display: grid;
    place-items: center !important;
    z-index: 1 !important;
}

.thBottomNav .thBNFloat.filter_notf .f7-icons {
    font-size: 22px !important;
    color: #111827 !important;
}

.thBottomNav .thBNFloat.filter_notf .thBNFloatBadge {
    position: absolute !important;
    top: -7px !important;
    left: -7px !important;
    min-width: 18px !important;
    height: 18px !important;
    border-radius: 999px !important;
    padding: 0 6px !important;
    display: grid !important;
    place-items: center !important;
    background: #ff3b30 !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    border: 2px solid rgba(255, 255, 255, .98) !important;
}

.like-btn {
    font-size: 28px !important;
    cursor: pointer;
    user-select: none;
    transition: transform 0.2s;
    position: relative;
}

.like-btn.liked {
    color: red;
    transform: scale(1.2);
}

.like-count {
    font-size: 18px !important;
    color: #fff;
}

.burst {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    z-index: 10;
}

.dot {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    opacity: 0;
    animation: burst 0.6s forwards;
}

@keyframes burst {
    0% {
        transform: scale(0.5) translate(0, 0);
        opacity: 1;
    }

    100% {
        transform: scale(1.5) translate(var(--dx), var(--dy));
        opacity: 0;
    }
}

#story-comment-input {
    color: #000;
}

.fa-bookmark::before {
    font-family: 'FontAwesome';
    content: '\f02e';
    display: inline-block;
}

.hostwelcome {
    font-size: 10px !important;
    font-weight: bold;
    color: transparent;
    background-image: linear-gradient(90deg, #ff7eb3, #ff758c, #a591e2, #758cff);
    background-size: 200%;
    -webkit-background-clip: text;
    background-clip: text !important;
    animation: glow 3s infinite linear;
    font-family: 'Noto Kufi Arabic' !important;
}

@keyframes glow {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@supports not (--css: variables) {
    .hostwelcome {
        color: #ff7eb3;
        background: none;
    }
}

.idboot .th_msgActionBar {
    display: none;
}

.loginItmsS, .loginItmsS1 {
    opacity: 0;
    transform: translateX(-100%);
    animation: slideInOut 7s ease-in-out forwards;
}

@keyframes slideInOut {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    10% {
        opacity: 1;
        transform: translateX(0);
    }

    85% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.loginItms {
    position: absolute;
    display: none;
    border: 2px solid #ddd;
    background: -webkit-linear-gradient(135deg, #bcbcbc, #4caf50) !important;
    box-shadow: 7px 7px 50px #a4afc5;
    border-radius: 25px 0 0 25px;
    background-image: url(/imgs/banner.png);
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 30px;
    width: 250px;
    height: 51px;
    border-radius: 25px 0;
}

.loginItmsS {
    position: absolute;
    display: none;
    background-image: url(/imgs/l1.png) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 43px;
    width: 327px;
    height: 179px;
    filter: drop-shadow(2px 4px 5px black);
    z-index: 2;
}

.loginItmsS1 {
    position: absolute;
    display: none;
    background-image: url(/imgs/l2.png) !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    top: 43px;
    width: 325px;
    height: 178px;
    filter: drop-shadow(2px 4px 5px black);
    z-index: 2;
}

.loginImg {
    float: right;
    width: 46px;
    height: 43px;
    border: 1px solid #ddd;
    margin: 1px;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.loginImgG {
    float: right;
    width: 67px;
    height: 74px;
    margin: 1px;
    background-size: cover;
    border-radius: 50%;
    margin-right: 216px;
    margin-top: 35px;
    box-shadow: 0px 0px 0px 2px #efa9c54a;
}

.loginImgG1 {
    float: right;
    width: 66px;
    height: 68px;
    margin: 1px;
    background-size: cover;
    border-radius: 50%;
    margin-right: 215px;
    margin-top: 39px;
    box-shadow: 0px 0px 0px 5px #ecbf6d45;
}

.loginLogo {
    float: right;
    margin: 1px;
    margin-top: -20px;
}

.loginLogoO, .loginLogoO1 {
    float: right;
    margin: 1px;
    margin-top: -20px;
    display: none;
}

.loginIco {
    float: right;
    margin: 0 1px 1px;
    max-height: 18px;
    background-color: #fff;
    padding: 1px;
    border-radius: 2px;
}

.loginIcoO {
    float: right;
    margin: 0 1px 1px;
    max-height: 18px;
    background-color: #fff;
    padding: 1px;
    border-radius: 2px;
}

.loginFlog {
    float: left;
    margin: 2px 0 5px 5px;
    max-height: 15px;
}

.loginFlogG, .loginFlogG1 {
    float: left;
    margin: 2px 0 5px 5px;
    max-height: 15px;
    display: none;
}

.loginUserName {
    font-size: 16px !important;
    float: right;
    font-family: arial;
    font-weight: 9000;
    max-width: 170px;
    min-width: 100px;
    text-align: right;
    text-shadow: -1px 1px 2px #fff;
    color: #eee;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    float: left;
    font-family: 'Noto Kufi Arabic' !important;
}

.loginUserNameE, .loginUserNameE1 {
    max-width: 168px;
    min-width: 100px;
    color: #0c0c0c;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
    font-family: 'Noto Kufi Arabic' !important;
    margin-left: 43px;
    float: right;
    width: 150px;
}

.loginUserNameE {
    color: #000000;
    margin-top: -32px;
    margin-right: 42px;
}

.loginUserNameE1 {
    color: #0c0c0c;
    margin-top: -37px;
    margin-right: 32px;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 {
    border-radius: 0px !important;
    padding: 8px;
    color: #e6edf7;
    font-family: 'Noto Kufi Arabic' !important;
    padding: 5px !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.tc.border.btn.label-info.fl, .TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.WETCH_DEL.tc.border.btn.label-info.fl, .TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .btn.btn-primary {
    gap: 8px !important;
    width: 99% !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    margin: 6px 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
    cursor: pointer;
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 300 !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.tc.border.btn.label-info.fl:hover, .TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.WETCH_DEL.tc.border.btn.label-info.fl:hover, .TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .btn.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.35);
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.tc.border.btn.label-info.fl[title='إطار و خلفية العضو'] {
    background: linear-gradient(135deg, #ff4d6d, #f72585) !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.tc.border.btn.label-info.fl.ash[data-target='#notification'] {
    background: linear-gradient(135deg, #ff9800, #ffb64d) !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.WETCH_DEL.tc.border.btn.label-info.fl {
    background: linear-gradient(135deg, #f43f5e, #fb7185) !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .label.tc.border.btn.label-info.fl[data-target='#TH_TOP_V3'] {
    background: linear-gradient(135deg, #1b84f2, #3a86ff) !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3 .btn.btn-primary.fa.fa-send[data-btn='botbrb'] {
    background: linear-gradient(135deg, #10b981, #2dd4bf) !important;
    color: #fff !important;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3>.line-length-xl:last-of-type {
    background: linear-gradient(90deg, #3a86ff33, #10b98133) !important;
    color: #e6edf7 !important;
    padding: 6px 10px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(148, 163, 184, 0.12) !important;
    height: auto !important;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

#gridSystemModal.modal.fade.in {
    background: radial-gradient(1200px 600px at 100% -10%, rgba(59, 130, 246, 0.12), transparent 60%), radial-gradient(900px 480px at -10% 100%, rgba(16, 185, 129, 0.12), transparent 65%), rgba(3, 6, 23, 0.55);
    z-index: 9999;
}

#gridSystemModal .modal-dialog {
    max-width: 420px !important;
    margin: 10vh auto !important;
}

#gridSystemModal .modal-content {
    position: relative;
    background: rgba(15, 22, 41, 0.92) !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    overflow: hidden;
}

#gridSystemModal .modal-content::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1.6px;
    background: linear-gradient(135deg, #1b84f2, #10b981, #8b5cf6);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

#gridSystemModal .modal-content>* {
    position: relative;
    z-index: 1;
}

#gridSystemModal .modal-header {
    direction: rtl;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 12px 14px !important;
    background: linear-gradient(180deg, #1a2340, #151c33) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

#gridSystemModal .modal-header .fl, #gridSystemModal .modal-header .fr {
    float: none !important;
    border-radius: 22px !important;
}

#gridSystemModal .modal-title {
    color: #e6edf7 !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    margin: 0 !important;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

#gridSystemModal .modal-header .btn.btn-primary.fa.fa-close {
    background: transparent !important;
    color: #e6edf7 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#gridSystemModal .modal-header .btn.btn-primary.fa.fa-close:hover {
    background: #c70000 !important;
    border-color: #c70000 !important;
    color: #fff !important;
}

#gridSystemModal .modal-body {
    padding: 16px !important;
    background: transparent !important;
}

#gridSystemModal .row, #gridSystemModal .col-xs-12 {
    margin: 0 !important;
}

#gridSystemModal .img-thumbnail.hand.fitimg.lazyload {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: #0b1220 !important;
}

#gridSystemModal .col-xs-12.bg-primary {
    background: linear-gradient(135deg, #1b84f2, #3a86ff) !important;
    border-radius: 10px !important;
    height: 6px !important;
}

#gridSystemModal .col-xs-12.bg-primary>span {
    display: none !important;
}

#gridSystemModal .bootTi {
    color: #a8c5ff !important;
    font-weight: 800 !important;
    font-size: 14px !important;
}

#gridSystemModal .modal-footer {
    padding: 10px 14px !important;
    background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.03)) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    display: grid;
    gap: 8px;
}

#gridSystemModal .modal-footer .btn {
    width: 100% !important;
    border-radius: 14px !important;
    padding: 10px 12px !important;
    font-weight: 800 !important;
    transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.2s ease;
    border: 0 !important;
}

#gridSystemModal .modal-footer .btn.btn-primary {
    background: linear-gradient(135deg, #00b894, #00d1b2) !important;
}

#gridSystemModal .modal-footer .btn.btn-danger {
    background: linear-gradient(135deg, #f43f5e, #fb7185) !important;
}

#gridSystemModal .modal-footer .btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 14px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

#gridSystemModal .modal-footer .btn:active {
    transform: translateY(0);
}

.x-a-d8738d {
    background-image: url(/im2/1.png);
}

.x-a-83e1b4 {
    background-image: url(/im2/2.png);
}

.x-a-f24c63 {
    background-image: url(/im2/3.png);
}

.x-a-c0d3c6 {
    background-image: url(/im2/4.png);
}

.x-a-77a45c {
    background-image: url(/im2/6.png);
}

.x-a-ddd3c9 {
    background-image: url(/im2/7.png);
}

.x-a-d83fea {
    background-image: url(/im2/8.png);
}

.x-a-c15395 {
    background-image: url(/im2/9.png);
}

.x-a-aa8aa0 {
    background-image: url(/im2/11.png);
}

.x-a-abf183 {
    background-image: url(/im2/16.png);
}

.x-a-4c2baf {
    background-image: url(/im2/27.png);
}

.x-a-5e08e5 {
    background-image: url(/im2/29.png);
}

.x-a-aac48c {
    background-image: url(/im2/30.png);
}

.x-a-42ef37 {
    background-image: url(/im2/31.png);
}

.x-a-b77f01 {
    background-image: url(/im2/32.png);
}

.x-a-178530 {
    background-image: url(/im2/34.png);
}

.x-a-772c98 {
    background-image: url(/im2/35.png);
}

.x-a-bf2eeb {
    background-image: url(/im2/38.png);
}

.x-a-4eaaeb {
    background-image: url(/im2/46.png);
}

.x-g-adc689 {
    background-image: url(/im3/1.png);
}

.x-g-ace4d0 {
    background-image: url(/im3/4.png);
}

.x-g-5dff9a {
    background-image: url(/im3/5.png);
}

.x-a-db6320 {
    background-image: url(/im3/6.png);
}

.x-a-a35a76 {
    background-image: url(/im3/8.png);
}

.x-a-5393a9 {
    background-image: url(/im3/12.png);
}

.x-a-1c571f {
    background-image: url(/im3/13.png);
}

.x-a-39c896 {
    background-image: url(/im3/14.gif);
}

.x-a-b66c7f {
    background-image: url(/im3/15.gif);
}

.x-a-5e3c10 {
    background-image: url(/im3/18.gif);
}

.x-a-b971e3 {
    background-image: url(/im3/19.png);
}

.x-a-68af56 {
    background-image: url(/im3/21.png);
}

.x-a-d44c1b {
    background-image: url(/im3/26.png);
}

.x-a-533597 {
    background-image: url(/im3/28.png);
}

.x-a-df5abb {
    background-image: url(/im3/30.png);
}

.x-a-f6de0c {
    background-image: url(/im3/33.gif);
}

.x-a-a88b78 {
    background-image: url(/im3/38.png);
}

.x-a-93a0a0 {
    background-image: url(/im3/43.gif);
}

.x-a-095e67 {
    background-image: url(/im3/45.png);
}

.x-a-522280 {
    background-image: url(/im3/51.gif);
}

.x-a-141f16 {
    background-image: url(/im3/53.gif);
}

.x-a-38bed8 {
    background-image: url(/im3/55.gif);
}

.x-a-0a5099 {
    background-image: url(/im3/57.gif);
}

.x-a-091c4b {
    background-image: url(/im3/58.gif);
}

.x-a-f78997 {
    background-image: url(/im3/61.gif);
}

.x-g-00f5c6 {
    background-image: url(/im2/no.png);
}

.x-g-f71cd7 {
    background-image: url(/im2/file1.png);
}

.x-g-f71cd7 {
    background-size: 100% 100% !important;
    width: 175px !important;
}

.x-a-867f99 {
    width: 73px;
    height: 76px;
    margin-left: -1px;
    border: 2px solid;
    margin-top: -5px;
}

.x-a-c12583 {
    text-align: center;
    font-size: 23px !important;
}

.x-a-2bc30f {
    border: 2px solid #000;
    width: 72%;
    height: 76px;
    margin-left: 5px;
    margin-bottom: 5px;
}

@media (min-width: 481px) {
    .movon-card {
        width: 32vw !important;
        height: 25vw !important;
        border-radius: 0 !important;
    }
}

@media (max-width: 480px) {
    .movon-card {
        width: 90vw !important;
        height: 100vw !important;
        border-radius: 0 !important;
    }
}

.story-progress {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    height: 3px;
    display: flex;
    gap: 4px;
    z-index: 10;
}

.story-progress .sp-bar {
    flex: 1 1 auto;
    background: rgba(255, 255, 255, 0.35);
    border-radius: 2px;
    overflow: hidden;
}

.story-progress .sp-fill {
    width: 0%;
    height: 100%;
    background: #fff;
    transition: width 0.2s linear;
}

.story-progress .sp-bar.done .sp-fill {
    width: 100%;
}

:root {
    --card-bg: #fff;
    --card-border: #ececf2;
    --card-radius: 14px;
    --card-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
    --text-main: #111322;
    --text-muted: #6b7280;
    --accent: #2563eb;
    --chip-bg: #f3f4f6;
    --chip-text: #111322;
    --msg-bg: #f8fafc;
    --msg-text: #0f172a;
    --btn-like: #ef4444;
    --btn-comm: #2563eb;
    --btn-icon: #334155;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .pmsgcxx .d-flex:first-of-type, .TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .pmsgcx2 .d-flex:first-of-type {
    height: 22px !important;
    align-items: center;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .pmsgcxx .u-msg.break {
    width: 100% !important;
    display: flex !important;
    gap: 8px;
    padding: 8px 10px !important;
    margin-top: 6px;
    font-family: 'Noto Kufi Arabic' !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    background: #ffffff94 !important;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    max-width: 272px !important;
}

.fa-history::before {
    content: '\f1da';
}

.Welcome_user .welcome-compact {
    direction: rtl;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    border-radius: 10px;
    padding: 8px 10px;
    max-width: 320px;
    font-family: 'Noto Kufi Arabic' !important;
    color: #0f172a;
    font-size: 13px !important;
    line-height: 1.1 !important;
    width: 100%;
    /* margin-left: 82px; */
    justify-content: flex-start;
    flex-direction: row;
}

.Welcome_user .welcome-compact::before {
    content: '';
    display: block;
    width: 4px;
    height: 48%;
    border-radius: 4px;
    background: linear-gradient(180deg, #38bdf8, #0ea5e9);
    margin-inline-start: 6px; }

.Welcome_user .welcome-compact .w-ava {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 8px;
    object-fit: cover;
    box-shadow: 0 4px 10px rgba(12, 18, 29, 0.06);
    border: 1px solid rgba(16, 24, 40, 0.04);
}

.Welcome_user .u-msg {
    display: contents;
}

.Welcome_user {
    margin-left: 50px;
    max-width: 420px;
}

.Welcome_user .uzr::before {
    display: none !important
}

.Welcome_user .uzr {
    background: #ff00 !important
}

.Welcome_user .welcome-compact .w-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    overflow: hidden;
}

.Welcome_user .welcome-compact .w-title {
    font-weight: 700;
    color: #d839cf;
    font-size: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Welcome_user .welcome-compact .w-username {
    font-weight: 600;
    color: #0b2540;
    margin-inline-start: 6px; }

.Welcome_user .welcome-compact .w-sub {
    font-weight: 500 !important;
    color: #9995e5;
    font-size: 12px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.Welcome_user .welcome-compact:hover {
    transform: translateY(-2px);
    transition: transform 0.16s ease, box-shadow 0.16s ease;
    box-shadow: 0 12px 30px rgba(8, 15, 30, 0.06);
}

@media (prefers-color-scheme: dark) {
    .Welcome_user .welcome-compact {
        background: linear-gradient(180deg, rgba(10, 14, 20, 0.6), rgba(8, 12, 18, 0.6));
        border: 1px solid rgba(255, 255, 255, 0.04);
        color: #e6eef8;
        box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
    }

    .Welcome_user .welcome-compact::before {
        background: linear-gradient(180deg, #60a5fa, #38bdf8);
    }

    .Welcome_user .welcome-compact .w-sub {
        color: #a7b5c8;
    }

    .Welcome_user .welcome-compact .w-title {
        color: #eef6ff;
    }

    .Welcome_user .welcome-compact .w-ava {
        border: 1px solid rgba(255, 255, 255, 0.04);
    }
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .like-count {
    font-size: 11px !important;
}

.profile-card-modern {
    width: 100%;
    max-width: 380px;
    background: #ffffff;
    border-radius: 16px;
    padding: 0px 20px;
    font-family: 'Segoe UI', Tahoma, sans-serif;
    color: #333;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    margin-top: 10px;
    margin-bottom: -12px;
}

.header-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.info-block {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: #555;
}

.info-block i {
    margin-right: 5px;
    font-size: 1.1rem;
}

.stars-users {
    display: flex;
    gap: 4px;
    color: #f1c40f;
}

.games-duo-modern {
    display: flex;
    gap: 12px;
}

.game-btn {
    flex: 1;
    position: relative;
    padding: 7px 14px 7px 40px;
    background: #f5f5f8;
    border: 1px solid #dcdce0;
    border-radius: 12px;
    font-size: 0.95rem;
    color: #333;
    cursor: pointer;
    overflow: hidden;
    transition: background 0.3s ease, border-color 0.3s ease;
}

.game-btn::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background-image: var(--icon-url);
    background-size: cover;
    background-position: center;
}

.game-btn:hover {
    background: #eaeaf0;
    border-color: #c0c0c8;
}

.info-block.views {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(245, 245, 245, 0.7);
    border-radius: 14px;
    padding: 6px 12px;
    font-size: 0.95rem;
    color: #333;
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}

.info-block.views:hover {
    background: rgba(240, 240, 240, 0.85);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.info-block.views .NUMBER_TH {
    font-weight: 500;
    color: #1e1e1e;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
}

.info-block.views:hover .NUMBER_TH {
    color: #000;
}

.info-block.rating {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 250, 240, 0.7);
    border-radius: 14px;
    padding: 6px 12px;
    font-size: 0.95rem;
    color: #333;
    backdrop-filter: blur(4px);
    transition: all 0.3s ease;
}

.info-block.rating:hover {
    background: rgba(255, 245, 225, 0.85);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

.info-block.rating .fa-star {
    font-size: 1.1rem;
    color: #f5b70a;
    transition: color 0.3s ease, transform 0.3s ease;
}

.info-block.rating:hover .fa-star {
    color: #e8a800;
    transform: scale(1.05);
}

.info-block.rating .pointtop {
    font-weight: 500;
    color: #1e1e1e;
    letter-spacing: 0.3px;
    transition: color 0.3s ease;
}

.info-block.rating:hover .pointtop {
    color: #000;
}

body>div.ppop.light.border.break.ppop-color-container {
    margin-left: -73px;
    margin-top: 1px;
}

.TIGERHOST_LTD__USERS__XK30EJR3__V3 .u-msg, .u-topic, .u-pic, .tago, .profile-name, .nosel {
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    cursor: default !important;
}

body>div.center-block.bg.TH__DAD__XS4MD__V3>div>div.break.fl>img {
    width: auto;
    max-width: 100px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 {
    padding-left: 0px !important;
}

.kb-open .filter_notf {
    display: none !important;
}

#tlogins .new-stars_users_uhtml {
    --shine-inset: -4%;
    --star-gap: 3px;
    gap: var(--star-gap);
}

.thv3Brand {
    width: 100% !important;
    padding: 0 12px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    opacity: .92 !important;
    direction: ltr !important;
}

.thv3BrandLogo {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    opacity: 0.65 !important;
}

.thv3BrandText {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.15 !important;
    text-align: left !important;
}

.thv3BrandLine1 {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(107, 114, 128, .92) !important;
    letter-spacing: .2px !important;
}

.thv3BrandLine2 {
    margin-top: 2px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: rgba(156, 163, 175, .95) !important;
}

@media screen and (min-width: 1024px) {
    .TIGERHOST_LTD__DPNL__XK30EM03__V3.TH_DPNL_V3 {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    #automice2 {
        margin-right: 420px !important
    }

    .th__isreply__V3 {
        width: 70%;
    }

    .TIGERHOST_LTD__DPNL__XK30EM03__V3.TH_DPNL_V3[class*="thLoginIOS"] {
        display: none !important;
        visibility: hidden !important;
    }
}

#TH_TOP_V3>p>button {
    margin-top: 0px !important;
    width: 61px !important;
}

.thV3BlurTap {
    position: relative !important;
    display: inline-block !important;
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0px !important;
    overflow: hidden !important;
    /* box-shadow: 0 14px 34px rgba(2, 6, 23, .14) !important; */
    max-width: 165px;
    max-height: 123px;
}

.thV3BlurImg {
    display: block !important;
    max-width: 240px !important;
    max-height: 200px !important;
    width: auto !important;
    height: auto !important;
    object-fit: cover !important;
    filter: blur(10px) saturate(1.05) !important;
    transform: scale(1.06) !important;
    opacity: .92 !important;
}

.thV3BlurOv {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: rgba(17, 24, 39, .28) !important;
    backdrop-filter: blur(2px) !important;
}

.thV3BlurIco {
    font-size: 26px !important;
    line-height: 1 !important;
    filter: drop-shadow(0 10px 22px rgba(0, 0, 0, .35)) !important;
}

.thV3BlurTx {
    font-family: 'Noto Kufi Arabic';
    font-weight: 400 !important;
    font-size: 11px !important;
    color: #000000 !important;
    padding: 8px 12px !important;
    border-radius: 999px !important;
    background: rgb(255 149 0 / 78%) !important;
    box-shadow: 0 12px 26px rgba(255, 149, 0, .20) !important;
}

.thV3BlurTap:active {
    transform: translateY(1px) !important;
    opacity: .92 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 {
    background-color: #f2f2f7 !important;
    color: #111827;
    border: 0 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .pnhead {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    display: block !important;
    width: auto !important;
    margin: 0px !important;
    padding: 4px 0 !important;
    background: rgb(233 233 239) !important;
    backdrop-filter: blur(10px);
    font-weight: 900 !important;
    font-size: 15px !important;
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 300 !important;
    width: 128px !important;
    color: #1677ff;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .label-danger.fa-close {
    position: absolute !important;
    right: 10px !important;
    top: 1px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111827 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .label-danger.fa-close:before {
    font-size: 16px !important;
    opacity: .75;
}

#TH_TOP_V3 {
    padding: 5px;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 textarea#usearch {
    resize: none !important;
    line-height: 1.35 !important;
    margin-top: 3px;
    -webkit-text-stroke: 0;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_USERS_BOX_V3::-webkit-scrollbar, .TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_ROOMS_V3::-webkit-scrollbar, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3::-webkit-scrollbar {
    width: 8px;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_USERS_BOX_V3::-webkit-scrollbar-thumb, .TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_ROOMS_V3::-webkit-scrollbar-thumb, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3::-webkit-scrollbar-thumb {
    background: rgba(60, 60, 67, .20);
    border-radius: 10px;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_USERS_BOX_V3::-webkit-scrollbar-track, .TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_ROOMS_V3::-webkit-scrollbar-track, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3::-webkit-scrollbar-track {
    background: transparent;
}

#\ TH_ProfileViewersLIST_TypeBadge_V3 {
    background: #d2d2d2 !important;
    font-family: 'Noto Kufi Arabic' !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .btn-info, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .label-info {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    z-index: 2 !important;
}

.pane__back .btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0A84FF !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.pane__back .btn:active {
    opacity: .7 !important;
    transform: translateY(1px) !important;
}

.pane__back .btn:focus {
    outline: 0 !important;
}

.pane__back .btn .fa {
    display: none !important;
}

.pane__back .btn::after {
    content: "";
    position: absolute;
    inset: -6px -8px;
    border-radius: 14px;
    background: rgba(10, 132, 255, .10);
    opacity: 0;
    transition: opacity .15s ease;
    pointer-events: none;
}

.pane__back .btn {
    position: relative;
}

.pane__back .btn:hover::after {
    opacity: 1;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tc.border.btn {
    width: calc(100% - 20px) !important;
    margin: 6px 10px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    color: #111827 !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .06) !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tc.border.btn .fa {
    opacity: .75;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tc.border.btn:active, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .btn:active, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .label:active {
    transform: scale(.99);
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 #notification-count, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .notification-count {
    background: #1677ff !important;
    color: #fff !important;
    border: 2px solid #f2f2f7 !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_WALL_V3 .TH_BC_X .btn {
    border-radius: 8px !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .ash, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .ash3, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .bb4 {
    background: #ffffff !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 a {
    text-decoration: none !important;
}

#TH_WALL_V3>div.TH_BC_X9>button.fa.fa-send.sndbc.fl.btn.btn-primary {
    background: #1677ff !important;
}

#TH_WALL_V3>div.TH_BC_X9>button.fa.fa-send.sndbc.fl.btn.btn-primary::before {
    color: #fff
}

.TH_DPNL_V3 {
    position: relative !important;
    z-index: 9999 !important;
}

.TH__DAD__XS4MD__V3 .thIosBackdrop {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, .35) !important;
    z-index: 999999 !important;
    padding: 18px !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}

.TH__DAD__XS4MD__V3 .thIosAlert {
    width: min(270px, 92vw) !important;
    background: rgba(255, 255, 255, .92) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
    border: 1px solid rgba(0, 0, 0, .08) !important;
    text-align: center !important;
    direction: rtl !important;
    font-family: 'Noto Kufi Arabic' !important;
}

.TH__DAD__XS4MD__V3 .thIosBody {
    padding: 16px 14px 12px !important;
}

.TH__DAD__XS4MD__V3 .thIosTitle {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #0b1220 !important;
    margin: 0 0 8px 0 !important;
}

.TH__DAD__XS4MD__V3 .thIosText {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #111827 !important;
    opacity: .92 !important;
    margin: 0 !important;
    max-height: 180px !important;
    overflow: auto !important;
    word-break: break-word !important;
}

.TH__DAD__XS4MD__V3 .thIosActions {
    display: flex !important;
    border-top: 1px solid rgba(17, 24, 39, .12) !important;
    background: rgba(255, 255, 255, .86) !important;
}

.TH__DAD__XS4MD__V3 .thIosBtn {
    flex: 1 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 12px 10px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0a84ff !important;
    cursor: pointer !important;
    outline: none !important;
}

.TH__DAD__XS4MD__V3 .thIosBtn:active {
    background: rgba(10, 132, 255, .10) !important;
}

.thIosUserRow {
    display: flex;
    gap: 10px;
    width: 100%;
    direction: ltr;
    flex-direction: row;
    align-items: center;
}

.thIosUPic {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    object-fit: cover;
    flex: 0 0 auto;
}

.thIosUCol {
    flex: 1 1 auto;
    min-width: 0;
    /* direction:rtl; */
    text-align: left;
    display: flex;
    gap: 10px;
}

.thIosUTopic {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 12px;
    font-weight: 800;
    line-height: 1;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thIosUIco {
    max-height: 18px;
    flex: 0 0 auto;
}

.thIosMsgText {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.c-flex.bgg {
    z-index: 3;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.modal {
    background: rgba(0, 0, 0, .55) !important;
}

.modal-dialog {
    width: min(340px, 92vw) !important;
    margin: 18vh auto 0 auto !important;
}

.th-ios-box {
    border-radius: 14px !important;
    background: rgba(248, 248, 248, .92) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: hidden !important;
    padding: 14px 14px 12px 14px !important;
    text-align: center !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

.th-ios-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.2 !important;
    margin: 2px 0 6px 0 !important;
}

.th-ios-sub {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(17, 24, 39, .82) !important;
    line-height: 1.25 !important;
    margin: 0 0 10px 0 !important;
}

.th-ios-quote {
    color: rgba(17, 24, 39, .90) !important;
    font-weight: 600 !important;
}

.th-ios-input {
    width: 100% !important;
    height: 34px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(17, 24, 39, .18) !important;
    background: rgba(255, 255, 255, .92) !important;
    padding: 6px 10px !important;
    outline: none !important;
    font-size: 14px !important;
    color: #111827 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    direction: ltr !important;
    text-align: left !important;
}

.th-ios-input:focus {
    border-color: rgba(59, 130, 246, .55) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .20) !important;
}

.th-ios-actions {
    margin-top: 12px !important;
    display: flex !important;
    width: 100% !important;
    border-top: 1px solid rgba(17, 24, 39, .12) !important;
}

.th-ios-btn {
    flex: 1 1 50% !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 17px !important;
    padding: 0 !important;
    outline: none !important;
}

.th-ios-cancel {
    color: #1d4ed8 !important;
    font-weight: 500 !important;
}

.th-ios-ok {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
    border-left: 1px solid rgba(17, 24, 39, .12) !important;
}

.th-ios-btn:active {
    background: rgba(17, 24, 39, .06) !important;
}

.th-ios-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: rgba(17, 24, 39, .85) !important;
    margin: 0 !important
}

.th-ios-check input {
    width: 18px !important;
    height: 18px !important
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .modal-dialog {
    width: min(380px, 94vw) !important;
    margin: 6vh auto 0 auto !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-box {
    padding: 14px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-body {
    margin-top: 10px !important;
    max-height: 62vh !important;
    overflow: auto !important;
    padding-right: 2px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-field:focus {
    border-color: rgba(59, 130, 246, .55) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .18) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-inlineText {
    font-size: 13px !important;
    color: rgba(17, 24, 39, .75) !important;
    white-space: nowrap !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-checkRow {
    text-align: right !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: rgba(17, 24, 39, .85) !important;
    margin: 0 !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-check input {
    width: 18px !important;
    height: 18px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-picRow {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-pic {
    width: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(17, 24, 39, .18) !important;
    object-fit: cover !important;
    background: rgba(255, 255, 255, .7) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-delpic {
    flex: 1 !important;
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(17, 24, 39, .14) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, .85) !important;
    color: rgba(220, 38, 38, .95) !important;
    cursor: pointer !important;
    font-family: 'Noto Kufi Arabic';
    font-size: 13px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-colorRow {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-colorBtn {
    width: 46px !important;
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(17, 24, 39, .16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-hint {
    font-size: 13px !important;
    color: rgba(17, 24, 39, .75) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-dangerRow {
    margin-top: 10px !important;
    text-align: center !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-dangerBtn {
    width: 100% !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(220, 38, 38, .22) !important;
    background: rgba(220, 38, 38, .08) !important;
    color: rgba(220, 38, 38, .95) !important;
    font-size: 15px !important;
}

#ops {
    border: 0;
}

#rbans {
    border: 0;
}

#mutedmicstop>i {
    font-size: 25px !important;
}

#mutedmicplay>i {
    font-size: 25px !important;
}

:root {
    --th-bg: #e9eef6;
    --th-card: #ffffff;
    --th-sep: rgba(17, 24, 39, .10);
    --th-text: #111827;
    --th-sub: #6b7280;
    --th-blue: #0a84ff;
    --th-radius: 16px;
}

.thv3Back.off {
    opacity: 0;
    pointer-events: none;
}

#THV3_HOME>div>button>span.thv3IcoBox.thv3IcoIndigo {
    background: #F44336;
}

#THV3_HOME>div>button>span.thv3IcoBox.thv3IcoTeal {
    background: #FFC107;
}

.thv3Screen {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.thv3Back.off {
    opacity: 1;
    pointer-events: none;
}

.thv3BackArrow {
    font-size: 26px;
    line-height: 1;
    margin-top: -2px;
}

.thv3Title {
    flex: 1;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: .2px;
    font-family: 'Noto Kufi Arabic';
    font-size: 14px !important;
}

.thv3UserName {
    font-weight: 950;
    font-size: 18px;
    line-height: 1.1;
}

.thv3UserSub {
    color: var(--th-sub);
    font-weight: 800;
    font-size: 14px;
}

.thv3IcoBox .f7-icons {
    font-size: 18px;
}

.thv3IcoBlue2 {
    background: #007aff;
}

.thv3IcoBlue3 {
    background: #1d4ed8;
}

.thv3IcoBlue4 {
    background: #2563eb;
}

.thv3IcoGreen {
    background: #22c55e;
}

.thv3IcoGreen2 {
    background: #10b981;
}

.thv3IcoRed {
    background: #ff3b30;
}

.thv3IcoOrange {
    background: #ff9500;
}

.thv3IcoGray {
    background: #9ca3af;
}

.thv3IcoGray2 {
    background: #9aa3b2;
}

.thv3BalanceInline {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    font-weight: 950;
}

.thv3BalanceTxt {
    font-size: 18px;
    font-weight: 900;
}

.thv3Value {
    color: var(--th-blue);
    font-size: 20px;
    font-weight: 950;
    min-width: 24px;
    text-align: center;
}

.thv3FormPad {
    padding: 12px;
}

.thv3Field {
    padding: 10px 2px;
}

.thv3Save {
    width: calc(100% - 22px);
    margin: 12px 11px 20px;
    border: 0;
    border-radius: 14px;
    padding: 12px 14px;
    font-weight: 950;
    font-size: 17px;
    color: #fff;
    background: linear-gradient(135deg, #0a84ff 0%, #22c55e 100%);
    box-shadow: 0 14px 32px rgba(2, 6, 23, .14);
    cursor: pointer;
}

.thv3Danger .thv3Txt {
    color: #111827;
}

.thv3Danger .thv3Ch {
    color: rgba(255, 59, 48, .55);
}

.thv3Switch input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.thv3Slider:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 18px rgba(2, 6, 23, .18);
    transition: .18s ease;
}

.thv3Switch input:checked+.thv3Slider {
    background: #34c759;
    box-shadow: inset 0 0 0 1px rgba(52, 199, 89, .35);
}

.thv3Switch input:checked+.thv3Slider:after {
    transform: translateX(20px);
}

.thv3SelWrap {
    min-width: 120px;
}

.thv3Select {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(17, 24, 39, .10);
    padding: 8px 10px;
    font-weight: 900;
    background: rgba(255, 255, 255, .95);
    outline: none;
    direction: rtl;
}

.thv3Hint {
    padding: 14px 10px;
    color: rgba(17, 24, 39, .55);
    font-weight: 850;
    text-align: center;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .uzr {
    width: 100% !important;
    padding: 5px 4px !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .d-flex.fl {
    width: 100% !important;
    align-items: stretch !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .ustat {
    width: 6px !important;
    min-height: 100% !important;
    max-height: 68px !important;
    border-radius: 10px !important;
    margin-left: 6px !important;
    background: rgba(0, 0, 0, .06) !important;
    object-fit: cover !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .u-pic {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    border-radius: 14px !important;
    margin-left: 4px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background-color: #fff !important;
    object-fit: cover !important;
    margin-right: 2px;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .flex-grow-1.break {
    padding: 2px 0 !important;
    overflow: hidden !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .u-msg {
    display: block !important;
    width: 100% !important;
    margin-top: 4px !important;
    color: rgba(17, 24, 39, .55) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .c-flex.fr {
    display: none !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .YtubeUh.uhash {
    color: rgba(17, 24, 39, .45) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .YtubeCo {
    width: 18px !important;
    height: 18px !important;
    border-radius: 6px !important;
    background: rgba(17, 24, 39, .06) !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .label.label-danger.fa-times {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(239, 68, 68, .20) !important;
    background: rgba(239, 68, 68, .10) !important;
    color: #b91c1c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .muted.fa {
    width: 16px !important;
    margin-right: 0 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .flex-grow-1.break {
    min-width: 0 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .d-flex.fl {
    min-width: 0 !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWBtn:active {
    transform: translateY(1px) !important;
    opacity: .85 !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWCardMain {
    transform: translateY(-4px) !important;
}

#TIGERHOST__LTD__WETCH__V3__ .thIosWStats .thIosWCard:nth-child(1) {
    background: #673ab7 !important;
}

@media (max-width: 420px) {
    .th__isreply__V3 {
        /* width: 100%; */
    }

    .TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWAvatar {
        width: 68px !important;
        height: 68px !important;
    }

    .TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWUserMain .thIosWAvatar {
        width: 78px !important;
        height: 78px !important;
    }

    .TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWCard {
        width: 110px !important;
        min-height: 104px !important;
    }
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(3)>div.break.TH_TOPIC_3 {
    color: #0f172a !important;
    background: rgba(163, 235, 220, .90) !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    left: 0 !important;
    top: 18px;
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(2)>div.TH_TOPIC_1.break {
    color: #0f172a !important;
    background: rgba(210, 192, 255, .92) !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    top: 8px;
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(2)>div:nth-child(4) {
    margin-top: -75px !important;
    margin-left: 24px !important;
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(3)>div:nth-child(3) {
    margin-left: 30px !important;
    margin-top: -71px !important;
}

#TH_TOP_V3>div.TH_TOP10_V3 .TH_TOPIC_1, #TH_TOP_V3>div.TH_TOP10_V3 .TH_TOPIC_2, #TH_TOP_V3>div.TH_TOP10_V3 .TH_TOPIC_3 {
    max-width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .pnhead {
    position: sticky !important;
    top: 0 !important;
    z-index: 5 !important;
    display: block !important;
    width: auto !important;
    margin: 0px !important;
    padding: 4px 0 !important;
    background: rgb(233 233 239) !important;
    backdrop-filter: blur(10px);
    font-weight: 900 !important;
    font-size: 15px !important;
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 300 !important;
    width: 128px !important;
    color: #1677ff;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .label-danger.fa-close {
    position: absolute !important;
    right: 10px !important;
    top: 1px !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #111827 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .label-danger.fa-close:before {
    font-size: 16px !important;
    opacity: .75;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tab-pane {
    background: #ffffff73 !important;
    border: 0 !important;
}

.hmsg .thJoinName {
    display: inline-block;
    max-width: 220px;
    padding: 2px 8px;
    margin: 0 4px;
    border-radius: 10px;
    background: rgb(255 255 255);
    font-weight: 800;
    unicode-bidi: plaintext;
    white-space: normal;
    overflow-wrap: anywhere;
    font-size: 14px !important;
    color: #000;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tbox, .TIGERHOST_LTD__DPNL__XK30EM03__V3 textarea#usearch {
    width: 100% !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(17, 24, 39, .12) !important;
    color: #111827 !important;
    outline: none !important;
    appearance: none !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_USERS_BOX_V3::-webkit-scrollbar, .TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_ROOMS_V3::-webkit-scrollbar, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3::-webkit-scrollbar {
    width: 8px;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_USERS_BOX_V3::-webkit-scrollbar-thumb, .TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_ROOMS_V3::-webkit-scrollbar-thumb, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3::-webkit-scrollbar-thumb {
    background: rgba(60, 60, 67, .20);
    border-radius: 10px;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_USERS_BOX_V3::-webkit-scrollbar-track, .TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_ROOMS_V3::-webkit-scrollbar-track, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3::-webkit-scrollbar-track {
    background: transparent;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .label, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .btn {
    border-radius: 7px !important;
}

.TH_BC_TABS_V3, .TH_ROOM_TABS_V3__TH {
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 16px;
    padding: 3px !important;
    top: 0;
    z-index: 3;
    backdrop-filter: blur(10px);
}

.TH_BC_TAB_V3, .TH_ROOM_TH_TAB_V3 {
    appearance: none;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    background: rgb(245 245 245);
    color: rgb(0 0 0 / 82%) !important;
    border-radius: 12px !important;
    padding: 4px 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .2px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px;
    transition: transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease, color .12s ease;
    font-family: 'Noto Kufi Arabic';
}

.TH_BC_TAB_V3:active, .TH_ROOM_TH_TAB_V3:active {
    transform: translateY(0px) scale(.99);
}

.TH_BC_TAB_V3.active, .TH_ROOM_TH_TAB_V3.active {
    background: linear-gradient(132deg, rgb(95, 99, 196), rgba(75, 135, 254, 0.58), rgb(118, 161, 211), rgb(117, 160, 211), rgb(106, 130, 203), rgb(146, 171, 225), rgb(117, 161, 211), rgba(75, 135, 254, 0.58)) 0% 0% / 250% 250%;
    color: #fff !important;
}

.TH_BC_TAB_V3:focus, .TH_ROOM_TH_TAB_V3:focus {
    outline: none !important;
    /* box-shadow: 0 0 0 3px rgba(59,130,246,.28), inset 0 1px 0 rgba(255,255,255,.06); */
}

#\ TH_ProfileViewersLIST_TypeBadge_V3 {
    background: #d2d2d2 !important;
    font-family: 'Noto Kufi Arabic' !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .btn-info, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .label-info {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    z-index: 2 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .label-success, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .btn-success {
    background: #ffffff !important;
    color: #0a84ff !important;
}

.pane__back {
    margin-top: 5px;
    /* padding:6px 10px; */
}

.pane__back .btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0A84FF !important;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 6px !important;
    border-radius: 12px !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.pane__back .btn:active {
    opacity: .7 !important;
    transform: translateY(1px) !important;
}

.pane__back .btn:focus {
    outline: 0 !important;
}

.pane__back .btn .fa {
    display: none !important;
}

.pane__back .btn::after {
    content: "";
    position: absolute;
    inset: -6px -8px;
    border-radius: 14px;
    background: rgba(10, 132, 255, .10);
    opacity: 0;
    transition: opacity .15s ease;
    pointer-events: none;
}

.pane__back .btn {
    position: relative;
}

.pane__back .btn:hover::after {
    opacity: 1;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tc.border.btn {
    width: calc(100% - 20px) !important;
    margin: 6px 10px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
    color: #111827 !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .06) !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tc.border.btn .fa {
    opacity: .75;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .tc.border.btn:active, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .btn:active, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .label:active {
    transform: scale(.99);
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 #notification-count, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .notification-count {
    background: #1677ff !important;
    color: #fff !important;
    border: 2px solid #f2f2f7 !important;
    border-radius: 999px !important;
    font-weight: 900 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_WALL_V3 .TH_BC_X9 {
    background: rgba(242, 242, 247, .92) !important;
    border-top: 1px solid rgba(60, 60, 67, .18) !important;
    padding: 3px 2px !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 #TH_WALL_V3 .TH_BC_X .btn {
    border-radius: 8px !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_BC_X9 .emobox, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_BC_X9 .emobc {
    border-radius: 7px !important;
    background: #ffffff00 !important;
    border: 0;
    height: 32px !important;
    margin-top: 0;
    padding: 0 !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .ash, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .ash3, .TIGERHOST_LTD__DPNL__XK30EM03__V3 .bb4 {
    background: #ffffff !important;
    border: 1px solid rgba(60, 60, 67, .18) !important;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 a {
    text-decoration: none !important;
}

#TH_WALL_V3>div.TH_BC_X9>button.fa.fa-send.sndbc.fl.btn.btn-primary::before {
    color: #fff
}

@media (max-width: 599px) {
    .th-blurMask {
        position: fixed !important;
        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
        z-index: 997 !important;
        display: none !important;
    }
}

.th-blurMask.show {
    display: block !important;
}

.TH__DAD__XS4MD__V3 .thIosBackdrop {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(0, 0, 0, .35) !important;
    z-index: 999999 !important;
    padding: 18px !important;
    -webkit-backdrop-filter: blur(6px) !important;
    backdrop-filter: blur(6px) !important;
}

.TH__DAD__XS4MD__V3 .thIosAlert {
    width: min(270px, 92vw) !important;
    background: rgba(255, 255, 255, .92) !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .22) !important;
    border: 1px solid rgba(0, 0, 0, .08) !important;
    text-align: center !important;
    direction: rtl !important;
    font-family: 'Noto Kufi Arabic' !important;
}

.TH__DAD__XS4MD__V3 .thIosBody {
    padding: 16px 14px 12px !important;
}

.TH__DAD__XS4MD__V3 .thIosTitle {
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    color: #0b1220 !important;
    margin: 0 0 8px 0 !important;
}

.TH__DAD__XS4MD__V3 .thIosText {
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #111827 !important;
    opacity: .92 !important;
    margin: 0 !important;
    max-height: 180px !important;
    overflow: auto !important;
    word-break: break-word !important;
}

.TH__DAD__XS4MD__V3 .thIosActions {
    display: flex !important;
    border-top: 1px solid rgba(17, 24, 39, .12) !important;
    background: rgba(255, 255, 255, .86) !important;
}

.TH__DAD__XS4MD__V3 .thIosBtn {
    flex: 1 !important;
    border: 0 !important;
    background: transparent !important;
    padding: 12px 10px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: #0a84ff !important;
    cursor: pointer !important;
    outline: none !important;
}

.TH__DAD__XS4MD__V3 .thIosBtn:active {
    background: rgba(10, 132, 255, .10) !important;
}

.thIosUserRow {
    display: flex;
    gap: 10px;
    width: 100%;
    direction: ltr;
    flex-direction: row;
    align-items: center;
}

.thIosUPic {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    object-fit: cover;
    flex: 0 0 auto;
}

.thIosUCol {
    flex: 1 1 auto;
    min-width: 0;
    /* direction:rtl; */
    text-align: left;
    display: flex;
    gap: 10px;
}

.thIosUTopic {
    display: inline-block;
    padding: 6px 10px;
    border-radius: 12px;
    font-weight: 800;
    line-height: 1;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thIosUReg {
    margin-top: 4px;
    font-size: 10px !important;
    opacity: .65;
    direction: ltr;
    text-align: right;
    display: none;
}

.thIosUIco {
    max-height: 18px;
    flex: 0 0 auto;
}

.thIosMsgText {
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.c-flex.bgg {
    z-index: 3;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.modal {
    background: rgba(0, 0, 0, .55) !important;
}

.modal-dialog {
    width: min(340px, 92vw) !important;
    margin: 18vh auto 0 auto !important;
}

.modal-content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.th-ios-box {
    border-radius: 14px !important;
    background: rgba(248, 248, 248, .92) !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    overflow: hidden !important;
    padding: 14px 14px 12px 14px !important;
    text-align: center !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

.th-ios-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    line-height: 1.2 !important;
    margin: 2px 0 6px 0 !important;
}

.th-ios-sub {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: rgba(17, 24, 39, .82) !important;
    line-height: 1.25 !important;
    margin: 0 0 10px 0 !important;
}

.th-ios-quote {
    color: rgba(17, 24, 39, .90) !important;
    font-weight: 600 !important;
}

.th-ios-input {
    width: 100% !important;
    height: 34px !important;
    border-radius: 7px !important;
    border: 1px solid rgba(17, 24, 39, .18) !important;
    background: rgba(255, 255, 255, .92) !important;
    padding: 6px 10px !important;
    outline: none !important;
    font-size: 14px !important;
    color: #111827 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.th-ios-input:focus {
    border-color: rgba(59, 130, 246, .55) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .20) !important;
}

.th-ios-actions {
    margin-top: 12px !important;
    display: flex !important;
    width: 100% !important;
    border-top: 1px solid rgba(17, 24, 39, .12) !important;
}

.th-ios-btn {
    flex: 1 1 50% !important;
    height: 44px !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 17px !important;
    padding: 0 !important;
    outline: none !important;
}

.th-ios-cancel {
    color: #1d4ed8 !important;
    font-weight: 500 !important;
}

.th-ios-ok {
    color: #1d4ed8 !important;
    font-weight: 700 !important;
    border-left: 1px solid rgba(17, 24, 39, .12) !important;
}

.th-ios-btn:active {
    background: rgba(17, 24, 39, .06) !important;
}

.th-ios-row {
    margin-top: 10px !important;
    text-align: right !important;
    direction: rtl !important
}

.th-ios-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: rgba(17, 24, 39, .85) !important;
    margin: 0 !important
}

.th-ios-check input {
    width: 18px !important;
    height: 18px !important
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .modal-dialog {
    width: min(380px, 94vw) !important;
    margin: 6vh auto 0 auto !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-box {
    padding: 14px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-body {
    margin-top: 10px !important;
    max-height: 62vh !important;
    overflow: auto !important;
    padding-right: 2px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-row {
    width: 100% !important;
    margin: 8px 0 !important;
    direction: rtl !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-field {
    width: 100% !important;
    height: 38px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(17, 24, 39, .16) !important;
    background: rgba(255, 255, 255, .92) !important;
    padding: 8px 10px !important;
    font-size: 14px !important;
    color: #111827 !important;
    outline: none !important;
    text-align: right !important;
    font-family: 'Noto Kufi Arabic';
    font-weight: 400;
    font-size: 13px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-field:focus {
    border-color: rgba(59, 130, 246, .55) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .18) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-inline {
    display: flex !important;
    align-items: flex-start;
    gap: 10px !important;
    flex-direction: column;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-inlineText {
    font-size: 13px !important;
    color: rgba(17, 24, 39, .75) !important;
    white-space: nowrap !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-checkRow {
    text-align: right !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-check {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    color: rgba(17, 24, 39, .85) !important;
    margin: 0 !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-check input {
    width: 18px !important;
    height: 18px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-picRow {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-pic {
    width: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(17, 24, 39, .18) !important;
    object-fit: cover !important;
    background: rgba(255, 255, 255, .7) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-delpic {
    flex: 1 !important;
    height: 40px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(17, 24, 39, .14) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, .85) !important;
    color: rgba(220, 38, 38, .95) !important;
    cursor: pointer !important;
    font-family: 'Noto Kufi Arabic';
    font-size: 13px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-colorRow {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-colorBtn {
    width: 46px !important;
    height: 36px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(17, 24, 39, .16) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .65) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-hint {
    font-size: 13px !important;
    color: rgba(17, 24, 39, .75) !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-dangerRow {
    margin-top: 10px !important;
    text-align: center !important;
}

.TIGERHOST_LTD__ROOM_EDITOR__IOS__NODES__R4T9C2H7__V3.th-ios-alert .th-ios-dangerBtn {
    width: 100% !important;
    height: 44px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(220, 38, 38, .22) !important;
    background: rgba(220, 38, 38, .08) !important;
    color: rgba(220, 38, 38, .95) !important;
    font-size: 15px !important;
}

#ops {
    border: 0;
}

#rbans {
    border: 0;
}

#mutedmicstop>i {
    font-size: 25px !important;
}

#mutedmicplay>i {
    font-size: 25px !important;
}

:root {
    --th-bg: #e9eef6;
    --th-card: #ffffff;
    --th-sep: rgba(17, 24, 39, .10);
    --th-text: #111827;
    --th-sub: #6b7280;
    --th-blue: #0a84ff;
    --th-radius: 16px;
}

.thv3Back.off {
    opacity: 0;
    pointer-events: none;
}

.thv3TopSpacer {
    width: 60px;
}

.thv3Screen {
    display: none;
    height: calc(100% - 52px);
    overflow: auto;
    padding: 14px 12px 18px;
    direction: ltr;
    background: #f2f2f7;
}

#THV3_HOME>div>button>span.thv3IcoBox.thv3IcoIndigo {
    background: #F44336;
}

#THV3_HOME>div>button>span.thv3IcoBox.thv3IcoTeal {
    background: #FFC107;
}

.thv3IOS {
    font-family: 'Noto Kufi Arabic' !important;
    background: #f2f2f7;
    color: var(--th-text);
    min-height: 100vh;
    padding: 0px 0px 10px;
}

::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

#TH_USERS_V3::-webkit-scrollbar, #TH_ROOMS_V3::-webkit-scrollbar, #TH_D2BC_V3::-webkit-scrollbar {
    width: 7px !important;
    height: 7px !important;
    display: block !important;
}

#TH_USERS_V3::-webkit-scrollbar-track, #TH_ROOMS_V3::-webkit-scrollbar-track, #TH_D2BC_V3::-webkit-scrollbar-track {
    background: transparent !important;
}

#TH_USERS_V3::-webkit-scrollbar-thumb, #TH_ROOMS_V3::-webkit-scrollbar-thumb, #TH_D2BC_V3::-webkit-scrollbar-thumb {
    background: #d6d6d6 !important;
    border-radius: 10px !important;
}

#TH_USERS_V3::-webkit-scrollbar-thumb:hover, #TH_ROOMS_V3::-webkit-scrollbar-thumb:hover, #TH_D2BC_V3::-webkit-scrollbar-thumb:hover {
    background: #c8c8c8 !important;
}

#TH_USERS_V3::-webkit-scrollbar-corner, #TH_ROOMS_V3::-webkit-scrollbar-corner, #TH_D2BC_V3::-webkit-scrollbar-corner {
    background: transparent !important;
}

.thv3Top {
    position: sticky;
    top: 0;
    z-index: 5;
    background: rgba(233, 238, 246, .88);
    backdrop-filter: blur(10px);
    padding: 2px 0px 2px !important;
    display: flex;
    align-items: center;
    gap: 0;
    flex-direction: row;
    border-bottom: 1px solid #9E9E9E;
}

.thv3Back {
    border: 0;
    background-color: #ffffff00 !important;
    color: var(--th-blue);
    font-weight: 800;
    font-size: 18px !important;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 7px;
    cursor: pointer;
    margin-right: 6px;
    margin-bottom: 0;
}

.thv3Back.off {
    opacity: 1;
    pointer-events: none;
}

.thv3BackArrow {
    font-size: 26px;
    line-height: 1;
    margin-top: -2px;
}

#THV3_BACKTXT {
    font-size: 16px !important;
}

.thv3Title {
    flex: 1;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: .2px;
    font-family: 'Noto Kufi Arabic';
    font-size: 14px !important;
}

.thv3Screen {
    display: none;
}

.thv3Screen.active {
    display: block;
}

.thv3Group {
    background: var(--th-card);
    border-radius: var(--th-radius);
    overflow: hidden;
    /* box-shadow: 0 10px 28px rgba(2, 6, 23, .06); */
    border: 1px solid rgba(17, 24, 39, .06);
    margin: 10px 6px;
}

.thv3GroupPad {
    padding: 10px;
}

.thv3UserCard {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    cursor: pointer;
    direction: ltr;
    text-align: left;
}

.thv3AvatarWrap {
    position: relative;
    width: 54px;
    height: 54px;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    flex: 0 0 auto;
}

.thv3Avatar {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 0;
}

.thv3Dot {
    position: absolute;
    left: -2px;
    bottom: -2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #22c55e;
    border: 3px solid #fff;
    box-shadow: 0 8px 16px rgba(2, 6, 23, .14);
}

.thv3UserText {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 3px;
    direction: rtl;
    text-align: right;
}

.thv3UserName {
    font-weight: 950;
    font-size: 18px;
    line-height: 1.1;
}

.thv3UserSub {
    color: var(--th-sub);
    font-weight: 800;
    font-size: 14px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word;
}

.thv3Row {
    width: 100%;
    border: 0;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 12px;
    cursor: pointer;
    position: relative;
    direction: ltr;
    text-align: left;
}

.thv3Row.noClick {
    cursor: default;
}

.thv3Row+.thv3Row {
    border-top: 1px solid var(--th-sep);
}

.thv3Txt {
    flex: 1;
    font-weight: 850;
    font-size: 14px !important;
    direction: rtl;
    text-align: right;
    font-family: 'Noto Kufi Arabic';
}

.thv3Ch {
    color: rgba(17, 24, 39, .35);
    padding-left: 2px;
}

.thv3IcoBox {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex: 0 0 auto;
}

.thv3IcoBox .f7-icons {
    font-size: 18px;
}

.thv3IcoBlue {
    background: #0a84ff;
}

.thv3IcoBlue2 {
    background: #007aff;
}

.thv3IcoBlue3 {
    background: #1d4ed8;
}

.thv3IcoBlue4 {
    background: #2563eb;
}

.thv3IcoGreen {
    background: #22c55e;
}

.thv3IcoGreen2 {
    background: #10b981;
}

.thv3IcoPurple {
    background: #a855f7;
}

.thv3IcoRed {
    background: #ff3b30;
}

.thv3IcoOrange {
    background: #ff9500;
}

.thv3IcoGray {
    background: #9ca3af;
}

.thv3IcoGray2 {
    background: #2c2c2c82;
}

.thv3BalanceRow {
    justify-content: center;
    padding: 14px 10px;
    direction: rtl;
    text-align: center;
}

.thv3BalanceInline {
    display: inline-flex;
    align-items: baseline;
    gap: 10px;
    font-weight: 950;
}

.thv3BalanceTxt {
    font-size: 18px;
    font-weight: 900;
}

.thv3Value {
    color: var(--th-blue);
    font-size: 20px;
    font-weight: 950;
    min-width: 24px;
    text-align: center;
}

.thv3Sub {
    margin: 14px 10px 6px;
    color: rgba(17, 24, 39, .55);
    font-weight: 950;
    font-size: 14px;
    padding: 0 6px;
}

.thv3FormPad {
    padding: 12px;
}

.thv3Field {
    padding: 10px 2px;
}

.thv3Label {
    font-weight: 950;
    color: rgba(17, 24, 39, .70);
    font-size: 13px;
    margin-bottom: 6px;
}

.thv3Input {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(17, 24, 39, .10);
    padding: 10px 12px;
    outline: none;
    font-weight: 850;
    background: rgba(255, 255, 255, .92);
}

.thv3Save {
    width: calc(100% - 22px);
    margin: 12px 11px 20px;
    border: 0;
    border-radius: 14px;
    padding: 12px 14px;
    font-weight: 950;
    font-size: 17px;
    color: #fff;
    background: linear-gradient(135deg, #0a84ff 0%, #22c55e 100%);
    box-shadow: 0 14px 32px rgba(2, 6, 23, .14);
    cursor: pointer;
}

.thv3Danger .thv3Txt {
    color: #111827;
}

.thv3Danger .thv3Ch {
    color: rgba(255, 59, 48, .55);
}

.thv3Right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.thv3Switch {
    width: 46px;
    height: 27px;
    display: inline-block;
    position: relative;
}

.thv3Switch input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.thv3Slider {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: rgba(17, 24, 39, .16);
    transition: .18s ease;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, .10);
}

.thv3Slider:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 18px rgba(2, 6, 23, .18);
    transition: .18s ease;
}

.thv3Switch input:checked+.thv3Slider {
    background: #34c759;
    box-shadow: inset 0 0 0 1px rgba(52, 199, 89, .35);
}

.thv3Switch input:checked+.thv3Slider:after {
    transform: translateX(20px);
}

.thv3SelWrap {
    min-width: 120px;
}

.thv3Select {
    width: 100%;
    border-radius: 12px;
    border: 1px solid rgba(17, 24, 39, .10);
    padding: 8px 10px;
    font-weight: 900;
    background: rgba(255, 255, 255, .95);
    outline: none;
    direction: rtl;
}

.thv3Hint {
    padding: 14px 10px;
    color: rgba(17, 24, 39, .55);
    font-weight: 850;
    text-align: center;
}

.thv3Footer {
    margin: 14px 10px 0;
    text-align: center;
    color: rgba(17, 24, 39, .55);
    font-weight: 800;
    padding-bottom: 12px;
}

.thv3FooterLine {
    padding: 2px 0;
    font-size: 13px;
}

.thv3FooterLogo {
    margin: 10px auto 6px;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 12px 28px rgba(2, 6, 23, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.thv3FooterLogo img {
    width: 80%;
    height: 80%;
    object-fit: contain;
    display: block;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmpty {
    min-height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 18px 14px 28px !important;
    direction: rtl !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyTop {
    width: 100% !important;
    max-width: 560px !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyTitle {
    font-family: 'Noto Kufi Arabic';
    font-size: 17px !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyCenter {
    flex: 1 !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    padding: 26px 0 6px !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyBlob {
    width: 240px !important;
    height: 240px !important;
    border-radius: 44% 56% 52% 48% / 48% 46% 54% 52% !important;
    background: #f3f6fb !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 18px 40px rgba(2, 6, 23, .10) !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyIcon {
    width: 140px !important;
    height: 140px !important;
    border-radius: 28px !important;
    background: #4f5f75 !important;
    position: relative !important;
    transform: translateY(-4px) !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyIcon:before {
    content: "" !important;
    position: absolute !important;
    right: 22px !important;
    top: 32px !important;
    width: 92px !important;
    height: 12px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .35) !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyIcon:after {
    content: "" !important;
    position: absolute !important;
    right: 22px !important;
    top: 56px !important;
    width: 68px !important;
    height: 12px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, .25) !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptyText {
    margin-top: 26px !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #111 !important;
    font-family: 'Noto Kufi Arabic';
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .thPmEmptySub {
    margin-top: 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: rgba(17, 17, 17, .55) !important;
    font-family: 'Noto Kufi Arabic';
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 {
    background: #e9edf3 !important;
    padding: 0;
    height: 100% !important;
    width: 100% !important;
    overflow: auto !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc {
    width: 100% !important;
    padding: 0 !important;
    margin: 0px 0 !important;
    border: 1px solid rgba(17, 24, 39, .08);
    overflow: hidden !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .uzr {
    width: 100% !important;
    padding: 5px 4px !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .d-flex.fl {
    width: 100% !important;
    align-items: stretch !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .ustat {
    width: 6px !important;
    min-height: 100% !important;
    max-height: 68px !important;
    border-radius: 10px !important;
    margin-left: 6px !important;
    background: rgba(0, 0, 0, .06) !important;
    object-fit: cover !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .u-pic {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    border-radius: 14px !important;
    margin-left: 4px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background-color: #fff !important;
    object-fit: cover !important;
    margin-right: 2px;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .flex-grow-1.break {
    padding: 2px 0 !important;
    overflow: hidden !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .u-topic {
    display: inline-block !important;
    max-width: 141px !important;
    padding: 2px 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-left: 4px;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .u-msg {
    display: block !important;
    width: 100% !important;
    margin-top: 4px !important;
    color: rgba(17, 24, 39, .55) !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .c-flex.fr {
    display: none !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .YtubeUh.uhash {
    color: rgba(17, 24, 39, .45) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .YtubeCo {
    width: 18px !important;
    height: 18px !important;
    border-radius: 6px !important;
    background: rgba(17, 24, 39, .06) !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .label.label-danger.fa-times {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(239, 68, 68, .20) !important;
    background: rgba(239, 68, 68, .10) !important;
    color: #b91c1c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc {
    position: relative !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .muted.fa {
    width: 16px !important;
    margin-right: 0 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .flex-grow-1.break {
    min-width: 0 !important;
}

.TIGERHOST_LTD__CHATS__IOS__LIST__M7Q2D9K4__V3 .cc .d-flex.fl {
    min-width: 0 !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 {
    width: 100% !important;
    border-radius: 0px !important;
    box-shadow: 0 18px 55px rgba(2, 6, 23, .10) !important;
    padding: 5px;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWHead {
    margin: 0 0 10px 0 !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWBtn {
    width: 100% !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    color: #000000 !important;
    border-radius: 16px !important;
    padding: 7px 11px !important;
    font-weight: 900 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    box-shadow: 0 10px 26px rgba(2, 6, 23, .08) !important;
    font-family: 'Noto Kufi Arabic';
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWBtn:active {
    transform: translateY(1px) !important;
    opacity: .85 !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWTop {
    display: flex !important;
    align-items: center;
    justify-content: space-evenly;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWUser {
    flex: 0 0 auto !important;
    text-align: center !important;
    padding: 10px 0px 8px !important;
    border-radius: 18px !important;
    border: 0;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWUserMain {
    transform: translateY(-6px) !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWAvatar {
    width: 74px !important;
    height: 74px !important;
    border-radius: 50% !important;
    /* object-fit: cover !important; */
    background: rgba(17, 24, 39, .04) !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWUserMain .thIosWAvatar {
    width: 84px !important;
    height: 84px !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWName {
    font-weight: 900 !important;
    font-size: 13px !important;
    color: #111827 !important;
    opacity: .92 !important;
    max-width: 120px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 auto !important;
    direction: rtl !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWStats {
    display: flex !important;
    justify-content: space-evenly;
    gap: 12px !important;
    padding: 10px 6px !important;
    margin-top: 6px !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWCard {
    width: 70px !important;
    min-height: 60px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWCardMain {
    transform: translateY(-4px) !important;
}

#TIGERHOST__LTD__WETCH__V3__ .thIosWStats .thIosWCard.thIosWCardMain {
    background: #ff5722 !important;
}

#TIGERHOST__LTD__WETCH__V3__ .thIosWStats .thIosWCard:nth-child(3) {
    background: #ffc107 !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWRank {
    font-weight: 950 !important;
    font-size: 30px !important;
    color: #ffffff !important;
    line-height: 1 !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWCardMain .thIosWRank {
    font-size: 32px !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWVal {
    margin-top: 6px !important;
    font-weight: 900 !important;
    font-size: 16px !important;
    color: #ffffff !important;
    /* opacity:.70 !important; */
    direction: ltr !important;
}

.TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWList {
    margin-top: 0px !important;
    border-radius: 0px !important;
    background: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    padding: 0px !important;
    min-height: 0 !important;
    background: #d2d2d2 !important;
    height: 1px !important;
}

@media (max-width: 420px) {
    .TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWTop {
        gap: 0px !important;
    }

    .TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWAvatar {
        width: 68px !important;
        height: 68px !important;
    }

    .TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWUserMain .thIosWAvatar {
        width: 78px !important;
        height: 78px !important;
    }

    .TIGERHOST_LTD__WETCH__X40DKDK3___V3 .thIosWCard {
        width: 68px !important;
        min-height: 60px !important;
    }
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(3)>div.break.TH_TOPIC_3 {
    color: #0f172a !important;
    background: rgba(163, 235, 220, .90) !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    left: 0 !important;
    top: 18px;
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(2)>div.TH_TOPIC_1.break {
    color: #0f172a !important;
    background: rgba(210, 192, 255, .92) !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    top: 8px;
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(1)>div.TH_TOPIC_2.break {
    color: #0f172a !important;
    background: rgba(255, 196, 222, .92) !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    padding: 6px 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    left: 0 !important;
    top: 18px;
}

#TH_TOP_V3>div.TH_TOP10_V3 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    margin: 46px 0 0 0 !important;
    /* overflow: hidden !important; */
}

#TH_TOP_V3>div.TH_LTOP_V3>div>text {
    color: #000 !important;
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(3)>div:nth-child(3) {
    margin-left: 30px !important;
    margin-top: -71px !important;
}

#TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(1)>div:nth-child(4) {
    margin-left: 28px !important;
    margin-top: -69px !important;
}

#TH_TOP_V3>div.TH_TOP10_V3>div>div {
    margin-top: 22px;
    margin-bottom: 10px;
}

#TH_TOP_V3>div.TH_TOP10_V3>div {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    /* overflow: hidden !important; */
}

#TH_TOP_V3>div.TH_TOP10_V3 img.fitimg {
    margin: 0 !important;
    max-width: 100% !important;
}

#notification #TH_NOTIF_EMPTY {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 22px 12px !important;
    min-height: 260px !important;
}

#notification .thNotifEmptyCenter {
    width: min(360px, 92vw) !important;
    text-align: center !important;
    padding: 18px 14px !important;
    border-radius: 22px !important;
    background: rgba(255, 255, 255, .86) !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    box-shadow: 0 18px 55px rgba(2, 6, 23, .12) !important;
}

#notification .thNotifEmptyBlob {
    width: 170px !important;
    height: 170px !important;
    margin: 0 auto 14px !important;
    border-radius: 999px !important;
    background: rgba(243, 244, 246, .80) !important;
    border: 1px solid rgba(17, 24, 39, .07) !important;
    /* box-shadow: 0 26px 70px rgba(2,6,23,.10) !important; */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#notification .thNotifEmptyIcon {
    width: 92px !important;
    height: 92px !important;
    border-radius: 26px !important;
    background: rgba(255, 149, 0, .18) !important;
    border: 1px solid rgba(255, 149, 0, .30) !important;
    /* box-shadow: 0 18px 40px rgba(255,149,0,.18), 0 18px 55px rgba(2,6,23,.10) !important; */
    position: relative !important;
}

#notification .thNotifEmptyIcon::before, #notification .thNotifEmptyIcon::after {
    content: "" !important;
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    height: 12px !important;
    border-radius: 999px !important;
    background: rgba(255, 149, 0, .45) !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .55) inset !important;
}

#notification .thNotifEmptyIcon::before {
    top: 26px !important;
}

#notification .thNotifEmptyIcon::after {
    top: 48px !important;
    left: 26px !important;
    right: 26px !important;
    opacity: .85 !important;
}

#notification .thNotifEmptyText {
    font-family: 'Noto Kufi Arabic', 'Cairo', system-ui, sans-serif !important;
    font-weight: 950 !important;
    font-size: 18px !important;
    color: #111827 !important;
    margin-top: 6px !important;
}

#notification .thNotifEmptySub {
    font-family: 'Noto Kufi Arabic', 'Cairo', system-ui, sans-serif !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    color: rgba(17, 24, 39, .62) !important;
    margin-top: 6px !important;
    line-height: 1.5 !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 {
    position: absolute;
    top: 1px;
    inset-inline-start: 0;
    inset-inline-end: 0;
    margin: 0 auto;
    width: min(520px, 99.2%);
    max-width: 520px;
    bottom: 46%;
    min-height: 190px;
    max-height: 560px;
    display: flex;
    flex-direction: column;
    border-radius: 22px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .86);
    backdrop-filter: blur(12px);
    box-shadow: 0 24px 80px rgba(2, 6, 23, .20);
    z-index: 999;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmTop {
    height: 56px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(17, 24-24, 39, .08);
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmTop {
    background: rgb(27 140 255) !important;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmIconBtn {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 12px 26px rgba(2, 6, 23, .10);
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmIconBtn:active {
    transform: translateY(1px);
    opacity: .85;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmTitleWrap {
    flex: 1 1 auto;
    min-width: 0;
    text-align: center;
    direction: rtl;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmTitle {
    font-weight: 950;
    font-size: 16px !important;
    color: #ffffff;
    line-height: 1.1 !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmSub {
    font-weight: 800;
    font-size: 12px;
    color: rgba(17, 24, 39, .62);
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmRight {
    display: flex;
    gap: 8px;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmBody {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    background: rgb(223 227 233);
    overflow: auto;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmMsgs {
    height: 100%;
    padding: 3px 2px 9px;
    background: #f4f7fab0;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmMsgs::-webkit-scrollbar {
    width: 10px;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmMsgs::-webkit-scrollbar-thumb {
    background: rgba(17, 24, 39, .12);
    border-radius: 20px;
    border: 3px solid rgba(255, 255, 255, .55);
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmBar {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 10px 10px;
    background: rgb(146 144 255 / 10%);
    border-top: 1px solid rgba(17, 24, 39, .08);
    border-bottom-left-radius: 22px !important;
    border-bottom-right-radius: 22px !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmActionBtn {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 26px rgba(2, 6, 23, .10);
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 0 0 auto;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmActionBtn:active {
    transform: translateY(1px);
    opacity: .85;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmojiBtn {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 26px rgba(2, 6, 23, .10);
    color: #111827;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 0 0 auto;
    font-size: 18px;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmInput {
    flex: 1 1 auto;
    min-width: 0;
    height: 38px;
    max-height: 120px;
    border-radius: 16px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .94);
    padding: 8px 10px;
    outline: 0;
    color: #111827;
    direction: rtl;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmSend {
    width: 44px;
    height: 38px;
    border-radius: 16px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(10, 132, 255, .92);
    color: #fff;
    box-shadow: 0 14px 34px rgba(10, 132, 255, .25);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 0 0 auto;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmSend:active {
    transform: translateY(1px);
    opacity: .9;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmTyping {
    position: absolute;
    top: -10px;
    inset-inline-end: 16px;
    display: flex;
    gap: 4px;
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 26px rgba(2, 6, 23, .10);
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thDot {
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(17, 24, 39, .45);
    animation: thDot 1.1s infinite;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thDot:nth-child(2) {
    animation-delay: .15s;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thDot:nth-child(3) {
    animation-delay: .30s;
}

@keyframes thDot {
    0%, 100% {
        transform: translateY(0);
        opacity: .45;
    }

    50% {
        transform: translateY(-3px);
        opacity: .95;
    }
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmpty {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    overflow: auto;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyCenter {
    width: min(360px, 92vw);
    text-align: center;
    padding: 18px 14px;
    border-radius: 22px;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 18px 55px rgba(2, 6, 23, .12);
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyBlob {
    width: 160px;
    height: 160px;
    margin: 0 auto 14px;
    border-radius: 999px;
    background: rgba(243, 244, 246, .82);
    border: 1px solid rgba(17, 24, 39, .07);
    box-shadow: 0 26px 70px rgba(2, 6, 23, .10);
    display: flex;
    align-items: center;
    justify-content: center;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyIcon {
    width: 88px;
    height: 88px;
    border-radius: 26px;
    background: rgba(10, 132, 255, .14);
    border: 1px solid rgba(10, 132, 255, .24);
    box-shadow: 0 18px 40px rgba(10, 132, 255, .12), 0 18px 55px rgba(2, 6, 23, .10);
    position: relative;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyIcon::before, .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyIcon::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    height: 12px;
    border-radius: 999px;
    background: rgba(10, 132, 255, .35);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .55);
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyIcon::before {
    top: 24px;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyIcon::after {
    top: 46px;
    left: 26px;
    right: 26px;
    opacity: .85;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptyText {
    font-family: 'Noto Kufi Arabic', 'Cairo', system-ui, sans-serif;
    font-weight: 950;
    font-size: 18px;
    color: #111827;
    margin-top: 6px;
    direction: rtl;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmptySub {
    font-family: 'Noto Kufi Arabic', 'Cairo', system-ui, sans-serif;
    font-weight: 800;
    font-size: 13px;
    color: rgba(17, 24, 39, .62);
    margin-top: 6px;
    line-height: 1.5;
    direction: rtl;
}

@media (max-width: 420px) {
    .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 {
        border-radius: 20px;
    }

    .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmTop {
        height: 46px;
    }

    .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmIconBtn, .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmActionBtn, .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmEmojiBtn {
        width: 36px;
        height: 36px;
        border-radius: 14px;
    }

    .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmSend {
        width: 42px;
        height: 36px;
    }

    .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .thPmInput {
        height: 36px;
    }
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .th_msgActionBar, .th_msgActionBar, .TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .th_msgActionBar {
    display: none !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .uzr.flex-fill.break {
    overflow: hidden !important;
    padding: 0 !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .uzr.flex-fill.break>.d-flex {
    height: auto !important;
    align-items: center !important;
    margin-top: 3px !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .u-ico {
    width: auto !important;
    max-height: 16px !important;
    margin-left: 6px !important;
    opacity: .95 !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .u-topic {
    padding: 6px 10px !important;
    border-radius: 999px !important;
    border: 0;
    font-weight: 900 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    max-width: 100% !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .u-msg {
    padding: 1px 11px !important;
    /* color: #111827 !important; */
    border-radius: 7px;
    font-family: "TH_SF_ONE";
    font-size: 15px;
    line-height: 1.65;
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    -webkit-text-stroke: 0.25px rgb(0 0 0);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .moreDots {
    width: 34px !important;
    height: 28px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(17, 24, 39, .08) !important;
    background: rgba(255, 255, 255, .85) !important;
    color: rgba(17, 24, 39, .75) !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .moreDots:active {
    transform: translateY(1px) !important;
    opacity: .85 !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .reply {
    display: none !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .u-rply {
    display: none !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .uzr.d-flex>img.u-pic {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    max-height: 52px !important;
    border-radius: 50% !important;
    /* object-fit: cover !important; */
    border: 1px solid rgba(15, 23, 42, .10) !important;
    background: #fff !important;
    /* box-shadow: 0 6px 14px rgba(2, 6, 23, .10) !important; */
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .tago {
    padding: 2px 6px !important;
    border-radius: 10px !important;
    line-height: 1 !important;
    font-family: 'TH_SF_ONE';
    font-weight: 400;
    font-size: 9px !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 .uzr.d-flex {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 0px 8px !important;
    outline: none !important;
    border-radius: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

.TIGERHOST_LTD__PM___CHATS__X8DK3_V3 div.uzr.d-flex div.uzr.flex-fill.break {
    background: linear-gradient(135deg, #fdeff4 0%, #fdeff4 30%, #fdeff4 68%, #fdeff4 100%);
    margin-top: 5px;
    border: 0;
    border-radius: 9px !important;
    padding: 2px;
    border: 1px solid #dfdfdf;
}

#thBottomNav>button:nth-child(3)>span.thBNBadge.pmc {
    background: #F44336;
}

#thBottomNav>button.thBNItem.-warning>span.thBNBadge.bwall {
    background: #FF9800;
}

#clearFilter {
    width: 100%;
    height: 38px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid rgba(17, 24, 39, .12);
    background: #d53535;
    color: #fff;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .2px;
    cursor: pointer;
    outline: none;
    /* box-shadow: 0 12px 30px rgba(213, 53, 53, .22); */
    transition: transform .12s ease, box-shadow .12s ease, opacity .12s ease;
}

#clearFilter:hover {
    opacity: .96;
    /* box-shadow: 0 14px 34px rgba(213, 53, 53, .28); */
}

#clearFilter:active {
    transform: scale(.99);
    box-shadow: 0 10px 26px rgba(213, 53, 53, .20);
}

#clearFilter:focus {
    border-color: rgba(255, 255, 255, .55);
}

.thDock {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background: transparent;
}

.thComposer {
    background: #f4f7fa;
    border-top: 1px solid rgba(60, 60, 67, .20);
    padding: 1px 2px;
    display: flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
}

.thEmoji {
    padding: 0;
    overflow: hidden;
    background: #ffffff00;
    border: 0;
    width: 31px;
}

.thInputWrap {
    flex: 1 1 auto;
    background: #ffffff;
    border: 1px solid rgba(60, 60, 67, .18);
    border-radius: 18px;
    box-shadow: 0 6px 14px rgba(2, 6, 23, .06);
    padding: 2px 12px;
    display: flex;
    align-items: center;
}

.thSendBtn {
    width: 40px;
    height: 36px;
    border-radius: 8px;
    border: 0;
    background: #1677ff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.thSendBtn>span {
    color: #fff;
    font-size: 16px;
    margin-left: 1px;
}

.thSendBtn:active {
    transform: scale(.99);
}

.thQuickMenu {
    position: absolute;
    right: 10px;
    bottom: 118px;
    display: none;
}

.thQuickMenu.is-open {
    display: block;
}

.thQuickCard {
    background: #ffffff;
    border: 1px solid rgba(60, 60, 67, .18);
    border-radius: 14px;
    padding: 10px 12px;
    box-shadow: 0 18px 40px rgba(2, 6, 23, .18);
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: -20px !important;
}

.thQuickBtn {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid rgba(60, 60, 67, .16);
    background: #f6f7fb;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.thQuickBtn>span {
    font-size: 20px;
    color: #1677ff;
}

.thv3Txt {
    color: #424242;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3>div>button>span.thv3IcoBox.thv3IcoIndigo {
    background: #E91E63;
}

.TIGERHOST_LTD__MORE___Q8M3F7D2__V3>div>button>span.thv3IcoBox.thv3IcoIndigo>i {
    color: #fff !important
}

.thBottomNav {
    position: relative;
    height: 45px;
    background: #eef1f4;
    border-top: 1px solid rgba(60, 60, 67, .20);
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding: 3px 0px;
    box-sizing: border-box;
}

.thv3RowHero {
    background-image: url('/imgs/social.png') !important;
    background-size: contain;
}

.thv3RowHero .thv3Txt {
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .35);
    font-size: 13px !important;
}

.thv3IcoDark {
    background: rgba(0, 0, 0, .55) !important;
}

.thBNItem {
    width: 20%;
    border: 0;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0px;
    padding: 0 0 0;
    cursor: pointer;
    position: relative;
}

.thBNIcon {
    font-size: 22px !important;
    line-height: 1;
    color: #989a9d;
    font-weight: 500 !important;
}

.thBNLabel {
    font-size: 12px !important;
    color: #2d2d2d;
    direction: rtl;
    font-family: 'Noto Kufi Arabic' !important;
}

.thBNItem.is-active .thBNIcon, .thBNItem.is-active .thBNLabel {
    color: #1677ff;
}

.thBNBadge {
    position: absolute;
    top: 2px;
    right: 18%;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #1677ff;
    color: #fff;
    font-size: 12px;
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #f6f7fb;
}

.thBNBadge:empty {
    display: none;
}

body {
    padding-bottom: 156px;
}

:root {
    --thDockH: 156px;
    --thNavH: 60px;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 {
    position: fixed !important;
    top: 0px !important;
    right: 0 !important;
    left: auto !important;
    bottom: var(--thNavH) !important;
    height: auto !important;
    width: 320px !important;
    max-width: min(340px, 100vw) !important;
    min-width: 280px !important;
    border-left: 1px solid #bdbdbd !important;
    z-index: 9998 !important;
}

@media (max-width: 371px) {
    .TIGERHOST_LTD__DPNL__XK30EM03__V3 {
        width: min(278px, 100vw) !important;
        min-width: 260px !important;
        margin: 0 auto !important;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-dialog {
        width: auto !important;
        margin: 0px auto !important;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-content {
        width: 340px !important;
        max-width: 96vw !important;
    }
}

@media (min-width: 372px) and (max-width:991px) {
    .TIGERHOST_LTD__DPNL__XK30EM03__V3 {
        width: min(287px, 92vw) !important;
        min-width: 287px !important;
        max-width: 287px !important;
        margin: 0 auto !important;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-dialog {
        width: auto !important;
        max-width: 96vw !important;
        margin: 1px auto !important;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-content {
        width: 390px !important;
        /* max-width: 96vw !important; */
    }
}

@media (min-width: 992px) {
    .TIGERHOST_LTD__DPNL__XK30EM03__V3 {
        width: min(520px, 92vw) !important;
        min-width: 380px !important;
        max-width: 387px !important;
        margin: 0 auto !important;
    }

    #TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(2)>div:nth-child(4) {
        margin-top: -38px !important;
        margin-left: 40px !important;
    }

    .thBottomNav .thBNFloat.filter_notf {
        right: 395px !important
    }

    #TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(2)>img:nth-child(2) {
        margin-left: 9px;
    }

    #TH_TOP_V3>div.TH_TOP10_V3 img.fitimg {
        margin-left: 9px !important;
    }

    #TH_TOP_V3>div.TH_TOP10_V3>div:nth-child(2)>div.TH_TOPIC_1.break {
        margin-right: 6px;
        margin-bottom: 51px !important;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-dialog {
        width: 520px !important;
        max-width: 92vw !important;
        margin: 18px auto !important;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-content {
        width: 520px !important;
        max-width: 92vw !important;
    }
}

.hmsg .moreDots, .pmsgc .moreDots {
    display: none !important;
}

.uzr.d-flex.hmsg.mm .uzr.flex-fill {
    background-color: #ffffff00 !important;
    border: 0 !important;
}

.uzr.d-flex.hmsg.mm .u-topic, .uzr.d-flex.hmsg.mm>div>div>div.d-flex {
    display: none !important;
}

.uzr.d-flex.hmsg.mm .u-msg {
    margin-top: -10px !important;
    padding: 7px 1px !important;
    border-radius: 12px !important;
    color: #111827 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    text-align: center !important;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
    font-family: 'Noto Kufi Arabic';
}

.uzr.d-flex.hmsg.mm {
    outline: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 5px;
    margin-top: 7px;
    border-radius: 22px!important;
}

.uzr.d-flex.hmsg.mm {
    background: #4da3ff33;
}

.hmsg .thJoinName {
    border: 1px solid rgba(77, 163, 255, 0.38);
}

.Exited_Room {
    background: #ffc94d33 !important;
}

.Exited_Room .thJoinName {
    border: 1px solid rgba(255, 201, 77, 0.38) !important;
}

.Exited {
    background: #ff6b6b33 !important;
}

.Exited .thJoinName {
    border: 1px solid rgba(255, 107, 107, 0.38) !important;
}

.user-move {
    background: #b78cff33 !important;
}

.user-move .thJoinName {
    border: 1px solid rgba(183, 140, 255, 0.38) !important;
}

.thJoinName {
    background: #ffffff !important;
}

@media (max-width: 430px) {
    .uzr.d-flex.hmsg.mm {
        max-width: 97% !important;
    }
}

@media (min-width: 431px) {
    .uzr.d-flex.hmsg.mm, .TH_SYS_KICK {
        max-width: 440px !important;
    }
}

.uzr.d-flex.hmsg.mm .u-msg .roomh {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 6px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    border: 0;
    background: rgb(255 255 255) !important;
    color: #0b1220 !important;
    box-shadow: none !important;
    gap: 6px;
    font-weight: 500 !important;
    font-size: 13px !important;
}

.ios-back {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    border-radius: 9px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .90) !important;
    color: #06b6d4 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    direction: rtl !important;
}

.ios-back-icn {
    font-size: 18px !important;
    line-height: 1 !important;
    color: #06b6d4 !important;
}

.ios-back-txt {
    font-size: 14px !important;
    line-height: 1 !important;
    color: #06b6d4 !important;
}

.tIger_thRoomWelcome .uzr .d-flex {
    display: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .TH_MEsG .u-pic, .TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .pmsgcx2 .u-pic, .tIger_ppmsg .u-pic {
    width: 48px !important;
    min-width: 48px !important;
    height: 48px !important;
    max-height: 48px !important;
    border-radius: 50% !important;
    background: #fff;
    cursor: pointer !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .hmsg .u-pic {
    width: 43px !important;
    min-width: 43px !important;
    height: 43px !important;
    max-height: 43px !important;
    border-radius: 50% !important;
    background: #fff;
    cursor: pointer !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .pmsgcx2 {
    outline: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: 6px;
    margin-top: 12px;
    margin-bottom: 9px !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .uzr.d-flex>img.AFT_TIGERHOST {
    display: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .TH_MEsG .uzr.flex-fill.break {
    position: relative !important;
    overflow: visible !important;
    padding: 2px 9px !important;
    margin: 0px !important;
    border-radius: 15px !important;
    max-width: min(81%, 560px) !important;
    background: #ffff;
    min-width: 102px;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .pmsgcx2 .uzr.flex-fill.break {
    background: #ff00 !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .hmsg .uzr.flex-fill.break::after, .TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .tIger_thRoomWelcome .uzr.flex-fill.break::after, .TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .hmsg .uzr.flex-fill.break::after, .tIger_ppmsg .uzr::after, .hmsg .d-flex {
    display: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .uzr.d-flex .u-topic {
    display: inline-block !important;
    border-radius: 4px !important;
    max-width: 100% !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 div.uzr.d-flex.pmsgcx2.mm .moreDots {
    display: none;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .hmsg .u-topic {
    background: #ffffff00 !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .uzr.d-flex .moreDots {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: rgba(17, 24, 39, .55) !important;
    padding: 0 6px !important;
    height: 20px !important;
    line-height: 20px !important;
    border-radius: 10px !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .TH_MEsG {
    padding: 0 !important;
    /* padding-right: 64px !important; */
    margin: 0;
    font-size: 16px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
    max-width: fit-content;
    display: flex !important;
    gap: 10px !important;
    outline: none !important;
    width: 100% !important;
    background: transparent !important;
    margin-left: 6px !important;
    margin-top: 3px !important;
    margin-bottom: 4px !important;
    align-items: center !important;
    max-width: 100%;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .uzr.d-flex .th_msgActionBar button {
    width: 28px !important;
    height: 22px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    box-shadow: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .uzr.d-flex .reply {
    max-height: 0 !important;
    overflow: hidden !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .uzr.d-flex .tago {
    position: absolute !important;
    top: 22px !important;
    right: -3px !important;
    color: rgba(107, 114, 128, .95) !important;
    background: rgb(255 255 255 / 0%) !important;
    padding: 2px 6px !important;
    border-radius: 10px !important;
    line-height: 1 !important;
    font-family: 'TH_SF_ONE';
    font-weight: 400;
    font-size: 9px !important;
    border: 0;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .th_msgActionBar {
    display: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 {
    background-image: linear-gradient(rgb(255 255 255 / 44%), rgb(255 255 255 / 65%)), url(/imgs/chat_image.png);
    margin-top: 37px;
    padding-bottom: 37px;
    background-size: contain;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .btn-like, .TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .fa-reply {
    display: none !important;
}

.uzr.d-flex.mm .fa-times {
    display: none;
}

.openDel .fa-times {
    display: flex !important;
}

.hidmoreDots {
    display: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .hmsg>.uzr.flex-fill.break:before {
    background: #e0886900 !important;
}

.th-ios-check>* {
    font-family: 'Noto Kufi Arabic';
    font-size: 12px !important;
}

.thQuickBtn .f7-icons {
    font-size: 23px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.thQuickCard {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.thQuickCard .thQuickBtn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .10) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform .12s ease, filter .18s ease !important;
    padding: 0 !important;
    outline: none !important;
}

.thQuickCard .thQuickBtn:active {
    transform: scale(.98) !important;
    filter: brightness(.98) !important;
}

.thQuickCard .thQuickBtn .f7-icons {
    font-size: 20px !important;
    line-height: 1 !important;
}

.thQuickCard .th-stickers-btn {
    border-color: rgba(236, 72, 153, .18) !important;
}

.thQuickCard .th-stickers-btn .f7-icons {
    color: #ec4899 !important;
    display: none !important;
}

.thQuickCard .sndfilebc {
    border-color: rgba(6, 182, 212, .22) !important;
}

.thQuickCard .sndfilebc .f7-icons {
    color: #06b6d4 !important;
}

.thQuickCard .thQuickBtn[onclick*="CLEAR_TH"] {
    border-color: rgba(239, 68, 68, .22) !important;
}

.thQuickCard .thQuickBtn[onclick*="CLEAR_TH"] .f7-icons {
    color: #ef4444 !important;
}

#TH_ROOMS_V3 {
    font-family: 'Noto Kufi Arabic' !important;
    box-sizing: border-box;
}

#TH_ROOMS_V3 .tRoomI__item {
    width: 99%;
    border-radius: 0px;
    padding: 4px 4px !important;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    align-items: center;
    gap: 5px;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX;
    background: #ffff;
    direction: rtl;
    border-bottom: 1px solid #d6d6d6;
    display: flex;
    justify-content: space-between;
}

#TH_ROOMS_V3 .tRoomI__item+.tRoomI__item {
    margin-top: 1px;
}

#TH_ROOMS_V3 #TH_ROOMS_V3 *:not([class*="fa"]):not(i):not(.fa):not(.fas):not(.far):not(.fal):not(.fab) {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 501;
}

#TH_ROOMS_V3 .tRoomI__item+.tRoomI__item::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: -6px;
    height: 1px;
    background: rgba(60, 60, 67, .14);
}

#TH_ROOMS_V3 .tRoomI__main {
    align-items: center;
    gap: 7px;
    overflow: hidden;
    min-width: 0;
    flex-grow: 0 !important;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

#TH_ROOMS_V3 .tRoomI__pic {
    width: 51px;
    min-width: 51px;
    height: 51px;
    border-radius: 6px;
    background: #f2f2f7;
    object-fit: cover;
    background-size: 100% 100%;
}

#TH_ROOMS_V3 .tRoomI__text {
    overflow: hidden;
    min-width: 0;
    text-align: left;
    flex-grow: 0!important;
}

#TH_ROOMS_V3 .tRoomI__topicRow {
    width: 100%;
    overflow: hidden;
    line-height: 1.1;
}

#TH_ROOMS_V3 .tRoomI__topic {
    display: block;
    max-width: 100%;
    font-size: 14px;
    font-family: 'Noto Kufi Arabic' !important;
}

#TH_ROOMS_V3 .tRoomI__msg {
    margin-top: 6px;
    color: #6b7280;
    font-size: 13px !important;
    font-weight: 300 !important;
    font-family: 'Noto Kufi Arabic' !important;
}

#TH_ROOMS_V3 .tRoomI__countWrap {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

#TH_ROOMS_V3 .tRoomI__count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 54px;
    height: 29px;
    padding: 0 10px;
    border-radius: 40px;
    /* background: #76a1d3; */
    color: #ffffff;
    font-weight: 300 !important;
    font-size: 13px !important;
}

#TH_ROOMS_V3 .tRoomI__count:empty {
    display: none;
}

#TH_ROOMS_V3 .tRoomI__item:active {
    transform: scale(.995);
}

@media (max-width: 360px) {
    #TH_ROOMS_V3 {
        padding: 8px 8px;
    }

    #TH_ROOMS_V3 .tRoomI__item {
        padding: 10px 9px;
        border-radius: 13px;
    }

    #TH_ROOMS_V3 .tRoomI__pic {
        width: 50px;
        min-width: 50px;
        height: 50px;
        border-radius: 14px;
    }

    #TH_ROOMS_V3 .tRoomI__topic {
        font-size: 14px;
    }

    #TH_ROOMS_V3 .tRoomI__msg {
        font-size: 12px;
    }

    #TH_ROOMS_V3 .tRoomI__count {
        min-width: 50px;
        height: 32px;
        font-size: 12.5px !important;
    }
}

.tRoomsX {
    height: 100%;
    width: 100%;
    background: #f2f2f7;
}

.tRoomsX__top {
    padding: 0 19px 7px;
    box-sizing: border-box;
}

.tRoomsX__new {
    width: 60%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 9px;
    background: #ffffff;
    border: 0;
    border-radius: 14px;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .08);
    cursor: pointer;
    text-align: right;
    margin-top: 4px;
}

.tRoomI__item[data-vip="2"] {
    position: relative;
    overflow: hidden;
    border-radius: 1px !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    background: rgba(10, 12, 18, .82) !important;
}

.tRoomI__item[data-vip="2"]::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(700px 240px at 15% 0%, rgba(130, 87, 229, .26), transparent 62%), radial-gradient(620px 240px at 90% 15%, rgba(0, 180, 255, .18), transparent 62%);
    pointer-events: none;
    z-index: 0;
}

.tRoomI__item[data-vip="2"] .TH_VIP_GLOW2 {
    position: absolute;
    inset: 0;
    background: radial-gradient(540px 180px at 40% 120%, rgba(255, 70, 190, .10), transparent 65%), radial-gradient(520px 190px at 60% -10%, rgba(0, 220, 255, .12), transparent 65%);
    pointer-events: none;
    z-index: 1;
}

.tRoomI__item[data-vip="2"] .TH_VIP_RAIL {
    position: absolute;
    top: 8px;
    bottom: 8px;
    left: 2px;
    width: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(0, 220, 255, .75), rgba(130, 87, 229, .70), rgba(255, 70, 190, .55));
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .10), 0 12px 40px rgba(0, 220, 255, .22), 0 12px 40px rgba(130, 87, 229, .20);
    opacity: .95;
    z-index: 3;
}

.tRoomI__item[data-vip="2"] .tRoomI__countWrap, .tRoomI__item[data-vip="2"] .tRoomI__main, .tRoomI__item[data-vip="2"] .divrooom {
    position: relative;
    z-index: 4;
}

.tRoomI__item[data-vip="2"] .tRoomI__vipBadge2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    padding: 0 10px;
    margin-inline-start: 8px; border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgb(210 157 241 / 51%);
    font-size: 10px;
    letter-spacing: 1.6px;
    backdrop-filter: blur(8px);
    color: #000;
    margin-top: 5px
}

.tRoomI__item[data-vip="2"] .tRoomI__vipBadge2::before {
    content: "✦";
    margin-inline-end: 7px; opacity: .9;
}

.tRoomI__item[data-vip="2"] .tRoomI__count {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    padding: 2px 8px;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 7px 19px rgba(0, 0, 0, .32);
    color: #fff;
}

.tRoomI__item[data-vip="2"] .tRoomI__pic {
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, .12);
    box-shadow: 0 18px 44px rgba(0, 0, 0, .40);
}

.tRoomI__item[data-vip="2"] .u-topic, .tRoomI__item[data-vip="2"] .u-msg {
    color: rgba(255, 255, 255, .92) !important;
}

.tRoomsX__new:active {
    transform: scale(.995);
}

.tRoomsX__newIco {
    width: 25px;
    min-width: 25px;
    height: 25px;
    border-radius: 12px;
    background: #1677ff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

.tRoomsX__newTxt {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    direction: rtl;
}

.tRoomsX__newTitle {
    color: #111827;
    font-weight: 900;
    font-size: 15px;
    line-height: 1.1;
}

.tRoomsX__chev {
    color: #9ca3af;
    font-weight: 900;
    font-size: 20px;
    line-height: 1;
    padding-left: 2px;
}

.tRoomsX #TH_ROOMS_V3 {
    background: #f2f2f7;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (max-width: 360px) {
    .tRoomsX__top {
        padding: 10px 8px 8px;
    }

    .tRoomsX__new {
        padding: 11px 10px;
        border-radius: 13px;
    }

    .tRoomsX__newIco {
        width: 36px;
        min-width: 36px;
        height: 36px;
        border-radius: 11px;
    }

    .tRoomsX__newTitle {
        font-size: 14.5px;
    }
}

#TH_ROOMS_V3 .room:nth-child(even) {
    background: #fbfbfb;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 {
    direction: rtl !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-dialog {
    margin: 0px auto !important;
    max-width: 420px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-header .badge i.fa-times {
    font-size: 16px !important;
    opacity: .92 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3>div>div>div.modal-header.label-primary>label>img {
    display: none
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-header .fa-times {
    font-weight: 300 !important;
    color: #111827 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-title {
    font-weight: 900 !important;
    letter-spacing: .2px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-body {
    padding: 10px !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .pro {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-container {
    border-radius: 18px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 12px 28px rgba(2, 6, 23, .10) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-content {
    flex-direction: row-reverse;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .verification-badge {
    filter: drop-shadow(0 6px 14px rgba(2, 6, 23, .18)) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-card-modern {
    width: 100% !important;
    margin-top: 10px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    border-radius: 16px !important;
    background: rgb(253 253 253) !important;
    /* box-shadow: 0 12px 26px rgba(2,6,23,.08) !important; */
    padding: 10px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .header-info {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 6px 6px 10px !important;
    border-bottom: 1px dashed rgba(17, 24, 39, .12) !important;
}

.bgg.TH__TIGERHOSTLTD__V3__X4P8D2R6V9S1>div.head.nosel.bg.fl.TH__TIGERHOSTLTD__V3__X1Z6T3H8B5J0>label.btn.minix.btn-danger.pphide.fr.border.fa.fa-close.TH__TIGERHOSTLTD__V3__X6M2V9Q1T8D4.phide {
    background: #F44336;
    outline: 0;
    border: 0;
    width: 34px;
    height: 34px;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.head.nosel.bg.fl.TH__TIGERHOSTLTD__V3__X1Z6T3H8B5J0 {
    background-color: beige !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .info-block {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: 900 !important;
    color: #111827 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .info-block i {
    color: #0ea5e9 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .stars-users .checked {
    color: #f59e0b !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .games-duo-modern {
    display: flex !important;
    gap: 8px !important;
    margin-top: 10px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .u-room img {
    width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    object-fit: cover !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    margin-left: 11px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .u-room, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .u-room * {
    line-height: 1.2 !important;
    text-decoration: none !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .u-room .roomh {
    background: #2196f3de !important;
    border: 0;
    padding: 4px 12px !important;
    max-width: 100% !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .u-room .roomh img {
    width: 22px !important;
    height: 22px !important;
    border-radius: 8px !important;
    margin-left: 8px !important;
    box-shadow: none !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-bio {
    display: flex;
    align-items: center;
    justify-content: center;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.btn.ui--all.ui-shadow:active {
    transform: scale(.98) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .fa-bolt, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .fa-shield, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .fa-paint-brush, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .fa-volume-off, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .fa-sliders {
    color: #0ea5e9 !important;
}

.th-sheet-mask {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(2, 6, 23, .46) !important;
    z-index: 99999999 !important;
    display: none !important;
}

.th-sheet-mask.show {
    display: block !important;
}

.th-sheet {
    position: absolute !important;
    left: 18px !important;
    right: 0 !important;
    bottom: 11px !important;
    background: #fbfbfb !important;
    border-top-left-radius: 18px !important;
    border-top-right-radius: 18px !important;
    box-shadow: 0 -18px 40px rgba(2, 6, 23, .18) !important;
    transform: translateY(22px) !important;
    opacity: 0 !important;
    transition: transform .18s ease, opacity .18s ease !important;
    padding: 10px 10px 1px !important;
    max-width: 391px;
    border-radius: 18px;
}

.th-sheet-mask.show .th-sheet {
    transform: translateY(0) !important;
    opacity: 1 !important;
}

.th-sheet-handle {
    width: 44px !important;
    height: 1px !important;
    border-radius: 999px !important;
    background: rgba(15, 23, 42, .18) !important;
    margin: 4px auto 10px !important;
}

.th-sheet-title {
    font-weight: 900 !important;
    color: #111827 !important;
    text-align: center !important;
    margin: 0px 0 10px !important;
}

.th-sheet-list {
    border: 0;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
}

.th-sheet-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 5px 12px !important;
    font-weight: 900 !important;
    color: #1d88df !important;
    border-bottom: 1px solid rgba(15, 23, 42, .06) !important;
    user-select: none !important;
    cursor: pointer !important;
    background: #fdfdfd;
}

.th-sheet-item:last-child {
    border-bottom: none !important;
}

.th-sheet-item .fa {
    width: 22px !important;
    text-align: center !important;
    font-size: 18px !important;
    color: #0ea5e9 !important;
}

.th-sheet-item.danger {
    color: #ef4444 !important;
}

.th-sheet-item.danger .fa {
    color: #ef4444 !important;
}

.th-sheet-cancel {
    margin-top: 10px !important;
    border-radius: 0px !important;
    background: #fff !important;
    padding: 8px 10px !important;
    text-align: center !important;
    font-weight: 950 !important;
    color: #ef4444 !important;
    cursor: pointer !important;
    border-top: 1px solid #eeeeee;
}

#thSheetList>div>div {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 500 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH>div[style*="border-top"] {
    border-top: 1px dashed rgba(17, 24, 39, .12) !important;
    margin: 10px 0 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .nickbox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .likebox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .msgbox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .evabox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .powerboxa, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .roomzbox {
    border: 1px solid rgba(17, 24, 39, .10) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 12px 26px rgba(2, 6, 23, .08) !important;
    padding: 12px !important;
    margin-top: 10px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .nickbox>div:first-child, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .likebox>div:first-child, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .msgbox>div:first-child, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .evabox>div:first-child, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .powerboxa>div:first-child, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .roomzbox>div:first-child {
    font-weight: 950 !important;
    color: #111827 !important;
    margin-bottom: 8px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH input, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH textarea, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH select {
    width: 100% !important;
    border-radius: 12px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .70) !important;
    padding: 8px 10px !important;
    outline: none !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH textarea {
    resize: none !important;
    min-height: 38px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH input:focus, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH textarea:focus, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH select:focus {
    border-color: rgba(14, 165, 233, .45) !important;
    box-shadow: 0 0 0 4px rgba(14, 165, 233, .14) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .btn, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .btn.fa, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH span.btn {
    border-radius: 12px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: 0 12px 26px rgba(2, 6, 23, .08) !important;
    font-weight: 950 !important;
    height: 36px !important;
    line-height: 22px !important;
    color: #000 !important;
    font-weight: 300 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .btn:active {
    transform: scale(.98) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .powerboxa>div[style*="font-size:12px"], .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .roomzbox>div[style*="font-size:12px"] {
    color: rgba(17, 24, 39, .70) !important;
    font-weight: 800 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .upower, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH .uroomz {
    background: linear-gradient(135deg, rgba(14, 165, 233, .95), rgba(34, 197, 94, .92)) !important;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, .25) !important;
}

.btn.minix.btn-primary.fa.fa-times.fr {
    align-items: center !important;
    justify-content: center !important;
    width: 11px !important;
    height: 16px !important;
    padding: 0 0 0 0px !important;
    border-radius: 8px !important;
    background: #eaeaef00 !important;
    color: #d91616 !important;
    font-size: 5px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    margin-right: 12px!important;
}

.btn.minix.btn-primary.fa.fa-times.fr:before {
    font-family: "FontAwesome" !important;
    font-size: 13px !important;
    line-height: 1 !important;
    opacity: .92 !important;
}

.btn.minix.btn-primary.fa.fa-times.fr:hover {
    background: #f8fafc !important;
    border-color: rgba(17, 24, 39, .24) !important;
}

.btn.minix.btn-primary.fa.fa-times.fr:active {
    background: #f1f5f9 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-title {
    font-weight: 950 !important;
    color: #0f172a !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-body {
    padding: 0 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .pro {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-container {
    max-width: 100% !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
    overflow: visible !important;
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-cover::before {
    content: "";
    position: absolute;
    left: -20%;
    right: -20%;
    bottom: -42px;
    height: 140px;
    /* background: radial-gradient(110% 120% at 50% 0%, rgba(255,255,255,.95), rgba(255,255,255,.70)); */
    filter: blur(.2px);
    border-radius: 999px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(900px 420px at 20% 15%, rgba(255, 255, 255, .35), rgba(255, 255, 255, 0) 55%), radial-gradient(700px 400px at 85% 25%, rgba(255, 210, 230, .30), rgba(255, 210, 230, 0) 60%), linear-gradient(180deg, rgba(2, 6, 23, .06), rgba(2, 6, 23, 0) 55%, rgba(2, 6, 23, .12));
    pointer-events: none;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .change-cover-btn {
    width: 42px !important;
    height: 42px !important;
    border-radius: 18px !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, .70) !important;
    color: #0f172a !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    box-shadow: 0 18px 50px rgba(2, 6, 23, .14) !important;
    padding: 0 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-content>div {
    margin-left: 0 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-name {
    letter-spacing: .2px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-card-modern {
    width: calc(100% - 24px) !important;
    margin: 10px auto 0 !important;
    border-radius: 24px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: 0 22px 70px rgba(2, 6, 23, .10) !important;
    padding: 12px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .header-info {
    display: grid !important;
    grid-template-columns: 1fr 1.2fr 1fr !important;
    gap: 10px !important;
    align-items: center !important;
    margin-bottom: 12px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .info-block {
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    background: rgba(248, 250, 252, .88) !important;
    box-shadow: 0 16px 44px rgba(2, 6, 23, .08) !important;
    padding: 10px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #0f172a !important;
    font-weight: 950 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .info-block i {
    width: 32px;
    height: 32px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #ffffff 0%, #ffe4ef 45%, #d9fbff 100%);
    border: 1px solid rgba(15, 23, 42, .10);
    box-shadow: 0 16px 40px rgba(2, 6, 23, .10);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .info-block .NUMBER_TH, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .info-block .pointtop {
    font-size: 16px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .stars-users {
    justify-content: center !important;
    gap: 4px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .stars-users .fa-star {
    font-size: 14px !important;
    color: rgba(245, 158, 11, .95) !important;
    text-shadow: 0 12px 24px rgba(2, 6, 23, .10);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .stars-users .fa-star.checked {
    filter: saturate(1.15);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .games-duo-modern {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .game-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 28px 74px rgba(2, 6, 23, .14) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-bio {
    width: calc(100% - 24px) !important;
    text-align: right !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ui-btn.fa::before, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.btn.ui--all.ui-shadow.fa::before {
    margin-left: 8px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a::before {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    font-size: 17px !important;
    line-height: 1 !important;
    font-family: 'FontAwesome';
    font-weight: 300 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ulike {
    color: #ef4444 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .Border_TH, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .nickbox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .likebox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .msgbox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .evabox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .powerboxa, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .roomzbox {
    width: calc(100% - 24px) !important;
    margin: 0px auto 0 !important;
    border-radius: 5px !important;
    border: 1px solid rgb(15 23 42 / 7%) !important;
    background: rgba(255, 255, 255, .84) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .nickbox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .likebox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .msgbox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .evabox, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .powerboxa, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .roomzbox {
    padding: 12px !important;
    flex-direction: column;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 input, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 textarea, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 select {
    border-radius: 16px !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    background: rgba(248, 250, 252, .92) !important;
    outline: none !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3.modal {
    background: rgb(0 0 0 / 55%) !important;
    /* backdrop-filter: blur(22px) !important; */
    z-index: 9998 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-content {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    background: rgba(255, 255, 255, .92) !important;
    /* box-shadow: 0 40px 140px rgba(0, 0, 0, .40) !important; */
    padding-bottom: 60px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-header {
    padding: 4px 12px !important;
    border: 0 !important;
    color: #0f172a !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: inset 0 -1px 0 rgba(15, 23, 42, .10) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-header.label-primary {
    background: rgba(255, 255, 255, .72) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-title {
    font-weight: 950 !important;
    color: #0f172a !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .modal-header .badge {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgb(234 234 234) !important;
    border: 0;
    color: #0f172a !important;
    cursor: pointer !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProBodyV4 {
    padding: 0 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProShellV4 {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProTopV4 {
    direction: rtl;
    text-align: center;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProCardV4 {
    max-width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-cover.thProCoverV4 {
    height: 191px !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-cover.thProCoverV4::after {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(110% 70% at 20% 10%, rgba(255, 255, 255, .55), rgba(255, 255, 255, 0) 55%), linear-gradient(180deg, rgba(2, 6, 23, .10), rgba(2, 6, 23, 0) 55%, rgba(2, 6, 23, .22));
    pointer-events: none;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-picture.thProAvatarV4 {
    left: 50% !important;
    bottom: 6px !important;
    transform: translateX(-50%) !important;
    width: 116px !important;
    height: 116px !important;
    border-radius: 999px !important;
    border: 3px solid rgba(255, 255, 255, .92) !important;
    /* background-size: cover !important; */
    background-position: center !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-content.thProHeadV4 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 17px 12px 1px !important;
    text-align: center !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProNameV4 {
    color: #0b1220 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .verification-badge.thProVeriV4 {
    border-radius: 10px !important;
    /* box-shadow: 0 16px 40px rgba(2, 6, 23, .16); */
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProStarsV4 {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 6px 12px 2px;
    flex-direction: row-reverse;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProStarsV4 .fa-star.checked {
    filter: saturate(1.15);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProStatsV4 {
    padding: 8px 12px 6px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thStatV4 {
    border-radius: 15px;
    border: 1px solid rgb(15 23 42 / 1%);
    padding: 2px 1px 5px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thStatIco {
    width: 25px;
    height: 25px;
    border-radius: 14px;
    margin: 0 auto 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, .10);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thStatNum {
    color: #0b1220;
    margin-top: 0px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thStatLbl {
    margin-top: -2px;
    color: rgba(15, 23, 42, .70);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProMetaV4 {
    padding: 0 12px 10px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProMetaRow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProRoomBoxV4, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProBioBoxV4 {
    margin-bottom: 8px;
    margin-top: 0;
    border-radius: 13px;
    border-bottom: 0;
    background: #f8f8f8;
    padding: 6px 16px;
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thSecTitleV4 {
    font-weight: 950;
    color: #157bcc;
    display: flex;
    align-items: center;
    gap: 8px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProBioV4 {
    border-radius: 06px !important;
    border-bottom: 1px solid rgba(15, 23, 42, .10) !important;
    background: rgba(248, 250, 252, .92) !important;
    padding: 8px 12px !important;
    color: rgba(15, 23, 42, .85) !important;
    line-height: 1.7 !important;
    margin: 0 0 0 !important;
    gap: 12px;
    margin-right: 15px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_PROFILE"] .thAccLeft {
    color: #0ea5e9 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_EDIT"] .thAccLeft {
    color: #f59e0b !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_MOD"] .thAccLeft {
    color: #ef4444 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_GAMES"] .thAccLeft {
    color: #7c3aed !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_MUTE"] .thAccLeft {
    color: #fb7185 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_BAN"] .thAccLeft {
    color: #dc2626 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_KICK"] .thAccLeft {
    color: #da00ff !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 *:not(.f7-icons):not(.fa) {
    font-family: 'Noto Kufi Arabic' !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProMenuV4 {
    padding: 12px 12px 16px;
    background: #f8f8f8;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3>div>div>div.modal-body.thProBodyV4>div>center>div.thProTopV4>div>div.thProStatsV4>div.thStatV4.thStatView>div.thStatIco>i {
    font-weight: 300 !important;
    color: #3F51B5;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4 {
    width: 100%;
    border: 1px solid rgba(15, 23, 42, .10);
    background: rgba(255, 255, 255, .86);
    border-radius: 9px;
    padding: 12px 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin-top: 10px;
    /* transition: transform .16s ease, box-shadow .16s ease; */
    color: #0f172a;
    justify-content: space-between;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4:hover {
    transform: translateY(-1px);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4.on .thAccRight {
    transform: rotate(180deg);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccRight {
    transition: transform .18s ease;
    opacity: .75;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBodyV4 {
    display: none;
    margin-top: 10px;
    border-radius: 0;
    padding: 0;
    text-align: right;
    border-bottom: 1px solid #a7a7a7;
    border-top: 1px solid #b5b5b5;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBodyV4.open {
    display: block;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thGridV4 {
    border: 0;
    display: flex;
    gap: 10px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thGamesV4 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .game-btn {
    height: 46px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(15, 23, 42, .10) !important;
    background: rgb(255 255 255 / 90%) !important;
    color: #0f172a !important;
    cursor: pointer !important;
    transition: transform .16s ease, box-shadow .16s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 3px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .game-btn::before {
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 10px;
    background-image: var(--icon-url);
    background-size: cover;
    background-position: center;
    /* box-shadow: 0 14px 26px rgba(2, 6, 23, .12); */
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thListV4 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniTop {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniTitle {
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 8px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .nickbox .thMiniTitle {
    color: #7c3aed !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .likebox .thMiniTitle {
    color: #ef4444 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .msgbox .thMiniTitle {
    color: #0ea5e9 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .evabox .thMiniTitle {
    color: #f59e0b !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .powerboxa .thMiniTitle {
    color: #1d4ed8 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .roomzbox .thMiniTitle {
    color: #059669 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniSub {
    font-size: 12px;
    color: rgba(15, 23, 42, .70);
    font-weight: 800;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniRow {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniRow input, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniRow textarea {
    flex: 1 1 auto;
    height: 40px;
    border-radius: 14px;
    border: 1px solid rgba(15, 23, 42, .10);
    background: rgba(248, 250, 252, .92);
    padding: 8px 10px;
    outline: none;
    width: auto;
    max-width: -webkit-fill-available;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniRow textarea {
    height: 54px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniRow .btn {
    width: 110px;
    height: 40px;
    border: 0;
    background: #2196F3;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    gap: 7px;
    flex-direction: row-reverse;
    border-radius: 26px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniCol {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniLbl {
    color: rgba(15, 23, 42, .72);
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniCol select, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniCol input {
    height: 40px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thMiniCol .btn {
    height: 42px;
    border-radius: 14px;
    border: 0;
    background: #2196f3;
    font-weight: 950;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    flex-direction: row-reverse;
    gap: 7px;
    border-radius: 30px !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ui-btn, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.btn.ui--all.ui-shadow {
    float: none !important;
    height: 44px !important;
    text-decoration: none !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    width: calc(50% - 5px) !important;
    min-height: 86px !important;
    border: 0;
    border-radius: 16px !important;
    box-shadow: none !important;
    text-align: center !important;
    padding: 10px 8px !important;
    font-weight: 500 !important;
    bacj: revert;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ui-btn, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.btn.ui--all.ui-shadow {
    font-family: 'Noto Kufi Arabic' !important;
    font-size: 14px !important;
}

#TH_ACC_INTERACT {
    border-bottom: 1px solid #c1c1c1;
    padding: 0;
    margin-top: -10px;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ui-btn.fa::before, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.btn.ui--all.ui-shadow.fa::before {
    margin-left: 8px !important;
    opacity: .9 !important;
}

@media (max-width: 380px) {
    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thGridV4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProStatsV4 {
        gap: 8px;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-cover.thProCoverV4 {
        height: 210px !important;
    }
}

@media (max-width: 380px) {
    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .header-info {
        grid-template-columns: 1fr 1fr !important;
    }

    .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .profile-cover {
        height: 215px !important;
    }
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3>div>div>div.modal-body.thProBodyV4>div>center>div.thProTopV4>div>div.thProStatsV4>div.thStatV4.thStatLike>div.thStatIco {
    color: #d30a0a;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 #TH_ACC_INTERACT .thGridV4 {
    display: flex !important;
    gap: 10px !important;
    justify-content: space-between !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 #TH_ACC_INTERACT .thGridV4>a.upm, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 #TH_ACC_INTERACT .thGridV4>a.unot {
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 #TH_ACC_INTERACT .thGridV4>a.upm i, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 #TH_ACC_INTERACT .thGridV4>a.unot i, #TH_ACC_INTERACT>div>a.fl.btn.ui--all.ui-shadow.ui-btn.ui-btn-inline.thStatLike.borderg>i, .umute i {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #1677ff !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.uunmute i {
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #FF9800 !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.umute {
    /* color: #1677ff !important; */
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 #TH_ACC_INTERACT .thGridV4>a.upm:active, .TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 #TH_ACC_INTERACT .thGridV4>a.unot:active {
    transform: translateY(1px) !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ulike {
    color: #be123c !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ugift {
    color: #6d28d9 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.uh {
    color: #374151 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.udelpic {
    color: #b91c1c !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ubnr {
    color: #db2777 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.urkick {
    color: #7c2d12 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ukick {
    color: #c2410c !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.uban {
    color: #dc2626 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.ban20 {
    color: #b45309 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.meiut {
    color: #9f1239 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.meiutbc {
    color: #9f1239 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.DELAFT {
    color: #1e40af !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.DELMFT {
    color: #065f46 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.Mcover {
    color: #4c1d95 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.umute {
    /* color: #dc2626 !important; */
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 a.uunmute {
    color: #FF9800 !important;
    background: transparent !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thAccBtnV4[data-thacc="#TH_ACC_BANNERS"] .thAccLeft {
    color: #db2777 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .f7-icons, .framework7-icons {
    font-weight: 300 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3>div>div>div.modal-body.thProBodyV4>div>center>div.thProMenuV4>button>span.thAccLeft>i {
    margin-left: 10px;
}

.TH_MIC_CHAT_V3 {
    z-index: 2 !important;
}

.tMicX__wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
}

.tMicX__row {
    display: flex;
    align-items: center;
    gap: 3px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 2px 0 2px 0px;
}

.tMicX__row::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.tMicX__slot:not(.camlive) {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    border: 1px solid rgba(60, 60, 67, .18);
    box-shadow: 0 10px 22px rgba(2, 6, 23, .08);
    position: relative;
    flex: 0 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../imgs/micv2.png);
    background-size: 100%;
}

.camlive {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    border: 1px solid rgba(60, 60, 67, .18);
    box-shadow: 0 10px 22px rgba(2, 6, 23, .08);
    position: relative;
    flex: 0 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../imgs/camv2.png);
}

.tMicX__hint {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    opacity: .92;
}

.tMicX__hint .fa {
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #f2f2f7;
    border: 1px solid rgba(60, 60, 67, .14);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1677ff;
    font-size: 14px;
    display: none;
}

.tMicX__mute {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: rgba(0, 0, 0, .38);
    display: none;
}

.tMicX__ev {
    position: absolute;
    inset: 0;
    cursor: pointer;
}

.tMicX__name {
    position: absolute;
    left: 6px;
    bottom: 6px;
    font-size: 12px !important;
    padding: 2px 6px;
    border-radius: 8px;
    background: rgba(0, 0, 0, .55);
    color: #fff;
    font-weight: 800;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: rtl;
}

.tMicX__slot {
    position: relative;
    overflow: visible !important;
}

.tMicX__menu {
    position: fixed;
    width: 106px;
    background: #ffffff;
    border: 1px solid rgba(60, 60, 67, .18);
    border-radius: 14px;
    box-shadow: 0 18px 40px rgba(2, 6, 23, .18);
    padding: 8px;
    display: none;
    z-index: 2147483647;
    margin-top: 60px;
    margin-left: -22px;
}

.tMicX__menu.is-open {
    display: flex;
}

.tMicX__act {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    border-radius: 12px;
    border: 1px solid rgba(60, 60, 67, .16);
    background: #f6f7fb;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    user-select: none;
    direction: rtl;
    font-family: 'Noto Kufi Arabic';
}

.tMicX__primary {
    background: #1677ff;
    border-color: rgba(22, 119, 255, .30);
    color: #fff;
}

.tMicX__ghost {
    background: #ffffff;
    color: #111827;
    margin-bottom: 3px;
}

.tMicX__danger {
    background: #ff3b30;
    border-color: rgba(255, 59, 48, .35);
    color: #fff;
    margin-bottom: 3px;
}

.tMicX__global {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(60, 60, 67, .18);
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(2, 6, 23, .08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    cursor: pointer;
}

.tMicX__global .fa {
    color: #1677ff;
    font-size: 18px;
}

.tMicX__globalDanger {
    background: #ff3b30;
    border-color: rgba(255, 59, 48, .35);
}

.tMicX__globalDanger .fa {
    color: #fff;
}

@media (max-width: 360px) {
    .tMicX__slot {
        width: 48px;
        height: 48px;
    }

    .tMicX__global {
        width: 42px;
        height: 42px;
    }

    .tMicX__menu {
        width: 150px;
    }
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .uzr.d-flex.mm, .TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 #TH__MessagesTemplate__V3 .uzr.d-flex {
    width: 100% !important;
    padding: 0 1px 0 !important;
    margin: 1px 0 !important;
    outline: 0 !important;
    border-bottom: 1px solid #cccccc !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .u-pic {
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    border-radius: 0px !important;
    /* object-fit: cover !important; */
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .tago {
    padding: 2px 6px !important;
    border-radius: 10px !important;
    line-height: 1 !important;
    font-family: 'TH_SF_ONE';
    font-weight: 400;
    font-size: 9px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .uzr.flex-fill {
    padding-top: 0 !important;
    padding-left: 0 !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .d-flex[style*="height: 21px"] {
    height: auto !important;
    padding: 0px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .u-ico {
    min-height: 16px !important;
    margin-left: 6px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .u-topic {
    display: inline-block !important;
    max-width: 100% !important;
    padding: 4px !important;
    margin: 0 !important;
    border-radius: 0 !important;
    /* background: transparent !important; */
    /* color: #111827 !important; */
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .moreDots {
    width: 21px !important;
    height: 24px !important;
    border-radius: 10px !important;
    background: rgb(255 255 255 / 0%) !important;
    color: rgba(17, 24, 39, .72) !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 28px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .u-msg {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 6px 10px 12px !important;
    background: #ffffff00 !important;
    /* color: #0f172a !important; */
    text-align: center !important;
    font-family: "TH_SF_ONE";
    font-size: 16px;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    -webkit-text-stroke: 0.25px rgb(0 0 0);
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar {
    width: 100% !important;
    min-width: 100% !important;
    background: transparent !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center;
    gap: 10px !important;
    align-items: center;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar .btn {
    width: 48px !important;
    height: 26px !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 3px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar .btn .f7-icons {
    font-size: 16px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    -webkit-text-stroke: 0 !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar {
    border-top: 1px solid rgb(148 163 184 / 11%) !important;
    /* background: #e9eef657 !important; */
    border-radius: 3px;
    margin-top: 4px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar #delmsg {
    border-radius: 4px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar #delmsg .f7-icons, .TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar #delmsg {
    color: rgba(185, 28, 28, .85) !important;
    height: 26px;
    border: 0;
    background: #ffffff00;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 #delmsg>i {
    font-size: 17px;
    padding-top: 2px;
}

.thCnt {
    font-family: auto;
    box-shadow: none !important;
    font-weight: 400;
    color: #000000;
    -webkit-text-stroke: 0 !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .thLbl {
    font-family: var(--th-font-ar) !important;
    font-size: 10px !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3.modal {
    /* background: rgba(0, 0, 0, .55) !important; */
    margin: 0 !important;
    padding-right: 5px !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 {
    display: flex;
    align-items: center !important;
    justify-content: center !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .modal-dialog {
    width: min(380px, 94vw) !important;
    margin: 0 !important;
    height: min(70vh, 520px) !important;
    min-height: 320px !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .modal-content {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    background: rgba(248, 248, 248, .86) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .35) !important;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Tahoma, Arial, sans-serif !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .modal-header {
    background: rgb(242 244 246) !important;
    color: #111827 !important;
    border: 0 !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .modal-title {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #111827 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .modal-header .badge {
    position: absolute !important;
    right: 10px !important;
    top: 8px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .75) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: rgba(17, 24, 39, .70) !important;
    cursor: pointer !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .modal-header .badge .fa-times {
    font-size: 16px !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .modal-body {
    padding: 0 !important;
    height: calc(100% - 52px) !important;
    display: flex !important;
    flex-direction: column !important;
    background: transparent !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .rmsg {
    width: 100% !important;
    border-bottom: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .55) !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .rmsg .uzr.d-flex.mm {
    margin: 0 !important;
    padding: 10px 10px !important;
    border-bottom: 0 !important;
    width: 100% !important;
    background: transparent !important;
    direction: rtl !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .rmsg .u-pic {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .85) !important;
    background-size: cover !important;
    background-position: center !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .rmsg .u-ico {
    border-radius: 4px !important;
    margin-left: 6px !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .rmsg .u-topic {
    background: transparent !important;
    color: #111827 !important;
    font-weight: 900 !important;
    font-size: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .rmsg .u-msg {
    padding: 6px 0 0 0 !important;
    color: rgba(17, 24, 39, .82) !important;
    font-weight: 650 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    text-align: right !important;
    margin-right: 11px !important;
    font-family: 'Noto Kufi Arabic';
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .r {
    flex: 1 1 auto !important;
    background: rgba(239, 242, 247, .70) !important;
    border-left: 0 !important;
    padding: 10px 10px 8px !important;
    overflow: auto !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .reply {
    height: 100% !important;
    overflow: auto !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .footer.tablebox {
    width: 100% !important;
    height: 48px !important;
    padding: 8px 10px !important;
    background: rgba(248, 250, 252, .82) !important;
    border-top: 1px solid rgba(17, 24, 39, .10) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .footer .emorep {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(17, 24, 39, .10) !important;
    background: rgba(255, 255, 255, .75) !important;
    cursor: pointer !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .footer .tboxr {
    flex: 1 1 auto !important;
    height: 34px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(17, 24, 39, .14) !important;
    background: rgba(255, 255, 255, .92) !important;
    padding: 7px 10px !important;
    outline: none !important;
    font-size: 14px !important;
    color: #111827 !important;
    direction: rtl !important;
    text-align: right !important;
    resize: none !important;
    overflow: hidden !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9) !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .footer .tboxr:focus {
    border-color: rgba(59, 130, 246, .45) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .16) !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .footer .btn.btn-primary.fa-send {
    width: 46px !important;
    height: 34px !important;
    border-radius: 10px !important;
    background: #1677ff !important;
    padding: 0px 0px !important;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3 .footer .btn.btn-primary.fa-send:before {
    padding: 5px !important;
    font-size: 19px !important;
}

#TH_CommentBox_V3>div>div>div.modal-body.break.flex-grow-1.c-flex>div.break.flex-grow-1.r>div>div>div.fitimg.u-pic.borderg {
    border-radius: 7px;
}

.TIGERHOST_LTD__COMMENTBOX__IOS__REPLY__Q8M3K7D2__V3>div>div>div.modal-body.break.flex-grow-1.c-flex>div.break.flex-grow-1.r>div>div {
    background: #f8f8f8;
    padding: 3px !important;
    display: flex;
    direction: rtl;
    padding: 3px 4px !important;
    gap: 12px;
    border-bottom: 1px solid #cdc9c9 !important;
    margin-top: 3px !important;
    border-radius: 6px !important;
}

#TH_CommentBox_V3>div>div>div.modal-body.break.flex-grow-1.c-flex>div.break.flex-grow-1.r>div>div>div.uzr.flex-fill.break>div.d-flex>div>span.minix.tagoCo {
    font-size: 10px !important;
    color: #898989 !important;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thHide {
    display: none;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thShow {
    display: flex !important
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thStatIco i {
    color: red;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thStatIco .fa.fa-star {
    color: #ffba41;
}

.TIGERHOST_LTD__UPRO__MSG__K7Q2M9D4__V3 .thProStarsV4 span {
    color: #c6c6c6;
}

.thNoPerm {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 8px 0 12px;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(236, 72, 153, .08);
    border: 1px solid rgba(236, 72, 153, .18);
    color: #b91c1c;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.2;
    justify-content: center;
}

.thNoPerm .f7-icons {
    font-size: 18px;
    line-height: 1;
}

.Exited .thJoinName {
    display: inline-block;
    max-width: 220px;
    padding: 2px 8px;
    margin: 0 4px;
    border-radius: 10px;
    background: #ff75754d;
    border: 1px solid #ff75754d;
}

.Exited_Room .thJoinName {
    display: inline-block;
    max-width: 220px;
    padding: 2px 8px;
    margin: 0 4px;
    border-radius: 10px;
    background: #ffcc80ad;
    border: 1px solid #f1cf9d;
}

.tIger_thRoomWelcome {
    border: 0 !important;
    outline: 0 !important;
    background: #ff00;
    width: auto !important;
    padding: 0 !important;
    padding-right: 64px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
    max-width: min(96%, 560px) !important;
    margin-left: -23px !important;
    margin-top: 3px;
    margin-bottom: 2px !important;
}

.tIger_thRoomWelcome .thWelcomeBox {
    padding: 1px 15px;
    border-radius: 9px !important;
    background: none;
    border: 0;
    margin-left: 75px;
    margin-top: 6px;
}

.tIger_thRoomWelcome .thWelcomeTop {
    display: flex;
    gap: 0;
    flex-direction: row-reverse;
    margin-bottom: 0;
    justify-content: space-between;
    align-items: center;
}

.tIger_thRoomWelcome .thWelcomeAva {
    width: 38px;
    height: 38px;
    border-radius: 999px;
    object-fit: cover;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .55);
    flex: 0 0 38px;
    display: none;
}

.tIger_thRoomWelcome .thWelcomeMeta {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: row-reverse;
}

.tIger_thRoomWelcome .thWelcomeTitle {
    font-weight: 900;
    font-size: 13px !important;
    line-height: 1.25;
    color: rgba(17, 24, 39, .92);
    letter-spacing: .1px;
    margin-top: 1px;
    margin-bottom: -6px !important;
}

.tIger_thRoomWelcome .thWelcomeDesc {
    border-radius: 12px !important;
    color: #444444 !important;
    line-height: 1.45 !important;
    padding: 0 5px !important;
    margin: 0 0px 4px 0px !important;
    word-break: break-word !important;
    max-width: 570px !important;
    font-size: 14px !important;
}

.tIger_thRoomWelcome .thWelcomeDesc a {
    color: rgba(37, 99, 235, .92);
    text-decoration: none;
    border-bottom: 1px dashed rgba(37, 99, 235, .35);
}

.tIger_thRoomWelcome .thWelcomeDesc a:hover {
    border-bottom-style: solid;
}

.tIger_thRoomWelcome .u-pic {
    display: none;
}

.tIger_thRoomWelcome .thWelcomeDesc img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}

.tIger_thRoomWelcome .thWelcomeBox * {
    box-sizing: border-box;
}

.thWelcomeBox .thWelcomeMeta::before {
    content: "checkmark_shield_fill" !important;
    font-family: "Framework7 Icons" !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #E91E63 !important;
    font-weight: 300 !important;
    padding-right: 14px !important;
    float: left;
}

.tIger_thRoomWelcome .uzr {
    margin-top: 0px !important;
    border-radius: 0;
    background: rgb(225 242 255 / 0%) !important;
    border: 0;
    color: #111827 !important;
    font-size: 11px !important;
    line-height: 1.55 !important;
    font-family: 'Noto Kufi Arabic';
    max-width: 337px !important;
}

.tIger_thRoomWelcome .uzr::before {
    display: none !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .uzr.d-flex.tIger_thRoomWelcome .u-msg {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 0;
}

.tIger_thRoomWelcome .thWelcomeBox {
    max-width: 420px;
    margin-bottom: 0px !important;
}

.tIger_ppmsg {
    background: none !important;
    border-left: 3px solid #f9f9fb;
    border: 0;
    outline: none !important;
    margin-bottom: 3px !important;
    margin-top: 1px !important;
    display: flex;
    align-items: center;
}

.tIger_ppmsg .TH__TIGERHOSTLTD__V3__X2S7L4W9C1G8 {
    display: none
}

.tIger_ppmsg .uzr {
    background: none !important;
    box-shadow: none !important;
}

.tIger_ppmsg .uzr::before {
    display: none;
}

.tIger_ppmsg .u-pic {
    margin-left: 9px;
}

.thUhMsg.u-div.break {
    width: 99%;
    box-sizing: border-box;
    padding: 14px 10px;
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: 15px !important;
    line-height: 1.6;
    color: #b31f14;
    background: #fff0f0;
    border: 1px solid rgba(17, 24, 39, .12);
    border-radius: 4px;
    margin-top: 9px;
    margin-left: 2px;
}

.thIOSWrap {
    height: 371px;
    overflow: auto;
    background: #f2f2f7;
    padding: 10px;
    border-radius: 0px;
}

.thIOSTable {
    width: 100%;
    background: #ffffff;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
}

.thIOSTable thead th {
    padding: 10px 8px;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    color: #6e6e73;
    background: #f2f2f7;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thIOSTable thead th.thIOSColAction {
    width: 44px;
}

.thIOSTable tbody td {
    padding: 10px 8px;
    text-align: center;
    font-size: 13px;
    color: #1c1c1e;
    border: 1px solid #f8f8f8;
    white-space: pre-line;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thIOSTable tbody tr:hover td {
    background: rgba(0, 122, 255, .04);
}

.thIOSActionCell {
    padding: 0 !important;
}

.thIOSBtnIcon {
    width: 100%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #007aff;
    font-size: 16px;
}

.thIOSSubRow td {
    background: #f9f9fb;
    color: #3a3a3c;
    font-size: 12px;
    text-align: left;
    padding: 10px 10px;
    white-space: normal;
    word-break: break-word;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.thIOSMsg {
    background: #ffffff;
    border-radius: 0;
    padding: 10px 12px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .06);
    color: #1c1c1e;
    text-align: center;
}

body>div.center-block.bg.TH__DAD__XS4MD__V3>div.bgg>div.head.nosel.bg.fl {
    background: #007aff !important;
    padding: 4px 0;
    height: 43px !important;
}

body>div.center-block.bg.TH__DAD__XS4MD__V3>div.bgg>div.head.nosel.bg.fl>label.btn.minix.btn-danger.pphide.fr.border.fa.fa-close.phide {
    background: #d2d2d2;
    color: #000;
    border: 0;
    font-size: 14px !important;
    padding: 0px 6px !important;
    display: flex;
    width: 34px;
    height: 30px;
    align-items: center;
    justify-content: center;
}

.popover {
    background: rgb(248 248 248) !important;
    border-radius: 16px !important;
    max-width: 316px !important;
    border: 0;
    margin-left: 17px;
}

.popover .popover-title, .popover .popover-header {
    display: none
}

.popover .popover-content, .popover .popover-body {
    padding: 10px 10px 12px !important;
}

.popover .break.corner {
    max-width: 285px !important;
    padding: 1px !important;
}

.popover img.emoi {
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    padding: 1px !important;
    user-select: none !important;
}

.popover img.emoi:hover {
    transform: translateY(-1px) scale(1.03) !important;
    background: rgba(99, 102, 241, 0.10) !important;
    border-color: rgba(99, 102, 241, 0.22) !important;
    box-shadow: 0 12px 26px rgba(17, 24, 39, 0.14) !important;
}

.popover img.emoi:active {
    transform: scale(0.96) !important;
    box-shadow: 0 6px 14px rgba(17, 24, 39, 0.10) !important;
    background: rgba(99, 102, 241, 0.16) !important;
}

.popover .hand {
    cursor: pointer !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 {
    width: min(92vw, 380px) !important;
    border-radius: 20px !important;
    background: rgb(6 47 104 / 69%) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .35) !important;
    backdrop-filter: blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%) !important;
    overflow: hidden !important;
    direction: rtl !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3>div:first-child {
    background: rgba(255, 255, 255, .07) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3>div:first-child>div>div {
    font-size: 14px !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3>div:first-child i.fa-youtube {
    font-size: 18px !important;
    color: rgba(255, 255, 255, .92) !important;
    opacity: .95 !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 #closeModal {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .10) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 #searchBtn {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .80) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 input.youtubeVal {
    border-radius: 14px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    background: rgba(0, 0, 0, .18) !important;
    color: rgba(255, 255, 255, .92) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    outline: none !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 input.youtubeVal::placeholder {
    color: rgba(230, 237, 247, .55) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 input.youtubeVal:focus {
    border-color: rgba(22, 119, 255, .55) !important;
    box-shadow: 0 0 0 4px rgba(22, 119, 255, .18) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 {
    margin-top: 12px !important;
    border-radius: 16px !important;
    padding: 10px !important;
    background: rgba(0, 0, 0, .16) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    gap: 10px !important;
    max-height: 320px !important;
    overscroll-behavior: contain !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3::-webkit-scrollbar {
    width: 10px !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .14) !important;
    border-radius: 999px !important;
    border: 3px solid rgba(0, 0, 0, 0) !important;
    background-clip: padding-box !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 img {
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 a, .TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 .item, .TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 .video, .TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3>div {
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .18) !important;
    transition: transform .12s ease, opacity .12s ease !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 a:hover, .TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 .item:hover, .TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3 .video:hover, .TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__CONTAINER__V3>div:hover {
    transform: translateY(-1px) !important;
    opacity: .98 !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__SPANDELETE__V3 {
    height: 34px !important;
    line-height: 34px !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .90) !important;
    width: fit-content !important;
    margin-top: 10px !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .18) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 .TH__YOUTUBE__SPANDELETE__V3:active {
    transform: scale(.98) !important;
}

.TIGERHOST_LTD__YOUTUBE__XDOD8DK3__V3 * {
    -webkit-font-smoothing: antialiased !important;
    text-rendering: geometricPrecision !important;
}

.thGiftPopRoot {
    position: fixed !important;
    top: 14px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 360px;
    max-height: 50vh;
    overflow: auto;
    z-index: 9999999 !important;
}

.thGiftItem {
    width: auto !important;
    height: auto !important;
    max-width: 250px !important;
    max-height: 60px !important;
    display: inline-block;
    object-fit: contain;
}

.thGiftClose, .thGiftRemove {
    background: #1677ff;
    border-radius: 5px !important;
    padding: 6px 22px;
}

.thGiftClose {
    margin-left: 15px;
    margin-right: 11px;
}

.thGiftClose::before, .thGiftRemove::before {
    padding-right: 8px;
}

.welcpic.uzr, .daymsg.uzr {
    border: 0 !important;
    outline: 0 !important;
    margin-left: 3px !important;
    border-left: 3px solid var(--thWcAccent) !important;
    background: #ff00;
    width: auto !important;
    padding: 0 !important;
    padding-right: 64px !important;
    font-size: 16px !important;
    line-height: 1.45 !important;
    word-break: break-word !important;
    max-width: min(96%, 560px) !important;
    margin-left: 69px !important;
    margin-top: 8px;
    margin-bottom: 1px !important;
}

.welcpic .u-pic, .daymsg .u-pic {
    border: 1px solid rgba(17, 24, 39, .08) !important;
    margin: 8px !important;
    min-height: 37px !important;
    width: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;
    height: 32px !important;
    border-radius: 99px !important;
    display: none;
}

.welcpic .uzr.flex-fill.break, .daymsg .uzr.flex-fill.break {
    padding: 1px 4px 3px 0 !important;
    overflow: hidden !important;
}

.daymsg .d-flex.flex-grow-1 .u-topic::before {
    content: "bell_circle" !important;
    font-family: "Framework7 Icons" !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #ab0a0a !important;
    font-weight: 300 !important;
    padding-right: 14px !important;
}

.welcpic .d-flex.flex-grow-1 .u-topic::before {
    content: "speaker_3_fill" !important;
    font-family: "Framework7 Icons" !important;
    font-size: 18px !important;
    line-height: 1 !important;
    color: #007aff !important;
    font-weight: 300 !important;
    padding-right: 14px !important;
}

.daymsg .d-flex.flex-grow-1 {
    display: flex;
    align-items: center;
}

.welcpic .u-topic, .daymsg .u-topic {
    border: 0 !important;
    font-family: "TH_SF_ONE";
    font-size: 15px !important;
    font-weight: 400;
    padding: 0 !important;
}

.welcpic .u-topic {
    color: #007aff !important;
}

.daymsg .u-topic {
    color: #ab0a0a !important;
}

.welcpic .u-msg, .daymsg .u-msg {
    border-radius: 12px !important;
    line-height: 1.45 !important;
    padding: 0 5px !important;
    margin: 0 0px 4px 0px !important;
    word-break: break-word !important;
    max-width: 570px !important;
    font-family: "TH_SF_ONE";
    font-size: 15px !important;
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    -webkit-text-stroke: 0.25px rgb(0 0 0);
    margin-top: 5px !important;
}

.TIGERHOST_LTD__D2__MSG__Q4M7X2K9__V3 .pmsgcx2 .fl.nosel {
    font-family: 'Noto Kufi Arabic' !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #444444 !important;
}

.TH_MEsG .u-msg {
    font-family: "TH_SF_ONE";
    font-size: 16px;
    line-height: 1.85;
    font-weight: 400;
    font-synthesis: weight;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
    -webkit-text-stroke: 0.25px rgb(0 0 0);
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

#THV3_BACKICO {
    font-size: 16px;
}

#TH_ROOM_V3 {
    background: #f2f2f7 !important;
}

.thRoomTop {
    height: 36px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    background: #eef0f4;
    border-bottom: 1px solid #ddd;
    z-index: 2;
}

.thRoomTop__left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.thExit.spic {
    width: 42px;
    height: 40px;
    border-radius: 999px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background-size: cover;
    border: 2px solid #1677ff;
}

.thExit.spic .spicImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 999px;
    display: block;
}

.thRoomTop__back {
    appearance: none;
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1677ff;
    margin-top: -1px;
    z-index: 0;
    display: none;
}

.thRoomTop__titleWrap {
    min-width: 0;
}

.thRoomTop__chip {
    display: inline-flex;
    align-items: center;
    max-width: 119px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #cdd4de;
}

.thRoomTop__chipText {
    display: block;
    max-width: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
    font-size: 13px;
}

.thRoomTop__actions {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: -13px;
    padding: 0;
}

.thRoomTop__iconBtn:active {
    transform: scale(.98);
}

.thRoomTop__iconBtn {
    position: relative;
}

.thRoomTop__badge:not(:empty) {
    display: inline-flex;
}

.th__isreply__V3 {
    display: none;
    bottom: 30px;
}

.th__isreply__V3 .grid-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 44px;
}

.th__isreply__V3 .item3 {
    font-weight: 800;
    font-size: 13px;
    opacity: .95;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
}

.th__isreply__V3 .item5 {
    font-size: 13px;
    opacity: .9;
    max-height: 34px;
    overflow: hidden;
    line-height: 17px;
}

.th__isreply__V3 .item2 {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(220, 0, 0, .85);
    cursor: pointer;
}

.th__isreply__V3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: rgba(96, 165, 250, .95);
}

.grid-container {
    padding: 2px 0px 4px 7px;
    border-radius: 6px !important;
    margin-top: 4px;
    margin-bottom: 4px;
    background: #d0eaff;
}

#TH_STORY_V3 {
    width: 100%;
    height: 100% !important;
    width: 100% !important;
    overflow: auto !important;
}

#story {
    margin-top: 0px !important;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 10px 12px 14px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    flex-wrap: wrap;
}

#story::-webkit-scrollbar {
    display: none;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 {
    margin: 0 !important;
    background: transparent !important;
    flex: 0 0 auto;
    scroll-snap-align: start;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-left: 23px !important;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .str {
    width: 76px !important;
    padding: 8px 6px 10px;
    margin: 0 !important;
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(17, 24, 39, .08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    text-align: center;
    position: relative;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .str:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(2, 6, 23, .14);
    background: rgba(255, 255, 255, .92);
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-thumb {
    width: 62px;
    height: 62px;
    margin: 0 auto 8px;
    position: relative;
    border-radius: 999px;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-thumb::before {
    content: "";
    position: absolute;
    inset: -3px;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff2d55 0%, #ff7a00 40%, #8a3ffc 75%, #00d4ff 100%);
    box-shadow: 0 10px 22px rgba(255, 45, 85, .18);
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-thumb::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #fff;
    z-index: 0;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-thumb video {
    position: absolute;
    inset: 2px;
    width: calc(100% - 4px) !important;
    height: calc(100% - 4px) !important;
    border-radius: 999px !important;
    object-fit: cover;
    background-size: cover;
    background-position: center;
    z-index: 1;
    border: 1px solid rgba(17, 24, 39, .08);
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-avatar {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background-size: cover;
    background-position: center;
    border: 2px solid #fff;
    box-shadow: 0 10px 18px rgba(2, 6, 23, .18);
    z-index: 2;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .story-title {
    font-family: system-ui, -apple-system, "Cairo", sans-serif !important;
    font-size: 11px !important;
    font-weight: 700;
    color: #111827 !important;
    line-height: 1.15;
    letter-spacing: .2px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: .92;
}

.TIGERHOST_LTD__ITEMSTORY_X9WMEJ3__V3 .str:active {
    transform: scale(.98);
}

.thAddStory {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    width: min(100%, 420px);
    padding: 12px 14px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .86);
    border: 1px solid rgba(17, 24, 39, .08);
    box-shadow: 0 16px 40px rgba(2, 6, 23, .10);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    cursor: pointer;
    user-select: none;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.thAddStory:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 54px rgba(2, 6, 23, .14);
    background: rgba(255, 255, 255, .94);
}

.thAddStory:active {
    transform: scale(.99);
}

.thAddStory__avatar {
    position: relative;
    width: 58px;
    height: 58px;
    border-radius: 999px;
    padding: 3px;
    background: linear-gradient(135deg, #ffffff 0%, #ffe4ef 45%, #d9fbff 100%);
    box-shadow: 0 12px 26px rgba(2, 6, 23, .10);
    flex: 0 0 auto;
}

.thAddStory__img {
    width: 100%;
    height: 100%;
    border-radius: 999px;
    object-fit: cover;
    background: #f3f4f6;
    border: 1px solid rgba(17, 24, 39, .08);
    display: block;
}

.thAddStory__plus {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1px solid rgba(17, 24, 39, .10);
    box-shadow: 0 12px 24px rgba(2, 6, 23, .16);
    color: #e11d48;
}

.thAddStory__plus i {
    font-size: 12px;
    line-height: 1;
}

.thAddStory__text {
    flex: 1 1 auto;
    min-width: 0;
}

.thAddStory__title {
    font-family: 'Noto Kufi Arabic';
    font-weight: 900;
    font-size: 13px;
    color: #111827;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thAddStory__sub {
    margin-top: 3px;
    font-family: 'TH_SF_ONE';
    font-weight: 400;
    font-size: 12px;
    color: rgba(17, 24, 39, .62);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thAddStory__btn {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 0;
    padding: 10px 12px;
    border-radius: 14px;
    background: rgba(17, 24, 39, .06);
    color: #111827;
    font-family: system-ui, -apple-system, "Cairo", sans-serif;
    font-weight: 800;
    font-size: 12px;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease;
}

.thAddStory__btn:hover {
    background: rgba(17, 24, 39, .09);
    transform: translateY(-1px);
}

.thAddStory__btn i {
    font-size: 13px;
}

.u-ico {
    margin-top: 1px !important;
    max-height: 18px !important;
    object-fit: scale-down !important;
}

#TH_CHATS_V3 .ustat {
    margin-top: 1px;
}

.TIGERHOST_LTD__DPNL__XK30EM03__V3 .TH_USERS_BOX_V3 {
    /* contain: layout paint; */
    padding-right: 2px;
}

.vhid {
    display: none !important
}

#TIGERHOST___STICKER__PANEL__V3__X93 img.th-stk {
    width: 100% !important;
    height: 72px !important;
    object-fit: contain !important;
    background: rgba(0, 0, 0, .02) !important;
    border: 1px solid rgba(0, 0, 0, .07) !important;
    border-radius: 12px !important;
    padding: 6px !important;
    cursor: pointer !important;
    transition: transform .12s ease, background .12s ease, border-color .12s ease !important;
}

#TIGERHOST___STICKER__PANEL__V3__X93 img.th-stk:hover {
    transform: scale(1.04) !important;
    background: rgba(0, 188, 212, .06) !important;
    border-color: rgba(0, 188, 212, .35) !important;
}

#thStickerGrid {
    scrollbar-width: thin !important;
}

img.fitsticker {
    max-width: 90px !important;
    max-height: 90px !important;
}

#xo-modal {
    z-index: 9998 !important;
}

#xo-win-overlay {
    z-index: 999999 !important;
}

.thAudioWrap {
    width: 100%;
    display: block;
    margin-bottom: 7px;
}

.thAudioBtn {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: linear-gradient(135deg, #ffffff 0%, #ffe4ef 45%, #d9fbff 100%);
    /* box-shadow:0 10px 26px rgba(17,24,39,.10); */
    color: #111827;
    cursor: pointer;
    user-select: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.thAudioBtn:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 38px rgba(17, 24, 39, .14);
    border-color: rgba(17, 24, 39, .16);
}

.thAudioBtn:active {
    transform: translateY(0)
}

.thAudioIcon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 10px 18px rgba(17, 24, 39, .10);
    font-size: 16px;
}

.thAudioText {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 120px
}

.thAudioText b {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    font-family: 'TH_SF_ONE';
}

.thAudioText small {
    font-size: 12px;
    opacity: .72;
    line-height: 1.1;
    font-family: 'TH_SF_ONE';
    font-weight: 400;
}

.thAudioWave {
    margin-left: auto;
    display: flex;
    align-items: flex-end;
    gap: 3px;
    height: 18px
}

.thAudioWave i {
    width: 3px;
    height: 8px;
    border-radius: 999px;
    background: rgba(17, 24, 39, .45);
    opacity: .8;
    animation: thWave 1.1s ease-in-out infinite;
}

.thAudioWave i:nth-child(2) {
    animation-delay: .12s;
    height: 12px
}

.thAudioWave i:nth-child(3) {
    animation-delay: .24s;
    height: 16px
}

.thAudioWave i:nth-child(4) {
    animation-delay: .36s;
    height: 12px
}

.thAudioWave i:nth-child(5) {
    animation-delay: .48s;
    height: 8px
}

@keyframes thWave {
    0%, 100% {
        transform: scaleY(.55);
        opacity: .55
    }

    50% {
        transform: scaleY(1.25);
        opacity: .95
    }
}

.thRoomTop__badge {
    position: absolute;
    top: 6px;
    right: 6px;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 900;
    line-height: 18px;
    color: #fff;
    background: #ef4444;
    border: 1px solid rgba(255, 255, 255, .7);
    /* box-shadow:0 10px 18px rgba(17,24,39,.14); */
}

.thRoomTop__iconBtn {
    position: relative
}

.thVideoCard {
    width: 100%;
    min-height: 71px;
    display: ruby-text;
    padding: 5px 7px;
    border-radius: 18px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: linear-gradient(135deg, #ffffff 0%, #ffe4ef 45%, #d9fbff 100%);
    color: #111827;
    cursor: pointer;
    user-select: none;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
    align-items: center;
}

.thVideoCard:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 38px rgba(17, 24, 39, .14);
    border-color: rgba(17, 24, 39, .16);
}

.thVideoCard:active {
    transform: translateY(0)
}

.thVideoPlay {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 10px 18px rgba(17, 24, 39, .10);
    font-size: 16px;
    flex: 0 0 auto;
}

.thVideoMeta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

.thVideoTitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'TH_SF_ONE';
}

.thVideoSub {
    font-size: 12px;
    opacity: .72;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'TH_SF_ONE';
    font-weight: 300;
}

.thVideoBadges {
    display: flex;
    gap: 6px;
    margin-top: 2px
}

.thVideoBadge {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .65);
    color: rgba(17, 24, 39, .80);
}

.thYTCard {
    width: 100%;
    max-width: 520px;
    height: 92px;
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    display: block;
    cursor: pointer;
    border: 1px solid rgba(17, 24, 39, .10);
    box-shadow: 0 16px 40px rgba(17, 24, 39, .14);
    background: #fff;
    user-select: none;
}

.thYTImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.02);
    transition: transform .25s ease;
}

.thYTShade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, .05) 0%, rgba(0, 0, 0, .55) 100%), radial-gradient(circle at 50% 40%, rgba(0, 0, 0, .15), transparent 55%);
}

.thYTPlay {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 45px;
    height: 45px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    font-size: 22px;
    color: #fff;
    background: rgba(255, 255, 255, .18);
    border: 1px solid rgba(255, 255, 255, .35);
    backdrop-filter: blur(10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
    transition: transform .18s ease, background .18s ease;
}

.thUpRoot {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 39px;
    padding: 10px;
    z-index: 2;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.thUpCard {
    width: min(560px, 100%);
    border-radius: 18px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: linear-gradient(135deg, #ffffff 0%, #ffe4ef 45%, #d9fbff 100%);
    box-shadow: 0 16px 40px rgba(17, 24, 39, .14);
    padding: 12px 12px 10px;
    pointer-events: auto;
    backdrop-filter: blur(10px);
    margin-bottom: 47px !important;
}

.thUpTop {
    display: flex;
    align-items: center;
    gap: 10px;
}

.thUpMeta {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.thUpTitle {
    font-weight: 900;
    font-size: 13px;
    color: #111827;
    opacity: .9;
    line-height: 1.1;
}

.thUpName {
    font-size: 12px;
    color: rgba(17, 24, 39, .72);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thUpCancel {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .75);
    color: rgba(17, 24, 39, .75);
    display: grid;
    place-items: center;
    cursor: pointer;
    box-shadow: 0 10px 18px rgba(17, 24, 39, .10);
    transition: transform .15s ease, box-shadow .15s ease;
}

.thUpCancel:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 26px rgba(17, 24, 39, .14);
}

.thUpCancel:active {
    transform: translateY(0)
}

.thUpTrack {
    margin-top: 10px;
    height: 12px;
    border-radius: 999px;
    background: rgba(17, 24, 39, .10);
    overflow: hidden;
    position: relative;
}

.thUpBar {
    height: 100%;
    width: 0%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(16, 185, 129, .95), rgba(59, 130, 246, .95));
    transition: width .12s linear;
}

.thUpBottom {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.thUpPct {
    font-weight: 900;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .65);
    color: #111827;
    min-width: 46px;
    text-align: center;
}

.thUpHint {
    font-size: 12px;
    color: rgba(17, 24, 39, .65);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.thUpHide {
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .18s ease, transform .18s ease;
}

.thYTBrand {
    position: absolute;
    left: 12px;
    bottom: 6px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    background: rgba(0, 0, 0, .28);
    border: 1px solid rgba(255, 255, 255, .18);
    backdrop-filter: blur(10px);
    font-size: 12px;
}

.thYTCard:hover .thYTImg {
    transform: scale(1.06)
}

.thYTCard:hover .thYTPlay {
    transform: translate(-50%, -50%) scale(1.06);
    background: rgba(255, 255, 255, .22)
}

.thYTCard:active .thYTPlay {
    transform: translate(-50%, -50%) scale(.98)
}

.thMoreMenu {
    position: absolute;
    top: calc(100% + 8px);
    right: 10px;
    width: 139px;
    border-radius: 16px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(12px);
    box-shadow: 0 18px 45px rgba(17, 24, 39, .16);
    padding: 6px;
    z-index: 9999;
}

.thMoreItem {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    border: 0;
    background: #1677fe;
    cursor: pointer;
    color: #ffffff;
}

.thMoreItem:hover {
    background: rgba(17, 24, 39, .06);
    color: #000
}

.thMoreItem .icon {
    font-size: 18px;
    opacity: .9
}

.thMoreItem span {
    font-weight: 400;
    font-size: 14px;
    font-family: 'TH_SF_ONE';
}

.thReqStar {
    font-weight: 700;
    margin: 0 4px;
    opacity: .9;
    color: #d00000;
    font-size: 11px;
}

.TH_SYS_KICK {
    outline: none !important;
    display: flex;
    margin: 14px 8px 8px !important;
    padding: 0 !important;
}

.TH_SYS_KICK .TH__TIGERHOSTLTD__V3__X9F3K2M7Q4A1 {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.TH_SYS_KICK .TH__TIGERHOSTLTD__V3__X8C1G7S2L4W9 {
    display: none !important;
}

.TH_SYS_KICK .u-topic {
    display: none !important;
}

.TH_SYS_KICK .u-msg.break.TH__TIGERHOSTLTD__V3__X7D1V8Q3T6M2 {
    width: 95% !important;
    margin: 0 !important;
    padding: 10px 12px 8px 10px !important;
    border-radius: 16px !important;
    display: flex !important;
    gap: 8px !important;
    background: radial-gradient(120% 160% at 100% 0%, rgba(148, 163, 184, 0.2) 0%, rgba(148, 163, 184, 0) 50%), linear-gradient(135deg, #334155 0%, #1e293b 55%, #0f172a 100%) !important;
    border: 1px solid rgba(255, 80, 80, .24) !important;
    color: #eef2ff !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
    text-align: start !important;
    font-family: 'Noto Kufi Arabic';
    font-weight: 500 !important;
    position: relative !important;
    isolation: isolate !important;
    flex-direction: column;
    align-items: center;
    align-content: center;
}

.TH_SYS_KICK .u-msg.break.TH__TIGERHOSTLTD__V3__X7D1V8Q3T6M2::after {
    content: "⛔";
    position: absolute;
    inset-inline-end: 22px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: .92;
    pointer-events: none;
}

.TH_SYS_KICK .u-msg.break.TH__TIGERHOSTLTD__V3__X7D1V8Q3T6M2 {
    text-align: right !important;
}

.TH_SYS_KICK .u-msg.break.TH__TIGERHOSTLTD__V3__X7D1V8Q3T6M2 {
    overflow: hidden !important;
}

.thPmTicks.is-delivered i {
    color: rgba(17, 24, 39, .60);
}

.thPmTicks i+i {
    right: 9px;
    top: 0px;
    font-weight: 300 !important;
    font-size: 11px !important;
}

.thPmTicks i {
    position: absolute;
    top: 4px;
    right: 9px;
    line-height: 1;
    font-weight: 300 !important;
    font-size: 11px !important;
}

.thPmTicks.is-delivered i {
    color: rgba(17, 24, 39, .60);
}

.thPmTicks.is-seen i {
    color: #00BCD4;
    font-weight: 300 !important;
}

.thPmTicks {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 12px;
    margin-right: 0;
    vertical-align: middle;
    line-height: 0 !important;
    margin-left: 10px;
}

.th-stickers-btn::before {
    content: "\f118" !important;
    font-family: FontAwesome !important;
    font-size: 28px !important;
    line-height: 1 !important;
    display: inline-block !important;
    color: #E91E63 !important;
}

.TH_SYS_KICK .u-pic {
    margin-right: 10px;
    border-radius: 50%;
}

.TH_SYS_KICK_NAME {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 10px;
    margin: 0 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 70, 70, .14) 0%, rgba(255, 70, 70, .06) 100%);
    border: 1px solid rgba(255, 90, 90, .26);
    color: #ffd6d6;
    font-weight: 900;
    font-size: 12px;
    line-height: 1.6;
    font-family: 'TH_SF_ONE';
    box-shadow: 0 10px 26px rgba(0, 0, 0, .40), inset 0 0 0 1px rgba(0, 0, 0, .20);
}

.TH_SYS_KICK_NAME {
    max-width: 180px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
}

.TH_SYS_KICK .d-flex.TH__TIGERHOSTLTD__V3__X3R8H1K6N9P2 {
    display: none !important;
}

#TH_D2BC_V3 .thBcDotsMenu {
    top: 26px;
    right: 19px;
    min-width: 83px;
    border-radius: 3px;
    padding: 6px;
    background: rgb(254 254 254);
    border: 1px solid rgb(175 35 35 / 36%);
}

#TH_D2BC_V3 .thBcDotsItem {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 1px;
    border: 0;
    background: transparent;
    border-radius: 10px;
    justify-content: center;
}

#TH_D2BC_V3 .thBcDotsItem:active {
    background: rgba(255, 255, 255, .06);
}

#TH_D2BC_V3 .thBcDelItem {
    color: #d12828;
    font-size: 11px !important;
}

#TH_D2BC_V3 .thBcDotsMenu button i {
    font-size: 17px;
}

.TH_VIP_USER {
    border-bottom: 1px solid #10654d
}

.TH_VIP_USER>.d-flex {
    position: relative !important;
    border-radius: 1px !important;
    padding: 12px 12px 12px 12px !important;
    display: grid !important;
    grid-template-columns: 64px 1fr !important;
    grid-template-rows: auto auto !important;
    column-gap: 12px !important;
    row-gap: 6px !important;
}

.TH_VIP_USER>.d-flex:before {
    content: "VIP MEMBER" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .9px !important;
    color: rgb(255 255 255 / 98%) !important;
    background: linear-gradient(135deg, rgba(15, 23, 42, 1) 0%, rgba(6, 95, 70, .96) 55%, rgba(2, 44, 34, .98) 100%) !important;
    box-shadow: 0 16px 30px rgba(6, 95, 70, .22) !important;
}

.TH_VIP_USER>.d-flex:after {
    content: "checkmark_seal_fill" !important;
    font-family: "Framework7 Icons" !important;
    position: absolute !important;
    right: -40px !important;
    bottom: -35px !important;
    width: 140px !important;
    height: 140px !important;
    border-radius: 999px !important;
    pointer-events: none !important;
    color: #e0e0e0;
    font-size: 18px;
}

.TH_VIP_USER .ustat {
    display: none !important;
}

.TH_VIP_USER .u-pic {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    margin-top: 30px !important;
    width: 56px !important;
    min-width: 56px !important;
    height: 64px !important;
    border-radius: 18px !important;
    box-shadow: 0 0 0 2px rgb(19 137 103) !important;
}

.TH_VIP_USER .u-ico {
    position: absolute !important;
    left: 56px !important;
    top: 44px !important;
    margin-left: 24px !important;
}

.TH_VIP_USER .TH__TIGERHOSTLTD__V3__X5N1Q8D3R7V2 {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    padding-top: 30px !important;
}

.TH_VIP_USER .TH__TIGERHOSTLTD__V3__X0J6B2T9H4Z1 {
    height: auto !important;
    margin-top: 0 !important;
}

.TH_VIP_USER .u-topic {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    padding: 3px 10px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .2px !important;
    margin-left: 15px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.TH_VIP_USER .u-us.u-msg {
    margin-top: 6px !important;
    display: block !important;
    font-size: 12px !important;
    margin-top: 10px !important;
    max-width: 85% !important
}

.TH_VIP_USER .c-flex.fr {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-top: -61px !important;
}

.TH_VIP_USER .YtubeCo {
    width: 22px !important;
    height: 22px !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .06) !important;
    border: 1px solid rgba(255, 255, 255, .12) !important;
    box-shadow: 0 14px 24px rgba(0, 0, 0, .20) !important;
}

.TH_VIP_USER .YtubeUh.uhash {
    font-size: 11px !important;
    font-weight: 900 !important;
    color: rgb(255 255 255 / 98%) !important;
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(2, 44, 34, 1) 0%, rgba(6, 95, 70, .92) 100%) !important;
    border: 1px solid rgba(2, 6, 23, .34) !important;
    box-shadow: 0 16px 30px rgba(2, 44, 34, .28) !important;
}

.TH_VIP_USER:hover>.d-flex {
    transform: translateY(-1px) !important;
    transition: .18s ease !important;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .5) !important;
}

.thv3Row.thv3Action {
    cursor: pointer;
}

.thv3Row.thv3Action:active {
    opacity: .75;
}

.thv3Arrow {
    opacity: .55;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.thQr {
    position: fixed;
    inset: 0;
    z-index: 999998;
    display: flex;
    align-items: center;
    justify-content: center;
    direction: rtl;
}

.thQr.hid {
    display: none
}

.thQrBackdrop {
    position: absolute;
    inset: 0;
    backdrop-filter: blur(18px) saturate(170%);
    background: rgba(0, 0, 0, .35);
}

.thQrThemeOrange .thQrBackdrop {
    background: radial-gradient(900px 520px at 18% 12%, rgba(255, 210, 120, .45), transparent 60%), radial-gradient(820px 520px at 82% 34%, rgba(255, 120, 80, .45), transparent 62%), linear-gradient(180deg, rgba(255, 140, 60, .35), rgba(0, 0, 0, .52));
}

.thQrThemeSky .thQrBackdrop {
    background: radial-gradient(900px 520px at 20% 14%, rgba(120, 225, 255, .50), transparent 60%), radial-gradient(820px 520px at 82% 34%, rgba(90, 160, 255, .38), transparent 62%), linear-gradient(180deg, rgba(70, 190, 255, .30), rgba(0, 0, 0, .56));
}

.thQrCard {
    position: relative;
    width: min(92vw, 395px);
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 34px 100px rgba(0, 0, 0, .55), 0 10px 26px rgba(0, 0, 0, .22);
    border: 1px solid rgba(255, 255, 255, .22);
    transform: translateY(12px) scale(.98);
    animation: thQrIn .20s ease-out forwards;
}

@keyframes thQrIn {
    from {
        opacity: 0;
        transform: translateY(20px) scale(.97)
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1)
    }
}

.thQrHead {
    padding: 14px 14px 12px;
    position: relative;
}

.thQrThemeOrange .thQrHead {
    background: radial-gradient(700px 220px at 15% 0%, rgba(255, 255, 255, .35), transparent 60%), linear-gradient(135deg, rgba(255, 150, 50, .98), rgba(255, 90, 80, .94));
}

.thQrThemeSky .thQrHead {
    background: #ff9800;
}

.thQrBody {
    padding: 12px 14px 14px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(255, 255, 255, .74));
    backdrop-filter: blur(14px) saturate(160%);
}

.thQrTitle {
    position: relative;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: .1px;
    color: #fff;
    line-height: 1.5;
    text-align: center;
    margin: 0 6px 6px;
    font-family: 'Noto Kufi Arabic';
    text-shadow: 0 8px 18px rgba(0, 0, 0, .22);
}

.thQrSub {
    position: relative;
    font-size: 12px;
    font-weight: 800;
    color: rgba(255, 255, 255, .88);
    text-align: center;
    margin: 0 6px 0;
}

.thQrBtns {
    display: flex;
    gap: 10px;
    margin-top: 14px
}

.thQrBtns .thGhost {
    flex: 1;
    height: 44px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, .12);
    background: rgba(255, 255, 255, .55);
    color: #0b1220;
    font-weight: 900;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .14);
    transition: transform .12s ease;
    font-family: 'TH_SF_ONE';
    font-weight: 400;
}

.thQrBtns .thGhost:active {
    transform: translateY(1px) scale(.99)
}

@media (max-width: 360px) {
    .thQrCard {
        width: 92vw
    }

    .thQrBtns {
        flex-direction: column
    }
}

.thQrStat {
    margin-top: 10px;
    padding: 9px 10px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.4;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, .22);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .10);
}

.thQrStat.hid {
    display: none
}

.thQrStat.isDanger {
    background: rgba(220, 38, 38, .14);
    color: #b91c1c
}

.thQrStat.isWarn {
    background: rgba(255, 149, 0, .16);
    color: #b45309
}

.thQrStat.isInfo {
    background: rgba(90, 200, 250, .16);
    color: #0369a1
}

.thQrStat.isOk {
    background: rgba(22, 163, 74, .14);
    color: #166534
}

.bgg.TH__TIGERHOSTLTD__V3__X4P8D2R6V9S1 {
    z-index: 999 !important;
}

.thv3SelectRow .thv3Right {
    display: flex;
    align-items: center;
}

.thv3Select {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: 0;
    background: #0a84ff;
    color: #ffffff;
    border-radius: 14px;
    padding: 10px 36px 10px 12px;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
}

.thv3SelectRow .thv3Right {
    position: relative;
}

.thv3SelectRow .thv3Right:after {
    content: "▾";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    opacity: .8;
    font-size: 12px;
    color: #fff;
}

.SYT {
    color: #000;
}

#ytIcon, .sndfilebc {
    width: 38px;
    border-radius: 14px;
    border: 1px solid rgba(17, 24, 39, .10);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 12px 26px rgba(2, 6, 23, .10);
    color: #1677ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 0 0 auto;
}

.mm {
    touch-action: pan-y;
    user-select: none;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar .btn:active {
    opacity: 0.8;
    transform: scale(0.92);
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar .btn.comm {
    background: #dbeafe00;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar .comm .f7-icons {
    color: #2563eb !important;
    font-size: 17px !important;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar .btn.like2 {
    background: #ffe4e600;
}

.TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .th_msgActionBar .like2 .f7-icons {
    color: #e11d48 !important;
    font-size: 17px !important;
}

.thReplyBarX {
    display: none;
    position: relative;
    margin: 8px 10px 10px;
    border-radius: 18px;
    overflow: hidden;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98) 0%, rgba(248, 250, 252, .98) 100%);
    border: 1px solid rgba(15, 23, 42, .08);
    box-shadow: 0 10px 30px rgba(15, 23, 42, .10), 0 2px 10px rgba(15, 23, 42, .06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.thReplyBarX::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: linear-gradient(180deg, #3b82f6 0%, #06b6d4 100%);
}

.thReplyBarX_inner {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 12px 14px 12px 16px;
}

.thReplyBarX_close {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #ef4444 0%, #dc2626 100%);
    color: #fff;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}

.thReplyBarX_close:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(220, 38, 38, .34), inset 0 1px 0 rgba(255, 255, 255, .25);
}

.thReplyBarX_close:active {
    transform: scale(.96);
}

.thReplyBarX_close .fa {
    font-size: 15px !important;
    line-height: 1;
}

.thReplyBarX_body {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.thReplyBarX_head {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.thReplyBarX_badge {
    flex: 0 0 auto;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #e0f2fe 0%, #dbeafe 100%);
    color: #0f4c81;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .2px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75);
}

.thReplyBarX_name {
    min-width: 0;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thReplyBarX_textWrap {
    min-width: 0;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(241, 245, 249, .92) 0%, rgba(248, 250, 252, .96) 100%);
    border: 1px solid rgba(148, 163, 184, .18);
    padding: 10px 12px;
}

.thReplyBarX_text {
    min-width: 0;
    font-size: 13px;
    line-height: 1.75;
    color: #334155;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.thReplyBarX_glow {
    position: absolute;
    top: -30px;
    right: -20px;
    width: 120px;
    height: 120px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(59, 130, 246, .14) 0%, rgba(59, 130, 246, 0) 68%);
    pointer-events: none;
}

@media (max-width: 767px) {
    .thReplyBarX_inner {
        min-height: 66px;
        padding: 10px 12px 10px 14px;
        gap: 10px;
    }

    .thReplyBarX_close {
        width: 34px;
        height: 34px;
        border-radius: 11px;
    }

    .thReplyBarX_name {
        font-size: 13px;
    }

    .thReplyBarX_text {
        font-size: 12.5px;
    }
}

.u-rply {
    width: 100%;
    margin: 0 0 8px;
}

.thReplyMsgTG {
    position: relative;
    display: flex;
    align-items: stretch;
    gap: 10px;
    width: 100%;
    padding: 9px 11px;
    border-radius: 12px;
    background: rgba(51, 144, 236, .08);
    border: 1px solid rgba(51, 144, 236, .14);
    overflow: hidden;
}

.thReplyMsgTG_bar {
    flex: 0 0 3px;
    width: 3px;
    border-radius: 999px;
    background: #3390ec;
}

.thReplyMsgTG_body {
    min-width: 0;
    flex: 1 1 auto;
}

.thReplyMsgTG_name {
    min-width: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    color: #1d7fd8;
    margin-bottom: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.thReplyMsgTG_text {
    min-width: 0;
    font-size: 12px;
    line-height: 1.45;
    color: #334155;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
}

.idboot.uzr {
    outline: 1px solid rgba(122, 47, 255, 0.16);
    margin-bottom: 6px !important;
    width: 100%;
    padding: 0 !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .96) 0%, rgba(122, 47, 255, .04) 100%) !important;
    box-shadow: 0 10px 26px rgba(17, 24, 39, 0.06);
    overflow: hidden;
}

.idboot .AFT_TIGERHOST {
    display: none !important;
}

.idboot .u-pic {
    max-height: 52px !important;
    min-width: 52px !important;
    width: 52px !important;
    border-radius: 12px;
    object-fit: cover;
    /* box-shadow: 0 10px 22px rgba(122, 47, 255, 0.18); */
}

.idboot .flex-fill.break {
    overflow: hidden;
    padding-top: 3px !important;
    padding-left: 2px !important;
}

.idboot .d-flex[style*='height: 21px'] {
    height: 24px !important;
    align-items: center;
}

.idboot .u-ico {
    min-height: 14px;
}

.idboot .u-topic {
    padding: 2px 8px !important;
    display: block;
    margin-left: 2px !important;
    border-radius: 999px !important;
    color: #6d28d9 !important;
    background: linear-gradient(135deg, rgba(122, 47, 255, .12) 0%, rgba(227, 0, 121, .08) 100%) !important;
    font-weight: 800;
    line-height: 1.5;
}

.idboot .tago {
    padding: 0 4px !important;
    margin-right: 6px !important;
    color: #7c8190 !important;
    text-align: end;
    font-weight: 700;
}

.idboot .u-msg {
    padding: 4px 6px 6px 8px !important;
    width: 100%;
    color: #7c5bb3 !important;
    line-height: 1.85;
    font-weight: 900 !important;
    font-size: 14px;
    -webkit-text-stroke: 0 !important;
    font-family: 'FontAwesome';
}

.idboot .u-msg b {
    font-weight: 800;
    -webkit-text-stroke: 0 !important;
}

.idboot .u-msg span[style*='color:#e53f3f'] {
    color: #dc2626 !important;
    font-weight: 900;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .35);
    -webkit-text-stroke: 0 !important;
}

.idboot .Del_com {
    max-width: 96px !important;
    height: 24px !important;
    gap: 4px;
    align-items: center;
}

.idboot .Del_com .btn {
    padding: 3px !important;
    padding-top: 2px !important;
    min-height: 24px;
    border-radius: 8px !important;
    box-shadow: 0 6px 14px rgba(17, 24, 39, .08);
}

.idboot .like2 {
    width: 28px !important;
}

.idboot .comm {
    width: 28px !important;
}

.idboot #delmsg {
    width: 26px !important;
}

.idboot .reply.break {
    max-height: 0;
}

.idboot.thBcType-chat {
    border-left: 3px solid rgba(122, 47, 255, 0.30);
}

.idboot .th_msgActionBar {
    display: none !important;
}

.idboot .u-msg, .TIGERHOST_LTD__D2BC__X7K9Q2M4__V3 .u-msg {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.tIger_ppmsg .u-msg {
    padding: 10px 10px 8px 10px !important;
    margin: 2px 0 0 8px !important;
    background: linear-gradient(180deg, #fffdf7 0%, #fff8e8 100%) !important;
    border: 1px solid #f3d9a6 !important;
    box-shadow: 0 10px 28px rgba(162, 118, 18, 0.10) !important;
    border-radius: 18px !important;
    max-width: min(96%, 560px) !important;
    position: relative;
    overflow: visible !important;
}

.tIger_ppmsg {
    max-width: min(96%, 560px) !important;
}

.tIger_ppmsg .u-msg::before {
    content: "";
    position: absolute;
    top: 12px;
    right: -6px;
    width: 12px;
    height: 12px;
    background: #fff9ec;
    border-top: 1px solid #f3d9a6;
    border-right: 1px solid #f3d9a6;
    transform: rotate(45deg);
}

.tIger_ppmsg .tIgerAnnBox {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.tIger_ppmsg .tIgerAnnHead {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 0 8px 0;
    border-bottom: 1px dashed rgba(193, 140, 31, 0.25);
}

.tIger_ppmsg .tIgerAnnIco {
    width: 34px;
    height: 34px;
    min-width: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: linear-gradient(135deg, #ffcf5a 0%, #ff9f1a 100%);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 8px 18px rgba(255, 159, 26, 0.24);
}

.tIger_ppmsg .tIgerAnnMeta {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tIger_ppmsg .tIgerAnnTitle {
    font-size: 15px;
    font-weight: 800;
    color: #8a5200;
    line-height: 1.2;
}

.tIger_ppmsg .tIgerAnnBy {
    font-size: 11px;
    color: #9b7a41;
    line-height: 1.3;
}

.tIger_ppmsg .tIgerAnnBy .thJoinName {
    color: #6d4a11;
    font-weight: 700;
}

.tIger_ppmsg .tIgerAnnBody {
    padding: 2px 1px 0 1px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.9;
    color: #2b2b2b;
    word-break: break-word;
    font-family: "TH_SF_ONE";
}

.tIger_ppmsg .th_msgActionBar {
    margin-top: 8px !important;
    margin-right: auto;
    padding: 4px;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    gap: 4px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    border: 1px solid rgba(225, 192, 123, 0.55);
    box-shadow: 0 4px 14px rgba(131, 96, 20, 0.08);
}

.tIger_ppmsg .th_msgActionBar .btn {
    border-radius: 10px !important;
    min-width: 28px;
    height: 28px;
    line-height: 1;
    box-shadow: none !important;
}

.tIger_ppmsg .u-topic {
    background: linear-gradient(135deg, #fff3cf 0%, #ffe6ab 100%);
    color: #8b5b00 !important;
    font-weight: 700;
    border: 1px solid #f1d28b;
}

.tIger_ppmsg .tago {
    color: #ad8a4b !important;
    font-weight: 700;
}

.tIger_ppmsg .moreDots {
    background: transparent !important;
    color: #9f7a2c !important;
    border: 0 !important;
    box-shadow: none !important;
}

.fa-broom:before {
    content: "\f51a";
}

.tIger_ppmsg div.flex-grow-1.d-flex {
    max-width: min(96%, 560px) !important;
}

#thIOSLeaveMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,.4);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 9999999;
    opacity: 0;
    transition: opacity .2s ease
}

#thIOSLeaveMask.active {
    display: block
}

#thIOSLeaveMask.show {
    opacity: 1
}

#thIOSLeaveBox {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(0.8);
    width: min(85vw,300px);
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 25px 50px rgba(0,0,0,0.3);
    overflow: hidden;
    font-family: system-ui,'Cairo',sans-serif;
    transition: transform .2s cubic-bezier(0.175,0.885,0.32,1.275)
}

#thIOSLeaveMask.show #thIOSLeaveBox {
    transform: translate(-50%,-50%) scale(1)
}

#thIOSLeaveBody {
    padding: 24px 16px;
    text-align: center;
    direction: rtl
}

#thIOSLeaveTitle {
    font-weight: 800;
    font-size: 17px;
    color: #0f172a;
    margin: 0 0 8px
}

#thIOSLeaveDesc {
    font-weight: 500;
    font-size: 14px;
    color: #64748b;
    margin: 0;
    line-height: 1.5
}

#thIOSLeaveBtns {
    display: flex;
    border-top: 1px solid #f1f5f9
}

#thIOSLeaveBtns button {
    flex: 1;
    height: 52px;
    border: 0;
    background: transparent;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    outline: none
}

#thIOSLeaveNo {
    color: #94a3b8;
    border-left: 1px solid #f1f5f9
}

#thIOSLeaveYes {
    color: #0ea5e9
}

#thIOSLeaveBtns button:active {
    background: #f8fafc
}

.TH_NOTIFICATION_STACK_V3 {
    position: fixed;
    top: 70px;
    left: 50%;
    width: min(92vw, 430px);
    transform: translateX(-50%);
    z-index: 9999;
    pointer-events: none;
    overflow: visible;
}

.TH_NOTIFICATION_TOAST_V3 {
    --shift-x: 0px;
    --offset-y: 0px;
    --toast-scale: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    direction: rtl;
    pointer-events: auto;
    border-radius: 22px;
    background: #fff;
    border: 1px solid rgba(15,23,42,.08);
    box-shadow: 0 10px 24px rgba(15,23,42,.12), 0 2px 6px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.35);
    overflow: hidden;
    opacity: 0;
    will-change: transform, opacity;
    transform-origin: top center;
    transform: translate3d(var(--shift-x), var(--offset-y), 0) scale(var(--toast-scale));
    transition: transform .32s ease, opacity .32s ease, box-shadow .32s ease;
}

.TH_NOTIFICATION_TOAST_V3.TH_NOTIFICATION_SHOW_V3 {
    opacity: 1;
}

.TH_NOTIFICATION_TOAST_V3.TH_NOTIFICATION_HIDE_V3 {
    opacity: 0;
    transform: translate3d(0, 20px, 0) scale(.94);
}

.TH_NOTIFICATION_HEAD_V3 {
    padding: 5px 5px 6px;
    background: #eaeaea;
}

.TH_NOTIFICATION_TIME_BOX_V3 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    float: inline-start;
    margin-left: 6px;
}

.TH_NOTIFICATION_TIME {
    display: none;
    align-items: center;
    height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(15,23,42,.05);
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.TH_NOTIFICATION_USER_BOX_V3 {
    display: flex;
    align-items: center;
    gap: 12px;
}

.TH_NOTIFICATION_META_V3 {
    min-width: 0;
    flex: 1 1 auto;
}

.TH_NOTIFICATION_ROW_TOP_V3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.TH_NOTIFICATION_NAME_WRAP_V3 {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    flex: 1 1 auto;
}

.TH_NOTIFICATION_NAME {
    font-size: 16px;
    font-weight: 800;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TH_NOTIFICATION_ICON {
    flex: 0 0 18px;
    margin-top: 1px !important;
    max-height: 18px !important;
    object-fit: scale-down !important;
}

.TH_NOTIFICATION_BADGE_WRAP_V3 {
    flex: 0 0 auto;
}

.TH_NOTIFICATION_BADGE {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #111827 0%, #334155 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .2px;
    white-space: nowrap;
}

.TH_NOTIFICATION_ROW_SUB_V3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.TH_NOTIFICATION_TAG {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.TH_NOTIFICATION_CLOSE {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 12px;
    background: rgba(15,23,42,.05);
    color: #334155;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    transition: transform .18s ease, background .18s ease, color .18s ease;
}

.TH_NOTIFICATION_CLOSE:hover {
    background: rgba(239,68,68,.10);
    color: #dc2626;
    transform: scale(1.06);
}

.TH_NOTIFICATION_BODY {
    padding: 13px 12px 12px 12px;
    color: #1e293b;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.8;
    word-break: break-word;
    text-align: center;
}

@media (max-width: 640px) {
    .TH_NOTIFICATION_STACK_V3 {
        width: calc(100vw - 24px);
    }

    .TH_NOTIFICATION_TOAST_V3 {
        border-radius: 18px;
        /* max-width: 300px; */
    }

    .TH_NOTIFICATION_HEAD_V3 {
        padding: 5px 5px 6px;
    }

    .TH_NOTIFICATION_BODY {
        padding: 13px 12px 12px 12px;
        font-size: 15px;
    }

    .TH_NOTIFICATION_NAME {
        font-size: 15px;
    }

    .TH_NOTIFICATION_BADGE {
        padding: 0 10px;
        min-height: 26px;
        font-size: 11px;
    }

    .TH_NOTIFICATION_CLOSE {
        width: 20px;
        height: 29px;
        font-size: 20px;
        border-radius: 10px;
    }
}

.TH_NOTIFICATION_AVATAR_WRAP_V3 {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
}

.TH_NOTIFICATION_AVATAR {
    width: 52px;
    height: 52px;
    display: block;
    border-radius: 18px;
    object-fit: cover;
    background: #e5e7eb;
    border: 1px solid rgba(15,23,42,.08);
}