.chat-message{color:#8b9bb1;display:flex;font-size:12px;padding:0 12px}.chat-message.--system{background:#fff;font-size:11px;height:-moz-fit-content;height:fit-content;justify-content:center;margin:12px 0;position:relative}.chat-message.--system:before{border-bottom:1px solid #ddd;content:"";position:absolute;top:50%;width:95%}.chat-message.--client{justify-content:end}.chat-message.--user{justify-content:start}.chat-message.--date-delimiter{font-size:11px;justify-content:center}.chat-message .attachments{display:flex;flex-wrap:wrap;gap:8px}.chat-message .attachments .image img{border-radius:8px;max-height:150px}.chat-message .attachments .document .btn{background-color:#ecf8ff;border-radius:8px;padding:4px 8px}.chat-message .attachments .audio,.chat-message .attachments .video{border-radius:8px}.chat-message .attachments .video video{height:250px;width:350px}.chat-message .is-systems{background:#fff;max-width:80%;padding:0 8px;position:relative}.chat-message .is-client{margin:8px 0;max-width:80%;text-align:right}.chat-message .is-client .text{background:#5ea3ef;border-radius:4px;color:#fff;padding:8px;text-align:left}.chat-message .is-user{margin:8px 0;max-width:80%;text-align:left}.chat-message .is-user .text{background:#eaecee;border-radius:4px;color:#333;padding:8px}.chat-message .is-user .text .name{color:#bdbdbe;margin-bottom:4px}.chat-message .is-date-delimiter{background:#ecf8ff;border-radius:12px;margin:12px 0;padding:4px 12px}.chat-message .content{display:flex}.chat-message .text-with-attachments{margin-bottom:8px}.chat-message .info{display:flex}.chat-message .info .time{font-size:9px}.chat-message .info .read{margin-left:4px}.chat-message .info .read img{height:12px;width:12px}.chat-message .avatar{border-radius:44px;margin-right:8px;min-height:44px;min-width:44px;overflow:hidden}.chat-message .avatar img{max-height:44px;max-width:44px}.start-page{margin:25% auto;text-align:center;width:252px}.start-page .avatar{align-items:center;background-color:#f6f8fc;border-radius:50%;display:flex;height:100px;justify-content:center;margin:0 auto 20px;width:100px}.start-page .text{color:#8b9bb1;font-size:12px}.auth{margin:0 auto;width:75%}.auth-title{color:#8b9bb1;font-size:12px}.auth .error-message{color:#ff4c4c;font-size:11px;margin:8px 0;text-align:center}.auth-form{display:flex;flex-direction:column}.auth-form input{background:#fff;border:1px solid #8b9bb1;border-radius:6px;color:#8b9bb1;height:42px;margin:12px 0;outline:none;padding:0 12px}.auth-form .captcha-container{align-items:center;display:flex;justify-content:center;margin:12px 0;min-height:60px}.auth-form .captcha-container #captcha-container{display:flex;justify-content:center;width:100%}.auth-form button{background-color:#ff4c4c!important;border:none;color:#fff;height:42px}.auth-form button:disabled{background-color:#e6e6e6!important}.chat-bubble{background-color:#ecf8ff;-webkit-border-radius:20px;-webkit-border-bottom-left-radius:2px;-moz-border-radius:20px;padding:2px 8px;-moz-border-radius-bottomleft:2px;border-radius:20px 20px 20px 2px;display:inline-block}.typing{align-items:center;display:flex;height:17px}.typing .dot{animation:mercuryTypingAnimation 1.8s ease-in-out infinite;background-color:#6576ff;border-radius:50%;display:inline-block;height:4px;margin-right:4px;vertical-align:middle;width:4px}.typing .dot:first-child{animation-delay:.2s}.typing .dot:nth-child(2){animation-delay:.3s}.typing .dot:nth-child(3){animation-delay:.4s}.typing .dot:last-child{margin-right:0}@keyframes mercuryTypingAnimation{0%{background-color:#6576ff;transform:translateY(0)}28%{background-color:#a9b3fc;transform:translateY(-7px)}44%{background-color:#dee2ff;transform:translateY(0)}}.layout{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px 4px #0000004d;display:flex;flex-direction:column;height:500px;overflow:hidden;position:relative;width:400px}.layout .page-container .messages-wrap{display:flex;margin:54px 0;position:relative;width:100%}.layout .page-container .messages-wrap .messages{align-items:end;display:grid;overflow-y:scroll;position:relative;width:100%}.layout .page-container .messages-wrap .messages::-webkit-scrollbar{width:6px}.layout .page-container .messages-wrap .messages::-webkit-scrollbar-track{border-radius:0}.layout .page-container .messages-wrap .messages::-webkit-scrollbar-thumb{background:#0003;border-radius:10px;margin:2px}.layout .page-container .messages-wrap .messages{scrollbar-color:#999baf #fff;scrollbar-width:thin}.layout .page-container .messages-wrap .messages .messages-list{height:-moz-max-content;height:max-content;width:100%}.layout .page-container .messages-wrap .floating-button{align-items:center;background-color:#00887d;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;width:32px}.layout .page-container .messages-wrap .floating-button .badge{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;height:14px;justify-content:center;min-width:14px;padding:2px;position:absolute;right:0;top:0}.layout .page-container .typing{bottom:66px;left:12px;position:absolute}.layout .footer{align-items:center;background:transparent;border-top:1px solid #ddd;bottom:0;display:flex;left:0;min-height:54px;padding:0 16px;position:absolute;right:0}.layout .footer-input{align-items:center;display:flex;margin:0 12px;width:100%}.layout .footer-input input{background:#fff!important;border:none;color:#8b9bb1;outline:none;width:100%}.layout .footer-send{cursor:pointer}.layout{background-color:#fff;border-radius:8px;box-shadow:0 0 5px 1px #aaa;display:flex;flex-direction:column;height:500px;overflow:hidden;position:relative;width:400px}@media(max-width:600px){.layout{height:500px;max-height:calc(100vh - 109px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));width:100%}}.layout .header{background:#f5f5f5;display:flex;left:0;min-height:54px;padding:0 12px;position:absolute;right:0;top:0}.layout .header .toolbar{align-items:center;display:flex;justify-content:space-between;width:100%}.layout .header .toolbar-title{color:#000}.layout .header .toolbar-close{border-radius:50%;cursor:pointer;opacity:.5;width:24px}.layout .header .toolbar-close:hover{box-shadow:0 0 3px 1px #ddd;opacity:1}.layout .page-container{display:flex;height:100%}.layout .page-container .page{align-items:center;display:flex;justify-content:center;width:100%}.layout .page-container .page .callback{margin:0 auto;width:75%}.layout .page-container .page .callback-subtitle{color:#8b9bb1;font-size:12px;margin-bottom:8px}.layout .page-container .page .callback-message{display:flex;flex-direction:column;gap:16px;text-align:center}.layout .page-container .page .callback-message-title{font-size:18px;font-weight:600}.layout .page-container .page .callback-message-title.success{color:#28a745}.layout .page-container .page .callback-message-title.error{color:#ff4c4c}.layout .page-container .page .callback-message-text{color:#333;font-size:14px;line-height:1.5}.layout .page-container .page .callback-message button{background:#ff4c4c;border:none;border-radius:6px;color:#fff;cursor:pointer;height:42px;transition:background-color .2s}.layout .page-container .page .callback-message button:hover{background:#e63939}.layout .page-container .page .callback-form{display:flex;flex-direction:column}.layout .page-container .page .callback-form .error-message{color:#ff4c4c;font-size:11px;margin:8px 0;text-align:center}.layout .page-container .page .callback-form input{background:#fff;border:1px solid #8b9bb1;border-radius:6px;color:#8b9bb1;height:42px;margin:12px 0;outline:none;padding:0 12px}.layout .page-container .page .callback-form .captcha-container{align-items:center;display:flex;justify-content:center;margin:12px 0;min-height:60px}.layout .page-container .page .callback-form .captcha-container #captcha-container-callback{display:flex;justify-content:center;width:100%}.layout .page-container .page .callback-form button{background:#ff4c4c;border:none;border-radius:6px;color:#fff;cursor:pointer;height:42px;transition:background-color .2s}.layout .page-container .page .callback-form button:hover:not(:disabled){background:#e63939}.layout .page-container .page .callback-form button:disabled{background:#e6e6e6;cursor:not-allowed}.chat-buttons{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ff4c4c;border-radius:30px 0 0 30px;bottom:65px;box-shadow:0 0 14px #00000040;padding:16px 12px;position:fixed;right:0;z-index:99999}.chat-buttons .btn_hover_qrcode{animation:zoomIn .5s ease-in-out;background-color:#fff;border-radius:30px;color:#000;filter:drop-shadow(0 4px 14px rgba(0,0,0,.25));height:264px;left:-282px;padding:20px;position:absolute;top:0;width:270px;z-index:5}.chat-buttons .btn_hover_qrcode p{font-size:12px;line-height:20px;margin-bottom:20px}.chat-buttons .callback,.chat-buttons a{height:40px;margin-bottom:8px;width:40px}.chat-buttons a[data-tooltip]:not([data-tooltip=""]):hover:before{content:attr(data-tooltip)}.chat-buttons a[data-tooltip]:not([data-tooltip=""]):before{animation:toLeft .5s;background:#fff;border-radius:24px;color:#ff4c4c;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.25));font-weight:600;padding:8px 12px;position:absolute;width:-moz-max-content;width:max-content;z-index:10}.chat-buttons a[data-tooltip]:before{margin:auto 12px;right:100%}.chat-buttons .animation{display:flex;flex-direction:column;height:0;opacity:0;transform:scale(0);transform-origin:top center;transition-duration:.3s;transition-property:transform,height,opacity;transition-timing-function:ease}.chat-buttons .animation a{cursor:pointer}.chat-buttons .animation a[data-tooltip]:before{margin:auto 24px;right:100%}.chat-buttons .animation.open{height:230px;opacity:1;transform:scale(1)}.chat-buttons .animation a:not(:last-child){margin-bottom:8px}.chat-buttons .rotation{height:40px;margin-bottom:0;overflow:hidden;position:relative;width:40px}.chat-buttons .rotation img{left:0;position:absolute;top:0}.chat-buttons .rotation img.slide-in{animation:slide-in .5s forwards}.chat-buttons .rotation img.slide-out{animation:slide-out .5s forwards}.callback-modal,.chat-modal{bottom:85px;position:fixed;right:76px;z-index:99999}@media(max-width:600px){.chat-buttons{--widget-bar-strip:48px;bottom:56px;padding:10px 8px}.chat-buttons .callback,.chat-buttons a{height:32px;margin-bottom:6px;width:32px}.chat-buttons .callback img,.chat-buttons a img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.chat-buttons a.bg-white.p-2,.chat-buttons img.bg-white.p-2{padding:4px!important}.chat-buttons .rotation{height:32px;width:32px}.chat-buttons .animation.open{height:200px}.chat-buttons .animation a:not(:last-child){margin-bottom:6px}.callback-modal,.chat-modal{bottom:calc(85px + env(safe-area-inset-bottom,0px));height:auto;left:8px;right:calc(16px + var(--widget-bar-strip, 36px));top:auto;width:auto}}@keyframes slide-in{0%{transform:translate(100%) scale(.3)}to{transform:translate(0) scale(1)}}@keyframes slide-out{0%{transform:translate(0) scale(1)}to{transform:translate(-100%) scale(.3)}}@keyframes toLeft{0%{opacity:0;right:0}to{opacity:1;right:100%}}.widget{background-color:#242424;color:#ffffffde;color-scheme:light dark;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.widget a{color:#646cff;font-weight:500;text-decoration:inherit}.widget a:hover{color:#535bf2}.widget h1{font-size:3.2em;line-height:1.1}.widget button{background-color:#1a1a1a;border:1px solid transparent;border-radius:8px;cursor:pointer;font-family:inherit;font-size:1em;font-weight:500;padding:.6em 1.2em;transition:border-color .25s}.widget button:hover{border-color:#646cff}.widget button:focus,.widget button:focus-visible{outline:4px auto -webkit-focus-ring-color}.widget .card{padding:2em}@media(prefers-color-scheme:light){.widget :root{background-color:#fff;color:#213547}.widget a:hover{color:#747bff}.widget button{background-color:#f9f9f9}}.widget .custom-scrollbar::-webkit-scrollbar{width:4px}.widget .custom-scrollbar::-webkit-scrollbar-track{background:#fff}.widget .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#999baf;border:none;border-radius:20px}.widget .custom-scrollbar{scrollbar-color:#999baf #fff;scrollbar-width:thin}