.shopper-login{color:#16324a;background:#f1f5f8;place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.shopper-login *{box-sizing:border-box}.shopper-login section{background:#fff;border-radius:20px;width:100%;max-width:540px;padding:32px;box-shadow:0 8px 40px #16324a12}.shopper-brand{color:#137e72;font-size:24px;font-weight:800}.shopper-login h1{margin:20px 0;font-size:30px;line-height:1.2}.shopper-login h2{margin-top:28px;font-size:21px}.shopper-login p{line-height:1.5}.shopper-methods{gap:10px;margin:24px 0;display:grid}.shopper-login button,.shopper-methods a{color:#fff;width:100%;font:inherit;text-align:center;cursor:pointer;background:#137e72;border:1px solid #b6cccf;border-radius:10px;min-height:48px;padding:14px;text-decoration:none;display:block}.shopper-login button:disabled{opacity:.55;cursor:default}.shopper-login label{gap:8px;margin:16px 0;display:grid}.shopper-login input:not([type=checkbox]){width:100%;font:inherit;border:1px solid #a9bfc8;border-radius:8px;min-width:0;padding:13px}.shopper-login label.shopper-consent{align-items:flex-start;font-size:14px;line-height:1.5;display:flex}.shopper-consent input{flex-shrink:0;margin-top:5px}.shopper-login a{color:#126b62}.shopper-methods a{color:#fff}.shopper-login small{color:#526b7a;line-height:1.5;display:block}.shopper-secondary{gap:8px;margin-top:12px;display:grid}.shopper-secondary button{color:#16324a;background:#fff}.shopper-login :focus-visible{outline-offset:3px;outline:3px solid #2fa699}@media (max-width:480px){.shopper-login{padding:12px}.shopper-login section{padding:24px 18px}.shopper-login h1{font-size:26px}}.shopper-login select,.shopper-login textarea{width:100%;min-width:0;max-width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #a9bfc8;border-radius:8px;padding:12px;display:block}.shopper-login textarea{resize:vertical;min-height:90px}.shopper-login article,.shopper-login p,.shopper-login h1,.shopper-login h2{overflow-wrap:anywhere}.shopper-login summary{cursor:pointer;padding:10px 0}.shopper-login label:has(input[type=checkbox]){align-items:flex-start;display:flex}.shopper-login input[type=checkbox]{flex:none;margin-top:6px}