#js_inj_chat_button {
    z-index: 2147483000;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 360px;
    height: 104px;
    border: none;
}
#js_inj_chat_button.left{
    left:20px;
    right:auto;
}
// #js_inj_chat_button.sp_cont{
//     width: 80%;
//     min-width:360px;
//     left: 0;
//     right: 0;
//     margin: auto;
// }
@media only screen and (max-width: 600px) {
    #js_inj_chat_button.sp_cont{
        // width: 80%;
        // max-width:96%;
        {btn_position}
        {width-sp}
        margin: auto;
    }

    #js_inj_chat_button.sp_cont.fold {
        {fold_position};
    }

}

#js_inj_chat_view {
    display:none;
    position: fixed;
    {top};
    right: 20px;
    {left};
    bottom: 20px;
    margin:auto;
    z-index: 1000000;
    border: none;
    width:452px;
    height: 70vh ;
    padding:0;
    box-sizing:border-box;
    animation: appear 1.0s ease;

}
#js_inj_chat_view.left {
    left:20px;
    right:auto;
}
#js_inj_chat_view.w100.left,
#js_inj_chat_view.sp_cont.left {
    left:0;
    right:0;
}
        
#js_inj_chat_view.sp_cont {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:100%;
    height: 100dvh;
    padding:0;
}


@keyframes appear {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
}  
#js_inj_chat_button { right: 80px;}#js_inj_chat_button.sp_cont{ right: 10px; bottom: 60px;}

.fold {
    width: 24px !important;
    height: 24px !important;
    {fold_position};
}

.fold .fold_btn {
    top: 0 !important;
}