.text-type{display:inline-block;white-space:pre-wrap;font-family:monospace,Courier}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{display:none}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;border:1px solid #fff;background:#fff;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width: 768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media (max-width: 480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.login-page3{--login-bg: #f3f2f2;--login-color: #333;--login-inner-bg: #fff;--login-banner-bg: #fbfbfb;--login-input: #333;--login-input-border: rgba(0, 0, 0, .13);--login-input-placeholder: #999999;--login-btn: #fff;--login-btn-bg: #b08bf8;--login-btn-bg-hover: #9c6ef6}[data-color-mode*=dark] .login-page3{--login-bg: #2C3338;--login-inner-bg: #414B54 !important;--login-color: #e6e6e6;--login-input: #e6e6e6;--login-input-border: rgba(255, 255, 255, .13);--login-input-placeholder: #888888;--login-btn: #fff;--login-btn-bg: #b08bf8;--login-btn-bg-hover: #9c6ef6}*{transition:background-color 1.3s ease,color 1.3s ease}