.ys-tech-marquee{position:relative;overflow:hidden;width:100%}.ys-marquee-fade{position:absolute;top:0;bottom:0;width:4rem;z-index:10;pointer-events:none}.ys-marquee-fade-l{left:0;background-image:linear-gradient(to right,color-mix(in srgb,var(--muted) 10%,var(--bg)),transparent)}.ys-marquee-fade-r{right:0;background-image:linear-gradient(to left,color-mix(in srgb,var(--muted) 10%,var(--bg)),transparent)}@media (min-width:640px){.ys-marquee-fade{width:10rem}}.ys-marquee-clip{overflow:hidden}.ys-marquee-track{display:flex;align-items:center;flex-wrap:nowrap;gap:1.5rem;padding-left:1.5rem;width:max-content;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.ys-marquee-dup{display:flex;align-items:center;flex-wrap:nowrap;gap:inherit}@media (min-width:640px){.ys-marquee-track{gap:3rem;padding-left:3rem}}.ys-marquee-left{animation:ys-marquee-scroll-left var(--ys-marquee-duration,30s) linear infinite}.ys-marquee-right{animation:ys-marquee-scroll-right var(--ys-marquee-duration,30s) linear infinite}@keyframes ys-marquee-scroll-left{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-33.333%,0,0)}}@keyframes ys-marquee-scroll-right{0%{transform:translate3d(-33.333%,0,0)}100%{transform:translate3d(0,0,0)}}@media (hover:hover){.ys-tech-marquee:hover .ys-marquee-left,.ys-tech-marquee:hover .ys-marquee-right,.ys-tech-marquee:focus-within .ys-marquee-left,.ys-tech-marquee:focus-within .ys-marquee-right{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.ys-marquee-left,.ys-marquee-right{animation:none}}@supports (-webkit-touch-callout:none){.ys-marquee-track{transform:translateZ(0);-webkit-transform:translateZ(0)}}.ys-tech-pill{display:flex;align-items:center;flex-shrink:0;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--border) 40%,transparent);background-color:color-mix(in srgb,var(--bg) 50%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@media (min-width:640px){.ys-tech-pill{gap:.75rem;padding:.75rem 1.5rem}}.ys-tech-pill .ys-tech-logo{width:1.25rem;height:1.25rem;object-fit:contain;opacity:.7;flex-shrink:0}@media (min-width:640px){.ys-tech-pill .ys-tech-logo{width:1.5rem;height:1.5rem}}.ys-tech-pill span{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);white-space:nowrap}@media (min-width:640px){.ys-tech-pill span{font-size:var(--text-s)}}