/* Reference: 框架效果好/css/style.css, engineering support marquee only. */
body[data-page=capabilities] .support-marquee{overflow:hidden;padding:22px 0;margin:0 0 42px;border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);background:transparent}
body[data-page=capabilities] .support-marquee .marquee-track{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:0;width:max-content;max-width:none;animation:sst-support-marquee 24s linear infinite}
body[data-page=capabilities] .support-marquee .marquee-track>span{position:relative;display:block;flex:0 0 auto;margin:0;padding:0 34px;color:#ffb900;font-size:22px;font-weight:800;line-height:1.7;white-space:nowrap}
body[data-page=capabilities] .support-marquee .marquee-track>span::after{position:absolute;top:50%;right:-3px;width:6px;height:6px;background:#fff;content:"";transform:translateY(-50%) rotate(45deg)}
body[data-page=capabilities] .support-marquee:is(:hover,:focus-within) .marquee-track{animation-play-state:paused}
body[data-page=capabilities] .support-marquee:focus-visible{outline:2px solid #ffb900;outline-offset:5px}
@keyframes sst-support-marquee{to{transform:translateX(-50%)}}
body[data-page=capabilities] .support-marquee[data-sst-loop=three] .marquee-track{animation-name:sst-support-marquee-three}
@keyframes sst-support-marquee-three{to{transform:translateX(-33.3333333333%)}}
@media(prefers-reduced-motion:reduce){
 body[data-page=capabilities] .support-marquee .marquee-track{animation:none;transform:none;width:100%;flex-wrap:wrap;row-gap:12px}
 body[data-page=capabilities] .support-marquee .marquee-track>span{font-size:18px;padding:0 24px}
 body[data-page=capabilities] .support-marquee .marquee-track>span[aria-hidden=true]{display:none}
}