/* 168 CSS pixels is 1.75 CSS inches. Physical size depends on display and zoom. */
.logo-logins{display:flex;justify-content:center;align-items:start;gap:36px;flex-wrap:wrap;margin:32px auto 0}
.logo-login{display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff;text-decoration:none;border-radius:12px;padding:8px}
.logo-login img{display:block;width:168px;max-width:100%;height:168px;object-fit:contain;border-radius:50%;background:#000;transition:transform .15s ease}
.logo-login span{font-size:1.1rem;font-weight:600;letter-spacing:.04em}
.logo-login:hover img{transform:scale(1.04)}
.logo-login:focus-visible{outline:3px solid #8bc8ff;outline-offset:6px}
.login-panel .group-login-logo,.login-panel .sixs-logo{display:block;width:168px!important;height:168px!important;max-width:100%;object-fit:contain;border-radius:50%;background:#000;margin:16px auto}
@media(max-width:420px){.logo-logins{gap:16px}.logo-login img{width:144px;height:144px}.logo-login{padding:4px}}
@media(prefers-reduced-motion:reduce){.logo-login img{transition:none}.logo-login:hover img{transform:none}}