body{padding-bottom:55px}
.contact-bar{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(360deg, var(--ast-global-color-4) 20%, #0000);z-index:9999999;display:flex;justify-content:center;align-items:flex-start;transform:translateY(220%);transition:transform 0.5s cubic-bezier(0.4,0,0.2,1)}
.contact-bar.visible{transform:translateY(0)}
.contact-btn{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--ast-global-color-2);padding-bottom:0;width:70px}
.contact-icon{width:40px;height:40px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:-25px}
.contact-text{font-size:12px;line-height:1em;font-weight:600;white-space:nowrap;margin-top:4px}
.wechat-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10000000;justify-content:center;align-items:center}
.wechat-modal-content{background:#fff;border-radius:20px;padding:20px;text-align:center;max-width:90%}
.wechat-qr-text{font-size:18px;font-weight:bold;color:#333;margin-bottom:15px}
.wechat-qr-img{max-width:100%;cursor:pointer;border-radius:10px} .contact-bar-with-cta{align-items:flex-start;position:fixed;display:flex;justify-content:space-evenly;transform:translateY(220%);transition:all 0.5s cubic-bezier(0.4,0,0.2,1)}
.contact-bar-with-cta.visible{transform:translateY(0)}
.contact-bar-cta{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;overflow:hidden;padding:8px 20px;height:40px;margin-top:-25px}
.contact-bar-with-cta[data-state="collapsed"] .contact-bar-cta{width:40%;flex-shrink:0;position:relative;left:0}
.contact-bar-with-cta[data-state="expanded"] .contact-bar-cta{width:60px;padding-left:24px;padding-right:0;writing-mode:vertical-rl;font-size:11px;position:absolute;left:-30px}
.contact-bar-with-cta[data-state="collapsed"] .cta-text-long{opacity:1;display:inline}
.contact-bar-with-cta[data-state="collapsed"] .cta-text-short{opacity:0;display:none}
.contact-bar-with-cta[data-state="expanded"] .cta-text-long{opacity:0;display:none}
.contact-bar-with-cta[data-state="expanded"] .cta-text-short{opacity:1;display:inline;font-weight:700;}
.contact-icons-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;cursor:pointer}
.contact-bar-with-cta[data-state="expanded"] .contact-icons-wrapper{margin-left:30px;cursor:default}
.contact-icons-group{display:flex;justify-content:center;align-items:flex-start}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn{width:40px;position:relative;transition:all 0.5s cubic-bezier(0.4,0,0.2,1)}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn:not(:first-child){margin-left:-15px}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn:nth-child(1){z-index:5}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn:nth-child(2){z-index:4}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn:nth-child(3){z-index:3}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn:nth-child(4){z-index:2}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn:nth-child(5){z-index:1}
.contact-bar-with-cta[data-state="collapsed"] .contact-btn .contact-text{opacity:0;position:absolute;height:0;overflow:hidden}
.contact-bar-with-cta[data-state="expanded"] .contact-btn{transition:all 0.5s cubic-bezier(0.4,0,0.2,1)}
.contact-bar-with-cta[data-state="expanded"] .contact-text{opacity:1;transition:opacity 0.5s ease 0.3s}
.contact-group-text{font-size:12px;line-height:1em;font-weight:600;color:var(--ast-global-color-2);margin-top:4px;transition:opacity 0.5s ease 0.3s}
.contact-bar-with-cta[data-state="collapsed"] .contact-group-text{opacity:1;visibility:visible}
.contact-bar-with-cta[data-state="expanded"] .contact-group-text{opacity:0;visibility:hidden;position:absolute}
@media (min-width:768px){
body{padding-bottom:70px}
.contact-btn{width:90px}
.contact-icon{width:48px;height:48px;margin-top:-35px}
.contact-text{font-size:15px;margin-bottom:0}
.wechat-modal-content{max-width:400px}
.wechat-qr-text{font-size:22px}
.contact-bar-with-cta{padding:0 30px}
.contact-bar-cta{height:48px;padding:10px 25px;margin-top:-35px}
.contact-bar-with-cta[data-state] .contact-bar-cta{position:relative;left:0;top:auto;width:auto;writing-mode:horizontal-tb;font-size:18px;padding:0 30px}
.contact-bar-with-cta[data-state] .cta-text-long{opacity:1;display:inline}
.contact-bar-with-cta[data-state] .cta-text-short{opacity:0;display:none}
.contact-bar-with-cta[data-state] .contact-icons-wrapper{width:auto;flex:1;cursor:default}
.contact-bar-with-cta[data-state] .contact-icons-group{width:auto;justify-content:center}
.contact-bar-with-cta[data-state] .contact-btn{width:90px}
.contact-bar-with-cta[data-state] .contact-btn:not(:first-child){margin-left:0}
.contact-bar-with-cta[data-state] .contact-btn .contact-icon,.contact-bar-with-cta[data-state="expanded"] .contact-btn .contact-icon{margin-top:-35px}
.contact-bar-with-cta[data-state] .contact-btn .contact-text{opacity:1}
.contact-bar-with-cta[data-state] .contact-group-text{opacity:0;visibility:hidden;position:absolute}
}
@media (min-width:1024px){
body{padding-bottom:90px}
.contact-btn{width:110px}
.contact-icon{width:64px;height:64px;margin-top:-45px}
.contact-text{font-size:18px;margin-bottom:0}
.wechat-qr-text{font-size:26px}
.contact-bar-with-cta{padding:0 40px}
.contact-bar-cta{height:64px;padding:12px 30px;margin-top:-45px}
.contact-bar-with-cta[data-state] .contact-bar-cta{position:relative;left:0;top:auto; font-size:28px;padding:0 40px}
.contact-bar-with-cta[data-state] .contact-btn{width:110px}
.contact-bar-with-cta[data-state] .contact-btn .contact-icon{margin-top:-45px}
.contact-bar-with-cta[data-state] .contact-btn .contact-text{margin-top:6px}
}