.stage.social-marquee{background:#212121;color:#fff}.social-demo{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.social-window{width:min(300px,calc(100% - 36px));border-radius:14px;position:relative;overflow:hidden;padding:5px 0}.social-window:before,.social-window:after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none;background:linear-gradient(90deg,#212121cc,transparent)}.social-window:before{left:0}.social-window:after{right:0;transform:rotate(180deg)}.social-lane{overflow:hidden;padding:5px 0}.social-lane+.social-lane{margin-top:5px}.social-track{display:flex;width:max-content;animation:atlas-social-loop var(--social-duration) linear infinite}.social-group{display:flex;gap:10px;align-items:center;padding-right:10px}.social-icon{display:flex;justify-content:center;align-items:center;flex:0 0 40px;width:40px;height:40px;background:transparent;border:0;padding:0;border-radius:9px;transition:transform .3s;cursor:pointer}.social-icon img{display:block;width:40px;height:40px}.social-icon:hover,.social-icon:focus-visible{transform:scale(1.1)}.social-icon:focus-visible{outline:2px solid white;outline-offset:2px}.social-window:hover .social-track,.social-window:focus-within .social-track{animation-play-state:paused}.social-feedback{font-size:11px;color:#d1d1d1;min-height:16px;margin:0}@keyframes atlas-social-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.social-track{animation:none}.social-lane{overflow-x:auto;scrollbar-width:thin}.social-group[aria-hidden]{display:none}.social-icon{transition:none}}
.social-window:has(:focus-visible) .social-track{animation:none;transform:none}.social-window:has(:focus-visible) .social-lane{overflow-x:auto;scrollbar-width:thin}.social-window:has(:focus-visible) .social-group[aria-hidden]{display:none}