.lorecodex-discord-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    margin-right: 6px;
    color: currentColor;
    vertical-align: -0.14em;
    flex: 0 0 auto;
}

.lorecodex-discord-icon svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.nav-discord-btn .lorecodex-discord-icon {
    width: 15px;
    height: 15px;
    vertical-align: -0.12em;
}

.kofi-link .lorecodex-discord-icon,
.footer-discord-link .lorecodex-discord-icon,
.discord-credit-link .lorecodex-discord-icon {
    width: 14px;
    height: 14px;
}

.site-switcher-link.cod-link {
    --switcher-accent: #d8d7c4;
    --switcher-glow: rgba(216, 215, 196, 0.5);
}

.site-switcher-link.tes-link {
    --switcher-accent: #d8b36a;
    --switcher-glow: rgba(216, 179, 106, 0.48);
}

.site-switcher-link[aria-disabled="true"] {
    cursor: not-allowed;
    /* Construction status is communicated by the toast; preserve each site's
       accent color in the switcher instead of washing it out. */
    opacity: 1 !important;
    filter: none !important;
}

.site-switcher-link[aria-disabled="true"] .site-switcher-link-accent,
.site-switcher-link[aria-disabled="true"]:hover .site-switcher-link-accent,
.site-switcher-link[aria-disabled="true"]:focus-visible .site-switcher-link-accent {
    color: var(--switcher-accent, currentColor) !important;
    text-shadow: 0 0 12px var(--switcher-glow, transparent) !important;
}

.site-switcher-link .site-switcher-link-accent {
    color: var(--switcher-accent, currentColor);
    text-shadow: 0 0 12px var(--switcher-glow, transparent);
}