.mellonpublic-clientlogin-links .client-login-popup{display:none;position:fixed;inset:0;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:6000;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overflow:hidden;-webkit-overflow-scrolling:touch}
.mellonpublic-clientlogin-links .client-login-popup.is-open{display:flex !important}
.mellonpublic-clientlogin-links .client-login-popup__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.55)}
.mellonpublic-clientlogin-links .client-login-popup__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:560px;max-height:calc(100% - 48px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;min-height:0;box-sizing:border-box;background:#fff;border-radius:4px;padding:30px 30px;box-shadow:0 8px 30px rgba(0,0,0,0.2)}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 48px)}
}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
.mellonpublic-clientlogin-links .client-login-popup__close{position:absolute;top:20px;right:30px;border:0;background:transparent;font-size:40px;line-height:1;cursor:pointer;color:#00243d}
.mellonpublic-clientlogin-links .client-login-popup__description{margin-top:10px;color:#000}
.mellonpublic-clientlogin-links .client-login-popup__description .cta-text-highlight,.mellonpublic-clientlogin-links .client-login-popup__description mark{background:#fff200;font-weight:700;padding:0 2px}
.mellonpublic-clientlogin-links .client-login-popup__description .cta-note-banner{display:inline-block;background:#fff200;font-weight:700;padding:2px 6px;margin-bottom:12px}
.mellonpublic-clientlogin-links .client-login-popup__cta{align-self:flex-end;margin-top:16px;flex-shrink:0;background-color:#00243d;border:0;color:#fff;cursor:pointer;display:inline-block;font-family:akkurat-pro,arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;line-height:1;padding:13px 20px;text-align:center;text-transform:uppercase}
@media(max-width:767px){.mellonpublic-clientlogin-links .client-login-popup{padding:12px;align-items:center;justify-content:center}
.mellonpublic-clientlogin-links .client-login-popup__dialog{padding:20px 20px;max-height:calc(100% - 24px);overflow-y:auto}
.mellonpublic-clientlogin-links .client-login-popup__close{top:12px;right:16px}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 24px)}
}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
.mellonpublic-clientlogin-links .client-login-popup__description{max-height:none}
}
@media(max-width:1024px) and (max-height:520px) and (orientation:landscape){.mellonpublic-clientlogin-links .client-login-popup{align-items:flex-start;padding-top:12px;padding-bottom:12px}
.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100% - 24px)}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 24px)}
}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
}
@media(min-width:768px) and (max-width:1024px){.mellonpublic-clientlogin-links .client-login-popup{padding:24px}
.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100% - 48px);overflow-y:auto}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 48px)}
}
@supports(height:100dvh){.mellonpublic-clientlogin-links .client-login-popup__dialog{max-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
}
.mellonpublic-clientlogin-links .client-login-popup__description{max-height:none}
}