.chatbox{--color-primary:#000;--color-text:#fff;font-size:15px;line-height:1.4;-webkit-text-size-adjust:100%;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.chatbox *{box-sizing:border-box;margin:0;padding:0;font:inherit;background-color:transparent}.chatbox-chat{display:flex;flex-direction:column;gap:5px;padding:1rem;height:100%;overflow-y:scroll}.chatbox-chat-message{position:relative;display:flex}.chatbox-chat-message span{padding:10px 15px;display:inline-flex;border-radius:10px}.chatbox-chat-message .datetime{font-size:10px;color:#333}.chatbox-chat-message.chatbox-chat-message-out{margin-right:3rem;text-align:left}.chatbox-chat-message.chatbox-chat-message-out .datetime{margin-left:.5rem;color:#333}.chatbox-chat-message.chatbox-chat-message-out span{color:var(--color-text);background-color:rgba(0,0,0,.7)}.chatbox-chat-message.chatbox-chat-message-in{margin-left:3rem;justify-content:flex-end;text-align:right}.chatbox-chat-message.chatbox-chat-message-in .datetime{margin-right:.25rem}.chatbox-chat-message.chatbox-chat-message-in span{color:var(--color-text);background-color:var(--color-primary)}.chatbox-form{position:relative;border-top:1px solid #eee}.chatbox-form-message{display:block;height:50px;width:100%;padding:1rem;outline:0;resize:none;color:#333}.chatbox-form-message::-moz-placeholder{color:#aaa}.chatbox-form-message::placeholder{color:#aaa}.chatbox-form-submit{cursor:pointer;z-index:2;position:absolute;right:1rem;top:10px;display:flex;align-items:center;justify-content:center;padding:5px}.chatbox-widget-root{position:fixed;z-index:99999;bottom:20px;right:20px;width:100vw;height:0}.chatbox-widget-trigger-button{cursor:pointer;z-index:75;position:absolute;right:0;bottom:0;width:54px;height:54px;background-color:var(--color-button);display:flex;align-items:center;justify-content:center;border-radius:60px;box-shadow:0 1px 6px 0 rgb(0 0 0/6%),0 2px 32px 0 rgba(0,0,0,.16)}.chatbox-widget-trigger-button .unseen-badge{position:absolute;top:-20px;right:-10px;width:24px;height:24px;background-color:#01568d;border:1px solid #fff;color:#fff;font-weight:700;font-size:12px;padding:8px;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:9999}.chatbox-widget-modal{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;z-index:2;position:absolute;bottom:calc(100% + 60px + 20px);right:0;height:460px;width:320px;max-width:100%;background-color:#fff;border-radius:10px;box-shadow:0 5px 40px rgba(0,0,0,.16)}@media (max-width:768px){.chatbox-widget-modal{height:240px;width:280px}.chatbox-chat-message,.chatbox-form-message{font-size:.9rem!important}}.chatbox-widget-header{padding:1rem;color:var(--color-text)}@media (max-width:768px){.chatbox-widget-header{padding:.5rem 1rem}}.chatbox-widget-header h2{font-size:1.2rem;font-weight:700}.chatbox-admin-grid{display:grid;grid-template-rows:auto 1fr auto;height:80vh;margin:0 auto;background-color:#fff}.chatbox-admin-header{padding:1rem;color:var(--color-text);background-color:var(--color-primary)}.chatbox-widget-header p{font-size:.9rem}.chatbox-widget-email-form{padding:1rem;background-color:rgba(0,0,0,.7);border-radius:10px;margin-top:5px;color:var(--color-text)}.chatbox-widget-email-form input{background-color:#fff;padding:10px;width:100%;border-radius:10px;margin-top:10px}