/* The existing page owns its background and theme. */
#loginView:has(#googleBtn.hidden) #appleBtn,#loginView:has(#googleBtn.hidden) #phoneBtn {display:none}
#loginView>[hidden],.provider-panel[hidden],#providerAuthError[hidden],.step-container[hidden],#pageTitle[hidden] {display:none!important}
#loginView>h2 {font-size:24px;line-height:1.35;font-weight:500}
#loginView #googleBtn,#loginView #appleBtn,#loginView #phoneBtn {min-height:52px;border-radius:999px;background:#212121;color:#f5f5f5;border:1px solid #505050;box-shadow:none;margin:0 0 12px;font-weight:500;transition:background-color .1s;transform:none;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;width:100%;max-width:28rem}
#loginView #googleBtn:hover,#loginView #appleBtn:hover,#loginView #phoneBtn:hover {background:#161616;transform:none}
#loginView #googleBtn:active,#loginView #appleBtn:active,#loginView #phoneBtn:active {background:#0b0b0b}
#appleBtn svg,#phoneBtn svg {width:20px;height:20px;flex-shrink:0}
#appleBtn:disabled {cursor:default}
#loginView .netflix-input-container {border-radius:999px!important;background:#111!important;border:1px solid #505050;overflow:hidden;display:block;height:60px;box-sizing:border-box}
#loginView .netflix-input-container input {height:100%;box-sizing:border-box;padding:24px 20px 8px;font-size:16px;line-height:22px;transition:none}
#loginView .netflix-label {left:20px;top:50%;transform:translateY(-50%);font-size:16px;line-height:22px;font-weight:400;transition:top .12s,transform .12s,font-size .12s}
#loginView .netflix-input-container:is(.has-content,:focus-within) .netflix-label,
#loginView .netflix-input-container:has(input[placeholder]:not(:placeholder-shown)) .netflix-label,
#loginView .netflix-input-container:has(input:autofill) .netflix-label {top:7px;transform:none;font-size:12px;line-height:16px;font-weight:400}
#loginView .netflix-input-container:focus-within {outline:2px solid #f5f5f5;outline-offset:2px}
#loginView :is(#inlineEmailError,#inlinePasswordError) {color:#ef4444;margin-top:8px}
#loginView #btnSendCode {border-radius:999px;background:#fff;color:#212121;font-weight:500;transition:background-color .1s;transform:none;min-height:52px;margin-top:20px;justify-content:center}
#loginView #btnSendCode:hover {background:#dedede}
#loginView #btnSendCode:active {background:#c6c6c6}
#loginView #btnSendCode svg {display:none}
#loginView #authSeparator {margin-top:14px;margin-bottom:24px}
#providerAuthError {color:#ff9696;max-width:28rem;margin:0 0 12px;font-size:14px}
.provider-panel {display:flex;flex-direction:column;gap:18px;width:100%;max-width:448px;margin:0 auto;text-align:center;color:var(--text-color,#f5f5f5)}
.provider-panel h2 {font-size:24px;font-weight:500;line-height:1.35;margin:0}
.provider-panel p {font-size:15px;line-height:1.5;margin:0;overflow-wrap:anywhere}
.provider-fields {display:grid;gap:16px}
:is(#loginView,.login-card) .provider-panel .provider-account {display:flex;align-items:center;justify-content:flex-start;gap:14px;text-align:left;padding:12px 16px}
.provider-account-avatar {position:relative;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#505050;color:#fff;font-weight:600}
.provider-account-avatar img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.provider-account-details {display:grid;gap:3px;min-width:0;overflow-wrap:anywhere}
.provider-account-details strong {font-size:16px;font-weight:500}
.provider-account-details>span {font-size:14px;color:var(--text-secondary,#a1a1aa)}
.provider-field {display:block;position:relative;text-align:left}
.provider-field input {display:block;width:100%;box-sizing:border-box;height:60px;border:1px solid var(--btn-social-border,#505050);border-radius:999px;padding:24px 20px 8px;background:var(--btn-social-bg,#151515);color:inherit;font:inherit;font-size:16px;line-height:22px}
.provider-label {position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:16px;line-height:22px;color:var(--text-secondary,#a1a1aa);pointer-events:none;transition:top .12s,transform .12s,font-size .12s}
.provider-field:focus-within .provider-label,.provider-field:has(input:not(:placeholder-shown)) .provider-label,.provider-field:has(input:autofill) .provider-label {top:7px;transform:none;font-size:12px;line-height:16px}
.provider-field input:focus {outline:2px solid var(--text-color,#f5f5f5);outline-offset:2px}
:is(#loginView,.login-card) .provider-panel .provider-button {appearance:none;width:100%;min-height:52px;border-radius:999px;padding:12px 20px;border:1px solid transparent;background:var(--text-color,#fff);color:var(--bg-color,#212121);font:inherit;font-size:16px;font-weight:500;line-height:1.4;cursor:pointer;transition:filter .12s;transition-duration:120ms!important;transform:none!important;margin:0;box-shadow:none}
:is(#loginView,.login-card) .provider-panel .provider-button:hover:not(:disabled) {background:var(--text-color,#fff);filter:brightness(.88)}
:is(#loginView,.login-card) .provider-panel .provider-button:active:not(:disabled) {background:var(--text-color,#fff);filter:brightness(.75);transition-duration:0ms!important}
:is(#loginView,.login-card) .provider-panel .provider-button:disabled {opacity:.5;cursor:default}
:is(#loginView,.login-card) .provider-panel .provider-secondary {background:var(--btn-social-bg,#212121);color:inherit;border-color:var(--btn-social-border,#505050)}
:is(#loginView,.login-card) .provider-panel .provider-secondary:is(:hover,:active):not(:disabled) {background:var(--btn-social-bg,#212121)}
:is(#loginView,.login-card) .provider-panel .provider-back {align-self:center;width:auto;background:transparent!important;border:0;text-decoration:underline;text-underline-offset:3px;min-height:44px;padding:10px 16px;color:inherit}
:is(#loginView,.login-card) .provider-panel p.provider-error {color:#ef4444;text-align:left;display:flex;align-items:flex-start;gap:7px;font-size:14px;line-height:20px;margin:0}
:is(#loginView,.login-card) .provider-panel p.provider-error:empty {display:none}
.provider-error svg {width:18px;height:18px;flex-shrink:0;margin-top:1px;fill:none;stroke:currentColor;stroke-width:2}
.provider-field:has(input[aria-invalid=true]) input {border-color:#ef4444}
.pm-phone-country {position:relative;text-align:left;color:var(--text-color,#f5f5f5);width:100%;min-width:0}
.pm-phone-country-control {position:relative;height:60px}
:is(#loginView,.login-card) .pm-phone-country input {height:60px;display:block;box-sizing:border-box;width:100%;min-width:0;padding:24px 52px 8px 20px;border:1px solid var(--btn-social-border,#505050);border-radius:999px;background:var(--btn-social-bg,#151515);color:inherit;font:inherit;font-size:16px;line-height:22px;box-shadow:none}
.pm-phone-country input:focus {outline:none!important;border-color:#777!important;box-shadow:none!important}
.pm-phone-country input::selection {background:#555;color:#fff}
.pm-phone-country-label {position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-secondary,#a1a1aa);font-size:16px;line-height:22px;pointer-events:none;transition:top .12s,transform .12s,font-size .12s}
.pm-phone-country-control:focus-within .pm-phone-country-label,.pm-phone-country-control:has(input:not(:placeholder-shown)) .pm-phone-country-label {top:7px;transform:none;font-size:12px;line-height:16px}
:is(#loginView,.login-card) .pm-phone-country .pm-phone-country-toggle {position:absolute;right:9px;top:9px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-height:0;border:0;border-radius:50%;background:transparent!important;color:inherit;box-shadow:none;font-weight:400;line-height:1;padding:0;margin:0;cursor:pointer;transform:none!important}
.pm-phone-country-toggle svg {display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pm-phone-country-list {position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;overflow:auto;overscroll-behavior:contain;max-height:320px;padding:6px;background:#333;color:#f5f5f5;border:0;border-radius:16px;box-shadow:0 12px 28px rgba(0,0,0,.28);box-sizing:border-box}
.pm-phone-country-list[hidden] {display:none!important}
.pm-phone-country[data-direction=up] .pm-phone-country-list {top:auto;bottom:calc(100% + 8px)}
.pm-phone-country-option {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;min-height:44px;box-sizing:border-box;font-size:15px;line-height:20px;border-radius:10px;cursor:pointer;transition:none}
.pm-phone-country-option.is-active {background:#484848}
.pm-phone-country-option:active {background:#555}
.pm-phone-country-check {flex-shrink:0;width:20px;height:20px;background:currentColor;-webkit-mask:url('/icons/v1/pleymeikel/check.png') center/contain no-repeat;mask:url('/icons/v1/pleymeikel/check.png') center/contain no-repeat;visibility:hidden}
.pm-phone-country-option[aria-selected=true] .pm-phone-country-check {visibility:visible}
.pm-phone-country-empty {padding:14px;font-size:14px;line-height:20px}
#stepPhoneLogin .pm-phone-country {margin-bottom:16px}
#stepPhoneLogin .btn-continue {border-radius:999px;background:var(--text-color,#fff);color:var(--bg-color,#212121);box-shadow:none}
#stepPhoneLogin .btn-continue:hover:not(:disabled) {background:var(--text-color,#fff);filter:brightness(.88);transform:none}
#stepPhoneLogin .btn-continue:active:not(:disabled) {filter:brightness(.75);transform:none}
#stepPhoneLogin .btn-back {background:transparent;color:var(--text-color,#f5f5f5);border:0;border-radius:999px;text-decoration:underline;text-underline-offset:3px}
.provider-panel~[data-login-help] {margin-top:24px}
.btn-social:active {filter:brightness(.9)}
.input-group:focus-within input {border-color:var(--text-color,#f5f5f5)!important;box-shadow:0 0 0 1px var(--text-color,#f5f5f5)!important}
.pm-email-entry,.pm-mobile-back {display:none}
@media(max-width:767px){
 .pm-provider-entry {display:flex;flex-direction:column;align-items:center;gap:0}
 .pm-provider-entry .social-btns {display:contents}
 .pm-provider-entry .pm-email-entry {display:flex;align-items:center;justify-content:center;width:100%;max-width:28rem;min-height:52px;border:1px solid var(--btn-social-border,#505050);border-radius:999px;background:var(--btn-social-bg,#212121);color:inherit;font:inherit;font-weight:500;margin-bottom:12px;padding:12px 20px;cursor:pointer}
 .pm-provider-entry .pm-email-entry:hover {filter:brightness(.9)}
 .pm-provider-entry .pm-email-entry:active {filter:brightness(.8)}
 .pm-provider-entry[data-mobile-entry=options] :is(#otpLoginForm,.email-form,#authSeparator,.divider,#phoneBtn,[data-provider=phone],.pm-mobile-back) {display:none!important}
 .pm-provider-entry[data-mobile-entry=options] #appleBtn {order:1}
 .pm-provider-entry[data-mobile-entry=options] :is(#googleBtn,[data-provider=google]) {order:2}
 .pm-provider-entry[data-mobile-entry=options] .pm-email-entry {order:3}
 .pm-provider-entry[data-mobile-entry=email] .pm-email-entry {display:none}
 .pm-provider-entry[data-mobile-entry=email] :is(#otpLoginForm,.email-form) {order:1}
 .pm-provider-entry[data-mobile-entry=email] :is(#authSeparator,.divider) {order:2;width:100%}
 .pm-provider-entry[data-mobile-entry=email] :is(#googleBtn,[data-provider=google]) {order:3}
 .pm-provider-entry[data-mobile-entry=email] #appleBtn {order:4}
 .pm-provider-entry[data-mobile-entry=email] :is(#phoneBtn,[data-provider=phone]) {order:5}
 .pm-provider-entry[data-mobile-entry=email] .pm-mobile-back {display:block;order:8;min-height:44px;background:transparent;color:inherit;border:0;text-decoration:underline;font:inherit;cursor:pointer}
 .pm-provider-entry :is([data-login-help],.footer-links) {order:9}
 .pm-provider-entry #providerAuthError {order:6}
 .pm-provider-entry .reader-login-panel {order:0}
}