@media (max-width:767px) and (min-width:221px){body{overflow:auto!important}.livechat-wrapper .chat-role{display:inline!important;white-space:nowrap!important;white-space:nowrap!important}.livechat-wrapper .chat-role{margin-bottom:center!important}.livechat-wrapper .chat-box{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;border-radius:0!important;transform:none!important;animation:none!important}.livechat-wrapper .chat-header,.livechat-wrapper .chat-footer{border-radius:0!important}.livechat-wrapper #scroll-wrapper{height:calc(100vh - 120px)!important;padding-bottom:80px!important}.livechat-wrapper .chat-footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important}.mobile-close-btn{display:block!important;position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;background:none!important;border:none!important;font-size:24px!important;color:#666!important;cursor:pointer!important;z-index:1!important;padding:0 10px!important}.livechat-wrapper.open .chat-toggle{display:none!important}}.livechat-wrapper #chatBox{transform:translateY(100%);opacity:0;transition:transform 0.3s ease-out,opacity 0.3s ease-out}.livechat-wrapper #chatBox{transform:translateY(100%);opacity:0;transition:transform 0.3s ease-out,opacity 0.3s ease-out}.livechat-wrapper.open #chatBox{transform:translateY(0);opacity:1}@keyframes livechat-pop-in{0%{transform:translateY(100%) scale(.8);opacity:0;box-shadow:0 0 0 #fff0}60%{transform:translateY(-10px) scale(1.05);opacity:1;box-shadow:0 20px 40px rgb(0 0 0 / .2)}80%{transform:translateY(0) scale(.98);box-shadow:0 10px 20px rgb(0 0 0 / .15)}100%{transform:translateY(0) scale(1);box-shadow:0 6px 12px rgb(0 0 0 / .1)}}@keyframes livechat-pop-out{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(100%) scale(.8);opacity:0}}.livechat-wrapper #chatBox{opacity:0;transform:translateY(100%) scale(.8)}.livechat-wrapper.open #chatBox{animation:livechat-pop-in 0.5s cubic-bezier(.16,1,.3,1) forwards}.livechat-wrapper.pop-out #chatBox{animation:livechat-pop-out 0.3s ease-in forwards}#scrollTopBtn{position:fixed;bottom:100px;right:29px;background-color:#141ed2;padding:13px 23px;border-radius:50%;font-size:20px;cursor:pointer;z-index:1000}#scrollTopBtn,#scrollTopBtn:focus,#scrollTopBtn:active{border:none!important;outline:none!important;box-shadow:none!important}.rainbow-text{background-image:linear-gradient(-45deg,#ff0000,#ff9900,#33cc33,#3399ff,#cc33ff,#ff0066,#ff0000);background-size:400%;-webkit-background-clip:text;-webkit-text-fill-color:#fff0;animation:rainbowFlow 8s linear infinite}@keyframes rainbowFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes bgFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes fadeInZoom{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes introBgFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes fadeZoomIn{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}.livechat-wrapper .chat-box.dark-theme{background-color:var(--bg-dark);color:var(--text-dark)}.livechat-wrapper .chat-box.dark-theme .chat-header,.livechat-wrapper .chat-box.dark-theme .chat-footer,.livechat-wrapper .chat-box.dark-theme .inner-box,.livechat-wrapper .chat-box.dark-theme .account-input input[type="text"],.livechat-wrapper .chat-box.dark-theme .account-input button,.livechat-wrapper .chat-box.dark-theme .chat-footer input[type="text"],.livechat-wrapper .chat-box.dark-theme .chat-footer button,.livechat-wrapper .chat-box.dark-theme .message,.livechat-wrapper .chat-box.dark-theme .powered-by{background-color:var(--chat-bg-dark)!important;color:var(--text-dark)!important}.livechat-wrapper .chat-box.dark-theme .tooltip-text{background-color:var(--border-dark);color:var(--text-dark)}.livechat-wrapper .chat-box.dark-theme input::placeholder{color:#ccc}.livechat-wrapper .chat-box.dark-theme .chat-header{border-top-left-radius:16px;border-top-right-radius:16px}.livechat-wrapper .chat-box.dark-theme .chat-footer{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.livechat-wrapper .chat-box.dark-theme .chat-profile-box{background-color:var(--chat-bg-dark)}.livechat-wrapper .chat-box.dark-theme .chat-name{color:var(--text-dark)}.livechat-wrapper .chat-box.dark-theme .chat-role{color:#aaa}.livechat-wrapper .chat-box.dark-theme .account-input button,.livechat-wrapper .chat-box.dark-theme #restartChatBtn button{border:1px solid #ddd!important;background-color:var(--chat-bg-dark);color:var(--text-dark)}.livechat-wrapper .chat-box.dark-theme .account-input button:hover,.livechat-wrapper .chat-box.dark-theme #restartChatBtn button:hover{border-color:var(--primary-blue);box-shadow:0 0 0 2px rgb(35 116 225 / .2)}.livechat-wrapper .chat-box.dark-theme .powered-by{background-color:transparent!important;color:var(--text-dark)!important}.livechat-wrapper .chat-box.dark-theme .tooltip-icon{color:var(--text-dark)!important}.livechat-wrapper .chat-box.dark-theme .menu-item span,.livechat-wrapper .chat-box.dark-theme .menu-item label{color:var(--text-dark)!important}.livechat-wrapper{--bg-light:#ffffff;--bg-dark:#242526;--text-light:#000000;--text-dark:#e4e6eb;--chat-bg-light:#f0f2f5;--chat-bg-dark:#3a3b3c;--border-dark:#4e4f50;--border-light:#dcdcdc;--input-bg-dark:#4e4f50;--placeholder-dark:#b0b3b8;--primary-blue:#0084ff;--primary-blue-hover:#1877f2;--bubble-user:#0084ff;--bubble-admin:#3e4042}.livechat-wrapper *{box-sizing:border-box}.livechat-wrapper{font-family:Arial,sans-serif;margin:0;padding:0;background-color:var(--bg-light);color:var(--text-light)}.livechat-wrapper .chat-toggle{position:fixed;bottom:20px;right:30px;background-color:#141ed2;padding:14px 16px;border-radius:50%;font-size:20px;cursor:pointer;z-index:1000}.livechat-wrapper .chat-box{background:var(--chat-bg);position:fixed;bottom:15px;right:0;width:365px;max-width:100%;height:95vh;margin:auto;border-radius:16px;box-shadow:0 0 15px rgb(0 0 0 / .2);display:flex;flex-direction:column;background:#fff;z-index:1001;margin-right:20px;justify-content:space-between}.livechat-wrapper .chat-header{border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;position:relative}.livechat-wrapper .chat-header>div{display:flex;align-items:center}.livechat-wrapper .chat-header .chat-title{flex:1;text-align:center;flex-direction:column;line-height:1.2}.livechat-wrapper .chat-body{display:flex;height:100%;background:var(--chat-bg);color:var(--text-color);padding:15px;flex:1;max-height:unset}.livechat-wrapper .chat-footer{padding:10px}.livechat-wrapper .chat-footer input[type="text"]{width:75%;padding:10px;margin-right:5px;border:1px solid #ccc;border-radius:8px}.livechat-wrapper .chat-footer input[type="file"]{display:none}.livechat-wrapper .chat-footer button{padding:8px 10px;border:none;background-color:#007bff;color:#fff;border-radius:5px;cursor:pointer}.livechat-wrapper .account-input{padding:10px}.livechat-wrapper .account-input input[type="text"]{width:100%;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:6px;margin-top:6px}.livechat-wrapper .account-input button{width:100%;margin-top:10px;background-color:#000;color:#fff;padding:10px;border-radius:6px;font-weight:700;border:none;cursor:pointer;transition:border 0.2s ease,box-shadow 0.2s ease}.livechat-wrapper #account{width:100%;padding:10px;border:2px solid #d5cccc;border-radius:6px;outline:none;transition:border-color 0.2s ease}.livechat-wrapper #account:focus{border-color:#797373}.livechat-wrapper .inner-box{margin:45px;border-radius:12px;border:1px solid #ddd;box-shadow:0 0 8px rgb(0 0 0 / .05);padding:10px;background-color:#fff;overflow:hidden}.livechat-wrapper .chat-title{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:10px}.livechat-wrapper #shrink{padding-right:5px}.livechat-wrapper #chatMenuToggle{padding-left:5px}.livechat-wrapper .tooltip-wrapper{position:relative;display:inline-block}.livechat-wrapper .tooltip-icon{padding:4px;border-radius:50%;transition:background-color 0.2s ease,box-shadow 0.2s ease;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}.livechat-wrapper .tooltip-wrapper:hover .tooltip-icon{background-color:#e6e6e6;box-shadow:0 0 4px rgb(0 0 0 / .15)}.livechat-wrapper .tooltip-text{visibility:hidden;opacity:0;background-color:#333;color:#fff;text-align:center;padding:6px 10px;border-radius:6px;position:absolute;top:130%;left:50%;transform:translateX(-50%);transition:opacity 0.2s;white-space:nowrap;font-size:13px;z-index:999;max-width:200px;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}.livechat-wrapper .tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.livechat-wrapper .tooltip-wrapper.menu-open .tooltip-text{display:none!important}.livechat-wrapper .tooltip-text-right{top:35px;padding:5px;right:0;left:auto;transform:none}.livechat-wrapper .tooltip-text-left{right:auto;left:0;transform:none}.livechat-wrapper .chat-profile-box{background-color:#f4f4f4;border-radius:30px;padding:8px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 10px rgb(0 0 0 / .1);max-width:max-content;margin:auto}.livechat-wrapper .avatar-wrapper{position:relative;width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.livechat-wrapper .avatar-logo{width:100%;height:100%;background-color:#141ed2;border-radius:50%;padding:6px;object-fit:cover}.livechat-wrapper .status-dot{position:absolute;top:0;right:0;width:10px;height:10px;background-color:#00c853;border:2px solid #fff;border-radius:50%}.livechat-wrapper .chat-name-role{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.livechat-wrapper .chat-name{font-weight:700;font-size:13px}.livechat-wrapper .chat-role{font-size:13px;color:#888;margin-top:5px}.livechat-wrapper .user-avatar-inline{position:absolute;top:117px;left:15px;width:24px;height:24px;border-radius:50%;background-color:#f4f4f4;display:flex;align-items:center;justify-content:center;box-shadow:0 0 4px rgb(0 0 0 / .15);z-index:10}.livechat-wrapper #chatMenu{display:none;position:absolute;top:40px;left:0;background:#fff;border:1px solid #ddd;border-radius:10px;padding:8px 0;z-index:1000;box-shadow:0 8px 20px rgb(0 0 0 / .1);width:220px;font-size:14px;animation:fadeInMenu 0.2s ease}@keyframes fadeInMenu{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.livechat-wrapper .menu-item{padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color 0.2s}.livechat-wrapper .menu-item:hover{background-color:#f5f5f5}.livechat-wrapper .menu-item-icon{width:18px;height:18px;flex-shrink:0}.livechat-wrapper .toggle-switch{position:relative;display:inline-block;width:34px;height:18px}.livechat-wrapper .toggle-switch input{opacity:0;width:0;height:0}.livechat-wrapper .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:18px;transition:0.3s}.livechat-wrapper .slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:#fff;border-radius:50%;transition:0.3s}.livechat-wrapper .toggle-switch input:checked+.slider{background-color:#4caf50}.livechat-wrapper .toggle-switch input:checked+.slider:before{transform:translateX(16px)}.livechat-wrapper .powered-by{display:flex;justify-content:center;align-items:center;gap:6px;font-size:13px;margin-top:-25px}.livechat-wrapper .powered-logo{width:18px;height:18px;object-fit:contain;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:#141ed2;border-radius:50%;padding:2px;object-fit:cover}.livechat-wrapper .chat-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.livechat-wrapper #chatContent{max-height:100%}.livechat-wrapper .chat-name-role{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:36px;position:relative}.livechat-wrapper .chat-role{position:absolute;top:18px;left:0;font-size:13px;color:#666;opacity:1;transition:opacity 0.3s ease}.livechat-wrapper .chat-role.hidden{opacity:0;pointer-events:none}.livechat-wrapper .chat-name{transition:transform 0.3s ease;margin-bottom:14px}.livechat-wrapper .chat-name.centered{transform:translateY(9px)}.livechat-wrapper .chat-box.dark-theme .menu-item label,.livechat-wrapper .chat-box.dark-theme .menu-item span{color:var(--text-dark)!important;font-weight:500}.livechat-wrapper .chat-box.dark-theme .tooltip-icon{color:var(--text-dark)!important;background-color:transparent!important;font-weight:700}.livechat-wrapper .chat-box.dark-theme .tooltip-wrapper:hover .tooltip-icon{background-color:#4e4f50!important}.livechat-wrapper .chat-box.dark-theme .tooltip-wrapper.menu-open .tooltip-icon{background-color:var(--border-dark)!important;color:var(--text-dark)!important}.livechat-wrapper .chat-box.dark-theme .tooltip-wrapper:hover .tooltip-icon{background-color:var(--border-dark)!important;color:var(--text-dark)!important}.livechat-wrapper .chat-box.dark-theme .menu-item label span:first-child{color:#aeb2bc!important}.livechat-wrapper .message-input-container{display:flex;align-items:center;padding:4px 12px;background:#fff;border:1px solid #ccc;border-radius:12px;gap:8px;position:relative;z-index:2;margin-bottom:25px}.livechat-wrapper .message-input-container input[type="text"]{flex:1;border:none;outline:none;font-size:14px;line-height:18px;padding:10px;resize:none;overflow-y:hidden;height:auto;min-height:36px;max-height:120px}.livechat-wrapper .message-input-container .icon-btn{cursor:pointer;font-size:16px;padding:4px;border-radius:6px;transition:background 0.2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.livechat-wrapper .message-input-container .icon-btn:hover{background-color:#f0f0f0}.livechat-wrapper .message-input-container .send-btn{border:none;background:#fff0;color:#000;font-size:16px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;opacity:.5;transition:opacity 0.2s ease}.livechat-wrapper .message-input-container .send-btn:enabled{opacity:1;color:#000;cursor:pointer}.livechat-wrapper .emoji-popup{position:absolute;top:-150px;right:0;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1);border-radius:10px;display:none;flex-wrap:wrap;flex-direction:row;z-index:1000;padding:8px;gap:6px;max-width:240px}.livechat-wrapper .attachment-popup{top:-53px;position:absolute;right:0;background:#fff;box-shadow:0 2px 10px rgb(0 0 0 / .1);border-radius:10px;display:none;flex-wrap:wrap;flex-direction:row;z-index:1000;padding:8px;gap:6px;max-width:240px}.livechat-wrapper .emoji{font-size:16px;cursor:pointer;width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color 0.2s ease}.livechat-wrapper .emoji:hover{background-color:#f0f0f0}.livechat-wrapper .attachment-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:8px;transition:background-color 0.2s ease;font-size:14px;cursor:pointer}.livechat-wrapper .attachment-popup:hover{background-color:#f0f0f0}.livechat-wrapper .message-input-container:focus{background-color:#797373}.livechat-wrapper #accountDisplay{text-align:left;padding:12px 10px;font-size:14px;color:#111;background:#fff0;margin:0}.livechat-wrapper .account-label{display:block;font-weight:600;font-size:15px;color:#007bff;margin-bottom:4px}.livechat-wrapper .account-value{display:block;font-weight:700;font-size:18px;color:#333}.livechat-wrapper .message.user-text{display:inline-block;padding:10px 14px;border-radius:16px;font-size:14px;background-color:#141ed2;color:#fff;line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word}.livechat-wrapper .message.user-image,.livechat-wrapper .message.user-image img{max-width:70%;border-radius:16px;word-wrap:break-word;line-height:1.4;font-size:14px;color:#fff}.livechat-wrapper .user-message-wrapper{display:flex;justify-content:flex-end;padding:6px 10px}.livechat-wrapper .admin-message-wrapper{display:flex;align-items:flex-start;gap:8px;padding:6px 10px;justify-content:flex-start;width:100%}.livechat-wrapper .admin-avatar{width:28px;height:28px;border-radius:50%;background-color:#f0f0f0;overflow:hidden;flex-shrink:0}.livechat-wrapper .admin-avatar img{width:100%;height:100%;object-fit:cover}.livechat-wrapper .admin-message-bubble{max-width:75%;display:inline-block;padding:10px 14px;border-radius:16px;font-size:14px;background-color:#141ed2;color:#fff;line-height:1.4;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word}.livechat-wrapper .account-info-box{background-color:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 2px 8px rgb(0 0 0 / .06);max-width:80%;font-size:14px;line-height:1.5;color:#000}.livechat-wrapper .message img{all:unset!important;display:block!important;max-width:100%!important;height:auto!important;object-fit:contain!important;margin-top:8px}.livechat-wrapper .admin-message-wrapper img:not(.avatar-logo),.livechat-wrapper .user-message-wrapper img:not(.avatar-logo){max-width:100%!important;height:auto!important;display:block!important;object-fit:contain!important}.livechat-wrapper #scroll-wrapper{flex:1;overflow-y:auto;height:100%;padding:0}.livechat-wrapper #scroll-wrapper::-webkit-scrollbar{width:6px}.livechat-wrapper #scroll-wrapper::-webkit-scrollbar-thumb{background-color:rgb(0 0 0 / .2);border-radius:8px}.livechat-wrapper .user-message-wrapper{display:block;text-align:left}.livechat-wrapper .user-message-wrapper .message{display:inline-block;max-width:70%;word-break:normal;overflow-wrap:break-word}.livechat-wrapper #messageInput{position:absolute;opacity:0;pointer-events:none;height:0}.livechat-wrapper .message-editor{flex:1;min-height:36px;max-height:120px;line-height:18px;padding:10px;border:none;outline:none;overflow-y:auto;white-space:pre-wrap;word-break:break-word;font-size:14px}.livechat-wrapper .chat-bottom{position:absolute;bottom:0;left:0;right:0;width:100%;z-index:0}.livechat-wrapper .message-input-container{position:relative;z-index:2}.livechat-wrapper .message-editor{flex:1;min-height:36px;max-height:120px;line-height:18px;padding:10px;border:none;outline:none;overflow-y:auto;white-space:pre-wrap;word-break:break-word;font-size:14px;scrollbar-width:none;-ms-overflow-style:none}.livechat-wrapper .message-editor::-webkit-scrollbar{display:none}.livechat-wrapper .message-editor:empty:before{content:attr(data-placeholder);color:#888;pointer-events:none}.livechat-wrapper .message-hover-time{display:none;position:absolute;top:-4px;font-size:10px;color:#888;background:rgb(255 255 255 / .9);padding:2px 6px;border-radius:6px;box-shadow:0 1px 3px rgb(0 0 0 / .1);white-space:nowrap;z-index:10}.livechat-wrapper .message-wrapper,.livechat-wrapper .admin-message-wrapper{position:relative}.livechat-wrapper .message-wrapper:hover .message-hover-time,.livechat-wrapper .admin-message-wrapper:hover .message-hover-time{display:block}.livechat-wrapper #imagePopupOverlay{overflow:hidden;cursor:grab}.livechat-wrapper #popupImage{transition:transform 0.2s ease;user-select:none;cursor:grab}.livechat-wrapper .chat-box.dark-theme .account-value{color:var(--text-dark)!important;opacity:.9}.livechat-wrapper .chat-box.dark-theme .message-input-container{background-color:var(--chat-bg-dark);border:1px solid var(--border-dark)}.livechat-wrapper .chat-box.dark-theme .message-editor{color:var(--text-dark);background:#fff0}.livechat-wrapper .chat-box.dark-theme .message-editor:empty:before{color:#aaa}.livechat-wrapper .chat-box.dark-theme .attachment-popup .attachment-item{color:var(--text-dark);opacity:.95}.livechat-wrapper .chat-box.dark-theme .attachment-popup{background-color:var(--chat-bg-dark);color:#fff}.livechat-wrapper .chat-box.dark-theme .attachment-item{color:#ffffff!important;opacity:1!important;display:flex;align-items:center;gap:8px}.livechat-wrapper .chat-box.dark-theme .attachment-item img{filter:brightness(2)}.livechat-wrapper .chat-box.dark-theme .emoji-popup{background-color:var(--chat-bg-dark);color:#fff;border-color:rgb(255 255 255 / .1)}.livechat-wrapper .chat-box.dark-theme .emoji-button:hover{background-color:rgb(255 255 255 / .08)}.livechat-wrapper .chat-box.dark-theme .emoji-button.selected{background-color:rgb(255 255 255 / .12);outline-color:rgb(255 255 255 / .2);outline-style:solid;outline-width:2px}.livechat-wrapper .chat-box.dark-theme .message.user-text{background-color:#141ed2!important;color:#ffffff!important}.livechat-wrapper .chat-box.dark-theme .message.user-image{background-color:#141ed2!important;color:#ffffff!important}