.server-ribbon{border-block:1px solid #8ab6df24;padding:24px 0 20px;background:linear-gradient(115deg,#10233657,#07101b73);overflow:hidden}.server-ribbon-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px}.server-ribbon-head>div{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.server-ribbon .kicker{font-size:9px;letter-spacing:1.5px}.server-total{font-size:11px;color:#8faac3}.server-window{overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}.server-window::-webkit-scrollbar{display:none}.server-moving{display:flex;width:max-content;animation:server-drift 145s linear infinite}.server-list{display:flex;gap:12px;list-style:none;padding:0 12px 0 0;margin:0}.server-list li{display:flex;align-items:center;gap:9px;white-space:nowrap;border:1px solid #abcfee30;border-radius:99px;padding:9px 15px;background:linear-gradient(145deg,#b4dfff0e,#c0e4ff03);box-shadow:inset 0 1px 0 #fff1;font-size:12px;color:#cfdfef}.server-code{font:9px monospace;color:#80b9e6;padding-right:8px;border-right:1px solid #abcfee30}.server-ribbon-note{font-size:10px;line-height:1.7;color:#7894af;margin-top:16px}.ribbon-pause{background:none;border:1px solid #8db6db4a;color:#aecbe4;border-radius:99px;padding:6px 13px;font:10px Manrope;cursor:pointer}.ribbon-pause[hidden]{display:none}.server-ribbon:hover .server-moving,.server-ribbon:focus-within .server-moving,.server-ribbon.is-paused .server-moving{animation-play-state:paused}@keyframes server-drift{to{transform:translateX(-50%)}}@media(max-width:700px){.server-ribbon{padding-block:19px 17px}.server-ribbon-head{margin-bottom:15px}.server-ribbon-head>div{gap:5px;flex-direction:column;align-items:start}.server-total{font-size:10px}.server-list li{font-size:11px;padding:8px 12px}.server-ribbon-note{font-size:9px}.server-moving{animation-duration:180s}}@media(prefers-reduced-motion:reduce){.server-moving{animation:none}.server-copy{display:none}.ribbon-pause{display:none}.server-window{mask-image:none}}
.server-list img{width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #ffffff26;flex-shrink:0}
.server-window{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.server-window.is-dragging{cursor:grabbing}.server-moving{will-change:transform}.server-list img{opacity:1!important;filter:none!important;mask-image:none!important;display:block!important;min-width:20px;min-height:14px}.server-list li{flex-shrink:0}
@media(prefers-reduced-motion:reduce){.server-copy{display:flex}.ribbon-pause{display:block}}