.image-preview{max-width:100%}[dir] .image-preview{border:2px dashed #ccc;border-radius:8px;padding:10px}[dir] .chat-wrapper .chat-history{border-radius:10px}[dir=ltr] .chat-wrapper .chat-history{border-right:1px solid #f0f0f0}[dir=rtl] .chat-wrapper .chat-history{border-left:1px solid #f0f0f0}.chat-wrapper .chat-history-box{height:60vh;overflow-y:auto}[dir] .chat-wrapper .chat-history-box{padding:10px;border-top:1px solid #f0f0f0;margin-bottom:20px}.chat-wrapper .chat-history-box::-webkit-scrollbar{width:6px}[dir] .chat-wrapper .chat-history-box::-webkit-scrollbar-thumb,[dir] .chat-wrapper .chat-history-box::-webkit-scrollbar-track{border-radius:10px}[dir=ltr] .chat-wrapper .chat-history-box::-webkit-scrollbar-thumb{background:rgba(0,0,0,.054901960784313725)}[dir=rtl] .chat-wrapper .chat-history-box::-webkit-scrollbar-thumb{background:#000000100%e}[dir] .chat-wrapper .chat-history-box::-webkit-scrollbar-thumb:hover{background:rgba(90,84,197,.25882352941176473)}.chat-wrapper .message{display:flex;align-items:center}[dir] .chat-wrapper .message{margin-bottom:10px}.chat-wrapper .message-text{padding-inline:10px}[dir] .chat-wrapper .message-text{padding-top:5px;padding-bottom:5px;border-radius:8px}.chat-wrapper .user-message .message-text{max-width:30vh}[dir] .chat-wrapper .user-message .message-text{text-align:start;background-color:#f1f1f1}.chat-wrapper .admin-message .message-text{max-width:30vh;color:#fff}[dir] .chat-wrapper .admin-message .message-text{text-align:start;background:linear-gradient(180deg,#948ff5,#7367f0)}.chat-wrapper .active-chat{color:#fff;transition:all .3s ease}[dir] .chat-wrapper .active-chat{background:linear-gradient(180deg,#948ff5,#7367f0);border:1px solid #948ff5}.chat-wrapper .active-chat:hover{color:#fff}[dir] .chat-wrapper .active-chat:hover{background:linear-gradient(180deg,#948ff5,#7367f0);border:1px solid #948ff5;box-shadow:0 4px 8px rgba(0,0,0,.2)}[dir] .chat-wrapper .online-status{border:3px solid green;border-radius:50%;box-shadow:0 4px 5px rgba(0,0,0,.5)}[dir] .chat-wrapper .offline-status{border:3px solid #fff;border-radius:50%;box-shadow:0 4px 5px rgba(0,0,0,.5)}.chat-wrapper .user-message{justify-content:flex-start}[dir=ltr] .chat-wrapper .user-message{text-align:right}[dir=rtl] .chat-wrapper .user-message{text-align:left}.chat-wrapper .admin-message{justify-content:flex-end}[dir=ltr] .chat-wrapper .admin-message{text-align:left}[dir=rtl] .chat-wrapper .admin-message{text-align:right}.e-card{position:relative;width:240px;height:330px;overflow:hidden}[dir] .e-card{margin:100px auto;background:transparent;box-shadow:0 8px 28px -9px rgba(0,0,0,.45);border-radius:16px}.wave{position:absolute;width:540px;height:700px;opacity:.6;top:0}[dir] .wave{margin-top:-70%}[dir=ltr] .wave{left:0;margin-left:-50%;background:linear-gradient(744deg,#af40ff,#5b42f3 60%,#00ddeb)}[dir=rtl] .wave{right:0;margin-right:-50%;background:linear-gradient(-744deg,#af40ff,#5b42f3 60%,#00ddeb)}.infotop{font-size:20px;position:absolute;top:3.7em;color:#fff;font-weight:600}[dir] .infotop{text-align:center}[dir=ltr] .infotop,[dir=rtl] .infotop{left:0;right:0}.name{font-size:14px;font-weight:100;position:relative;top:.5em;text-transform:lowercase}.wave:nth-child(2),.wave:nth-child(3){top:210px}[dir] .playing .wave{border-radius:40%}[dir=ltr] .playing .wave{animation:wave-ltr 3s linear infinite}[dir=rtl] .playing .wave{animation:wave-rtl 3s linear infinite}[dir] .wave{border-radius:40%}[dir=ltr] .wave{animation:wave-ltr 55s linear infinite}[dir=rtl] .wave{animation:wave-rtl 55s linear infinite}[dir=ltr] .playing .wave:nth-child(2),[dir=rtl] .playing .wave:nth-child(2){animation-duration:4s}[dir=ltr] .wave:nth-child(2),[dir=rtl] .wave:nth-child(2){animation-duration:50s}[dir=ltr] .playing .wave:nth-child(3),[dir=rtl] .playing .wave:nth-child(3){animation-duration:5s}[dir=ltr] .wave:nth-child(3),[dir=rtl] .wave:nth-child(3){animation-duration:45s}@keyframes wave-ltr{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wave-rtl{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@media(max-width:990px){[dir=ltr] .chat-wrapper .chat-history{border-right:1px solid hsla(0,0%,94.1%,0)}[dir=rtl] .chat-wrapper .chat-history{border-left:1px solid hsla(0,0%,94.1%,0)}.chat-wrapper .chat-history-box{height:50vh;overflow-y:auto}[dir] .chat-wrapper .chat-history-box{padding:5px;margin-bottom:20px}.chat-wrapper .user-message .message-text{max-width:25vh}[dir] .chat-wrapper .user-message .message-text{text-align:start}.chat-wrapper .admin-message .message-text{max-width:25vh}[dir] .chat-wrapper .admin-message .message-text{text-align:start}[dir] .head{border-top:1px solid #f0f0f0}}