/* Alternative brand previews share the current Library UI and data contracts. */
.brand-original{gap:10px;color:var(--ink);font-size:21px;font-weight:700;letter-spacing:-.8px}
.brand-original img{width:34px;height:34px;flex:0 0 auto}
.brand-online{display:block;letter-spacing:normal}
.brand-online-copy{display:block;position:relative;width:100%;max-width:184px}
.brand-online .brand-online-logo{display:block;width:100%;height:auto;aspect-ratio:4;object-fit:contain}
.brand-online .brand-sub{position:absolute;top:70%;left:28.7%;margin:0;font-size:5.5px;letter-spacing:.65px;white-space:nowrap}
@media(min-width:651px) and (max-width:1200px){.brand-original{font-size:18px;gap:7px}.brand-original img{width:30px;height:30px}.brand-online .brand-sub{font-size:5px;letter-spacing:.5px}}
@media(min-width:651px) and (max-width:960px){.brand-original{font-size:16px}.brand-original img{width:26px;height:26px}.brand-online .brand-sub{font-size:4.5px;letter-spacing:.45px}}