/* OldOrbit: the row of social links in the footers (home page, forum, support site). The pictures are masks so they take the text colour. */
.oo-social { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; margin: 10px auto 2px; padding: 0; list-style: none; }
.oo-social a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 50%; border: 1px solid rgba(150, 190, 230, .35); background: rgba(10, 22, 40, .72); color: #a9c6e2; transition: color .15s, border-color .15s, background .15s, transform .15s; }
.oo-social a::before { content: ''; width: 18px; height: 18px; background: currentColor; -webkit-mask: var(--ic) center / contain no-repeat; mask: var(--ic) center / contain no-repeat; }
.oo-social a:hover { transform: translateY(-2px); color: #fff; border-color: var(--sc, #7fb6ff); background: var(--sc, #7fb6ff); }
.oo-social a.ig { --ic: url('/assets/oo_site/soc_instagram.svg'); --sc: #c13584; }
.oo-social a.tt { --ic: url('/assets/oo_site/soc_tiktok.svg'); --sc: #25a8b0; }
.oo-social a.fb { --ic: url('/assets/oo_site/soc_facebook.svg'); --sc: #1877f2; }
.oo-social a.yt { --ic: url('/assets/oo_site/soc_youtube.svg'); --sc: #d62d20; }
.oo-social a.dc { --ic: url('/assets/oo_site/soc_discord.svg'); --sc: #5865f2; }
.oo-social.big a { width: 42px; height: 42px; }
.oo-social.big a::before { width: 22px; height: 22px; }
/* a pair of links that must not be split over two lines */
.nowrap { white-space: nowrap; }