* { font-family: serif; font-size: 15.2px!important; line-height: 1.4!important; font-weight: 700!important; text-shadow: none!important; -moz-user-select: none; -ms-user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%!important; text-size-adjust: 100%!important } @font-face { font-family: FontAwesome; src: url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'); font-weight: 400; font-style: normal; font-display: swap } .bg-primary,.btn-primary,.label-primary { background-image: none; background-color: var(--bt-primary)!important } #tlogins .th-login-tabs { margin: 0; background-color: #fff; height: 46px; width: 100%; clear: both; float: none!important; position: relative; z-index: 2 } .th-login-tab-link { padding: 10px 6px!important } .th-login-content { width: 100%; height: 74px } .th-login-pane { padding: 4px!important; width: 100% } .th-login-input { width: 206px; padding: 5px; border-radius: 2px; height: 33px } .th-login-guest-input { margin-top: 35px } .th-login-btn { margin-left: 7px } .th-stealth-btn { color: #000; padding: 4px; margin: 2px; border-radius: 4px } .th-hidden-input { display: none } #tlogins .fa-eye { color: #000; padding: 4px; margin: 2px; border-radius: 4px } #tlogins .th-login-logo { flex: 0 0 24px; display: block; width: 24px; height: 24px; margin-right: 2px; object-fit: fill } #tlogins .th-login-banner-slot { display: block; width: 100%; float: none; clear: both; overflow: hidden; flex: 0 0 auto; max-height: 160px } #tlogins .isbnr.th-login-banner-defer,#tlogins .th-login-banner-defer { display: block; float: none!important; width: 100%; max-width: 100%; height: auto; max-height: 160px; object-fit: fill; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center } #story { border-bottom: 2px solid var(--bt-primary)!important } .bg { background-color: var(--bg-primary)!important } .light { background-color: var(--hi-light) } .mic_chat { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; display: flex; justify-content: flex-start; direction: ltr; background: var(--bt-primary); overflow: visible; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none } .mic_chat::-webkit-scrollbar { display: none } .mic_chat>div>.micborder>hr { margin: 0; border-top-color: var(--bt-primary) } .mic_chat>div>.micborderr { background-image: var(--mic-url2) } .daymsg .u-pic { background-image: var(--daymsg)!important } .btn-primary { color: #fff } .nav>li>a { position: relative; display: block; padding: 10px 15px } @keyframes fadeIn { from { opacity: 0; transform: scale(.95) } to { opacity: 1; transform: scale(1) } } @keyframes pulse { from { box-shadow: 0 4px 10px rgba(255,182,193,.6) } to { box-shadow: 0 8px 20px rgba(255,182,193,.8) } } .youtubeContainer { display: flex; width: 100%; flex-direction: row; overflow-x: auto } .fa-angle-up:before { content: '\f106' } .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 } .youtubeContainer::-webkit-scrollbar { height: 8px } .youtubeContainer::-webkit-scrollbar-thumb { background: var(--bt-primary); border-radius: 4px } .youtubeContainer::-webkit-scrollbar-track { background: #e6e6e6 } .vieYoutube img { max-width: 100%; height: auto; border-radius: 5px } .vieYoutube:hover { border-color: #007bff; background-color: #f0f8ff } .fa-eye:before { content: '\f06e' } .fa-cog:before,.fa-gear:before { content: '\f013' } .fa-group:before,.fa-users:before { content: '\f0c0' } .fa-user:before { content: '\f007' } .fa-trash:before { content: '\f1f8' } .fa-image:before,.fa-photo:before,.fa-picture-o:before { content: '\f03e' } .fa-paper-plane:before,.fa-send:before { content: '\f1d8' } .fa-mail-reply:before,.fa-reply:before { content: '\f112' } .fa-bullhorn:before { content: '\f0a1' } .fa-heart:before { content: '\f004' } .fa-youtube:before { content: '\f16a'; font-weight: 300!important } .fa-search:before { content: '\f002' } .fa-camera:before { content: '\f030' } .fa-comment:before { content: '\f075' } .fa-envelope-o:before { content: '\f003' } .fa-diamond:before { content: '\f219' } .fa-ban:before { content: '\f05e' } #settings .fa-ban:before { content: '\f00c'!important } #settings .fa-comments::before { font-weight: 300 } .fa-user-times:before { content: '\f235' } .fa-star:before { content: '\f005' } .fa-exclamation-triangle:before,.fa-warning:before { content: '\f071' } .fa-check:before { content: '\f00c' } .fa-close:before,.fa-remove:before,.fa-times:before { content: '\f00d' } .fa-comments:before { content: '\f086' } .fa-phone:before { content: '\f095' } .fa-microphone:before { content: '\f130' } .fa-stop:before { content: '\f04d' } .fa-minus:before { content: '\f068' } .fa-volume-up:before { content: '\f028' } .fa-key:before { content: '\f084' } .fa-home:before { content: '\f015' } .fa-edit:before,.fa-pencil-square-o:before { content: '\f044' } .fa-sign-out:before { content: '\f08b' } .fa-floppy-o:before,.fa-save:before { content: '\f0c7' } .fa-refresh:before { content: '\f021' } .fa-chrome:before { content: '\f268' } .fa-internet-explorer:before { content: '\f26b' } .fa-firefox:before { content: '\f269' } .fa-opera:before { content: '\f26a' } .fa-edge:before { content: '\f282' } .fa-scribd:before { content: '\f28a' } .fa-windows:before { content: '\f17a' } .fa-linux:before { content: '\f17c' } .fa-apple:before { content: '\f179' } .fa-times-circle:before { content: '\f057' } .fa-android:before { content: '\f17b' } .fa-th-large:before { content: '\f009' } .fa-bell:before { content: '\f0f3' } .fa-area-chart:before { content: '\f1fe' } .fa-expand:before { content: '\f065' } .fa-compress:before { content: '\f066' } .fa-bell-slash:before { content: '\f1f6' } .fa-plus:before { content: '\f067' } .fa-share-alt:before { content: '\f1e0' } .fa-plus-circle:before { content: '\f055' } .nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent } #d2bc>div.uzr.fl.borderg.MFT.mm { margin-bottom: -17px!important } #d2>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 } .mic_chat video { display: contents!important } a { color: #337ab7; text-decoration: none } .row { margin-right: -15px; margin-left: -15px } th { text-align: left } .fa-th-list::before { content: '\f00b'; font-weight: 300 } body>div.center-block.bg.dad>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; 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; border-color: #ac2925 } .btn-danger .badge { color: #d9534f; background-color: #fff } .tab-content>.tab-pane { display: none } #dpnl>.tab-pane { display: none } #dpnl>.tab-pane.active { display: block } .fa-microphone-slash:before { content: '\f131' } .fa-volume-off:before { content: '\f026' } .fa-graduation-cap:before,.fa-mortar-board:before { content: '\f19d' } .fa-heartbeat:before { content: '\f21e' } .fa-comments::before { content: '\f086' } .fa-bars:before,.fa-navicon:before { content: '\f06d' } #wall .Del_com { margin-top: 8px } #d2bc .thBcType-wall .Del_com { position: relative; z-index: 5; pointer-events: auto; clear: both; touch-action: manipulation; overflow: visible; overflow-x: visible; overflow-y: visible; -ms-overflow-style: none; scrollbar-width: none } #d2bc .thBcType-wall .Del_com>#delmsg,#d2bc .thBcType-wall .Del_com>.comm,#d2bc .thBcType-wall .Del_com>.like2 { position: relative; z-index: 6; pointer-events: auto; touch-action: manipulation } #d2bc .thBcType-wall .Del_com>.comm::before,#d2bc .thBcType-wall .Del_com>.like2::before { font-size: 92% } #d2bc .thBcType-wall .Del_com>.like2 .th-wall-like-count { font-size: inherit!important } #d2bc .thBcType-wall .u-msg.th-bc-msg-media { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch } #d2bc .thBcType-wall .u-msg.th-bc-msg-media>.th-bc-msg-body { flex: 1 1 auto; min-width: 0; width: 100%; max-width: 100%; overflow-wrap: anywhere; word-wrap: break-word; word-break: break-word; display: flex; flex-direction: column; align-items: flex-start; row-gap: 6px } #d2bc .thBcType-wall .u-msg.th-bc-msg-media>.Del_com { float: none; clear: none; flex: 0 0 auto; margin-top: 4px; margin-left: auto; margin-right: 0; align-self: flex-end } #d2bc .thBcType-chat .u-msg.th-bc-msg-media.th-bc-media-inline>.Del_com,#d2bc .thBcType-chat .u-msg.th-bc-msg-media.th-bc-media-inline>.thBcReact,#d2bc .thBcType-wall .u-msg.th-bc-msg-media.th-bc-media-inline>.Del_com { margin-top: -21px!important; margin-left: 0; align-self: end } img.fitsticker { max-width: 90px!important; max-height: 90px!important } #d2bc .u-msg.th-bc-media-inline>.th-bc-msg-body>.th-bc-media-preview,#d2bc .u-msg.th-bc-media-inline>.th-bc-msg-body>button,#d2bc .u-msg.th-bc-media-inline>.th-bc-msg-body>div:has(> button.fa-youtube-play) { display: inline-block; width: auto; max-width: 100%; margin-top: 0 } #d2bc .u-msg.th-bc-msg-media>.th-bc-msg-body>iframe { height: 160px; max-height: 160px } #d2bc .thBcType-chat .u-msg.th-bc-msg-media { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch } #d2bc .thBcType-chat .u-msg.th-bc-msg-media>.th-bc-msg-body { flex: 1 1 auto; width: 100%; max-width: 100%; min-width: 0; overflow-wrap: anywhere; word-wrap: break-word; word-break: break-word; direction: rtl; text-align: left; display: flex; flex-direction: column; align-items: flex-start; row-gap: 6px } #d2bc .thBcType-chat .u-msg.th-bc-msg-media>.Del_com,#d2bc .thBcType-chat .u-msg.th-bc-msg-media>.thBcReact { float: none; clear: none; flex: 0 0 auto; margin-top: 4px!important; margin-left: auto!important; margin-right: 0!important; align-self: flex-end } #d2bc .thBcType-wall .u-msg>.fa-youtube,#d2bc .thBcType-wall .u-msg>button.fa-youtube { position: relative; z-index: 1 } #d2bc .thBcType-wall .u-msg,#d2bc .thBcType-wall .u-msg.break,#d2bc .thBcType-wall .uzr.flex-fill { overflow: hidden; overflow-x: hidden; overflow-y: hidden } #d2bc .thBcType-chat .uzr.flex-fill,#d2bc .thBcType-wall .uzr.flex-fill { width: auto!important; max-width: 100%; min-width: 0; flex: 1 1 0%!important } .tab-content>#wall.active { display: flex!important; flex-direction: column; overflow: hidden; width: 100%; height: 100% } #wall>#d2bc { display: block; width: 100%; flex-grow: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch } #wall>.tablebox.light.d-flex { flex: 0 0 auto } body.bgm { height: 100%; min-height: 100%; max-height: 100%; margin: 0; padding: 0; overflow: hidden } .center-block.bg.dad { width: 100%; height: 100%; max-height: 100%; padding: 0 } .center-block.bg.dad:has(#tlogins) { max-width: 394px; margin-left: auto; margin-right: auto } .center-block.bg.dad:not(:has(#tlogins)) { max-width: none; margin-left: 0; margin-right: 0 } #tlogins { width: 100%; max-width: 390px; height: 100%; min-height: 100%; margin-left: -4px } #lonline { width: 100%; flex-grow: 1 } #room { width: 100%; height: 100%; min-height: 0; flex-direction: column; overflow: hidden } #room[style*="display: block"],#room[style*="display:block"] { display: flex!important } #d2 { display: block; width: 100%; flex-grow: 1; flex-shrink: 1; min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } #room>.div_d2_box,#room>.isreply,.tablebox { flex: 0 0 auto } #dpnl { display: none; position: fixed; top: 0; right: 0; bottom: 36px; min-width: 300px; max-width: 340px; flex-direction: column; z-index: 3 } #dpnl.th-dpnl-open { display: flex!important } .th-dpnl-head { width: 100%; display: flex; align-items: center; flex: 0 0 auto; min-height: 30px; direction: ltr } #dpnl>.th-dpnl-head>.pnhead { position: relative; flex: 1 1 auto; margin: 3px; padding-left: 10px; padding-right: 10px; min-width: 0; direction: rtl; text-align: left } #dpnl>.th-dpnl-head>.th-dpnl-close { flex: 0 0 auto; margin: 0 2px 0 0; border: 1px solid #000; border-radius: 6px!important; padding: 6px 8px } #dpnl.th-dpnl-repaint>.tab-pane.active { isolation: auto } #chats,#rooms,#settings,#users { width: 100%; height: 100%; min-height: 0; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch } #wall { width: 100%; height: 100%; min-height: 0; overflow: hidden } #notF { display: block; width: 100%; flex-grow: 1; overflow-y: auto } .c-flex,.d-flex { flex: 0 1 auto } #d2 .Del_com,.bgg .Del_com { display: none!important } .viewers-list { display: none; background-color: #fff; color: #333; 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,.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 .3s,padding-left .3s } .viewers-list li:hover { background-color: #f5f5f5; padding-left: 10px } .viewers-list strong { display: block; margin-bottom: 10px; font-weight: 700; font-size: 18px; color: #4caf50 } .modal-content { position: relative; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5); box-shadow: 0 3px 9px rgba(0,0,0,.5) } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop.in { opacity: .5 } .uzr .fa-youtube:before { color: #232323; padding-top: 5px; padding-right: 5px; font-size: 39px } #d2bc>div.uzr.d-flex.mm>div>div.u-msg.break>button { margin-top: -5px } #d2bc>div.uzr.d-flex.mm>div>div.u-msg.break>.fa-youtube { margin-top: 8px } .popover { top: 0; left: 0; 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; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); line-break: auto } .popover.top { margin-top: 0 } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left { margin-left: -10px } .btn.active,.btn:active { background-image: none } .btn-primary:focus,.btn-primary:hover { background-position: 0 -15px } .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 } .fa-arrow-left::before { content: '\f060' } .fa-arrow-right::before { content: '\f061' } .bgm { background-color: #40404f } .uhtml { border-bottom: 1px solid #e6e6fa } .uzr .fitimg { background-size: cover; margin: 0 } #d2 .u-pic { height: 50px } .as.borderg.fl.fitimg.hand.u-pic { width: 52px; height: 52px } .btn-primary,.label-primary { background-color: #000 } .bgg { background-color: #778899 } .pophead { background-color: #708090 } .fr { float: right } .fl { float: left } b,strong { font-weight: 700 } h1 { font-size: 2em; margin: .67em 0 } img { border: 0; vertical-align: middle } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee } button,input,select,textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button,select { text-transform: none } [role=button],button,html input[type=button] { cursor: pointer } button[disabled],html input[disabled] { cursor: default } input { line-height: normal } textarea { overflow: auto } html { height: 100vh; width: 100vw; font-size: 10px } body { font-family: helvetica neue,Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #40404f } button,input,select,textarea { font-family: inherit; font-size: inherit; line-height: inherit } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700 } input[type=checkbox] { margin: 4px 0 0; 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,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } .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:focus,.nav>li>a:hover { text-decoration: none; background-color: #eee } .nav>li.disabled>a { color: #777 } .nav>li.disabled>a:focus,.nav>li.disabled>a:hover { color: #777; text-decoration: none; cursor: not-allowed; background-color: transparent } .nav .open>a,.nav .open>a:focus,.nav .open>a:hover { 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 } .tab-content>.active { display: block } .label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em } a.label:focus,a.label:hover { 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]:focus,.label-success[href]:hover { background-color: #449d44 } .label-info { background-color: #5bc0de } .label-info[href]:focus,.label-info[href]:hover { background-color: #31b0d5 } .label-warning { background-color: #f0ad4e } .label-danger { background-color: #d9534f } .label-danger[href]:focus,.label-danger[href]:hover { background-color: #c9302c } .badge { display: inline-block; min-width: 10px; 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:focus,.close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .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 .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .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-open .modal { overflow-x: hidden; overflow-y: auto } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-header { border-bottom: 1px solid #e5e5e5 } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .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,.5); box-shadow: 0 5px 15px rgba(0,0,0,.5) } .modal-sm { width: 300px } } @media (min-width: 992px) { .modal-lg { width:900px } } .center-block { display: block; margin-right: auto; margin-left: auto } .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!important } .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 1px 2px } .btn:not(.uc),.label:not(.uc) { border-radius: 1px!important } button.btn { padding: 5px!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; border: 1px solid #d3d3d3; padding: 6px; max-height: 32px; min-height: 32px; height: 32px; font-weight: 700; overflow: hidden; resize: none } #tbox.box_text { white-space: pre-wrap!important; min-width: 0 } #tbox.box_text::placeholder { white-space: nowrap!important; overflow: hidden; text-overflow: ellipsis; opacity: 1 } .emoii { width: 22px; max-width: 22px; height: 22px; margin: 0; padding: 5px } .vhid { display: none!important } .noflow { overflow: hidden } .popover { overflow-y: auto; white-space: pre-wrap } .item3 { font-size: 16px!important; color: #000 } .item5 { color: gray } .grid-container { background: #f0f8ff; text-align: right; margin-left: 50px; padding: 8px; border-left: 6px solid #6495ed } .isreply .grid-container.th-room-reply,.u-rply .grid-container.th-room-reply { background: #edf4ff; border-left-color: #3b82f6; border-radius: 6px; text-align: left } .u-rply .grid-container.th-room-reply { margin-left: 0; border-left-width: 4px } .th-room-reply .item3,.th-room-reply .th-room-reply-who { color: #1d4ed8 } .th-room-reply .th-room-reply-on { color: #64748b; font-weight: 400 } .th-room-reply .item5 { color: #475569 } .active { color: #555; cursor: default; background-color: #fff; border-bottom-color: transparent } #pass1,#pass2,#u1,#u2,#u3 { padding: 5px; margin-bottom: 2px; border-radius: 2px; height: 33px; border: 1px solid rgb(0 0 0)!important } .fa-user-plus::before { content: '\f234' } .bgg div>div.uzr.flex-fill.break>div.d-flex.fr { display: none } .mic_chat>div>.micborder>.fa-microphone { font-size: 16px!important; text-align: center; margin-top: 2px } span.flex-grow-1.dots { text-align: center } .u-topic.dots { white-space: nowrap; max-width: 130% } .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,.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: .15s } .typingIndicatorBubbleDot:nth-of-type(3) { animation-delay: .3s } @keyframes bounce { 0%,100%,60% { transform: translateY(0) } 30% { transform: translateY(-4px) } } .hid { display: none } .hand { cursor: hand } .break { overflow: auto; word-wrap: break-word; overflow-x: hidden; overflow-wrap: break-word } .modal-body { position: relative } .u-ico { padding-right: 2px; margin-top: 1px; margin-left: 2px; min-height: 10px; max-height: 18px; display: inline-block; vertical-align: middle; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; background-position: left center; margin-right: 3px } .thUIcoEmpty,.u-ico.thUIcoEmpty { display: none!important; width: 0!important; height: 0!important; min-width: 0!important; min-height: 0!important; margin: 0!important; padding: 0!important; background: 0 0!important } .emoi { max-width: 260px; max-height: 24px } .unread { background-color: #ffc89d!important } div { line-height: 20px } .fa-commenting::before { content: '\f27a' } td,th { padding: 0 } .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 } .dots { display: inline-block; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; max-width: 100% } .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 } .tab-pane { padding: 0 } .popover-content { padding: 1px } .notification { min-width: 180px; max-width: 260px; border: 1px solid #000; z-index: 2000; background-color: #efefef; position: relative; padding: 5px; border-radius: 0; margin: .7rem auto 0 } .notification__title.label-primary { border-radius: 0!important; border: 0!important } .notification__sender__avatar { border-radius: 5px; margin-right: .1em; width: 30px; height: 30px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; flex: 0 0 auto } .rank-bades .th-rank-badge { width: 42px; height: 42px; flex: 0 0 auto; display: inline-block } .rank-bades .th-rank-badge-dim { opacity: .8 } .notification__sender__name { margin: .2em 0; font-size: .6rem; font-weight: 700; padding: .15em 0 0; max-width: 80%; color: #000; display: inline-block } .notification p { margin-bottom: .4em } .notification__message { font-size: .6rem; font-weight: 700; margin-top: .2em; width: 100%; padding: 0 .2em; word-break: break-word } .notification__time { position: absolute; top: .2rem; right: .2rem; font-size: .5rem } .notification__title { font-size: .6rem; text-align: center; margin: -14px auto 0; width: 50%; border: 1px solid #000; border-radius: 5px; line-height: 1.6 } .flex-grow-1 { flex-grow: 1!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 } .mic_chat>div { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; direction: ltr; max-width: none; width: max-content; flex-shrink: 0 } .mic_chat>div>#mutedmicplay,.mic_chat>div>#mutedmicstop,.mic_chat>div>.th-mic-sound-off,.mic_chat>div>.th-mic-sound-on { order: 0 } .mic_chat>div>.mic5 { order: 1 } .mic_chat>div>.mic4 { order: 2 } .mic_chat>div>.mic3 { order: 3 } .mic_chat>div>.mic2 { order: 4 } .mic_chat>div>.mic1 { order: 5 } .mic_chat>div>.camlive,.mic_chat>div>.th-mic-cam { order: 6 } .mic_chat>div>.micborder { float: none; flex-shrink: 0; 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: none } .mic_chat>div>.micborder img { padding: 2px } .c-flex { display: flex; flex-direction: column } .mic_chat>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 } #d2 .MFT { background-size: 100%; border-radius: 0!important; width: 100%; margin-left: -1px!important } #mute,#mute1 { color: #000; margin: 4px; padding: 8px; width: 99%; border: 1px solid #4e4e4e } #settings .fa-bell-slash:before,#settings .fa-bell:before { float: left } #users .fl.u-pic { height: 56px!important; width: 56px!important } .Border_TH .light { border: 1px solid #d5d5d5 } #d2bc.fitimg.fl.u-pic { height: 49px!important; width: 55px!important } .story,.wall { background-color: #906464; color: #fff; margin: 4px; padding: 8px; width: 45%; border: 1px solid #000!important; text-align: center } .uhtml { text-align: left; width: 100%; margin: 0!important; padding-right: 1px; background-color: #fff } .uhtml .co.ico { display: inline-block; width: 18px; height: 18px; border-radius: 1px; margin-top: -2px; margin-left: 1px; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center } .d-flex { display: flex } .TH_MEsG { outline: 0 } #chats .u-pic { width: 56px; height: 56px; min-width: 56px; min-height: 56px; max-width: 56px; max-height: 56px; flex-shrink: 0 } #chats .ustat { width: 3px!important; height: 56px!important } #chats .label-danger { border: 0 } #users .fl.ustat { width: 4px!important; height: 80px!important; margin: -2px } img.ustat.th-ustat-css { min-width: 4px!important; flex-shrink: 0!important; background-repeat: no-repeat!important; background-position: center!important; background-size: 100% 100%!important; object-fit: fill!important; image-rendering: auto!important } img.ustat.th-ustat-s0 { background-color: #4fdd79!important } img.ustat.th-ustat-s1 { background-color: #ffc90e!important } img.ustat.th-ustat-s2 { background-color: #ed1c24!important } img.ustat.th-ustat-s3 { background-color: #c8d5e6!important } img.ustat.th-ustat-s4 { background-color: #00a2e8!important } img.ustat.th-ustat-s5 { background-color: #98b5bc!important } img.ustat.th-ustat-s6 { background-color: #c8d5e6!important } #users .hand.nosel.fl.uzr.borderg { border: 1px solid #e6e6fa!important; text-align: left!important; width: 107%!important; margin: 0 0 -2px!important; border-bottom: 1px solid #f2f2ff!important; padding-right: 1px!important; cursor: pointer; background-size: 100% 100%!important } #users .fr.co { right: 0; position: sticky } #users .u-topic.dots { margin-left: 1px!important; margin-top: 2px!important } #dpnl .uhash { position: relative } #users .fl.hand.nosel.uzr.uhtml { text-align: left; width: 100%; margin: 0!important; border-bottom: 1px solid #e6e6fa; padding-right: 1px; background-color: #fff } #TH_WETCH .fl.borderg.corner.uzr { margin-left: 2px!important; border-radius: 37px; height: 71px; border: 1px solid #5f92a1; box-shadow: 7px 7px 50px #a4afc5 } #ZAYWETCH_TH { background: #e91e63db!important; color: #fff; border-radius: 80px 80px 0 0!important; border: 0 } #TH_WETCH img.corner.borderg.fl { width: 80px!important; height: 69px!important; border-radius: 50%; margin: 0; border: 0 } #TH_WETCH .u-topic.dots { display: flex; align-items: baseline; margin: 5px 0 0 } #TH_WETCH .break.fl { text-align: center; color: #fff; position: relative; margin: -34px 0 0 92px; border-radius: 4px; font-family: el messiri,FontAwesome!important; width: 67%!important; font-weight: 300!important } #TH_WETCH .hand.corner.wetchnot { display: contents } #d2>div.uzr.d-flex.pmsgcx2>.btn-like.fr,#d2>div.uzr.d-flex.pmsgcx2>div.btn.minix.btn-primary.fa.fa-reply.fr,#d2>div.uzr.d-flex.pmsgcx2>div.btn.minix.btn-primary.fa.fa-times.fr,#d2>div.uzr.d-flex.pmsgcxx>.btn-like.fr,#d2>div.uzr.d-flex.pmsgcxx>div.btn.minix.btn-primary.fa.fa-reply.fr,#d2>div.uzr.d-flex.pmsgcxx>div.btn.minix.btn-primary.fa.fa-times.fr { display: none!important } #d2>div.uzr.d-flex.pmsgcx2>div.fitimg.u-pic { border-radius: 50%!important; width: 67px!important; max-width: 67px!important; min-width: 67px!important; margin-top: 9px } #d2>div.uzr.d-flex.pmsgcx2.mm { background: -webkit-linear-gradient(135deg,#61e0f9,#fff)!important; height: 80px } #d2>div.uzr.d-flex.pmsgcx2>div.uzr.flex-fill.break>div.u-msg.break { color: #000!important; font-family: 'el messiri'; display: inline-grid; text-align: center } #d2>div.uzr.d-flex.pmsgcx2>div.uzr.flex-fill.break>div.u-msg.break>label { background: #f1feff; padding: 5px; border-radius: 25px 0; text-align: center; width: 308px; font-weight: 300!important; font-family: 'el messiri' } #d2>div.uzr.d-flex.pmsgcx2>div.btn.minix.btn-primary.fa.fa-reply.fr,#d2>div.uzr.d-flex.pmsgcx2>div.btn.minix.btn-primary.fa.fa-times.fr { display: none!important } .dpnl { border: 0!important } #chats .fl.mini.u-msg.dots { margin-top: 0!important } #upro iframe,#users iframe { min-width: 240px; top: 69px; display: inline-block; position: absolute; height: 256px; left: 0; margin: 0 } .ntop { width: 33px; display: inline-block; margin: 0 0 0 -10px; padding: 13px 0 0 7px!important; background-size: 121% 114%!important; background-repeat: no-repeat; height: 39px } #top10>div.ltop>div:first-child { background-color: #ffb850!important } #top10>div.ltop>div:nth-child(2) { background-color: #cddc39!important } #top10>div.ltop>div:nth-child(3) { background-color: #00bcd4!important } #top10>div.ltop>div:nth-child(4) { background-color: #f5bdff!important } #top10>div.ltop>div:nth-child(5) { background-color: #41efa3!important } #top10>div.ltop>div:nth-child(6) { background-color: #58ff5f!important } #top10>div.ltop>div:nth-child(7) { background-color: #eb73ff!important } textarea#usearch::placeholder { color: #fff } #more .fa-youtube:before { color: red; font-weight: 200 } #more .fa-bell-slash:before,#more .fa-bell:before,#more .fa-send:before { left: 10px!important; position: absolute; float: inline-start } .bg,.bgm,.fl,button,label { outline: 0; -webkit-tap-highlight-color: transparent; -moz-user-select: text; -webkit-user-select: text; -ms-user-select: text; user-select: text } .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 } .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!important } #rooms .fl.u-pic { height: 58px!important; border: 1px solid #a4a4a4!important; margin-left: -2px; min-height: 58px; max-height: 58px; width: 58px!important } .bgg .fl.ustat { height: 20px!important } #rooms .bord { border-right: 4px solid #1e90ff!important; padding: 0!important; border-left: 4px solid #1e90ff!important } .star.ashh { display: none } .uhtml .u-pic { min-width: 52px; width: 52px; min-height: 52px; max-height: 61px; background-color: #f3f3f3; flex-shrink: 0 } .flex-fill { flex: 1 1 auto!important } #settings .tc { border-radius: 3px!important; padding: 7px!important; border: 1px solid #2b2b2b!important; margin: 2px 0 0 1px!important; width: 99.6%!important } #blockpro { margin: 16px 0 0 -18px!important } textarea:focus { outline: 0; box-shadow: none } span#name { height: 26px!important; padding: 5px 0 0 1px!important; top: 12px!important; right: 1px; width: 53px; border-radius: 0 0 6px 6px; background: #ffffffa8!important; margin-top: 12px; color: #000!important } #users .d-flex.fl { max-height: 200px } .fa { display: inline-block; font: 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .camlive video { position: absolute; height: 270px; right: 0; margin: 338px -3px 0 28px; border-radius: 0; display: block!important; border: 3px solid #4caf50; filter: drop-shadow(2px 2px 4px black) } .fa-video-camera:before { content: '\f03d'; margin: 0 4px 0 -2px } .mic_chat>div>.micborder.camlive { background-image: url(/cam.png); background-size: 140% } #tlogins .u-pic { min-width: 52px; width: 52px; min-height: 48px; max-height: 62px; background-color: #f3f3f3; margin-top: 1px } #tlogins .u-msg { max-height: 40px; color: #888 } @font-face { font-family: el messiri; font-style: normal; font-weight: 400; src: local('El Messiri'),url(/fonts/ElMessiri.woff) format('woff') } #more .fa::before { position: static!important } #users .u-msg { margin-top: 0!important; max-height: 39px!important } #mkr input[type=checkbox] { margin: 0 5px -5px 0 } #story::-webkit-scrollbar { display: none } #story video.fitimg.u-pic.borderg { cursor: pointer; border-radius: 6px!important; background-size: cover; overflow: hidden; flex-direction: column; position: relative; margin-bottom: 10px; object-fit: cover!important; min-width: 45px!important; width: 54px!important; height: 73px!important } #story img.fitimg.u-pic.borderg { cursor: pointer; overflow: hidden; flex-direction: column; position: relative; margin-bottom: 16px; border: 0; padding: 0; border-radius: 0!important; background-size: 100% 100%; height: 75px!important } #story>div.itemstory>div.str>div:nth-child(2) { position: absolute; bottom: .1rem; font-size: .4rem!important; color: #fff!important; margin-bottom: 5px; margin-left: 3px } @keyframes fadeInUp { 0% { opacity: 0; transform: translateX(-50%) translateY(30px) } 100% { opacity: 1; transform: translateX(-50%) translateY(0) } } .fa-wifi:before { content: '\f1eb' } #upro { overflow: auto; padding-left: 0!important } .modal-body { padding: 10px } @keyframes rotateBorder { 0% { transform: rotate(0) } 100% { transform: rotate(360deg) } } #upro .fa.fa-star.checked { color: #ffc047; font-weight: 300!important } #upro .fa.fa-star:not(.th-upro-green):not(.ubnr) { font-weight: 300!important; color: #bbbbbb8f } #tlogins .fa.fa-star { font-weight: 300!important; color: #9595958f!important; margin-top: 4px; margin-bottom: -2px } #lonline>div>div.d-flex.fl>div>div.new-stars_users_uhtml { margin-top: -8px!important; margin-bottom: 1px; padding-top: 2px; justify-content: center } #rooms .DivBanner { display: flex; margin-bottom: -4px; align-items: center; flex-direction: column; position: relative } #rooms .DivBanner .u-topic-baner { position: absolute; left: 0; margin-top: -148px; font-family: 'El Messiri',FontAwesome!important } #rooms .u-msg-baner { display: none } #rooms .uc-baner { margin-top: -31px!important; width: 338px; margin-left: 0!important; background-color: #3939396b!important } #chats div.fl.hand.nosel.uzr.uhtml>div.c-flex.fr>img { display: none } @keyframes gradientAnimation { 0%,100% { background: #ff9f68 } 33% { background: #ff6b6b } 66% { background: #6bbaff } } #d0 button.filter_notf,#d0>button.fl.fa.fa-bell { background: #000!important; color: #fff!important; border: none; transition: none!important; animation: none!important } #d0 button.filter_notf:before,#d0>button.fl.fa.fa-bell:before { position: relative; z-index: 2; color: #fff!important } #d0 button.filter_notf::after,#d0>button.fl.fa.fa-bell::after { content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 2px; box-sizing: border-box; pointer-events: none; z-index: 0; background: conic-gradient(#ff2bd6,#3d9eff,#ffe14a,#ff7a18,#ff2bd6); -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite: exclude } #d0 button.filter_notf .notification-count,#d0>button.fl.fa.fa-bell .notification-count { position: relative; z-index: 3 } .is_speaking { -webkit-animation: .7s linear infinite ripple; animation: .7s linear infinite ripple } @-webkit-keyframes ripple { 0% { box-shadow: 0 0 0 0 transparent,0 0 0 1px rgba(0,200,45,.3),0 0 0 2px rgba(0,200,45,.3),0 0 0 3px rgba(0,200,45,.3) } to { box-shadow: 0 0 0 1px rgba(0,200,45,.3),0 0 0 4px rgba(0,200,45,.3),0 0 0 5px rgba(0,200,45,.3),0 0 0 6px transparent } } @keyframes ripple { 0% { box-shadow: 0 0 0 0 transparent,0 0 0 1px rgba(0,200,45,.3),0 0 0 2px rgba(0,200,45,.3),0 0 0 3px rgba(0,200,45,.3) } to { box-shadow: 0 0 0 1px rgba(0,200,45,.3),0 0 0 4px rgba(0,200,45,.3),0 0 0 5px rgba(0,200,45,.3),0 0 0 6px transparent } } .like-btn { font-size: 28px!important; cursor: pointer; user-select: none; transition: transform .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: .6s forwards burst } @keyframes burst { 0% { transform: scale(.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 } div.uzr.d-flex.Welcome_user .u-ico { display: none } .hostwelcome { font-size: 10px!important; font-weight: 700; color: transparent; background-image: linear-gradient(90deg,#ff7eb3,#ff758c,#a591e2,#758cff); background-size: 200%; -webkit-background-clip: text; background-clip: text!important; animation: 3s linear infinite glow; font-family: 'el messiri' } @keyframes glow { 0%,100% { background-position: 0 50% } 50% { background-position: 100% 50% } } @supports not (--css: variables) { .hostwelcome { color:#ff7eb3; background: 0 0 } } .daymsg,.welcpic { background-color: rgba(0,77,255,.08)!important } .hmsg { background-color: linen!important } .loginItmsS,.loginItmsS1 { opacity: 0; transform: translateX(-100%); animation: 7s ease-in-out forwards slideInOut } @keyframes slideInOut { 0%,100% { opacity: 0; transform: translateX(-100%) } 10%,85% { opacity: 1; transform: translateX(0) } } .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; right: 0; top: 30px; width: 250px; height: 51px } .loginItmsS { position: absolute; display: none; background-image: url(/imgs/l1.png?v=20260726a)!important; background-repeat: no-repeat; background-size: 100% 100%; left: 0; top: 43px; width: 327px; height: 179px } .loginItmsS1 { position: absolute; display: none; background-image: url(/imgs/l2.png?v=20260726a)!important; background-repeat: no-repeat; background-size: 100% 100%; left: 0; top: 43px; width: 325px; height: 178px } .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: 35px 216px 1px 1px; background-size: cover; border-radius: 50%; box-shadow: 0 0 0 2px #efa9c54a } .loginImgG1 { float: right; width: 66px; height: 68px; margin: 39px 215px 1px 1px; background-size: cover; border-radius: 50%; box-shadow: 0 0 0 5px #ecbf6d45 } .loginLogo { float: right; margin: -20px 1px 1px } .loginLogoO,.loginLogoO1 { float: right; margin: -20px 1px 1px; display: none } .loginIco,.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; 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: el messiri,FontAwesome!important } .loginUserNameE,.loginUserNameE1 { max-width: 168px; min-width: 100px; white-space: nowrap; overflow: hidden!important; text-overflow: ellipsis; font-family: el messiri,FontAwesome!important; margin-left: 43px; float: right; width: 150px } .loginUserNameE { color: #000; margin-top: -32px; margin-right: 42px } .loginUserNameE1 { color: #0c0c0c; margin-top: -37px; margin-right: 32px } .story-avatar { position: absolute; top: 2px; left: 4px; width: 24px; height: 24px; border-radius: 50%; background: center/cover no-repeat #ddd; border: 2px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.25); z-index: 2 } .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,.35); border-radius: 2px; overflow: hidden } .story-progress .sp-fill { width: 0%; height: 100%; background: #fff; transition: width .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 } #d2>.uzr.d-flex.pmsgcx2.mm,#d2>.uzr.d-flex.pmsgcxx.mm { background: var(--card-bg)!important; border: 1px solid var(--card-border)!important; border-radius: var(--card-radius)!important; box-shadow: var(--card-shadow)!important; padding: 10px 12px!important; margin: 8px 6px!important; height: auto!important; align-items: center; gap: 10px; transition: transform .18s,box-shadow .18s,border-color .18s } .bwall,.pmc { margin-right: 3px } #d2>.uzr.d-flex.pmsgcx2.mm:hover,#d2>.uzr.d-flex.pmsgcxx.mm:hover { transform: translateY(-1px); box-shadow: 0 10px 22px rgba(0,0,0,.08)!important; border-color: rgba(37,99,235,.25)!important } #d2>.uzr.d-flex.pmsgcx2.mm>.u-pic,#d2>.uzr.d-flex.pmsgcxx.mm>.u-pic { width: 52px!important; height: 52px!important; min-width: 52px!important; max-height: 52px!important; border-radius: 50%!important; object-fit: cover; outline: #fff2 solid 2px!important; box-shadow: inset 0 0 0 1px var(--card-border),0 2px 8px rgba(0,0,0,.07) } #d2>.uzr.d-flex.pmsgcx2.mm>.uzr.flex-fill.break,#d2>.uzr.d-flex.pmsgcxx.mm>.uzr.flex-fill.break { overflow: hidden!important; padding: 2px 2px 0!important } #d2 .pmsgcx2 .d-flex:first-of-type,#d2 .pmsgcxx .d-flex:first-of-type { height: 22px!important; align-items: center } #d2 .pmsgcx2 .u-topic,#d2 .pmsgcxx .u-topic { max-width: 60%; font-family: Cairo,'El Messiri',system-ui,-apple-system,Segoe UI,Arial,sans-serif; font-weight: 700; font-size: 13px; line-height: 1; color: var(--chip-text)!important; background: var(--chip-bg)!important; border-radius: 6px!important; padding: 4px 8px!important; margin-inline-start:4px!important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default } #d2 .pmsgcx2 .tago,#d2 .pmsgcxx .tago { font-size: 12px!important; color: var(--text-muted)!important; padding-inline:4px!important} #d2>.uzr.d-flex.mm,#wall .uzr.d-flex.mm,.bgg .uzr.d-flex.mm { position: relative; z-index: 0 } #d2>.uzr.d-flex.mm>.tago,#wall .uzr.d-flex.mm>.tago,.bgg .uzr.d-flex.mm>.tago { position: absolute; top: 0; right: 0 } #d2>.uzr.d-flex.mm>.btn-like.fr,#d2>.uzr.d-flex.mm>.fa-reply.fr,#d2>.uzr.d-flex.mm>.fa-times.fr,.bgg .uzr.d-flex.mm>.fa-reply.fr,.bgg .uzr.d-flex.mm>.fa-times.fr,.bgg .uzr.d-flex.mm>.thPmReplyBtn { margin-top: 25px!important; margin-bottom: 0!important } #d2 .pmsgcx2 .u-msg.break,#d2 .pmsgcxx .u-msg.break { width: 100%!important; display: flex!important; align-items: center; gap: 8px; padding: 8px 10px!important; margin-top: 6px; border-radius: 10px; background: var(--msg-bg)!important; color: var(--msg-text)!important; font-family: Cairo,'El Messiri',system-ui,-apple-system,Segoe UI,Arial,sans-serif!important; font-size: 14px!important; font-weight: 500!important } #d2 .pmsgcx2 .u-msg.break .fa-trash,#d2 .pmsgcxx .u-msg.break .fa-history { margin-top: 0!important; margin-inline-start:auto!important;color: var(--accent)!important; font-size: 13px!important; opacity: .9 } .fa-history::before { content: '\f1da' } #d2>div.uzr.d-flex.pmsgcx2.mm,#d2>div.uzr.d-flex.pmsgcxx.mm { background-image: none!important } #d2>div.uzr.d-flex.pmsgcx2>div.uzr.flex-fill.break>div.u-msg.break,#d2>div.uzr.d-flex.pmsgcxx>div.uzr.flex-fill.break>div.u-msg.break { text-align: start!important; display: flex!important; color: var(--msg-text)!important; font-weight: 500!important } #d2>div.uzr.d-flex.Welcome_user.mm>div>div.d-flex,.Welcome_user .fitimg.u-pic { display: none!important } .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: Cairo,'Segoe UI',Tahoma,Arial,sans-serif; color: #0f172a; font-size: 13px!important; line-height: 1.1!important; width: 100%; justify-content: flex-start } #d2 .like-count { font-size: 11px!important } .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,.06); border: 1px solid rgba(16,24,40,.04) } .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: #d789d3; 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 .16s,box-shadow .16s; box-shadow: 0 12px 30px rgba(8,15,30,.06) } @media (prefers-color-scheme: dark) { .Welcome_user .welcome-compact { background:linear-gradient(180deg,rgba(10,14,20,.6),rgba(8,12,18,.6)); border: 1px solid rgba(255,255,255,.04); color: #e6eef8; box-shadow: 0 10px 28px rgba(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,.04) } } .fa-image:before,.fa-photo:before,.fa-picture-o:before { margin-right: 5px } body>div.ppop.light.border.break.ppop-color-container { margin-left: -73px; margin-top: 1px } #lonline .u-msg,#users .u-msg,.nosel,.profile-name,.tago,.u-topic { -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 } #users>div>div>div.d-flex.fl>div>div.d-flex.dots>div { display: flex; justify-content: space-between } body>div.center-block.bg.dad>div>div.break.fl>img { width: auto; max-width: 100px } .story-thumb { position: relative; width: 60px; height: 75px; border-radius: 5px; overflow: hidden; margin-top: 0 } #story .str { display: flex; align-items: center; justify-content: center; margin-top: 0; width: 57px!important; position: relative } .fa-sign-in::before { content: "\f090"; margin-right: 3px } #d2 div.fl.fa.fa-sign-in.btn.btn-primary.dots.roomh.border.corner { margin-right: 1px!important; margin-left: -4px!important; padding: 4px!important; max-width: 180px!important; min-width: 60px!important; margin-top: 1px!important; font-size: 13px!important } #d2 .uzr.mm { padding: 0 0 0 2px!important } .bgg .uzr.mm { padding: 0 0 0 1px!important } .fa-ticket:before { content: "\f145" } .fa-star-half-o:before { content: "\f123" } #sultan13,.Tiger_a,.th-marquee-wrap,marquee { display: none } #btns-wrap.front-style-1 { padding: 0; margin-top: 2px } #login-btn-holder a::before { margin-inline-end:5px} #login-btn-holder.front-style-1 { display: flex; align-items: center; margin: 0; padding: 0; justify-content: center; gap: 3px } .login-btn-holder__btn.front-style-1 { width: 85px; padding: 1px; height: 22px } .login-btn-holder__btn.front-style-1.btn-subs { border-radius: 0 0 0 15px!important } .login-btn-holder__btn.front-style-1.btn-app,.login-btn-holder__btn.front-style-1.btn-rules { border-radius: 0!important } .login-btn-holder__btn.front-style-1.btn-contact { border-radius: 0 0 15px!important } .marquee-wrap.front-style-1,.marquee-wrap.front-style-2 { text-align: center; color: #fff; font-family: jazeera,FontAwesome; margin-right: -1px; margin-top: 3px; border-radius: 30px!important; width: 100%; padding: 1px } #btns-wrap.front-style-2 { padding: 0; margin-top: 3px } #login-btn-holder.front-style-2 { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0 0 2px; padding: 0 2px; flex-wrap: nowrap } .login-btn-holder__btn.front-style-2 { width: 84px; height: 28px; padding: 3px 6px; border-radius: 999px!important; border: 1px solid rgba(255,255,255,.18)!important; color: #fff!important; font-size: 12px!important; font-weight: 700!important; display: inline-flex!important; align-items: center; justify-content: center; gap: 4px; text-decoration: none!important; transition: transform .2s,box-shadow .2s,background-color .2s,border-color .2s } .login-btn-holder__btn.front-style-2:active,.login-btn-holder__btn.front-style-2:focus,.login-btn-holder__btn.front-style-2:hover { background: linear-gradient(180deg,rgba(148,163,184,.35) 0,rgba(107,114,128,.32) 100%)!important; border-color: rgba(255,255,255,.28)!important; color: #fff!important; box-shadow: 0 6px 16px rgba(0,0,0,.24); transform: translateY(-1px) } #btns-wrap.front-style-3 { padding: 7px 5px; margin-top: 4px; background: rgba(10,25,47,.8); backdrop-filter: blur(10px); border-bottom: 1px solid rgba(0,212,255,.2); border-radius: 3px } #login-btn-holder.front-style-3 { display: flex; align-items: center; justify-content: center; gap: 5px; margin: 0; padding: 0 2px; flex-wrap: nowrap; flex-direction: row-reverse } .login-btn-holder__btn.front-style-3 { flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px; height: 33px; border-radius: 8px!important; text-decoration: none!important; transition: .3s } .login-btn-holder__btn.front-style-3:active,.login-btn-holder__btn.front-style-3:focus,.login-btn-holder__btn.front-style-3:hover { background: rgba(255,255,255,.16)!important; border-color: rgba(255,255,255,.24)!important; color: #fff!important; box-shadow: 0 6px 18px rgba(0,0,0,.24); transform: translateY(-1px) } .marquee-wrap.front-style-3 { width: 100%; margin-top: 4px; padding: 3px; border-radius: 999px!important; text-align: center; color: #fff; font-family: jazeera,FontAwesome; border: 1px solid rgba(255,255,255,.14); overflow: hidden; backdrop-filter: blur(3px); background: linear-gradient(90deg,#152643,#283c5d); border-right: 3px solid #607d8b; border-left: 3px solid #607d8b } #login-btn-holder>a.login-btn-holder__btn.fa.fa-phone.btn.btn-primary.minix.front-style-3.btn-contact { background: linear-gradient(45deg,#ff8c00,#ff4500)!important; color: #fff!important } #login-btn-holder>a.login-btn-holder__btn.fa.fa-android.btn.btn-primary.minix.front-style-3.btn-app,#login-btn-holder>a.login-btn-holder__btn.fa.fa-ticket.btn.btn-primary.minix.front-style-3.btn-rules { color: #fff!important; background: rgba(17,34,64,.9)!important; border: 1px solid #00d4ff!important } #login-btn-holder>a.login-btn-holder__btn.fa.fa-star-half-o.btn.btn-primary.minix.front-style-3.btn-subs { color: #fff!important; background: #9e9e9e!important; border: 1px solid rgba(255,255,255,.1) } #btns-wrap.front-style-4 { padding: 3px; margin-top: 3px; background: #f8fafc; border-radius: 20px; box-shadow: 0 4px 20px rgba(0,0,0,.05); border: 1px solid #e2e8f0 } #login-btn-holder.front-style-4 { display: flex; align-items: center; justify-content: center; gap: 10px; flex-direction: row-reverse } .login-btn-holder__btn.front-style-4 { flex: 1; display: flex; align-items: center; justify-content: center; gap: 5px; height: 34px; border-radius: 20px 5px!important; text-decoration: none!important; transition: .3s cubic-bezier(.4, 0, .2, 1); font-weight: 700; font-size: 11px; text-transform: uppercase } .login-btn-holder__btn.front-style-4:hover { border-radius: 5px 20px; transform: scale(1.05); box-shadow: 0 8px 15px rgba(0,0,0,.1) } #login-btn-holder>a.login-btn-holder__btn.btn-contact.front-style-4 { background: linear-gradient(45deg,#ff79a6,#e91e63)!important; color: #fff!important; border: none } #login-btn-holder>a.login-btn-holder__btn.btn-app.front-style-4 { background: #fff!important; color: #1e293b!important; border: 2px solid #1e293b!important } #login-btn-holder>a.login-btn-holder__btn.btn-rules.front-style-4 { background: #1e293b!important; color: #f1f5f9!important; border: none!important } #login-btn-holder>a.login-btn-holder__btn.btn-subs.front-style-4 { background: #fbbf24!important; color: #78350f!important; border: 1px solid #d97706!important } .marquee-wrap.front-style-4 { width: 100%; margin-top: 3px; padding: 3px; border-radius: 1px; background: #ebebeb!important; overflow: hidden; color: #000; border-left: 4px solid var(--bt-primary) } .th-marquee-track { display: flex; white-space: nowrap; min-width: 100%; padding: 0 } .btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus,a.label.bg.d-flex.fl:focus,a.label.bg.d-flex.fl:focus-visible,div.label.bg.d-flex.fl:focus,div.label.bg.d-flex.fl:focus-visible { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .btn.focus,.btn:focus,.btn:hover { text-decoration: none } .tutop10 { display: flex; justify-content: center; margin: 40px 0 0 } .top-user { text-align: center; position: relative } .top-img { border-radius: 50% } .top-img-small { padding: 2px; width: 80px; height: 80px } .top-img-big { width: 90px; height: 90px } .top-user-2 .top-img { border: 4px solid silver; margin: 20px 25px 10px 10px } .top-user-1 .top-img { border: 4px solid rgb(255 152 0) } .top-user-3 .top-img { border: 4px solid #cd7f32; margin: 25px 10px 10px 25px } .top-crown { width: 55px; margin-block-start:-228px} .top-name { position: relative; font-family: cursive; color: #fff } .top-name-1 { margin-top: -10px } .top-name-2 { left: -7px } .top-name-3 { width: 100px; left: 15px } .top-badge { position: absolute; color: #312244; font-size: 15px!important; border-radius: 50%; height: 30px; width: 30px; margin-top: -48px; border: 4px solid #312244 } .top-badge-1 { background: rgb(255 152 0); margin-left: 30px } .top-badge-2 { background: silver; margin-left: 35px } .top-badge-3 { background: #cd7f32; margin-left: 49px } .top-rank { position: relative; font-family: sans-serif; color: #a9a9a9; font-size: 13px!important } .top-rank-2 { left: -7px } .top-rank-3 { left: 10px } .ltop { height: auto; margin: 20px } .th-settings { height: 100%; width: 100%; padding: 0; border: 1px solid } .th-settings-box { background-color: #fff; width: 100%; margin-top: -2px } .th-settings-title { display: inline-block; width: 132px; margin-top: 2px; height: 25px; padding: 1px } .th-settings-title-status { margin-top: 1px } .th-settings-input { width: 99% } .th-color-row { padding: 1px; height: 26px; display: flex; flex-direction: row-reverse; justify-content: flex-end } .th-color-row-first { margin-top: 2px } .th-color-row-mcolor { margin-left: -1px } .th-color-container { position: relative; display: inline-block; z-index: 5000; margin-left: 3px } .th-color-input-black { background-color: #000 } .th-color-input-white { background-color: #fff } .th-color-btn { margin-left: auto; width: 64px; height: 22px; border-radius: 0!important } .th-color-btn-black { background-color: #000 } .th-color-btn-white { background-color: #fff } .th-color-label { display: inline-block; height: 25px; padding: 1px; width: 132px } .th-color-label-mcolor { margin-left: 1px } .th-color-label-bg { margin-left: -1px; height: 23px; width: 133px } .th-save-profile-btn { padding: 6px; width: 98%; margin-left: 3px; margin-top: 0; margin-bottom: 4px } .th-settings-select { width: 98%; margin: 2px 4px } .th-settings-action { margin: 2px 4px; padding: 8px; width: 98%; color: #000 } .th-settings-action-small { margin: 1px 4px; padding: 6px; color: #000 } .th-settings-ghost { background-color: #f8f8ff } .th-settings-pic { width: 32px; height: 32px; margin: -7px -8px -8px 0 } .th-settings-block { display: block } #add-link-btn { cursor: pointer; border-radius: 3px; background: url('/imgs/social.png') 0 0/100% no-repeat #000; color: #fff; font-size: 13px; text-align: center; margin: 2px 1px; padding: 8px; width: 100%; height: auto; line-height: normal; border: 1px solid #000; transition: .3s; transform-origin: center center; transform: rotate(0); font-family: 'El Messiri',FontAwesome!important; font-weight: 300!important } .th-settings-more-btn { background: linear-gradient(90deg,#1b84f2,#00c9a7,#ff6fd8,#6c63ff); background-size: 300% 300%; animation: 6s infinite gradientMove; color: #fff; padding: 6px!important; border-radius: 10px; font-weight: 700; border: 0!important; margin-bottom: 1px!important; text-shadow: 0 1px 2px rgba(0,0,0,.3) } .th-settings-more-icon { padding: 0 4px; float: left } .th-settings-action.SERT { color: #fff } .th-uhtml-main { padding-right: 16px; width: 100%; overflow: hidden } .th-uhtml-aft { display: none } .th-uhtml-muted { color: #cd5c5c; display: none; width: 16px; margin-right: -16px } .th-uhtml-body { padding: 0 3px; overflow: revert } .th-uhtml-topic-row { width: 100%; display: flex; margin-top: 1px; height: 21px } .th-uhtml-topic-row,.thUserTop { align-items: center!important } .th-uhtml-icon { min-height: 10px; margin-top: 0; margin-right: 3px } .th-uhtml-topic { padding-top: 1px; max-width: 100%; border-radius: 2px } .th-uhtml-stars { margin-top: 0; display: flex; margin-left: 0 } .th-uhtml-msg { color: #888; padding: 1px } .th-uhtml-side { margin-left: -32px } .th-uhtml-hash { color: grey; font-size: 70%!important } .th-room-item { text-align: left; width: 100%; border-bottom: 1px solid #e6e6fa; padding: 0 0 0 1px; background-color: #fafafa } .th-room-main { overflow: hidden; padding: 1px } .th-room-pic { min-width: 52px; width: 52px; min-height: 54px; max-height: 54px; background-color: #f3f3f3; border: 0 } .th-room-body { padding: 0 2px; overflow: hidden } .th-room-topic-row { width: 100%; display: flex; overflow: hidden; line-height: normal; margin-top: 1px } .th-room-topic { padding: 0 4px; max-width: 100%; border-radius: 2px } .th-room-msg { color: #888; margin-top: -1px } .th-room-count { padding: 3px; margin: 1px; border-radius: 1px; min-width: 60px; text-align: center; font-size: 14px!important } .th-call-hidden { display: none } .th-call-box { text-align: center; position: absolute; top: 60px; margin-left: 60px; z-index: 9999 } .th-call-not-box { background-color: #363636; width: 220px; padding: 11px } .th-video-box { background-color: #222; width: 320px; padding: 4px; border-radius: 3px!important } .th-call-user { width: 100% } .th-call-user-row { text-align: left; border-radius: 0!important; width: 99%; margin: 0 1px -1px 2px!important; padding: 1px } .th-video-user-row { border: 0 } .th-call-pic { width: 36px; height: 36px; margin-left: 1px; border-radius: 50%; border: 1.5px solid #fff } .th-video-pic { border-radius: 50%!important; border: 1.5px solid #fff!important } .th-call-info { width: 72% } .th-call-info-inner { width: 100%; margin-top: -2px } .th-call-name-wrap { width: 82% } .th-call-name { margin-top: 1px; padding: 0 8px; max-width: 100%; border-radius: 3px; background-color: rgb(255 255 255 / 0%); color: rgb(255 255 255) } .th-video-name { font-weight: 100!important; margin-left: -50px } .th-call-action-btn { border-radius: 50%!important; width: 50px; height: 40px; padding: 8px 0 0; font-weight: 300!important } .th-call-video { width: 10%; position: absolute; height: 0 } .th-call-control { padding: 5px 12px 12px!important; border-radius: 50%!important; font-size: 21px!important; height: 40px!important } .th-call-hangup { background: #e90039; color: #fff; font-weight: 100!important } .th-call-state { margin-left: 4px; margin-top: 5px; color: #fff; font-size: 13px!important; padding-top: 5px!important; border-radius: 40px!important } .th-call-mic { width: 45px; background: #343434; color: #fff; font-weight: 100!important; margin: 0 19px 0 0 } .th-call-volume { background: #fff; color: #343434; font-weight: 300!important; margin: 0 8px 4px 0!important } .th-utop-hidden { display: none } .th-utop-item { padding: 5px; text-align: left; background-color: #fff; border-radius: 30px!important; width: 100%; margin-bottom: 10px } .th-utop-number { position: relative; top: 1px; color: #2e2e2e; padding: 11px; text-align: center; font-weight: 700; font-family: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica } .th-utop-pic { width: 46px; height: 46px; padding: 5px; background-color: #f3f3f3; border-radius: 50% } .th-utop-score { position: relative; top: 13px; color: #666; text-align: right; font-size: 13px!important; font-weight: 700; font-family: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica } .th-utop-body { width: 120px; padding: 2px 4px } .th-utop-topic-row { width: 100%; display: flex } .th-utop-topic { font-family: sans-serif,'trebuchet ms','lucida grande','lucida sans unicode',arial,helvetica; margin-top: 9px; font-size: 15px!important } .th-uhead-hidden { display: none } .th-uhead-item { margin: 3px } .th-uhead-status { width: 4px; height: 22px } .th-uhead-pic { width: 36px; height: 36px } .th-uhead-info { width: 100%; margin-top: 0 } .th-uhead-topic { max-width: 100%; padding: 0 4px; border-radius: 0; margin-left: 1px } .th-cw-box { border-radius: 2px; position: absolute; top: 1px; min-height: 190px; margin-top: -1px; max-height: 500px; bottom: 46%; width: 99.8%; max-width: 500px; z-index: 2; overflow: hidden; -ms-touch-action: pan-y; touch-action: pan-y } .th-showphoto-ov { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999999; overflow: auto; -webkit-overflow-scrolling: touch; background-color: rgba(8,10,14,.72); -webkit-tap-highlight-color: transparent; touch-action: manipulation; opacity: 0; -webkit-transition: opacity .22s; transition: opacity .22s } .th-showphoto-ov.th-showphoto-on { opacity: 1 } .th-showphoto-wrap { position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; box-sizing: border-box; min-width: 100%; min-height: 100%; padding: 52px 12px 12px } .th-showphoto-spin { display: none; width: 38px; height: 38px; box-sizing: border-box; border: 3px solid rgba(255,255,255,.28); border-top-color: #fff; border-radius: 50%; pointer-events: none } .th-showphoto-spin.th-showphoto-spin-on { display: block; -webkit-animation: .7s linear infinite th-showphoto-spin; animation: .7s linear infinite th-showphoto-spin } @-webkit-keyframes th-showphoto-spin { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes th-showphoto-spin { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .th-showphoto-img { display: block; width: auto; height: auto; max-width: 92vw; max-height: 82vh; margin: 0; object-fit: contain; pointer-events: none; -webkit-user-select: none; user-select: none; opacity: 0; border-radius: 10px; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 12px 40px rgba(0,0,0,.45),0 2px 8px rgba(0,0,0,.25); -webkit-transform: scale(.98); transform: scale(.98); -webkit-transition: opacity .28s,-webkit-transform .28s; transition: opacity .28s,transform .28s } .th-showphoto-img.th-showphoto-img-on { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .th-showphoto-x { position: fixed; top: 10px; right: 10px; z-index: 1000000; width: 42px; height: 42px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(0,0,0,.7); color: #fff; font-size: 30px; line-height: 42px; text-align: center; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation } #upro.th-upro-photo-anim { -webkit-transition: opacity .22s!important; transition: opacity .22s!important } #upro.th-upro-photo-fade { opacity: 0!important; pointer-events: none!important } .modal-backdrop.th-upro-photo-anim { -webkit-transition: opacity .22s!important; transition: opacity .22s!important } .modal-backdrop.th-upro-photo-fade { opacity: 0!important; pointer-events: none!important } .th-cw-head { width: 100%; height: 30px } .th-cw-user { margin: 2px } .th-cw-expand { padding: 4px 4px 0 12px; right: 34px; position: absolute; height: 30px } .th-cw-hide { position: absolute; right: 0; padding: 6px 5px 5px 11px } .th-cw-cont { width: 100%; flex: 1 1 0%; height: 0; min-height: 0; overflow: hidden!important; overflow-x: hidden!important; overflow-y: hidden!important; -ms-touch-action: pan-y; touch-action: pan-y } .th-cw-d2 { background-color: #fff; min-height: 0; height: 0; max-height: 100%; flex: 1 1 0%; overflow-x: hidden!important; overflow-y: auto!important; -webkit-overflow-scrolling: touch; -ms-touch-action: pan-y; touch-action: pan-y; overscroll-behavior: contain } .th-cw-footer { width: 100%; height: 42px; padding: 4px; -ms-touch-action: manipulation; touch-action: manipulation } .th-cw-typ { display: flex; position: absolute; right: 20px; margin-top: -12px } .th-cw-small-btn { margin-right: 3px; margin-top: 2px; border-radius: 2px } .th-cw-icon-btn { margin: 2px 3px 0 -2px; border-radius: 2px; display: inline } .th-cw-hidden { display: none } .th-cw-emo { padding: 5px; width: 34px; height: 34px } .th-cw-send { margin-left: 2px } .th-mmnot-modal { z-index: 99999 } .th-mmnot-content { width: 310px } .th-mmnot-header { color: #fff } .th-mmnot-title { margin: 1px } .th-mmnot-body { padding: 1px } .th-mmnot-box { background-color: #efefef; padding: 5px } .th-mmnot-textarea { width: 100%; resize: none; height: 48px; max-height: 48px } .th-mmnot-emo { padding: 5px; width: 34px; height: 34px } .th-rpl-modal { margin: 5px; display: none } .th-rpl-dialog { height: 50%; min-height: 300px; overflow: visible; margin-top: 2px } .th-rpl-content { width: 306px; height: 100%; flex: 0 1 auto } .th-rpl-header { color: #fff } .th-rpl-title { margin: 1px } .th-rpl-body { padding: 0; flex: 0 1 auto } .th-rpl-rmsg { width: 100%; border-bottom: 1px solid #000 } .th-rpl-item { border-bottom: 1px solid #e6e6fa; margin: 0; width: 100%; padding: 0 0 0 2px } .th-rpl-pic { min-width: 52px; width: 52px; height: 46px; background-color: #f3f3f3; background-position-y: 0 } .th-rpl-item-body { padding-top: 1px; padding-left: 1px } .th-rpl-head { width: 100%; display: flex; height: 21px } .th-rpl-user { overflow: hidden } .th-rpl-icon { min-height: 14px } .th-rpl-topic { padding: 1px 4px; display: block; margin-left: 1px; border-radius: 2px; color: #000 } .th-rpl-head-right { height: 21px; overflow-y: visible } .th-rpl-msg { padding: 0 1px 1px 5px; width: 100%; color: #000 } .th-rpl-actions { max-width: 92px; height: 21px } .th-rpl-replies-wrap { background-color: #efefef; border-left: 4px solid grey } .th-rpl-replies { height: 100% } .th-rpl-footer { width: 100%; height: 42px; padding: 4px; flex: 0 0 auto } .th-rpl-emo { padding: 5px; width: 34px; height: 34px } .th-rpl-send { margin-left: 2px } .th-mnot-content { width: 310px } .th-mnot-header { color: #fff } .th-mnot-title { margin: 1px } .th-mnot-body { padding: 1px } .th-mnot-box { background-color: #efefef; padding: 5px } .th-mnot-textarea { width: 100%; resize: none; height: 48px; max-height: 48px } .th-mnot-emo { padding: 5px; width: 34px; height: 34px } .th-mnot-checkbox { padding-top: 6px } .th-mkr-modal { z-index: 9999 } .th-mkr-content { width: 310px } .th-mkr-header { color: #fff } .th-mkr-title { margin: 1px } .th-mkr-body { padding: 1px } .th-mkr-box { background-color: #efefef; padding: 5px } .th-mkr-input { width: 200px; border-radius: 0; border: 1px solid #b7b7b7; height: 30px; margin: 0 0 5px; text-align: center } .th-mkr-input:first-of-type { margin-top: 5px } .th-mkr-color-wrap { position: relative; z-index: 500000 } .th-mkr-color-input { background: #1a1a1a!important } .th-mkr-color-btn { outline: 0; width: 70px; margin: 0 4px; height: 33px; border: 1px solid #000; right: 12px; position: absolute; top: -34px; background: #191919 } .th-mkr-pic { position: absolute; width: 80px; height: 80px; top: 56px; border: 2px solid; right: 17px } .th-mkr-delpic { position: absolute; width: 90px; height: 29px; top: 144px; right: 9px; border: 1px solid; text-align: center; padding: 4px; font-size: 13px!important } .th-mkr-label { margin-left: 10px } .th-mkr-ops { width: 100%; padding: 2px } .th-mkr-bans { width: 100%; padding: 2px; margin-top: 4px } .th-mkr-bans-head { width: 100% } .th-mkr-bans-btn { width: 38px } .th-mkr-bans-list { width: 100% } .th-mic-wrap { margin-left: 0 } .mic_chat>div>.corner { left: 0; position: relative } .mic_chat>div>.th-mic-cam { margin: 1px!important } .th-mic-cam { display: flex; justify-content: center; align-items: center; margin: 1px -55px 0 -11px!important; background-image: url(cam.png)!important } .th-mic-evant { display: none; width: 52px } .th-mic-name { position: relative; color: #fff; top: 45px; display: block; font-size: 12px!important; background: #000 } .th-mic-menu { position: absolute; display: none; background: gray; margin-top: 45px; z-index: 1; padding: 5px; margin-left: -23px; border-radius: 10px } .th-mic-menu.th-mic-menu-open { display: flex!important; flex-direction: column } .th-mic-menu.th-mic-menu-open>.stopmic.th-show-stop { display: block!important } .th-mic-menu.th-mic-menu-open>.profiles,.th-mic-menu.th-mic-menu-open>.sounds { display: inline-block!important } .th-mic-btn { width: 80px; font-size: 9px!important } .th-mic-stop { display: none } .mic_chat>div>.th-mic-sound-off,.mic_chat>div>.th-mic-sound-on { left: 0 } .th-mic-sound-on { margin-top: 1px; padding: 1px 0 0 5px; width: 57px; height: 51px; color: #000; background-color: #3cb371; border-radius: 4px!important; position: relative; transition: none; animation: none } .th-mic-sound-off { margin-top: 1px; padding: 1px 0 0 5px; width: 57px; height: 51px; color: #000; background-color: #d3372b; border-radius: 4px!important; left: -61px; position: relative; transition: none; animation: none; display: none } .th-mic-sound-icon { margin-left: 10%; font-size: 38px!important; margin-top: -2px } .th-story-panel { position: fixed; display: none; width: 100%; height: 100%; background: #000; z-index: 99999999; left: 0; top: 0; padding: 10px } .th-story-pic { border-radius: 50%; width: 50px; height: 50px; border: 2px solid #fff; margin-top: 12px; z-index: 9999; position: relative } .th-story-info { float: left; padding: 0; color: #fff; font-size: 15px!important; font-family: cursive; margin-top: 10px; z-index: 9999; position: relative; display: flex; flex-direction: column; align-items: center; align-content: center; gap: 8px; margin-left: 14px } .th-story-topic { display: contents } .th-story-time { font-size: 11px!important; color: #a9a9a9; top: -6px; font-family: cursive; position: relative } .th-story-actions { right: 10px; margin-top: 10px } .th-story-action-hidden { display: none; color: #fff; margin-right: 20px; font-size: 20px!important; position: relative; z-index: 10000 } .th-story-close { color: #fff; font-size: 20px!important; margin-right: 10px; position: relative; z-index: 10000 } .th-story-loader { z-index: 11; font-size: 50px!important; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .th-story-video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; display: block } .th-story-photo { position: absolute; width: 100%; height: 100%; top: 0; display: none; left: 0; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: contain } .th-story-photo-img { display: none } .th-story-view { position: absolute; bottom: 10px; right: 10px; color: #fff; font-size: 13px!important } .th-story-download { position: absolute; left: 16px; top: calc(51% + 118px); font-size: 30px!important; color: #fff; text-shadow: 0 0 5px #000!important; cursor: pointer; z-index: 9999; user-select: none } .th-story-viewers { display: none } .th-story-comment-icon { position: absolute; left: 13px; top: calc(50% + 50px); font-size: 30px!important; color: #fff; text-shadow: 0 0 5px #000!important; cursor: pointer; z-index: 9999; user-select: none } .th-story-comment-count { position: absolute; left: 0; margin-left: 21px; top: calc(50% + 85px); font-size: 16px!important; color: #fff; text-shadow: 0 0 5px #000!important; z-index: 9999; user-select: none; margin-top: 8px } .th-story-comments-popup { display: none; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); width: 90%; max-height: 250px; overflow-y: auto; background: rgba(0,0,0,.7); color: #fff; border-radius: 8px; padding: 10px; z-index: 9999999999; font-size: 14px } .th-story-comment-row { display: flex; margin-top: 10px } .th-story-comment-input { flex: 1; padding: 5px; border-radius: 4px; border: none } .th-story-comment-send { padding: 5px 10px; margin-left: 5px; border: none; border-radius: 4px; cursor: pointer } .th-grid-dialog { max-width: 430px; width: calc(100% - 20px); margin: 30px auto } .th-grid-content { border: 0; border-radius: 22px; overflow: hidden; box-shadow: 0 25px 80px rgba(0,0,0,.22); background: linear-gradient(180deg,#fff 0,#fff8fc 100%) } .th-grid-header { border: 0; padding: 14px 14px 10px; background: linear-gradient(135deg,#fff 0,#ffe4ef 45%,#d9fbff 100%); position: relative } .th-grid-close { width: 34px; height: 34px; border-radius: 50%!important; padding: 0!important; border: 1px solid rgba(17,24,39,.1); background: #fff; color: #111827; box-shadow: 0 8px 22px rgba(17,24,39,.1); margin: 0 } .th-grid-title { margin: 6px 0 0; color: #111827; font-weight: 800; font-size: 19px } .th-grid-body { padding: 14px } .th-grid-card { display: flex; gap: 12px; align-items: flex-start; background: #fff; border: 1px solid rgba(17,24,39,.08); border-radius: 18px; padding: 12px; box-shadow: 0 10px 30px rgba(17,24,39,.06) } .th-grid-img { width: 92px; height: 92px; min-width: 92px; object-fit: cover; border-radius: 18px; border: 0; box-shadow: 0 10px 25px rgba(122,47,255,.18); padding: 0; background: #fff } .th-grid-info { flex: 1; min-width: 0 } .th-grid-msg { background: linear-gradient(135deg,#7a2fff 0,#e30079 100%); border-radius: 14px; padding: 10px 12px; box-shadow: 0 10px 22px rgba(122,47,255,.18) } .th-grid-msg-text { margin: 0; color: #fff; display: block; font-size: 14px; font-weight: 700; line-height: 1.7 } .th-grid-boot { margin-top: 10px; color: #255f91 } .th-grid-boot-text { display: block; text-align: right; line-height: 1.9; font-size: 14px; color: #334155 } .th-grid-footer { border: 0; padding: 0 14px 14px; background: 0 0 } .th-grid-run { width: 100%; height: 46px; border: 0; border-radius: 16px; background: linear-gradient(135deg,#7a2fff 0,#e30079 100%); color: #fff; font-size: 15px; font-weight: 800; box-shadow: 0 14px 30px rgba(122,47,255,.24) } .th-grid-stop { width: 100%; height: 46px; border: 1px solid rgba(220,38,38,.14); border-radius: 16px; background: #fff; color: #dc2626; font-size: 15px; font-weight: 800; margin-top: 10px; box-shadow: 0 10px 22px rgba(17,24,39,.06) } .th-yt-modal { position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #e6edf7; width: 360px; padding: 0; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,.35); display: none; z-index: 10001; font-family: Cairo,system-ui } .th-yt-header { padding: 14px 16px; background: var(--bt-primary); display: flex; align-items: center; justify-content: space-between; border-top-right-radius: 14px; border-top-left-radius: 14px } .th-yt-title-wrap { display: flex; align-items: center; gap: 10px } .th-yt-icon { font-size: 20px; color: #fff } .th-yt-title { font-weight: 800; font-size: 15px; color: #fff } .th-yt-close { width: 32px; height: 32px; border: none; border-radius: 8px; background: #c70000; color: #fff; cursor: pointer } .th-yt-search-box { position: relative; width: 100%; padding: 16px; background: #fdfdfd; border-radius: 0 0 14px 14px } .th-yt-search-row { display: flex; align-items: center; gap: 10px } .th-yt-search-icon { font-size: 18px; color: var(--bt-primary); cursor: pointer } .th-yt-input { flex: 1; border-radius: 10px; padding: 10px 12px; font-size: 14px!important; border: 1px solid var(--bt-primary); outline: 0; color: #2d2d2d } .th-yt-container { border-radius: 10px; margin-top: 12px; display: flex; flex-wrap: wrap; gap: 10px; max-height: 300px; overflow-y: auto; padding: 10px } .th-yt-toggle { height: 28px; background: var(--bt-primary); border: 0; text-align: center; color: #e6edf7; padding: 0 10px; cursor: pointer; font-size: 16px!important; border-radius: 8px; display: none; margin-top: 10px } .th-yt-footer { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px } .th-sticker-panel { display: none; position: fixed; inset: 0; z-index: 9999 } .th-sticker-overlay { position: absolute; inset: 0; background: rgba(0,0,0,.25) } .th-sticker-box { position: absolute; right: 12px; bottom: 120px; width: 340px; max-width: 92vw; background: #fff; border-radius: 14px; box-shadow: 0 14px 40px rgba(0,0,0,.18); overflow: hidden } .th-sticker-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-bottom: 1px solid rgba(0,0,0,.08) } .th-sticker-title { font-size: 14px; font-weight: 700 } .th-sticker-close { background: 0 0; border: none; cursor: pointer; font-size: 18px; line-height: 1 } .th-sticker-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; padding: 10px; max-height: 320px; overflow: auto } .th-camera-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 9999; display: none; justify-content: center; align-items: center } .th-camera-box { background: #f9f9f9; padding: 25px 20px; border-radius: 12px; text-align: center; max-width: 340px; width: 90%; box-shadow: 0 10px 25px rgba(0,0,0,.25); font-family: 'Segoe UI',sans-serif } .th-camera-title { margin-bottom: 20px; font-size: 17px; font-weight: 600; color: #333 } .th-camera-actions { display: flex; justify-content: center; gap: 12px; margin-bottom: 20px } .th-camera-btn { flex: 1; padding: 10px; color: #fff; border: none; border-radius: 8px; cursor: pointer; font-size: 14px; transition: background-color .3s } .th-camera-front { background-color: #3f51b5 } .th-camera-back { background-color: #009688 } .th-camera-cancel { padding: 8px 18px; background-color: #e53935; color: #fff; border: none; border-radius: 6px; cursor: pointer; font-size: 13px; transition: background-color .3s } .th-wetch-panel { height: 100%; width: 100%; background: linear-gradient(135deg,#4e9f9f,#3a7ca1); box-shadow: 0 15px 30px rgba(0,0,0,.1); border-radius: 10px; padding: 5px } .th-wetch-back-wrap { display: contents } .th-wetch-back-btn { height: 40px; background-color: #5f92a1!important; color: #fff; border-radius: 7px!important; border: none; box-shadow: 0 5px 15px rgba(0,0,0,.1); font-weight: 300!important; width: 100%; font-family: 'el messiri'; padding: 10px!important } .th-wetch-top-users { display: flex; justify-content: center; margin-top: 30px; gap: 10px; padding: 9px } .th-wetch-profile { text-align: center; position: relative } .th-wetch-img { border-radius: 50%; width: 90px; height: 90px; border: 4px solid #fff; box-shadow: 0 4px 20px rgba(0,0,0,.2); margin-bottom: 10px } .th-wetch-name { font-family: Arial,sans-serif; font-size: 16px; color: #fff } .th-wetch-stats { display: flex; justify-content: center; margin-top: 30px; gap: 20px } .th-wetch-stat-card { width: 130px; height: 120px; background: #5f92a1; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.1); text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column } .th-wetch-stat-number { font-size: 2em!important; font-weight: 700 } .th-wetch-stat-number-gold { color: #ffc107 } .th-wetch-stat-text { font-family: Arial,sans-serif; font-size: 14px; color: #f0f0f0 } .th-wetch-list { height: auto; background: #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,.1) } .th-irpl-item { border-bottom: 1px solid #e6e6fa; margin: 0; width: 100%; padding: 0 0 0 2px; border-radius: 0!important } .th-irpl-pic { min-width: 52px; width: 52px; height: 46px; background-color: #f3f3f3; background-image: url("pic.png") } .th-irpl-body { padding-top: 1px; padding-left: 1px } .th-irpl-head { width: 100%; display: flex; height: 21px } .th-irpl-user { overflow: hidden } .th-irpl-topic { padding: 1px 4px; display: block; margin-left: 1px; border-radius: 2px; color: #000 } .th-irpl-time-wrap { height: 21px; overflow-y: visible } .th-irpl-time { padding: 0 2px; margin-right: 4px; color: grey; text-align: end } .th-irpl-msg { padding: 0 1px 1px 5px; width: 100%; color: #000 } .th-irpl-actions { max-width: 92px; height: 21px } .th-upro-modal { z-index: 2100; overflow: auto } .th-upro-content { width: 340px; margin: -1px } .th-upro-header { color: #fff; margin-top: -1px } .th-upro-title { margin: 1px; max-width: 90% } .th-upro-body { padding: 1px } .th-upro-pro { width: 100%; border: 1px solid #d3d3d3; padding: 0 0 3px; margin: 0 } .th-upro-profile-container { max-width: 600px; margin: auto; border-radius: 8px; overflow: hidden; font-family: Arial,sans-serif } .th-upro-cover { width: 100%; height: 150px; background-color: #f3f3f3; position: relative; background-size: 100% 100% } .th-upro-picture { width: 100px; height: 100px; border-radius: 50%; border: 3px solid #fff; position: absolute; bottom: -50px; left: 20px; background-size: 100% 100% } .th-upro-cover-btn { position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,.5); color: #fff; border: none; padding: 5px 10px; border-radius: 5px; cursor: pointer; font-weight: 300!important; display: none } .th-upro-profile-content { padding: 11px 0 20px; text-align: left; display: flex; align-items: center } .th-upro-name-wrap { margin-left: 123px } .th-upro-profile-name { font-size: 1.5em; font-weight: 700; display: flex; align-items: center } .th-upro-verification { width: 22px!important; margin-left: 8px } .th-upro-game-xo { --icon-url: url('/ludo/img/x-o.webp') } .th-upro-game-ludo { --icon-url: url('/ludo/img/ludo1.png') } .th-upro-meta-label { width: 100%; text-align: end; margin-bottom: 0 } .th-upro-yt { font-size: 0!important; width: 1px } .th-upro-star { text-align: center; margin-top: 10px } .th-upro-co { margin: 4px } .th-upro-bio { color: #555; margin: 10px 0 } .th-upro-action { margin: 2px; width: 106px; text-align: center } .th-upro-action-no-margin { width: 106px; text-align: center } .th-upro-black { color: #000 } .th-upro-red { color: red } .th-upro-blue { color: #00f } .th-upro-maroon { color: maroon } .th-upro-deeppink { color: #ff1493!important } .th-upro-darkorchid { color: #9932cc } .th-upro-green { color: green!important } .th-upro-crimson { color: #dc143c } .th-upro-mute-red { color: #cc3232 } .th-upro-frame-blue { color: #1e3a8a } .th-upro-frame-green { color: #065f46 } .th-upro-cover-purple { color: #4c1d95 } .th-upro-edit-box { padding: 4px; width: 100% } .th-upro-edit-label { height: 32px; padding: 8px } .th-upro-topic-textarea { height: 32px; padding: 4px; width: 60%; resize: none } .th-upro-like-label { color: red } .th-upro-eva-label { color: #00a6ff } .th-upro-mute-label { color: #cd5c5c } .thMuteDurModal { display: none; position: fixed; inset: 0; z-index: 10050 } .thMuteDurModalBackdrop { position: absolute; inset: 0; background: rgba(15,23,42,.45) } .thMuteDurModalBox { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: min(92vw,360px); background: #fff; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,.22); overflow: hidden } .thMuteDurModalHeader { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid rgba(0,0,0,.08); background: linear-gradient(180deg,#fafbfc 0,#fff 100%) } .thMuteDurModalTitle { font-size: 15px; font-weight: 700; color: #1e293b } .thMuteDurModalClose { background: 0 0; border: none; font-size: 20px; line-height: 1; cursor: pointer; color: #64748b; padding: 0 } .thMuteDurModalGrid { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px; padding: 14px 16px 16px } .thMuteDurModalGrid .thMuteDurBtn { margin: 0; padding: 10px 8px; border-radius: 10px; font-size: 13px; font-weight: 600 } .th-upro-small-input { width: 160px } .th-upro-save-small { margin: 2px } .th-upro-power-box { width: 100%; padding: 4px; margin-top: 2px } .th-upro-power-search { width: 200px; display: block; margin-bottom: 2px } .th-upro-power-select { width: 200px; display: inline } .th-upro-room-box { width: 100%; padding: 4px } .th-upro-room-select { width: 200px; display: inline } .TH_ROOM_TABS_V3__TH { width: 100%; display: flex; gap: 6px; padding: 6px 6px 0; box-sizing: border-box } .TH_ROOM_TH_TAB_V3 { flex: 1; border-radius: 10px; position: relative } .TH_TAB_BADGE_V3 { display: none; position: absolute; top: 6px; right: 10px; min-width: 18px; height: 18px; line-height: 18px; border-radius: 999px; padding: 0 6px; font-size: 12px; text-align: center; background: #ef4444; color: #fff } .TH_BADGE_CHAT { right: 0 } #d0 { width: 100%; margin-top: -1px } #d0 button { height: 31px; margin-top: 2px; -ms-touch-action: manipulation; touch-action: manipulation } #d0 .th-d0-users { width: 16%!important } #d0 .th-d0-chats { width: 19%!important } #d0 .th-d0-rooms { width: 21%; padding: 0 0 0 8px } #d0 .th-d0-rooms span { width: 21%!important } #d0 .th-d0-settings { width: 20%!important } .thUserRow { width: 100% } .thUstat { width: 4px; min-height: 100%; max-height: 61px } .thAftImg { display: none } .thUPic { min-width: 52px; width: 52px; min-height: 48px; max-height: 61px; flex-shrink: 0 } .thMuted { color: #cd5c5c; display: none; width: 16px; margin-right: -16px } .thUserBody { padding: 0 3px; overflow: hidden } #chats .thUserBody { padding: 0 6px } .thUserTop { width: 100%; display: flex; margin-top: 1px; height: 21px } .thUTopic { padding-top: 1px; max-width: 100%; border-radius: 2px } .thUMsg { width: 100%; margin-top: 0; display: contents } .thUserHashBox { margin-left: -32px } .thUserHash { color: grey; font-size: 70%!important; margin-left: auto } #chats .thUserHash { margin-top: -16px } .thUserHashExtra { display: none } .NotReply { outline: 0; border: 0; background: #fffefe; font-size: 12px!important; font-weight: 700!important; padding: 4px 11px; margin: 0; border-radius: 999px; cursor: pointer; transition: .18s; color: var(--bt-primary) } .NotReply::before { font-size: 11px!important } #thMicMusicBar { position: fixed; z-index: 0!important; width: 332px; max-width: 96vw; padding: 8px!important; border-radius: 12px!important; border: 1px solid rgba(0,0,0,.12)!important; color: #111827!important; direction: rtl!important; font-family: Cairo,Arial,sans-serif!important; display: flex; flex-direction: column; align-items: stretch; background: var(--bt-primary) } #thMicMusicBar::before { display: none } #thMicMusicFile { display: none!important } .th-mic-music-title { height: auto!important; min-height: 26px!important; display: flex!important; align-items: center!important; gap: 6px!important; margin: 0!important; padding: 0!important; border-radius: 0!important; border: 0!important; color: #111827!important; font-size: 12px!important; font-weight: 700!important; white-space: nowrap!important; overflow: hidden!important; flex: 1!important } .th-mic-music-title .fa { width: auto!important; height: auto!important; min-width: 0!important; display: inline-block!important; border-radius: 0!important; background: 0 0!important; color: #111827!important; font-size: 14px!important } #thMicMusicName { display: block!important; overflow: hidden!important; text-overflow: ellipsis!important; color: #fff!important; max-width: 150px } .th-mic-music-actions { display: flex!important; align-items: center!important; gap: 5px!important; flex-wrap: wrap!important; justify-content: center!important; margin: 0!important } .th-mic-music-actions button { height: auto!important; min-height: 0!important; padding: 5px 8px!important; border: 0!important; border-radius: 8px!important; color: #fff!important; font-size: 12px!important; font-weight: 700!important; cursor: pointer!important; box-shadow: none!important } .th-mic-music-actions button:hover { transform: translateY(-1px); filter: brightness(1.06) } .th-mic-music-actions button:active { transform: scale(.97) } #thMicMusicChoose { background: #2563eb!important; color: #fff!important } #thMicMusicPlay { background: #16a34a!important } #thMicMusicPause { background: #f59e0b!important } #thMicMusicDelete { background: #6b7280!important } #thMicMusicVolume { width: 100%!important; height: 4px!important; margin: 6px 0 0!important; accent-color: #8b5cf6!important; cursor: pointer!important } #blockpro>i.music.btn.btn-warning.th-mic-btn { background: linear-gradient(135deg,#d37be3,#c533de)!important; color: #fff; display: none } .th-mic-menu br { display: none } .th-mic-music-head { display: flex!important; align-items: center!important; justify-content: space-between!important; gap: 8px!important } .th-mic-music-toggle { height: auto!important; min-width: 0!important; padding: 5px 9px!important; border: 0!important; border-radius: 8px!important; background: #f3f4f6!important; color: #111827!important; font-size: 12px!important; font-weight: 700!important; cursor: pointer!important; box-shadow: none!important } #thMicMusicBody { margin-top: 8px!important } #thMicMusicBar.th-music-collapsed { padding-bottom: 6px!important } #blockpro>.music,#thMicMusicBar.th-music-collapsed #thMicMusicBody { display: none } #blockpro>.music.th-show-music { display: block!important } #thMicMusicMuteMic { background: #ef4444!important } #thMicMusicUnmuteMic { background: #0ea5e9!important } #thBcUploadChoice .th-stickers-btn::before { content: "\f118"!important; font-family: FontAwesome!important; font-size: 28px!important; line-height: 1!important; display: inline-block!important; color: #00bcd4!important } @media only screen and (min-width: 360px) { #dpnl { width:73%!important } } .th-custom-emo-menu { position: fixed; z-index: 999999999999 } .th-custom-emo-menu-inner { width: 300px; max-width: 300px; height: 280px; min-height: 280px; max-height: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; touch-action: pan-y; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #9aa7b5 #eef2f6; -ms-overflow-style: auto; padding: 0 5px; background: #fff; border: 1px solid; border-radius: 0; box-sizing: border-box; contain: content } .th-custom-emo-menu-inner::-webkit-scrollbar { width: 8px; display: block } .th-custom-emo-menu-inner::-webkit-scrollbar-track { background: #eef2f6 } .th-custom-emo-menu-inner::-webkit-scrollbar-thumb { background: #9aa7b5; border-radius: 4px } .th-bc-msg-body > *:not(.emoi):not(.fitsticker){ max-width: 240px!important; max-height: 200px!important; cursor: zoom-in } .th-custom-emo-menu-inner .th-custom-emo-item { margin: 2px; cursor: pointer; border-radius: 4px; width: auto!important; height: auto!important; max-width: 260px!important; max-height: 24px!important; object-fit: contain; vertical-align: middle } .hand.fitimg.thChatImgPreview { object-fit: contain; }