@keyframes fade{0%{opacity:0}to{opacity:1}}.login-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-repeat:no-repeat;background-position:center;background-size:cover;opacity:0;animation:fade .5s .2s ease-in forwards;background-color:#fdfaf7}.Login-card{animation:fade .3s .6s ease-in forwards;background:#fff;padding:48px 32px 32px;max-width:420px;min-width:300px;border-radius:var(--border-radius-md);row-gap:32px;box-shadow:var(--overlay-drop-shadow);margin:auto;display:flex;flex-direction:column;color:#1a1a1a}.Login-card__logo{height:28px}.Login-card__footer{display:flex;align-items:center;width:100%;flex-direction:column;row-gap:16px}.Login-content{display:flex;flex-direction:column;justify-content:left;row-gap:8px}.Login-title{font-size:48px;line-height:46px}mpq-icon{display:flex}.MpqIcon{display:flex;align-items:center;justify-content:center;color:inherit}.MpqIcon>svg{display:block;fill:none}:where(.MpqIcon>svg:not(.MpqIcon-colored)) *[fill]:not([fill=white],[fill="#fff"],[fill="#ffffff"],[fill=none]){fill:currentColor}:where(.MpqIcon>svg:not(.MpqIcon-colored)) *[stroke]{stroke:currentColor}.MpqIcon.is-disabled{color:#d2d2d2}