#loginMode{position:relative;isolation:isolate;overflow:hidden}#loginMode::before{content:"";position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 9px) / 2);border-radius:9px;background:var(--lb-primary);box-shadow:0 4px 12px var(--lb-primary-ring);transition:transform 320ms cubic-bezier(.22,1,.36,1)}#loginMode[data-mode="pin"]::before{transform:translateX(calc(100% + 3px))}#loginMode button{flex:1 1 0!important;min-width:0;padding-inline:4px;gap:5px;white-space:nowrap;transition:color 220ms ease}@media (max-width:420px){#loginMode button{font-size:.78rem}#loginMode button i{display:none}}#loginMode button.active{background:transparent;box-shadow:none}#loginFields{display:flow-root}#loginFields>[data-for]{display:flow-root}#loginFields>[data-for][hidden]{display:none}@media (prefers-reduced-motion:reduce){#loginMode::before,#loginMode button{transition:none}}html[data-login-mode="pin"] #loginFields>[data-for="otp"]{display:none}html[data-login-mode="pin"] #loginFields>[data-for="pin"][hidden]{display:flow-root}html[data-login-mode="pin"] #loginMode::before{transform:translateX(calc(100% + 3px));transition:none}html[data-login-mode="pin"] #loginMode [data-mode="pin"]{color:#fff}html[data-login-mode="pin"] #loginMode [data-mode="otp"]{color:var(--lb-muted)}