@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap);.chat-container{--scm-chat-radius:16px;--scm-chat-font:"Outfit","Segoe UI","Helvetica Neue",Helvetica,sans-serif;background-color:#fff;position:fixed;bottom:70px;right:100px;z-index:9;width:400px;height:min(640px,calc(100vh - 140px));box-sizing:border-box;border-radius:var(--scm-chat-radius);overflow:hidden;border:1px solid rgba(18,24,22,.08);box-shadow:0 18px 48px rgba(18,24,22,.14);-webkit-box-shadow:0 18px 48px rgba(18,24,22,.14);-moz-box-shadow:0 18px 48px rgba(18,24,22,.14);display:none;font-family:var(--scm-chat-font)}.chat-container .head-container{background:#1c58a7;border-top-left-radius:var(--scm-chat-radius);border-top-right-radius:var(--scm-chat-radius);padding:14px 14px 14px 16px;display:flex;align-items:center;gap:12px;min-height:68px;box-sizing:border-box}.head-container .chat-avatar{background-color:#fff;margin-right:0;border:2px solid hsla(0,0%,100%,.85);border-radius:10px;padding:2px;flex-shrink:0;box-sizing:border-box;position:relative}.head-container .chat-avatar.is-active{border-color:rgba(72,199,142,.95)}.head-container .chat-avatar.is-away{border-color:hsla(0,0%,100%,.45)}.head-container .avatar-meta{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:2px}.head-container #avatar-name,.head-container .avatar-name{font-size:15px;line-height:1.25;display:block;font-weight:700;letter-spacing:-.02em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.head-container #avatar-status,.head-container .avatar-status{font-size:11px;line-height:1.3;display:inline-flex;align-items:center;gap:6px;font-weight:500;color:hsla(0,0%,100%,.88);min-height:14px}.head-container #avatar-status.is-active:before,.head-container .avatar-status.is-active:before{content:"";width:7px;height:7px;border-radius:50%;background:#48c78e;box-shadow:0 0 0 2px rgba(72,199,142,.25);flex-shrink:0}.head-container #avatar-status.is-away:before,.head-container .avatar-status.is-away:before{content:"";width:7px;height:7px;border-radius:50%;background:hsla(0,0%,100%,.55);flex-shrink:0}.head-container .button-wrapper{margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;flex:0 0 auto;max-width:52%}.head-container .button-wrapper .head-btn,.head-container .button-wrapper button{border-radius:7px;padding:6px 10px;border:1px solid hsla(0,0%,100%,.55);color:#fff;background-color:hsla(0,0%,100%,.12);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.01em;margin-left:0;outline:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.head-container .button-wrapper .head-btn:hover,.head-container .button-wrapper button:hover{background-color:#fff;color:#1c58a7;border-color:#fff;-o-border-image:none;border-image:none}.head-container .button-wrapper .head-btn-end{border-color:rgba(255,210,210,.7);background-color:hsla(0,0%,100%,.08)}.head-container .button-wrapper .head-btn-end:hover{background-color:#fff5f5;color:#c0392b;border-color:#fff5f5}.chat-container .iframe-container{width:100%;height:calc(100% - 68px);border:0;background:#f4f6f5}.chat-btn{cursor:pointer;position:fixed;bottom:5%;right:1%;width:60px;height:60px;z-index:11;background-color:#fff;font-size:0;line-height:0;text-align:center;margin-right:10px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;border:1px solid rgba(18,24,22,.08);box-shadow:0 10px 28px rgba(18,24,22,.18);-webkit-box-shadow:0 10px 28px rgba(18,24,22,.18);-moz-box-shadow:0 10px 28px rgba(18,24,22,.18);transition:transform .15s ease,opacity .15s ease}.chat-btn:hover{opacity:.92;transform:translateY(-1px)}.chat-btn:active{transform:translateY(0)}.chat-btn img{width:100%;height:100%;display:block;margin:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;border-radius:8px}.head-container .chat-avatar img{width:42px;height:42px;border-radius:8px;display:block;-o-object-fit:cover;object-fit:cover}.chat-container.show{display:block;-webkit-animation:scm-chat-open .28s ease both;animation:scm-chat-open .28s ease both}@-webkit-keyframes scm-chat-open{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scm-chat-open{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media only screen and (min-width:451px) and (max-width:661px){.chat-container{bottom:110px;right:0;left:0;margin:0 auto;z-index:9;width:95%;max-width:420px;height:min(640px,calc(100vh - 200px))}.chat-btn{width:60px;height:60px}}@media screen and (max-width:450px){.chat-container{bottom:23.556vw;right:0;width:95%;left:0;margin:0 auto;height:calc(100vh - 44.444vw);border-radius:3.2vw}.chat-container .head-container{border-top-left-radius:3.2vw;border-top-right-radius:3.2vw;padding:3.2vw 3.2vw 3.2vw 3.6vw;gap:2.4vw;min-height:16vw}.head-container .chat-avatar{border-radius:2vw}.head-container .chat-avatar img{width:9vw;height:9vw;border-radius:1.6vw}.head-container #avatar-name,.head-container .avatar-name{font-size:3.6vw}.head-container #avatar-status,.head-container .avatar-status{font-size:2.6vw}.head-container .button-wrapper{max-width:48%;gap:1.2vw}.head-container .button-wrapper .head-btn,.head-container .button-wrapper button{border-radius:1.4vw;padding:1.4vw 2vw;font-size:2.6vw;border-width:.2vw}.chat-container .iframe-container{height:calc(100% - 16vw)}.chat-btn{width:12vw;height:12vw;font-size:0;line-height:0;margin-right:2.222vw;padding:2vw;border-radius:2.8vw}}