.qst-top-app-banner{
  width:100%;
  min-height:var(--qst-top-app-h);
  height:var(--qst-top-app-h);
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  background:var(--qst-top-app-bg);
  box-shadow:0 1px 0 rgba(15,23,42,.08);
  box-sizing:border-box;
  position:relative;
  z-index:2147482500;
  font-family:inherit;
}
.qst-top-app-banner *,
.qst-top-app-banner *:before,
.qst-top-app-banner *:after{
  box-sizing:border-box;
}
.qst-top-app-sticky{
  position:sticky;
  top:0;
}
.qst-top-app-close{
  width:22px;
  height:22px;
  flex:0 0 22px;
  border:0;
  background:transparent;
  color:#7b7b7b;
  font-size:25px;
  line-height:20px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}
.qst-top-app-logo{
  width:48px;
  height:32px;
  flex:0 0 48px;
  object-fit:contain;
  display:block;
}
.qst-top-app-logo-text{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f59e0b;
  font-weight:900;
  font-size:20px;
  letter-spacing:-1px;
}
.qst-top-app-copy{
  flex:1 1 auto;
  min-width:0;
  line-height:1.05;
}
.qst-top-app-title{
  color:var(--qst-top-app-title);
  font-weight:800;
  font-size:14px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.qst-top-app-subtitle{
  margin-top:2px;
  color:var(--qst-top-app-text);
  font-size:12px;
  font-weight:600;
  line-height:1.05;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.qst-top-app-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:0 12px;
  border-radius:5px;
  background:var(--qst-top-app-btn-bg);
  color:var(--qst-top-app-btn-color)!important;
  font-size:13px;
  font-weight:800;
  text-decoration:none!important;
  line-height:1;
}
.qst-top-app-banner.qst-top-app-hidden{
  display:none!important;
}
@media(min-width:1025px){
  .qst-top-app-banner.qst-top-app-mobile-only{
    display:none!important;
  }
}
@media(max-width:360px){
  .qst-top-app-banner{
    gap:6px;
    padding:0 8px;
  }
  .qst-top-app-logo{
    width:42px;
    flex-basis:42px;
  }
  .qst-top-app-title{
    font-size:13px;
  }
  .qst-top-app-subtitle{
    font-size:11px;
  }
  .qst-top-app-btn{
    padding:0 10px;
    min-height:30px;
    font-size:12px;
  }
}