.marquee{direction:ltr;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000)}.marqueeInner{will-change:transform;width:max-content;display:flex}.marquee.vertical{width:100%;height:100%;-webkit-mask-image:linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(#0000,#000 5% 95%,#0000)}.marquee.vertical .marqueeInner{flex-direction:column;align-items:stretch;width:100%;height:max-content}.marqueeGroup{flex-shrink:0;align-items:center;gap:.75em;min-width:100%;padding-inline-end:.75em;display:flex}.marqueePill{background:var(--container);border-radius:var(--radius-full);font-size:var(--font-sm);color:var(--text);white-space:nowrap;cursor:default;flex-shrink:0;align-items:center;gap:.4em;padding:.5em 1.2em;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.marqueePill:hover{background:var(--surface);transform:scale(1.05)}