.qst-support-widget{
  position:fixed;
  top:50%;
  bottom:auto;
  z-index:99999;
  transform:translateY(-50%);
}
.qst-support-right{right:var(--qst-side)}
.qst-support-left{left:var(--qst-side)}
.qst-support-toggle{display:none!important}
.qst-support-menu{
  position:static!important;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  width:min(var(--qst-menu-width),88px);
  max-height:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  background:#fff;
  border-radius:999px;
  box-shadow:0 14px 34px rgba(0,0,0,.14);
  overflow:hidden;
  padding:10px 6px;
}
.qst-support-item{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:8px 4px;
  text-decoration:none;
  color:#333;
  border-bottom:0;
  border-radius:12px;
  transition:background .18s ease,transform .18s ease;
  text-align:center;
}
.qst-support-item:hover{
  background:#f6f7f9;
  transform:translateY(-1px);
}
.qst-support-item-icon{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.qst-support-item-icon svg{
  width:24px;
  height:24px;
  fill:#555;
}
.qst-support-item-icon img{
  width:24px;
  height:24px;
  object-fit:contain;
}
.qst-support-item-text{
  font-size:11px;
  line-height:1.15;
  font-weight:500;
  color:#444;
}
.qst-support-icon-telegram svg{fill:#229ed9}
.qst-support-icon-viber svg{fill:#7360f2}
.qst-support-icon-phone svg{fill:#22c55e}
.qst-support-icon-remote svg{fill:#f97316}
.qst-support-icon-complaint svg{fill:#8b5cf6}

@media (max-width:1024px){
  .qst-support-widget.qst-support-hide-mobile{
    display:none!important;
  }
}

@media (max-width:549px){
  .qst-support-widget{
    right:8px;
    left:auto;
    transform:translateY(-50%) scale(.82);
    transform-origin:right center;
  }
  .qst-support-left{left:8px;right:auto;transform-origin:left center}
  .qst-support-menu{
    width:72px;
    padding:8px 5px;
  }
  .qst-support-item{
    padding:7px 3px;
    gap:4px;
  }
  .qst-support-item-icon,
  .qst-support-item-icon svg,
  .qst-support-item-icon img{
    width:20px;
    height:20px;
  }
  .qst-support-item-text{
    font-size:10px;
  }
}

/* UX Builder preview */
.qst-ux-preview-box{
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  border-radius:14px;
  padding:14px;
  margin:10px 0;
  box-sizing:border-box;
}
.qst-ux-preview-title{
  font-size:12px;
  font-weight:800;
  color:#475467;
  text-transform:uppercase;
  letter-spacing:.04em;
  margin-bottom:10px;
}
.qst-support-widget.qst-support-preview{
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  display:inline-block!important;
  z-index:1!important;
}
.qst-support-widget.qst-support-preview .qst-support-menu{
  position:static!important;
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
}