button{position:relative;overflow:hidden;text-align:center;justify-content:center;align-items:center}nav button{justify-content:center;text-align:center}nav button span{position:absolute;left:14px}nav em{position:absolute;right:12px;margin:0}.login-submit{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.login-submit span{float:none}.ripple-circle{position:absolute;border-radius:50%;pointer-events:none;background:currentColor;opacity:.15;transform:translate(-50%,-50%) scale(0);animation:circle-ripple .65s ease-out forwards}.circle-loader{width:14px;height:14px;display:inline-block;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:circle-spin .75s linear infinite;vertical-align:middle;margin-right:7px}.page-arriving main,.page-arriving .login-form-wrap{animation:page-arrive .45s cubic-bezier(.2,.7,.2,1) both}.view-enter-active,.view-leave-active{transition:opacity .23s ease,transform .23s ease,filter .23s ease}.view-enter-from{opacity:0;transform:translateY(13px);filter:blur(3px)}.view-leave-to{opacity:0;transform:translateY(-7px);filter:blur(2px)}.modal-enter-active .dialog,.modal-leave-active .dialog{transition:transform .2s ease,opacity .2s ease}.modal-enter-from .dialog,.modal-leave-to .dialog{transform:translateY(15px) scale(.97);opacity:0}.sync-error{color:#b26b55!important}.cloud-status{font-size:10px;color:#879a88;white-space:normal;line-height:1.5;max-width:280px}.header-right .cloud-status{max-width:180px}.retry-sync{border:0;color:#a06c51;background:none;padding:3px 6px;font-size:10px}@keyframes circle-ripple{to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes circle-spin{to{transform:rotate(360deg)}}@keyframes page-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ripple-circle{display:none}}@media(max-width:650px){.header-right .cloud-status{display:none}}