/* SapoTeam: one mascot, the existing console palette, readable at small sizes. */
.brand.sapo-brand,.login-brand.sapo-brand{display:flex;align-items:center;gap:10px;letter-spacing:0;padding:0;text-decoration:none;width:fit-content}
.sapo-brand .sapo-mascot{display:block;width:51px;height:51px;flex:none;transition:transform .2s ease}
.brand.sapo-brand .sapo-wordmark,.login-brand.sapo-brand .sapo-wordmark{display:flex;flex-direction:column;gap:7px;margin:0;color:#F5F0FF;font-family:var(--mono);letter-spacing:0;text-transform:none}
.sapo-wordmark strong{font-size:23px;line-height:1;font-weight:700;letter-spacing:-1.3px}
.sapo-wordmark small{font-size:8px;line-height:1.3;letter-spacing:2px;color:#B7A9D9;font-weight:400;text-transform:uppercase}
.sapo-brand:hover .sapo-mascot,.sapo-brand:focus-visible .sapo-mascot{transform:rotate(-7deg) translateY(-2px)}
.login-brand.sapo-brand{gap:18px;animation:sapo-arrive .45s ease-out both}
.login-brand.sapo-brand .sapo-mascot{width:90px;height:90px}
.login-brand.sapo-brand .sapo-wordmark{gap:11px}
.login-brand .sapo-wordmark strong{font-size:43px;letter-spacing:-2.6px}
.login-brand .sapo-wordmark small{font-size:10px;letter-spacing:3px}
@keyframes sapo-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:761px) and (max-width:1100px){.brand.sapo-brand{gap:7px}.brand .sapo-mascot{width:43px;height:43px}.brand .sapo-wordmark strong{font-size:21px}}
@media(max-width:760px){.brand.sapo-brand{gap:10px}.brand .sapo-mascot{width:42px;height:42px}.brand .sapo-wordmark strong{font-size:23px}.brand .sapo-wordmark small{font-size:7px}.login-brand .sapo-wordmark strong{font-size:36px}.login-brand.sapo-brand .sapo-mascot{width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){.sapo-brand,.sapo-brand .sapo-mascot{animation:none!important;transition:none!important;transform:none!important}}