.tool-marquee-setting{grid-column:1/-1}
.tool-marquee{
  --tool-marquee-gap:clamp(40px,5vw,72px);
  position:relative;padding:28px max(40px,calc((100vw - 1376px)/2));
  background:var(--page-bg);color:var(--page-ink);
}
.tool-marquee__viewport{
  overflow:hidden;
  mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
}
.tool-marquee__track{display:flex;width:max-content;animation:tool-marquee-scroll 42s linear infinite}
.tool-marquee__list{
  display:flex;align-items:center;flex:none;gap:var(--tool-marquee-gap);
  list-style:none;margin:0;padding:0 calc(var(--tool-marquee-gap)/2);
}
.tool-marquee__list>li{
  display:flex;align-items:center;gap:12px;min-height:40px;white-space:nowrap;
  font-size:clamp(16px,1.6vw,20px);font-weight:420;letter-spacing:-.02em;opacity:.8;
}
.tool-marquee__list svg{width:28px;height:28px;flex:none}
.tool-marquee:hover .tool-marquee__track{animation-play-state:paused}
@keyframes tool-marquee-scroll{to{transform:translateX(-50%)}}
@media(max-width:760px){
  .tool-marquee{--tool-marquee-gap:36px;padding:24px 20px}
  .tool-marquee__list>li{gap:10px;font-size:16px}
  .tool-marquee__list svg{width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){
  .tool-marquee__track{animation:none}
  .tool-marquee__viewport{overflow-x:auto;mask-image:none;scrollbar-width:thin}
  .tool-marquee__list[aria-hidden="true"]{display:none}
}