.auth-submit-spinner{display:inline-block;width:1em;height:1em;margin-right:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-submit-spin .75s linear infinite;vertical-align:-.1em}
@view-transition{navigation:auto}
.auth-arrival-pending .main-wrapper{opacity:.8}.auth-arrival-ready .main-wrapper{animation:auth-arrival-fade .4s ease-out both}@keyframes auth-arrival-fade{from{opacity:.8}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.auth-arrival-pending .main-wrapper{opacity:1}.auth-arrival-ready .main-wrapper{animation:none}}
.account-box{transition:opacity .25s ease,transform .25s ease}.auth-login-complete .account-box{opacity:.85;transform:translateY(-4px)}
@media(prefers-reduced-motion:reduce){.account-box{transition:none}.auth-login-complete .account-box{opacity:1;transform:none}}
.auth-transition-button{position:relative;overflow:hidden}.auth-transition-arrow{position:absolute;right:42%;animation:auth-arrow-forward .4s ease-in forwards;text-shadow:-5px 0 8px #fff6}.auth-transition-message{margin-top:10px;font-size:13px;color:#18375b}.auth-transition-error{color:#a41927;background:#fff1f3;border:1px solid #f4c9d0;padding:10px;border-radius:5px}
.auth-destination-preview{position:fixed;inset:0;width:100%;height:100%;border:0;z-index:10000;background:transparent;opacity:0;transform:translateX(20px);transition:opacity .45s ease,transform .45s ease}.auth-destination-preview.visible{opacity:1;transform:translateX(0)}.auth-destination-preview.backward{transform:translateX(-20px)}.auth-destination-preview.backward.visible{transform:translateX(0)}
@keyframes auth-submit-spin{to{transform:rotate(360deg)}}@keyframes auth-arrow-forward{to{right:12px}}
.auth-transition-backward .auth-transition-arrow{right:auto;left:42%;animation:auth-arrow-backward .4s ease-in forwards}@keyframes auth-arrow-backward{to{left:12px}}
body.auth-leaving-forward{animation:auth-leave-forward .4s ease forwards}body.auth-leaving-backward{animation:auth-leave-backward .4s ease forwards}@keyframes auth-leave-forward{to{opacity:0;transform:translateX(-12px)}}@keyframes auth-leave-backward{to{opacity:0;transform:translateX(12px)}}
@media(prefers-reduced-motion:reduce){body.auth-leaving-forward,body.auth-leaving-backward{animation:none}.auth-transition-backward .auth-transition-arrow{animation:none;left:12px}}
@media(prefers-reduced-motion:reduce){.auth-submit-spinner{animation:none}.auth-transition-arrow{animation:none;right:12px}.auth-destination-preview,.auth-destination-preview.backward{transform:none;transition:opacity .15s ease}}