.ap-support-trigger{
position:fixed;
bottom:24px;
right:24px;
width:56px;
height:56px;
border-radius:16px;
border:none;
font-size:24px;
cursor:pointer;
background:#fd8003;
color:#fff;
box-shadow:0 10px 25px rgba(0,0,0,.18);
z-index:9999;
} .ap-support-popup{
position:fixed;
bottom:96px;
right:24px;
width:340px;
background:#fff;
border-radius:18px;
box-shadow:0 25px 50px rgba(0,0,0,.2);
overflow:hidden;
display:none;
z-index:9999;
opacity:0;
transform-origin: bottom right;
transform:scale(.94);
backface-visibility:hidden;
-webkit-font-smoothing: antialiased;
transform-style:preserve-3d;
transition:
opacity .32s cubic-bezier(.2,.8,.2,1),
transform .32s cubic-bezier(.2,.8,.2,1);
will-change: opacity, transform;
} .ap-support-popup.is-open{
opacity:1;
transform:scale(1);
} .ap-support-popup.ap-support-popup--bot{
width:420px;
max-width:calc(100vw - 48px);
} .ap-support-header{
background:#fd8003;
color:#fff;
padding:16px 20px;
display:flex;
justify-content:space-between;
align-items:center;
}
.ap-support-header button{
background: transparent;
border: none;
color: #fff;
font-size: 22px;
cursor: pointer;
} .ap-support-links{
max-height:420px;
overflow-y:auto;
}
.ap-support-links a{
display:block;
padding:14px 20px;
text-decoration:none;
color:#1f2937;
border-bottom:1px solid #f1f1f1;
}
.ap-support-links ul{
list-style:none;
margin:0;
padding:0;
} #apSupportBackdrop{
display:none;
position:fixed;
inset:0;
background:rgba(0,0,0,.35);
z-index:9998;
opacity:0;
transition: opacity .32s cubic-bezier(.2,.8,.2,1);
} #apSupportBackdrop.is-open{
opacity:1;
} .ap-support-body{
display:block;
} .ap-bot-view{
height:600px;
display:none;
flex-direction:column;
opacity:0;
pointer-events:none;
}
.ap-support-links,
.ap-bot-view{
transition: opacity .26s cubic-bezier(.2,.8,.2,1);
}
.ap-bot-view.is-active{
display:flex;
opacity:1;
pointer-events:auto;
}
.ap-view-fade-out{
opacity:0;
}
.ap-view-fade-in{
opacity:1;
}
.ap-bot-frame{
flex:1;
min-height:0;
position:relative;
}
.ap-bot-loader{
position:absolute;
inset:0;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,255,255,.92);
z-index:1;
opacity:0;
pointer-events:none;
transition: opacity .22s cubic-bezier(.2,.8,.2,1);
}
.ap-bot-loader.is-visible{
opacity:1;
}
.ap-bot-spinner{
width:42px;
height:42px;
border-radius:50%;
border:4px solid rgba(253,128,3,.25);
border-top-color:#fd8003;
animation: apBotSpin .9s linear infinite;
}
@keyframes apBotSpin{
to{ transform: rotate(360deg); }
}
.ap-bot-frame iframe{
width:100%;
height:100%;
border:0;
} @media (max-width:768px){
.ap-support-popup{
right:24px;
left:24px;
width:auto;
max-height:85vh;
border-radius:18px;
}
.ap-support-links{
max-height:70vh;
}
.ap-bot-view{
height:70vh;
}
}
#scroll-top-link {
left: 50px;
} .ap-support-links a{
display:block;
padding:14px 20px;
text-decoration:none;
color:#1f2937;
font-size:14px;
border-bottom:1px solid #f1f1f1;
position:relative;
transition:
background .18s ease,
color .18s ease,
padding-left .18s ease;
} .ap-support-links ul{
list-style:none;
margin:0;
padding:0;
} .ap-support-links a:hover{
background:#f3fbf6; color:#fd8003; padding-left:26px; } .ap-support-links a::before{
content:"";
position:absolute;
left:0;
top:0;
bottom:0;
width:0;
background:#fd8003;
transition:width .18s ease;
}
.ap-support-links a:hover::before{
width:4px;
} .ap-support-links a:active{
transform:scale(.98);
} @media (max-width:768px){
.ap-support-links a:hover{
background:transparent;
color:#1f2937;
padding-left:20px;
}
.ap-support-links a::before{
display:none;
}
}