/* Approved Retail Rewind v1 vectors. Theme selection follows the app, not OS settings. */
.rr-brand-lockup{display:inline-flex;align-items:center;flex:none;width:156px;max-width:100%;vertical-align:middle;line-height:0}
.rr-brand-lockup img{display:block;width:100%;height:auto;max-width:100%}
.rr-brand-lockup .rr-brand-dark,.rr-brand-lockup .rr-brand-compact{display:none}
[data-mode="dark"] .rr-brand-lockup .rr-brand-light{display:none}
[data-mode="dark"] .rr-brand-lockup .rr-brand-dark{display:block}
[data-mode="dark"] .rr-brand-lockup .rr-brand-compact{display:none}
.landing-brand .rr-brand-lockup{width:205px}
.auth-story-header .rr-brand-lockup,.auth-mobile-header .rr-brand-lockup{width:220px}
#hud .mark .rr-brand-lockup{width:148px}
/* Landscape HUD sits over dark video even when the light theme is selected. */
.hudhost.phone.phone-landscape #hud .rr-brand-lockup .rr-brand-light{display:none}
.hudhost.phone.phone-landscape #hud .rr-brand-lockup .rr-brand-dark{display:block}
.hudhost.phone.phone-landscape #hud .rr-brand-lockup .rr-brand-compact{display:none}
@media(max-width:600px){.application-brand .rr-brand-lockup{width:134px}.auth-mobile-header .rr-brand-lockup{width:184px}}
@media(max-width:440px){
 .application-brand .rr-brand-lockup,#hud .mark .rr-brand-lockup{width:24px}
 .application-brand .rr-brand-lockup .rr-brand-full,#hud .mark .rr-brand-lockup .rr-brand-full{display:none}
 .application-brand .rr-brand-lockup .rr-brand-compact.rr-brand-light,#hud .mark .rr-brand-lockup .rr-brand-compact.rr-brand-light{display:block}
 [data-mode="dark"] .application-brand .rr-brand-lockup .rr-brand-compact.rr-brand-light,[data-mode="dark"] #hud .mark .rr-brand-lockup .rr-brand-compact.rr-brand-light{display:none}
 [data-mode="dark"] .application-brand .rr-brand-lockup .rr-brand-compact.rr-brand-dark,[data-mode="dark"] #hud .mark .rr-brand-lockup .rr-brand-compact.rr-brand-dark{display:block}
}