/* One shared mark, colored by the current site palette. */
.site-logo{
 display:inline-block;flex:none;width:42px;height:42px;vertical-align:middle;
 background:var(--theme-accent);
 mask-image:url('/assets/rider-logo.png');mask-mode:alpha;
 mask-size:contain;mask-position:center;mask-repeat:no-repeat;
}
.brand>.site-logo{display:inline-block;width:50px;height:54px}
.watch-empty-brand>.site-logo{width:64px;height:68px}
.auth-intro{position:relative;isolation:isolate}
.auth-intro::before{
 content:"";position:fixed;top:42px;bottom:-16px;
 left:max(-130px,calc((100vw - 1100px)/2 - 250px));width:min(760px,calc(50vw + 60px));
 z-index:-1;pointer-events:none;
 background:var(--theme-accent);opacity:.09;
 mask-image:url('/assets/rider-logo.png');mask-mode:alpha;
 mask-size:auto 100%;mask-position:center;mask-repeat:no-repeat;
}
@media(max-width:850px){.auth-intro::before{position:absolute;inset:-16px 0;width:auto;mask-size:contain;mask-position:right center;opacity:.08}}
@media(max-width:700px){.brand>.site-logo{width:40px;height:44px}}