| 1 |
.chat-toggle{align-items:center;background-color:#0866ff;border-radius:50%;bottom:16px;cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:10px;position:fixed;right:24px;width:36px;z-index:99}@media(max-width:768px){.chat-toggle{height:45px;padding:8px;width:45px}}.wp-spotlight-chat{animation:icon-animation2 .3s ease;height:auto;max-width:26px;width:auto}@media(max-width:768px){.wp-spotlight-chat{max-width:19px}}.wp-spotlight-hide{animation:icon-animation .3s ease;display:none;max-width:20px}@keyframes icon-animation{0%{transform:rotate(-30deg)}to{transform:rotate(0deg)}}@keyframes icon-animation2{0%{transform:rotate(30deg)}to{transform:rotate(0deg)}}.chatbox-iframe-wraper{border-radius:12px;bottom:92px;box-shadow:0 18px 50px rgba(0,0,0,.18),0 6px 18px rgba(0,0,0,.08);display:none;height:680px;max-height:77vh;overflow:hidden;position:fixed;right:16px;transition:all .3s;width:410px;z-index:999}.chatbox-iframe-wraper.extended{height:770px;max-width:96%;width:600px}@media(max-width:480px){.chatbox-iframe-wraper{bottom:inherit;height:100%;left:0;max-height:100%;max-width:100%;right:0;top:32px;width:100%}}.close-chat-sm{align-items:center;background:#405261;border:none;border-radius:50px;bottom:unset;color:#fff;display:flex;font-size:12px;gap:5px;height:24px;justify-content:center;left:unset;outline:none;padding:0 8px;position:fixed;right:4px;top:-32px;transition:top .3s ease;z-index:9999}.close-chat-sm .icon{transform:rotate(270deg);width:12px}@media(max-width:480px){.close-chat-sm.show-chatbox{top:4px}}.chatbox-iframe-wraper.show-chatbox{animation:chatbox-animation .4s;-webkit-animation:chatbox-animation .4s;display:block}.chatbox-iframe-wraper iframe{border:none;height:100%;width:100%}@keyframes chatbox-animation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} |
