#support-chat{display:none;position:fixed;bottom:75px;right:25px;height:50px;width:50px;border-radius:50%;background:var(--theme-color-main);color:var(--theme-color-white, #fff);cursor:pointer;box-shadow:0 0 0.42857rem 0 rgba(0,0,0,0.2);transition:background-color 0.3s ease-out;animation:fadein 3s;z-index:2}#support-chat:hover{background:var(--theme-color-main-dark)}.support-chat--icon{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.icon-comment{stroke-width:0;stroke:currentColor;fill:currentColor;height:45%}#support-chat.notification .support-chat--icon{animation:notification 1s ease}.is-chat-loading:before{position:absolute;width:100%;height:100%;border-radius:50%;content:" ";background-color:rgba(255,255,255,0.7);z-index:1}.is-chat-loading:after{content:'';box-sizing:border-box;position:fixed;right:30px;bottom:30px;width:40px;height:40px;border-radius:50%;border-left:3px solid rgba(255,255,255,0);border-top:3px solid var(--theme-color-main);border-right:3px solid rgba(255,255,255,0);border-bottom:3px solid var(--theme-color-main);animation:spinner 1.2s ease infinite;z-index:2}@keyframes spinner{to{transform:rotate(360deg)}}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes notification{0%{font-size:25px}50%{font-size:35px}100%{font-size:25px}}.offline-chat-message{display:none;box-shadow:0 0 0.42857rem 0 rgba(0,0,0,0.2);height:550px;width:342px;overflow:hidden;position:fixed;z-index:2;right:16px;bottom:14px;border-radius:8px;animation:fadein .5s;z-index:10}.offline-chat-message__header{position:relative;height:44px;background:var(--theme-color-main);border-top-left-radius:8px;border-top-right-radius:8px}.offline-chat-message__header-close-icon{position:absolute;cursor:pointer;height:100%;width:35px;right:11px}.offline-chat-message__header-close-icon .offline-chat-message__close-icon{width:10px;height:2px;background:rgba(0,0,0,0.6);position:absolute;right:12px;bottom:22px}.offline-chat-message__content-wrapper{background:var(--theme-color-white, #fff);padding:20px 20px;height:100%;font-size:15px}.offline-chat-message__content{height:83%}.btn.offline-chat-message__close-btn{width:100%;background:var(--theme-color-main);font-weight:300;height:38px;border-radius:4px;box-shadow:none;text-transform:capitalize}.btn.offline-chat-message__close-btn:hover{background:#01c355}@keyframes fadein{from{opacity:0}to{opacity:1}}@media only screen and (max-width: 568px){.offline-chat-message{height:100%;width:100%;right:0;left:0;top:0}}