/* A two-line signature in the existing header; paper keeps its full height. */
.app>header .wordmark.brand-lockup{display:block;left:22px;right:22px;top:3px;font-size:30px;line-height:34px;font-weight:650;letter-spacing:-1.3px;text-align:center;white-space:normal}
.app>header .wordmark.brand-lockup .brand-tagline,.brand-lockup-mobile .brand-tagline{display:block;margin-top:2px;padding:4px 0 0;border:0;border-top:2px solid #a2d3ff;color:#c0d7ef;font-size:11px;font-weight:500;line-height:14px;letter-spacing:.2px;text-align:left}
.app>header #saveState{left:auto;right:22px;top:44px;max-width:calc(100% - 175px);font-size:7px;line-height:11px;text-align:right}
.brand-lockup-mobile{display:none}
@media(min-width:600px) and (max-width:999px){
 .app>header .wordmark.brand-lockup{left:5px;right:5px;top:9px;font-size:18px;line-height:21px;letter-spacing:-.6px}
 .app>header .wordmark.brand-lockup .brand-tagline{display:block;margin-top:3px;padding-top:4px;font-size:6px;line-height:9px;letter-spacing:0;border-top-width:1px;white-space:nowrap}
}
@media(min-width:600px) and (max-width:999px) and (max-height:600px){.app>header .wordmark.brand-lockup{top:3px}.app>header .wordmark.brand-lockup .brand-tagline{margin-top:1px;padding-top:2px;font-size:6px;line-height:8px}}
@media(max-width:599px){
 .brand-lockup-mobile{display:block;flex:none;margin:16px 14px 4px;padding:0;color:#e4efff;font-size:30px;line-height:34px;font-weight:650;letter-spacing:-1.3px;text-align:center}
 .brand-lockup-mobile .brand-tagline{font-size:11px;line-height:15px}
 #trainingView>.brand-lockup-mobile,#collectionView>.brand-lockup-mobile{margin:0 0 16px}
}