@keyframes iconSkew{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)}}.popup-sapo{position:fixed;bottom:100px;left:17px;margin:0;z-index:990;top:auto !important}.popup-sapo .icon{position:relative;z-index:4;height:48px;width:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #fff;cursor:pointer;background:var(--main-color);box-shadow:0 4px 8px rgba(0,0,0,.15);box-sizing:border-box}.popup-sapo .icon svg{fill:#fff;width:20px;height:20px;animation:iconSkew 1s infinite ease-out}.popup-sapo .content{background:var(--main-color);color:#fff;padding:20px 10px 40px;border-radius:10px;width:300px;position:absolute;bottom:27px;left:20px;box-shadow:0 4px 20px rgba(0,0,0,.2);transform-origin:0 bottom;transform:scale(0);transition:transform .35s cubic-bezier(0.165, 0.84, 0.44, 1)}.popup-sapo .content .title{font-size:17px;font-weight:700;margin-bottom:12px}.popup-sapo .content .close-popup-sapo{position:absolute;right:5px;top:5px;cursor:pointer}.popup-sapo .content .close-popup-sapo svg{width:15px;height:15px}.popup-sapo .content .close-popup-sapo svg path{fill:#fff}.popup-sapo .content ul{margin-bottom:20px;padding-left:0;list-style:none}.popup-sapo .content ul li{margin-bottom:10px}.popup-sapo .content ul li a{color:#fff}.popup-sapo .content ul li a:hover{opacity:.8}.popup-sapo .content .ghichu{font-style:italic;font-size:14px}.popup-sapo.active .content{transition-delay:.1s;transform:scale(1)}@media(max-width: 575.98px){.popup-sapo .content{width:250px}}