/* finesse · register=h5 · surface=login · reference=mobile-202610142051 · phone-only-local-login */
.phone-shell.is-login-screen #app{padding-bottom:0;background:#fff}
.pxm-login{--login-u:calc(100cqw / 375);display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding-bottom:calc(60 * var(--login-u) + env(safe-area-inset-bottom));background:#fff url('assets/login/background.png') no-repeat top left;background-size:100% auto;overflow-wrap:normal}
.pxm-login-header{height:44px;display:flex;align-items:center;justify-content:space-between}
.pxm-login-close{width:44px;height:44px;display:grid;place-items:center;color:rgba(20,20,20,.7)}
.pxm-login-close svg{width:calc(20 * var(--login-u));height:calc(20 * var(--login-u))}
.pxm-login-support{height:44px;padding:0 calc(12 * var(--login-u));font-size:calc(12 * var(--login-u));color:rgba(20,20,20,.42)}
.pxm-login .pxm-login-body{padding:0 calc(24 * var(--login-u)) calc(20 * var(--login-u))}
.pxm-login-welcome{position:relative;display:flex;align-items:center;justify-content:center;height:calc(105 * var(--login-u));margin-top:calc(65 * var(--login-u));margin-bottom:calc(30 * var(--login-u))}
.pxm-login-mascot{width:calc(105 * var(--login-u));height:calc(105 * var(--login-u));object-fit:contain}
.pxm-login-balloon{position:absolute;top:calc(-27 * var(--login-u));left:calc(125 * var(--login-u));width:calc(142 * var(--login-u));height:calc(37 * var(--login-u));object-fit:contain}
.pxm-login h1{font-size:calc(18 * var(--login-u));font-weight:700;line-height:calc(23.72 * var(--login-u));color:#141414;margin-top:calc(-28 * var(--login-u));margin-bottom:calc(16 * var(--login-u))}
.pxm-login form{position:relative}
.pxm-login .pxm-phone-field{height:calc(50 * var(--login-u));background:#f6f6f6;border:0;border-radius:calc(10 * var(--login-u));gap:0;overflow:hidden;margin:0 0 calc(24 * var(--login-u));padding-left:calc(16 * var(--login-u))}
.pxm-login-country{display:flex;align-items:center;flex:none;font-size:calc(14 * var(--login-u));font-weight:500;color:#333;height:100%;padding:0;position:relative}
.pxm-login-country:after{content:'';flex:none;height:calc(16 * var(--login-u));width:calc(1 * var(--login-u));background:#e8e8e8;margin:0 calc(8 * var(--login-u))}
.pxm-login-country-arrow{font-size:calc(12 * var(--login-u));line-height:1;font-style:normal;margin-top:calc(2 * var(--login-u));margin-left:calc(2 * var(--login-u))}
.pxm-login .pxm-phone-field input{height:100%;font-size:calc(14 * var(--login-u));font-weight:500;color:#333;padding:0;outline-offset:-2px}
.pxm-login .pxm-phone-field input::placeholder{font-size:calc(14 * var(--login-u));font-weight:400;color:#c7c7c7}
.pxm-login-clear{display:grid;place-items:center;flex:none;width:calc(52 * var(--login-u));height:100%;padding:0 calc(16 * var(--login-u));color:rgba(20,20,20,.42)}
.pxm-login-clear[hidden]{display:none}
.pxm-login-clear svg{width:calc(20 * var(--login-u));height:calc(20 * var(--login-u))}
.pxm-login-submit{display:flex;align-items:center;justify-content:center;width:100%;height:calc(50 * var(--login-u));border-radius:999px;background:#ff8400;color:#fff;font-size:calc(16 * var(--login-u));font-weight:500}
.pxm-login-submit:disabled{background:#f9c48f;opacity:1;cursor:default}
.pxm-login-error{position:absolute;top:calc(52 * var(--login-u));left:0;font-size:calc(11 * var(--login-u));line-height:calc(19 * var(--login-u));color:#d4502b}
.pxm-login-agreement{display:flex;align-items:flex-start;margin-top:calc(20 * var(--login-u));gap:calc(6 * var(--login-u));font-size:calc(12 * var(--login-u));line-height:calc(16 * var(--login-u));color:#c7c7c7}
.pxm-login-agreement-ring{appearance:none;-webkit-appearance:none;position:relative;display:block;flex:none;width:calc(14 * var(--login-u));height:calc(14 * var(--login-u));padding:0;border:1px solid #e1e1e1;border-radius:50%;margin:calc(1.5 * var(--login-u)) 0 0;background:#fff;cursor:pointer}
.pxm-login-agreement-ring:checked{background:#ff8400;border-color:#ff8400}
.pxm-login-agreement-ring:checked:after{content:'';position:absolute;left:30%;top:12%;width:30%;height:52%;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.pxm-login-agreement-ring:focus-visible{outline:2px solid #ff8400;outline-offset:3px}
.pxm-login-agreement label{flex:1;min-width:0;cursor:pointer}
.pxm-login-agreement label span{color:#f6a046}
.pxm-login-methods{display:flex;justify-content:center;margin-top:calc(32 * var(--login-u))}
.pxm-login-methods button{display:grid;place-items:center;width:calc(40 * var(--login-u));height:calc(40 * var(--login-u));border-radius:50%;background:#f9f9f9}
.pxm-login-methods img{width:calc(24 * var(--login-u));height:calc(24 * var(--login-u))}