.chat-wrapper{color:#fff;background:#0d0d0d;height:100vh}.chat-sidebar{background:#1a1a1a;border-right:1px solid #1d1d1d;border-radius:15px;height:100vh;padding:20px 10px;position:relative}.title{margin-bottom:15px;font-size:20px}.search-box{position:relative}.search-box input{color:#a19791;background:#1a1a1a;border:1px solid #3c3c3c;border-radius:15px;width:100%;padding:14px 14px 14px 35px;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.search-icon{position:absolute;top:10px;left:8px}.no-chat-selected{opacity:.6;background:#1a1a1a;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;display:flex}.user-chat-box .count{color:#000;background:#2ff9ff;border-radius:30px;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-style:normal;font-weight:600;line-height:normal;display:flex}.chat-window{background:#1a1a1a;border-radius:15px}.user-items{scrollbar-width:none;-ms-overflow-style:none;height:calc(100vh - 150px);margin-top:20px;overflow-y:auto}.user-chat-box{cursor:pointer;border:1px solid #1a1a1a;border-radius:25px;align-items:center;margin-bottom:20px;padding:12px 10px;transition:all .3s;display:flex}.user-chat-box.active{background:#1a1a1a;border:1px solid #424242;border-radius:25px}.user-img{border-radius:50%;width:48px;height:48px}.user-info{flex:1;margin-left:12px;position:relative}.user-info h5{color:#fff;letter-spacing:.6px;margin:0;font-family:Bebas Neue,sans-serif;font-size:16px;font-style:normal;line-height:normal}.user-info p{color:#757575;white-space:nowrap;text-overflow:ellipsis;max-width:130px;margin:0;font-size:13px;font-style:normal;font-weight:400;line-height:normal;overflow:hidden}.time-chip{color:#2ff9ff;white-space:nowrap;pointer-events:none;background:#2ff9ff1a;border:1px solid #2ff9ff33;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:500;position:absolute;bottom:0;right:0}.right-info{text-align:right;flex-direction:column;align-items:end;gap:5px;display:flex}.right-info small{color:#a19791;font-size:11px;font-style:normal;font-weight:400;line-height:normal;display:block}.chat-window{flex-direction:column;height:100vh;display:flex}.chat-header{border-bottom:1px solid #ffffff1a;align-items:center;padding:15px;display:flex;position:relative}.back-btn{cursor:pointer;margin-right:10px;font-size:22px;display:none}.header-img{border-radius:50%;width:48px;height:48px}.info{margin-left:12px}.menu{cursor:pointer;margin-left:auto;font-size:20px}.options-dropdown{z-index:9;background:var(--Background-Color,#0d0d0d);border:1px solid #ffffff4d;border-radius:20px 0 20px 20px;flex-direction:column;width:145px;padding:12px;display:flex;position:absolute;top:65px;right:15px}.options-dropdown a{cursor:pointer;color:var(--White,#fff);margin:0;padding:8px 0;font-family:Inter;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.block-user{color:#e92424}.messages-area{flex:1;padding:20px;overflow-y:auto}.message{align-items:self-start;gap:20px;width:fit-content;margin-bottom:14px;padding:8px 12px;font-size:14px;display:flex}.message.left .msg-text{background:#1b393a;border:1px solid #3c3c3c;border-radius:2px 16px 16px;padding:8px 12px;position:relative}.message.right{margin-left:auto}.message.right .msg-text{background:#1a1a1a;border:1px solid #3c3c3c;border-radius:16px 2px 16px 16px;padding:8px 12px}.messages-area .msg-meta{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}.msg-name{color:#fff;white-space:nowrap;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.msg-user-img{object-fit:cover;border-radius:50%;width:56px;height:56px}.msg-time{color:#717171;font-family:Inter;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.chat-header .info small{color:#29b738;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.chat-header .info h5{color:#fff;margin-bottom:0;font-family:Bebas Neue,sans-serif;font-size:20px;font-style:normal;line-height:normal}.message-input{align-items:center;gap:10px;padding:12px;display:flex}.message-input input{color:#fff;background:#1a1a1a;border:1px solid #3c3c3c;border-radius:20px;flex:1;padding:12px 20px}.icons{align-items:center;gap:12px;display:flex}.send-btn{background:#00c4ff;border:none;border-radius:50%;width:45px;height:45px;font-size:20px}.gift-area{position:relative}.gift-icon{cursor:pointer;font-size:22px}.gift-modl{z-index:10;-webkit-backdrop-filter:blur(19.2px);backdrop-filter:blur(19.2px);filter:drop-shadow(0 0 10px #22d1d633);background:#1a1a1a;border:1px solid #fff3;border-radius:12px;gap:10px;padding:24px;position:absolute;bottom:47px;right:-34px}.gift-modl:before{content:"";z-index:-1;background:url(../media/polygon_icon.5a9b2d9d.svg) no-repeat;width:50px;height:22px;position:absolute;bottom:-22px;right:20px}.gift-items{grid-template-columns:repeat(4,minmax(max-content,1fr));gap:20px;display:grid}.gift-box span{color:#fff;text-align:center;font-family:Inter;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.gift-modl .gift-box{cursor:pointer;flex-direction:column;gap:10px;display:flex}.top-head-gift-box{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.top-head-gift-box h4{color:var(--White,#fff);text-align:center;margin-bottom:0;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.gift{cursor:pointer;font-size:26px}@media (max-width:767px){.message .msg-user-img{width:30px}.chat-sidebar.mobile-hide,.chat-window-area{display:none}.chat-window-area.mobile-show{display:block;position:relative}.main-area{padding:0}.action-icon-chat{gap:10px!important}.messages-area{padding:10px 0}.chat-sidebar{height:calc(100vh - 120px)}.user-items{height:calc(100vh - 260px)}.back-btn{display:inline-block}.zodiac-view-user{flex-wrap:wrap;align-items:self-start;gap:30px;max-width:781px;display:flex}.zodiac-info{flex:auto}.zodiac-profile-info img{height:195px}.zodiac-view-user{height:60vh;padding-bottom:80px;overflow-y:auto}.chat-wrapper{height:calc(100vh - 50px)}.chat-window{height:calc(100vh - 110px)}.message{font-size:12px}}.icon-input-box{flex:1;align-items:flex-end;display:flex;position:relative}.action-icon-chat{align-items:center;gap:20px;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.date-divider{justify-content:center;align-items:center;margin:20px 0;display:flex;position:relative}.date-divider span{color:#a19791;z-index:1;background:0 0;border-radius:12px;padding:4px 12px;font-family:Inter;font-size:12px}.right-img{margin-left:12px;margin-right:0}.typing-box{background:#1b393a;border:1px solid #3c3c3c;border-radius:2px 16px 16px;width:fit-content;padding:12px 16px}.typing-dots{gap:4px;display:flex}.typing-dots span{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both bounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.voice-btn-recording{justify-content:center;align-items:center;gap:3px;padding:8px 12px;display:inline-flex;position:relative}.voice-btn-recording img{display:none}.voice-btn-recording:before,.voice-btn-recording:after{content:"";background:#2ff9ff;border-radius:2px;width:3px;height:12px;animation:.8s ease-in-out infinite wave-bar}.voice-btn-recording:before{animation-delay:0s}.voice-btn-recording:after{animation-delay:.4s}@keyframes wave-bar{0%,to{height:8px}50%{height:20px}}.audio-preview-container-wide{cursor:pointer;color:#fff;background:#1a1a1a;justify-content:space-between;align-items:center;width:100%;height:100%;padding:0 12px;display:flex}.play-btn-left{color:#2ff9ff;width:20px;font-size:14px}.mic-icon-right{opacity:.8;font-size:16px}.audio-bars-center{align-items:center;gap:3px;height:20px;display:flex}.audio-bars-center span{opacity:.5;background:#2ff9ff;border-radius:2px;width:2px;height:6px}.audio-bars-center.playing span{opacity:1;animation:.8s ease-in-out infinite wave-bar-small}.audio-bars-center span:first-child{animation-delay:0s}.audio-bars-center span:nth-child(2){animation-delay:.1s}.audio-bars-center span:nth-child(3){animation-delay:.2s}.audio-bars-center span:nth-child(4){animation-delay:.3s}.audio-bars-center span:nth-child(5){animation-delay:.4s}@keyframes wave-bar-small{0%,to{height:6px}50%{height:16px}}.audio-preview-container,.mic-icon,.play-overlay{display:none}.upload-progress-micro{z-index:11;background:#ffffff1a;border-radius:2px;width:80%;height:4px;position:absolute;bottom:10px;left:10%;overflow:hidden}.upload-progress-bar-inner{background:#2ff9ff;width:0%;height:100%;animation:2s ease-in-out infinite progress-indeterminate}@keyframes progress-indeterminate{0%{width:0%;left:0%}50%{width:40%;left:30%}to{width:0%;left:100%}}.audio-message-container{background:var(--Background-Color,#0d0d0d);border:1px solid #3c3c3c66;border-radius:12px;min-width:250px;margin:4px 0;padding:4px}.audio-message-container audio{width:100%;height:36px;display:block}