@media (min-width:1080px){body{background-color:var(--color-white);&>header,&>nav{display:none}}.login-background{height:100vh;overflow:hidden;position:fixed;right:0;top:0;width:calc(100vw - max(60vw, 512px));img{height:100%;object-fit:cover;object-position:center;width:100%}}.login{align-items:start;background-color:var(--color-white);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:max(60vw,512px);z-index:1;.login-box{display:grid;gap:30px;margin-top:70px;width:512px;.box{border:0;box-shadow:0 0 var(--gap-2) 0 var(--color-light-grey);padding:30px}.goback{border:0;&:hover{background-color:var(--color-light-grey)}}img{height:48px}.hr{background-color:var(--color-light-grey);height:10px;margin-block:30px;position:relative;&:after,&:before{background-color:inherit;content:"";display:block;height:100%;position:absolute;right:-100%;top:0;width:100%}&:before{right:100%}}}}body:not(:has(.register)) h1{text-align:center}}@media (max-width:1080px){body:not(:has(.register)){background:var(--color-white) url(/front/build/images/placeholder_mobile.3054210a.webp) no-repeat center var(--pos,56px);background-size:contain;&.mobile-app{--pos:0}}.box:not(.error){border:0;margin-top:140px;padding:30px}body.mobile-app .box:not(.error){margin-top:calc(80px + 40.81633vw)}.register{padding-inline:30px}.login-box:has(.register) .goback{margin-left:20px;position:unset}img{height:48px}}body:not(:has(.register)) h1{text-align:center}.or{align-items:center;color:#999;display:flex;font-weight:700;justify-content:center;&:after,&:before{border-bottom:1px solid #ccc;content:"";flex:1;margin-inline:30px}}[name="customer_pre_register_form[code]"]{margin:0 auto;text-align:center;width:200px}