/* Transparent artwork, with a darker tonal treatment on light surfaces. */
.xp-logo{display:inline-flex;flex:none;vertical-align:middle;line-height:0;letter-spacing:normal;overflow:hidden;border-radius:0;background:transparent}
.xp-logo .yoi-brand-art{display:block;width:144px;height:auto;aspect-ratio:1320/710;max-width:100%;fill:none;stroke:none;border:0}
.xp-brand-button{flex-shrink:0;border-radius:0}
.xp-landing-nav .yoi-brand-art{width:194px}
.xp-landing-footer .yoi-brand-art{width:144px}
.xp-app-header .yoi-brand-art{width:126px}
.xp-app-header .yoi-brand-art,.xp-onboarding-header .yoi-brand-art{filter:brightness(.58)}
.xp-onboarding-header{height:auto;min-height:110px;padding-top:17px;padding-bottom:17px}
.brand{padding-left:0}
@media(max-width:600px){
  .xp-logo .yoi-brand-art{width:140px}
  .xp-landing-nav .yoi-brand-art{width:170px}
  .xp-landing-footer .yoi-brand-art{width:135px}
  .xp-app-header .yoi-brand-art{width:108px}
}
@media(max-width:360px){.xp-landing-nav .yoi-brand-art{width:148px}.xp-logo .yoi-brand-art{width:126px}.xp-app-header .yoi-brand-art{width:108px}}