.ActivityBanner{background:#e6ffc5;flex-shrink:0;height:0;opacity:0;overflow:hidden;position:-webkit-sticky;position:sticky;top:0}.ActivityBanner.has-animation{transition:height .3s linear,opacity .3s linear}.ActivityBanner.show{height:40px;opacity:1}.ActivityBanner .close{align-items:center;background:linear-gradient(270deg,#e6ffc5 72.09%,rgba(253,243,81,0) 96.51%);color:var(--content-system-tertiary);cursor:pointer;display:flex;height:100%;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:50px;z-index:1}.ActivityBanner .animate{display:flex;flex-wrap:nowrap;padding-left:20px;will-change:transform}.ActivityBanner .animate.left{justify-content:flex-start}.ActivityBanner .animate.left .banner{justify-content:flex-start;min-width:auto;width:auto}.ActivityBanner .banner{align-items:center;display:inline-flex;height:40px;justify-content:center;min-width:100%;padding:11px 0;width:100%;will-change:transform}.ActivityBanner .banner:hover{animation-play-state:paused}.ActivityBanner .bannerItem{align-items:center;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;margin-right:5vw;overflow:hidden}.ActivityBanner .bannerItem p{margin:0}.ActivityBanner .bannerItem img{border-radius:2px;height:16px;overflow:hidden;width:16px}.ActivityBanner .bannerItem .name{color:rgba(0,0,0,.85);font-weight:600;margin:0 8px 0 4px}.ActivityBanner .bannerItem .button{align-items:center;border:1px solid rgba(0,0,0,.75);border-radius:11px;color:#000;display:flex;font-size:12px;font-weight:600;gap:10px;justify-content:center;padding:2px 12px;transition:opacity .3s}.ActivityBanner .bannerItem .button:hover{opacity:.8}@media screen and (max-width:1980px){.ActivityBanner .bannerItem{margin-right:80px}}@media (max-width:809px){.ActivityBanner .banner{justify-content:flex-start}}