/* (c) 2021-2026 TIGERHOST LTD - LAITH AL MAHASNEH. All rights reserved. Unauthorized copying is prohibited. */ .TH_MIC_CHAT_V3 { position: absolute; top: 43px; 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; } .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; } .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__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; } .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 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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; } .thv3Screen::-webkit-scrollbar, ::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: 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 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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: 6px !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; } .thv3Screen { overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; -ms-overflow-style: none !important; } .thv3Screen::-webkit-scrollbar, ::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } .thv3Top { position: sticky; top: 0; z-index: 5; background: rgba(233, 238, 246, .88); backdrop-filter: blur(10px); padding: 4px 0 5px !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: #9aa3b2; } .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); } .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: 50px; background: #eef1f4; border-top: 1px solid rgba(60, 60, 67, .20); display: flex; align-items: flex-start; justify-content: space-around; padding: 4px 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: 24px !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: 0 !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; } .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; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 { font-family: 'Noto Kufi Arabic' !important; box-sizing: border-box; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__item { width: 99%; border-radius: 0px; padding: 5px 5px !important; box-sizing: border-box; position: relative; overflow: hidden; align-items: center; gap: 10px; CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 100PX; background: #ffff; direction: rtl; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__item+.tRoomI__item { margin-top: 2px; } #TH_ROOMS_V3 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__item+.tRoomI__item::before { content: ""; position: absolute; left: 12px; right: 12px; top: -6px; height: 1px; background: rgba(60, 60, 67, .14); } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__main { align-items: center; gap: 10px; overflow: hidden; min-width: 0; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__pic { width: 51px; min-width: 51px; height: 51px; border-radius: 16px; background: #f2f2f7; object-fit: cover; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__text { overflow: hidden; min-width: 0; text-align: right; direction: rtl; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__topicRow { width: 100%; overflow: hidden; line-height: 1.1; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__topic { display: block; max-width: 100%; font-size: 14px; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__msg { margin-top: 6px; color: #6b7280; font-size: 12.5px !important; font-weight: 300 !important; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__countWrap { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__count { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 54px; height: 34px; padding: 0 10px; border-radius: 999px; background: #f2f2f7; color: #111827; font-weight: 300 !important; font-size: 13px !important; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__count:empty { display: none; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__item:active { transform: scale(.995); } @media (max-width: 360px) { .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 { padding: 8px 8px; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__item { padding: 10px 9px; border-radius: 13px; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__pic { width: 50px; min-width: 50px; height: 50px; border-radius: 14px; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__topic { font-size: 14px; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__V3 .tRoomI__msg { font-size: 12px; } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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 .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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; } } .TIGERHOST_LTD__ROOM__LIST___Q8M357D2__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; } .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: 52px; height: 52px; 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: 52px; height: 52px; 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 rgba(148, 163, 184, .40) !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); } #THV3_BACKICO { font-size: 16px; } #TH_ROOM_V3 { background: #f2f2f7 !important; } .thRoomTop { height: 44px; 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 { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; text-decoration: none; color: #1677ff; cursor: pointer; } .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; } .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: 78px; display: flex; gap: 4px; padding: 5px 7px; border-radius: 18px; 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; align-items: center; flex-wrap: wrap; justify-content: center; margin-bottom: 11px; } .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); } .thVideoThumb { width: 122px; height: 74px; border-radius: 14px; border: 1px solid rgba(17, 24, 39, .10); position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(255, 255, 255, .55), rgba(255, 255, 255, .25)), radial-gradient(circle at 30% 30%, rgba(17, 24, 39, .10), transparent 55%), radial-gradient(circle at 70% 70%, rgba(17, 24, 39, .08), transparent 55%); box-shadow: 0 10px 18px rgba(17, 24, 39, .10); flex: 0 0 auto; } .thVideoThumb:after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .25), transparent); transform: translateX(-60%); animation: thShimmer 1.2s ease-in-out infinite; } @keyframes thShimmer { 0% { transform: translateX(-60%) } 100% { transform: translateX(60%) } } .thYTCard { width: 100%; max-width: 520px; height: 240px; 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; } @media (max-width: 520px) { .thYTCard { height: 200px } } .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: 64px; height: 64px; 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: 12px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 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; }