.chat-box{position:fixed;bottom:0;right:20px;width:320px;height:400px;background-color:var(--home-info-bg);border:1px solid var(--border-color);box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:1000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.home-send-icon{background-color:#33292a;color:#fff;border:none;border-radius:23%;padding:.4rem;cursor:pointer;padding-inline:10px;padding-block:0;font-weight:700}.chat-box-header{display:flex;justify-content:space-between;align-items:center;padding:6px;background-color:var(--home-info-bg);color:var(--primary-text);border-bottom:1px solid var(--border-color)}.chatbox-admin-name{font-size:1rem;font-weight:700;color:var(--primary-text);padding-left:8px}.home-admin-timestamp,.home-user-timestamp{display:block;font-size:.8rem;color:var(--secondary-text);text-align:right;margin-top:2px}.chat-box-messages{flex:1 1;padding:.75rem;overflow-y:auto;background-color:var(--home-info-bg);display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg)}.chat-box-messages::-webkit-scrollbar{width:8px}.chat-box-messages::-webkit-scrollbar-track{background:var(--scrollbar-bg)}.chat-box-messages::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:8px}.chat-close-icon,.chat-close-icon:focus{color:var(--primary-text)!important}.chat-close-icon:focus{outline:none;box-shadow:none}.message{margin-bottom:.75rem;padding:.5rem;border-radius:15px;max-width:75%;align-self:flex-start}.home-admin-message{background-color:var(--away-message);align-self:flex-start}.home-admin-message,.home-user-message{color:var(--primary-text);word-break:break-word;overflow-wrap:anywhere;max-width:90%}.home-user-message{background-color:var(--home-message);align-self:flex-end}.chat-box-input{display:flex;padding:.5rem;border-top:1px solid var(--border-color)}.chat-box-input,.chat-input{background-color:var(--home-info-bg)}.chat-input{flex:1 1;margin-right:.5rem;border-radius:20px;color:var(--primary-text);border:1px solid hsla(0,0%,50%,.451);outline:none!important;transition:border-color .3s}.chat-input::placeholder{color:var(--secondary-text)}.chat-input:focus{border-color:var(--border-color)!important}.send-icon{border-radius:50%!important;background-color:#3b3434!important;color:#fff!important;width:24px!important;height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;border:none!important;padding-inline:19px!important;padding-block:5px!important;margin-left:-5px}.send-icon>.pi{font-size:1rem;padding-top:1px}@media (max-width:600px){.chat-box{right:8%;width:83%;height:78%;bottom:83px}.chat-box.modal-chat{bottom:13px}}