/* Existing product login component, with the shared live brand colour. */
.ma-login-pair{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:center;margin-top:36px}
.ma-login-pair figure{margin:0;min-width:0}.ma-login-pair figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;font-weight:650;color:var(--odx-ink);margin-bottom:12px}.ma-login-pair figcaption span{font-size:11px;font-weight:400;color:var(--odx-muted)}
.ma-login-frame{border:1px solid var(--odx-border);border-radius:10px;overflow:hidden;background:#fafafa}.ma-login-bar{display:flex;justify-content:space-between;padding:10px 16px;background:#eef0f2;color:#89929b;font:10px Arial,sans-serif}.ma-login-bar>span:first-child{letter-spacing:3px}
.ma-login-pair .br-screen{position:relative;overflow:hidden;aspect-ratio:1904/904}.ma-login-pair .br-screen-mobile{aspect-ratio:338/725}.ma-login-pair .br-native-login{--login-primary:var(--live-demo-primary,#20b633)!important}.ma-login-pair .br-login-submit{color:var(--live-demo-ink,#fff)}
.br-screen{container-type:inline-size}.br-preview-layer.br-native-login{position:absolute;inset:0;background:var(--login-background,#fafafa);color:#111;font-family:Arial,sans-serif}
.br-login-content{position:absolute;top:27%;left:37.6%;width:24.8%;display:flex;flex-direction:column;align-items:stretch;font-size:.84cqw;line-height:1.25}
.br-screen .br-login-logo{position:static;inset:auto;width:100%;height:auto;object-fit:contain;margin:0 0 1.8cqw}
.br-login-name{color:var(--login-primary);font-size:1.62cqw;font-weight:600;text-align:center;margin-bottom:.8cqw}
.br-login-subtitle{color:#999;text-align:center;margin-bottom:2.5cqw}.br-login-field{height:2.5cqw;background:#fff;border:1px solid #ececec;border-radius:.65cqw;display:flex;align-items:center;gap:.8cqw;color:#999;padding:0 .65cqw;margin-bottom:.85cqw}
.br-login-field svg{width:1.1cqw;height:1.1cqw;fill:none;stroke:currentColor;stroke-width:1.7;flex-shrink:0}.br-login-eye{margin-left:auto}.br-login-forgot{color:var(--login-primary);text-decoration:underline;text-align:center;margin:.05cqw 0 1.6cqw}.br-login-submit{height:2.15cqw;border-radius:.65cqw;display:grid;place-items:center;background:var(--login-primary);color:white}
.br-screen-mobile .br-login-content{left:5.5%;width:89%;top:28.5%;font-size:3.5cqw}.br-screen-mobile .br-login-logo{margin-bottom:8cqw}.br-screen-mobile .br-login-name{font-size:7.1cqw;margin-bottom:3.4cqw}.br-screen-mobile .br-login-subtitle{margin-bottom:11.5cqw}.br-screen-mobile .br-login-field{height:10.7cqw;border-radius:2.8cqw;padding:0 3cqw;gap:3cqw;margin-bottom:3.6cqw}.br-screen-mobile .br-login-field svg{width:4.4cqw;height:4.4cqw}.br-screen-mobile .br-login-forgot{margin:.5cqw 0 7cqw}.br-screen-mobile .br-login-submit{height:9.2cqw;border-radius:2.8cqw}
.ma-login-pair .br-login-submit{color:var(--live-demo-ink,#fff)}
@media(max-width:800px){.ma-login-pair{grid-template-columns:1fr;gap:28px}.ma-login-mobile{width:260px;max-width:100%;justify-self:center}}