@media (min-width:1080px){body{background:var(--color-white) url(/front/build/images/placeholder.3c446ad9.webp) no-repeat center right;background-attachment:fixed;background-size:cover;&>header,&>nav{display:none}}.login{align-items:start;background-color:var(--color-white);display:flex;justify-content:center;min-height:100vh;overflow:hidden;width:max(60vw,512px);.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 56px;background-size:contain}.box:not(.error){border:0;margin-top:140px;padding:30px}.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}