
.qopb-wrapper{--qopb-bg:#0b1d3a;--qopb-h:120px;--qopb-speed:28s;--qopb-fadew:56px;--qopb-text-size:14px;--qopb-text-weight:600;--qopb-text-color:#fff;--qopb-letter-spacing:0.2px;--qopb-icon-size:14px;--qopb-icon-gap:8px;background:var(--qopb-bg);height:var(--qopb-h);overflow:hidden;position:relative;border-radius:12px;display:flex;align-items:center}
.qopb-track{display:flex;align-items:center;gap:36px;padding-inline:28px;will-change:transform;animation:qopb-scroll var(--qopb-speed) linear infinite}
.qopb-wrapper.qopb-right .qopb-track{animation-direction:reverse}
.qopb-wrapper.qopb-pause:hover .qopb-track{animation-play-state:paused}
.qopb-item{display:flex;align-items:center;justify-content:center;height:calc(var(--qopb-h) - 20px);min-height:40px}
.qopb-img{max-height:calc(var(--qopb-h) - 26px);max-width:180px;height:auto;width:auto;object-fit:contain;display:block}
.qopb-link{display:inline-flex;align-items:center}
.qopb-textwrap,.qopb-textlink{display:inline-flex;align-items:center;gap:var(--qopb-icon-gap);color:var(--qopb-text-color);text-decoration:none}
.qopb-text{font-size:var(--qopb-text-size);font-weight:var(--qopb-text-weight);letter-spacing:var(--qopb-letter-spacing);line-height:1.1;white-space:nowrap;color:var(--qopb-text-color)}
.qopb-ico{font-size:var(--qopb-icon-size);line-height:1;color:var(--qopb-text-color)}
.qopb-link.qopb-textlink:hover{opacity:.92}
.qopb-textwrap,.qopb-textlink{display:inline-flex;align-items:center;gap:var(--qopb-icon-gap);text-decoration:none}
.qopb-text{font-size:var(--qopb-text-size);font-weight:var(--qopb-text-weight);color:var(--qopb-text-color);letter-spacing:var(--qopb-letter-spacing);white-space:nowrap;line-height:1}
.qopb-ico{font-size:var(--qopb-icon-size);line-height:1;color:var(--qopb-text-color);display:inline-flex;align-items:center;justify-content:center}
.qopb-type-text{padding-inline:6px}
.qopb-wrapper.qopb-fade:before,.qopb-wrapper.qopb-fade:after{content:"";position:absolute;top:0;bottom:0;width:var(--qopb-fadew);pointer-events:none;z-index:2}
.qopb-wrapper.qopb-fade:before{left:0;background:linear-gradient(to right,var(--qopb-bg),rgba(0,0,0,0))}
.qopb-wrapper.qopb-fade:after{right:0;background:linear-gradient(to left,var(--qopb-bg),rgba(0,0,0,0))}
@keyframes qopb-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:768px){.qopb-track{gap:26px;padding-inline:18px}.qopb-img{max-width:150px}}
