.tools-marquee{--marquee-teal: var(--accent2);--marquee-amber: var(--accent4);display:flex;align-items:center;gap:10px;padding:8px 12px;margin:0 0 28px;background:var(--surface);border:1px solid var(--border);border-radius:18px;min-width:0}.light .tools-marquee{--marquee-teal: #007f71;--marquee-amber: #946800}.tools-marquee__viewport{flex:1;min-width:0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent;-webkit-mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(to right,transparent,#000 28px,#000 calc(100% - 28px),transparent)}.tools-marquee.is-ready .tools-marquee__viewport{overflow:hidden}.tools-marquee__track{display:flex;width:max-content}.tools-marquee.is-ready .tools-marquee__track{animation:tools-marquee-scroll 66s linear infinite;will-change:transform}.tools-marquee__group{display:flex;flex:0 0 auto;align-items:center;gap:16px;list-style:none;margin:0;padding:8px 16px 8px 0}.tools-marquee__group li{flex:0 0 auto}.tools-marquee__link{--tool-tone: var(--marquee-teal);display:grid;place-items:center;width:64px;height:64px;color:var(--tool-tone);background:var(--bg2);border:1px solid var(--border);border-radius:16px;box-shadow:0 3px 9px #00000014;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.tools-marquee__group li:nth-child(5n+2) .tools-marquee__link{--tool-tone: var(--accent)}.tools-marquee__group li:nth-child(5n+3) .tools-marquee__link{--tool-tone: var(--accent5)}.tools-marquee__group li:nth-child(5n+4) .tools-marquee__link{--tool-tone: var(--marquee-amber)}.tools-marquee__group li:nth-child(5n+5) .tools-marquee__link{--tool-tone: var(--accent3)}.tools-marquee__link svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tools-marquee__link:hover{transform:translateY(-3px);border-color:var(--tool-tone);background:var(--surface2)}.tools-marquee__link:focus-visible,.tools-marquee__toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tools-marquee__toggle{flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;color:var(--text-dim);background:var(--bg2);border:1px solid var(--border2);border-radius:50%;cursor:pointer}.tools-marquee__toggle[hidden]{display:none}.tools-marquee__toggle:hover{color:var(--text);border-color:var(--accent)}.tools-marquee__toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tools-marquee__toggle .tools-marquee__play,.tools-marquee.is-paused .tools-marquee__pause{display:none}.tools-marquee.is-paused .tools-marquee__play{display:block}.tools-marquee.is-paused .tools-marquee__track,.tools-marquee.is-offscreen .tools-marquee__track,.tools-marquee__viewport:focus-within .tools-marquee__track{animation-play-state:paused}.tools-marquee.is-keyboard .tools-marquee__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.tools-marquee.is-keyboard .tools-marquee__track{animation:none;will-change:auto}.tools-marquee.is-keyboard .tools-marquee__group[aria-hidden=true]{display:none}@media(hover:hover){.tools-marquee__viewport:hover .tools-marquee__track{animation-play-state:paused}}@media(max-width:600px){.tools-marquee{gap:6px;padding:6px 8px;margin-bottom:22px;border-radius:14px}.tools-marquee__group{gap:12px;padding:7px 12px 7px 0}.tools-marquee__link{width:52px;height:52px;border-radius:13px}.tools-marquee__link svg{width:26px;height:26px}.tools-marquee__viewport{-webkit-mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent)}.tools-marquee__toggle{flex-basis:36px;width:36px;height:36px}.tools-marquee.is-keyboard .tools-marquee__viewport{-webkit-mask-image:none;mask-image:none}}@media(prefers-reduced-motion:reduce){.tools-marquee.is-ready .tools-marquee__viewport{overflow-x:auto}.tools-marquee.is-ready .tools-marquee__track{animation:none;will-change:auto}.tools-marquee__group[aria-hidden=true],.tools-marquee__toggle{display:none}.tools-marquee__link{transition:none}}@keyframes tools-marquee-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}