.chatbox-skin{position:fixed;z-index:9999999;right:10px;bottom:20px;width:36px}.chatbox-skin .skin-icon{margin-bottom:7px;display:block;position:relative}.skin-icon.green-icon svg{background:#4CAF50}.skin-icon.blue-icon svg{background:#0068FF}.chatbox-skin .skin-icon span{position:absolute;right:100%;margin-right:10px;top:50%;transform:translateY(-50%);padding:0 16px;z-index:100;height:33px;font-size:14px;border-radius:5px;color:#fff;opacity:.9;background:#11111194;width:max-content;display:none;align-items:center;justify-content:center;display:none}.chatbox-skin .skin-icon:hover span{display:flex}.chatbox-skin .skin-icon span:after{content:'';width:0;height:0;border-top:5px solid #fff0;border-bottom:5px solid #fff0;border-left:5px solid #11111194;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.chatbox-skin .skin-icon svg{border-radius:5px;box-sizing:border-box}.chatbox-skin .skin-icon svg:hover{animation:logo3 1000ms infinite}.chatbox-skin .skin-icon svg path{width:20px}@keyframes logo3{0%{transform:rotate(0deg) scale(1) skew(1deg)}10%{transform:rotate(-25deg) scale(1) skew(1deg)}20%{transform:rotate(25deg) scale(1) skew(1deg)}30%{transform:rotate(-25deg) scale(1) skew(1deg)}40%{transform:rotate(25deg) scale(1) skew(1deg)}50%{transform:rotate(0deg) scale(1) skew(1deg)}100%{transform:rotate(0deg) scale(1) skew(1deg)}}