/* Shared account controls use the site's existing Rubik type and yellow accent. */
.customer-auth {color:#fff;font-family:var(--e-global-typography-text-font-family,"Rubik"),sans-serif;font-size:15px;line-height:1.6}
.customer-auth [hidden]{display:none!important}
.customer-auth label{display:block;font-weight:500;margin:16px 0 6px}
.customer-auth input,.customer-auth select{display:block;width:100%;box-sizing:border-box;border:1px solid #ffffff28;border-radius:8px;padding:12px 14px;background:#0a0d12;color:#fff;font:inherit;min-height:46px}
.customer-auth input:focus{border-color:#fde100;outline:2px solid #fde10040;outline-offset:1px}
.customer-auth button,.customer-auth a.customer-primary{font:600 14px/1.4 var(--e-global-typography-text-font-family,"Rubik"),sans-serif;cursor:pointer;letter-spacing:0;text-transform:none;box-sizing:border-box}
.customer-auth button.customer-primary,.customer-auth a.customer-primary{display:block;width:100%;padding:13px 18px;margin:20px 0 0;border:1px solid #fde100;border-radius:8px;background:#fde100;color:#111318;text-align:center;text-decoration:none}
.customer-auth .customer-primary:hover{background:#ffe94d;color:#111318}
.customer-auth a{color:#fde100;text-decoration:none}
.customer-auth a:hover{text-decoration:underline}
.customer-auth button:disabled{opacity:.5;cursor:default}
.customer-auth :is(button,a,summary):focus-visible{outline:2px solid #fde100;outline-offset:4px}
.customer-auth h2{font-size:21px;font-weight:700;line-height:1.3;margin:0;color:#fff}
.customer-auth details{margin-top:16px}.customer-auth summary{cursor:pointer;color:#b5b8ba;font-size:13px}
.customer-login-dialog{position:fixed;inset:80px 16px auto auto;margin:0;padding:0;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 104px);overflow:auto;border:1px solid #ffffff1a;border-radius:16px;background:#111318;box-shadow:0 20px 60px #0009}
.customer-login-dialog::backdrop{background:#0009}
.customer-login-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #ffffff14}
.customer-auth button.customer-login-close{background:transparent;border:1px solid #ffffff20;border-radius:50%;padding:0;margin:0;width:34px;height:34px;color:#fff;font-size:24px;line-height:1}
.customer-login-body{padding:20px}
.customer-login-intro{margin:0;color:#b5b8ba;font-size:14px}
.customer-feedback{color:#fde100;font-size:14px;overflow-wrap:anywhere}.customer-feedback:empty{display:none}
.customer-forgot-link{display:block;margin-top:12px;font-size:13px;text-align:right}
.customer-login-divider{display:flex;align-items:center;gap:14px;margin:20px 0;color:#b5b8ba;font-size:13px}.customer-login-divider:before,.customer-login-divider:after{content:"";height:1px;background:#ffffff20;flex:1}
.customer-auth button.customer-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 16px;border:1px solid #dadce0;border-radius:8px;background:#fff;color:#202124;margin:0}
.customer-google svg{width:20px;height:20px;flex-shrink:0}.customer-register-link{margin:22px 0 0;padding-top:18px;border-top:1px solid #ffffff14;text-align:center;font-size:14px;color:#b5b8ba}.customer-muted{color:#b5b8ba;font-size:13px}
@media(max-width:480px){.customer-login-dialog{right:12px!important;left:12px;width:auto}.customer-login-body{padding:18px}}

.customer-login-dialog .customer-login-head{padding:14px 18px}
.customer-login-dialog .customer-login-body{padding:16px 20px}
.customer-login-dialog label{margin-top:12px}
.customer-login-dialog .customer-primary{margin-top:16px;padding:12px 18px}
.customer-login-dialog .customer-login-divider{margin:16px 0}
.customer-login-dialog .customer-register-link{margin-top:16px;padding-top:14px}
