:root{--brand-mark-color:#8b22cf}
:root[data-theme=dark]{--brand-mark-color:#bf80eb}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--brand-mark-color:#bf80eb}}
.brand-mark{display:block;flex-shrink:0;color:var(--brand-mark-color);transition:color .22s ease}

.brand-shine{pointer-events:none;opacity:0;transform:translateX(-280px) skewX(-18deg);transform-origin:0 0}
.brand-shine{animation:xandr-logo-shine 6.5s cubic-bezier(.4,0,.2,1) infinite}
@keyframes xandr-logo-shine{
0%,8%{transform:translateX(-280px) skewX(-18deg);opacity:0}
14%,26%{opacity:.9}
38%,100%{transform:translateX(720px) skewX(-18deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){.brand-shine{animation:none;opacity:0}}