/* MaamVerse logo + name header for the Wish-family pages (same look as the /wish/ login page) */
.top .brand.mv-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#fff;text-decoration:none;letter-spacing:0;font-size:12px;font-weight:700;opacity:.92;transition:opacity .25s ease}
.top .brand.mv-brand:hover,.top .brand.mv-brand:focus-visible{opacity:1}
.top .brand.mv-brand img{width:40px;height:40px;object-fit:contain;flex:none;display:block}
.top .brand.mv-brand .mv-bt{display:flex;flex-direction:column;line-height:1.15}
.top .brand.mv-brand b{font-size:12px;font-weight:700;letter-spacing:3.5px;color:#fff}
.top .brand.mv-brand i{margin-top:3px;font-style:normal;font-size:7px;font-weight:700;letter-spacing:2.6px;color:#8d909a}
@media(max-width:480px){.top .brand.mv-brand{gap:8px}.top .brand.mv-brand img{width:34px;height:34px}.top .brand.mv-brand b{font-size:10.5px;letter-spacing:3px}.top .brand.mv-brand i{font-size:6.5px;letter-spacing:2.2px}}
@media(prefers-reduced-motion:reduce){.top .brand.mv-brand{transition:none}}
/* wide screens: logo sits in the top-left corner of the screen, exactly like the /wish/ login page */
@media(min-width:1100px){.top .brand.mv-brand:not(.mv-wide){position:fixed;left:28px;top:24px;z-index:20;gap:12px}.top .brand.mv-brand:not(.mv-wide) img{width:48px;height:48px}}
@media(min-width:1500px){.top .brand.mv-brand.mv-wide{position:fixed;left:28px;top:24px;z-index:20;gap:12px}.top .brand.mv-brand.mv-wide img{width:48px;height:48px}}