html:has(.page-shell.login-portal-pixel){scrollbar-gutter:auto}body .page-shell.login-portal-pixel{height:auto;min-height:calc(100dvh - calc(1px * var(--platform-density-scale,1)));background:#fff;padding:0;animation:none;overflow:visible}body .page-shell.login-portal-pixel .screen-container{width:100%;height:auto;min-height:calc(100dvh - calc(1px * var(--platform-density-scale,1)));box-shadow:none;background:#fff;border:0;border-radius:0;overflow:hidden}body .page-shell.login-portal-pixel .decorations,body .page-shell.login-portal-pixel .brand-section:before,body .page-shell.login-portal-pixel .brand-section:after{display:none}body .page-shell.login-portal-pixel .content-grid{height:auto;min-height:inherit;grid-template-columns:minmax(0,47%) minmax(0,53%);align-items:stretch}body .page-shell.login-portal-pixel .brand-section{min-width:0;padding:clamp(calc(32px * var(--platform-density-scale,1)), 4vw, calc(64px * var(--platform-density-scale,1)));color:#172b56;background:#f8f9fb;border-right:1px solid #e8ecf3;flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}body .page-shell.login-portal-pixel .brand-section .logo-wrap{width:min(100%, calc(500px * var(--platform-density-scale,1)));margin:0 0 clamp(calc(30px * var(--platform-density-scale,1)), 4vh, calc(46px * var(--platform-density-scale,1)));box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}body .page-shell.login-portal-pixel .brand-section .pixel-workspace-logo{max-height:calc(310px * var(--platform-density-scale,1));filter:none}body .page-shell.login-portal-pixel .brand-section .pixel-workspace-wordmark{aspect-ratio:1672/478;width:100%;display:block;overflow:hidden}body .page-shell.login-portal-pixel .brand-section .pixel-workspace-wordmark .pixel-workspace-logo{width:100%;height:auto;max-height:none;transform:translateY(-13%)}.login-portal-pixel .pixel-brand-caption{gap:calc(10px * var(--platform-density-scale,1));width:min(100%, calc(500px * var(--platform-density-scale,1)));padding-top:calc(26px * var(--platform-density-scale,1));text-align:center;border-top:1px solid #dce2ec;display:grid}.login-portal-pixel .pixel-brand-caption span{color:#536b9c;font-size:calc(10px * var(--platform-density-scale,1));letter-spacing:.17em;font-weight:800}.login-portal-pixel .pixel-brand-caption strong{font-size:clamp(calc(26px * var(--platform-density-scale,1)), 2.5vw, calc(36px * var(--platform-density-scale,1)));letter-spacing:-.035em;font-weight:710;line-height:1.15}.login-portal-pixel .pixel-brand-caption p{color:#536b9c;font-size:calc(13px * var(--platform-density-scale,1));margin:0;line-height:1.5}body .page-shell.login-portal-pixel .login-column{height:auto;min-height:inherit;min-width:0;padding:calc(24px * var(--platform-density-scale,1)) clamp(calc(30px * var(--platform-density-scale,1)), 5vw, calc(78px * var(--platform-density-scale,1)));background:#fff;grid-area:1/2;justify-content:center;align-items:center;display:flex}body .page-shell.login-portal-pixel .login-card.is-pixel{width:min(100%, calc(470px * var(--platform-density-scale,1)));max-width:calc(470px * var(--platform-density-scale,1));height:min(calc(680px * var(--platform-density-scale,1)), calc(100dvh - calc(48px * var(--platform-density-scale,1))));text-align:left;min-height:0;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex;overflow:visible}body .page-shell.login-portal-pixel .login-card.is-pixel .login-card-content{flex-direction:column;flex:auto;width:100%;max-width:none;height:auto;display:flex}body .page-shell.login-portal-pixel .login-card.is-pixel .login-heading-stack{text-align:left;display:block}body .page-shell.login-portal-pixel .login-card.is-pixel .login-mobile-brand.is-pixel{display:none}body .page-shell.login-portal-pixel .login-card.is-pixel .security-mark.is-pixel{width:calc(54px * var(--platform-density-scale,1));height:calc(54px * var(--platform-density-scale,1));margin:0 0 calc(20px * var(--platform-density-scale,1));border-radius:calc(16px * var(--platform-density-scale,1));box-shadow:none;background:#f5f7ff;border:1px solid #dce5fa;display:grid}body .page-shell.login-portal-pixel .login-card.is-pixel .security-mark.is-pixel img{width:calc(44px * var(--platform-density-scale,1));height:calc(44px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .employee-access-label{margin-bottom:calc(7px * var(--platform-density-scale,1));color:#3157ad;font-size:calc(10px * var(--platform-density-scale,1));letter-spacing:.16em}body .page-shell.login-portal-pixel .login-card.is-pixel h1{color:#132752;font-size:clamp(calc(29px * var(--platform-density-scale,1)), 2.6vw, calc(36px * var(--platform-density-scale,1)));letter-spacing:-.04em;margin:0;font-weight:750;line-height:1.15}:is(body .page-shell.login-portal-pixel .login-card.is-pixel .subtitle,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.pixel-credential-form) .subtitle){margin:calc(8px * var(--platform-density-scale,1)) 0 calc(24px * var(--platform-density-scale,1));color:#63718d;font-size:calc(14px * var(--platform-density-scale,1));line-height:1.5}body .page-shell.login-portal-pixel .login-card.is-pixel .login-form-stack{align-content:start;gap:calc(12px * var(--platform-density-scale,1));flex:none;width:100%;min-height:0;display:grid;overflow:visible}body .page-shell.login-portal-pixel .login-card.is-pixel .login-form{gap:calc(10px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .pixel-credential-form{margin-top:0}body .page-shell.login-portal-pixel .login-card.is-pixel .password-recovery-flow:has(input[name=recovery-email]){gap:calc(4px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(input[name=recovery-email]) .login-field{padding-top:calc(21px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .login-field{gap:calc(6px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .login-field-label{color:#34425f;font-size:calc(12px * var(--platform-density-scale,1));font-weight:700}body .page-shell.login-portal-pixel .login-card.is-pixel .input-shell input{height:calc(50px * var(--platform-density-scale,1));border-radius:calc(10px * var(--platform-density-scale,1));color:#172b54;font-size:calc(14px * var(--platform-density-scale,1));background:#fff;border:1px solid #cfd8e8;box-shadow:0 1px 2px #15264a0a}body .page-shell.login-portal-pixel .login-card.is-pixel .input-shell input:focus{border-color:#5570d5;box-shadow:0 0 0 3px #5168d321}body .page-shell.login-portal-pixel .login-card.is-pixel .input-icon,body .page-shell.login-portal-pixel .login-card.is-pixel .password-toggle{color:#5a68a1;background:#f3f5fb}body .page-shell.login-portal-pixel .login-card.is-pixel .form-options.is-forgot-only{min-height:calc(20px * var(--platform-density-scale,1));margin:calc(-2px * var(--platform-density-scale,1)) 0 0}body .page-shell.login-portal-pixel .login-card.is-pixel .forgot-password-action{color:#3157ad;font-size:calc(12px * var(--platform-density-scale,1));font-weight:650}body .page-shell.login-portal-pixel .login-card.is-pixel .sign-in-button{height:calc(51px * var(--platform-density-scale,1));border-radius:calc(10px * var(--platform-density-scale,1));font-size:calc(15px * var(--platform-density-scale,1));background:#46509b;box-shadow:0 8px 16px #2f38812b}body .page-shell.login-portal-pixel .login-card.is-pixel .pixel-credential-form>.sign-in-button{margin-top:calc(71px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(input[name=recovery-email])>.sign-in-button{margin-top:calc(74px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(input[name=new-password])>.sign-in-button{margin-top:calc(8px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(.recovery-otp-segmented)>.sign-in-button{margin-top:calc(9px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .sign-in-button:hover{background:#38458c;box-shadow:0 9px 18px #2f388133}body .page-shell.login-portal-pixel .login-card.is-pixel .microsoft-sign-in-divider{margin:calc(3px * var(--platform-density-scale,1)) 0;color:#7e8aa4}body .page-shell.login-portal-pixel .login-card.is-pixel .microsoft-sign-in-button{min-height:calc(51px * var(--platform-density-scale,1));border-radius:calc(10px * var(--platform-density-scale,1));color:#20335d;box-shadow:none;font-size:calc(14px * var(--platform-density-scale,1));border-color:#cfd8e8}body .page-shell.login-portal-pixel .login-card.is-pixel .microsoft-sign-in-button:hover{background:#f7f9fd;border-color:#8096c5}body .page-shell.login-portal-pixel .login-card.is-pixel .pixel-credential-form .form-message:not(.visible){height:0;min-height:0;margin:0;padding:0}body .page-shell.login-portal-pixel .login-card.is-pixel .pixel-credential-form .form-message.visible{height:auto;min-height:calc(24px * var(--platform-density-scale,1));margin:calc(2px * var(--platform-density-scale,1)) 0 0;text-align:left;overflow:visible}body .page-shell.login-portal-pixel .login-card.is-pixel .password-recovery-flow>.recovery-message,body .page-shell.login-portal-pixel .login-card.is-pixel .otp-login-form>.form-message.visible{text-align:center;width:100%;margin:0}body .page-shell.login-portal-pixel .login-card.is-pixel .password-recovery-flow>.recovery-message{height:calc(40px * var(--platform-density-scale,1));min-height:calc(40px * var(--platform-density-scale,1));max-height:calc(40px * var(--platform-density-scale,1));align-items:center;line-height:1.35;display:grid;overflow-y:auto}:is(body .page-shell.login-portal-pixel .login-card.is-pixel .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.pixel-credential-form) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.password-recovery-flow) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.otp-login-form) .security-footer){padding-top:calc(26px * var(--platform-density-scale,1));color:#7a86a0;text-align:center;flex-shrink:0;margin:auto 0 0}body .page-shell.login-portal-pixel .login-card.is-pixel .footer-rule{margin-bottom:calc(9px * var(--platform-density-scale,1));color:#6570c6}body .page-shell.login-portal-pixel .login-card.is-pixel .security-footer strong{margin-bottom:calc(3px * var(--platform-density-scale,1));color:#334267;font-size:calc(12px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .security-footer p{font-size:calc(11px * var(--platform-density-scale,1));line-height:1.45}@media (max-width:980px){body .page-shell.login-portal-pixel .screen-container{width:100%}body .page-shell.login-portal-pixel .content-grid{display:block}body .page-shell.login-portal-pixel .brand-section{display:none}body .page-shell.login-portal-pixel .login-column{min-height:inherit;padding:calc(28px * var(--platform-density-scale,1)) clamp(calc(24px * var(--platform-density-scale,1)), 7vw, calc(64px * var(--platform-density-scale,1)));grid-area:auto}}@media (max-width:760px){body .page-shell.login-portal-pixel .login-card.is-pixel .password-recovery-flow>.recovery-message{height:calc(52px * var(--platform-density-scale,1));min-height:calc(52px * var(--platform-density-scale,1));max-height:calc(52px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .password-recovery-flow:has(input[name=recovery-email]){gap:calc(7px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel{padding:0}body .page-shell.login-portal-pixel .screen-container{min-height:calc(100svh - calc(1px * var(--platform-density-scale,1)));border-radius:0}body .page-shell.login-portal-pixel .login-column{min-height:calc(100svh - calc(1px * var(--platform-density-scale,1)));padding:calc(24px * var(--platform-density-scale,1)) clamp(calc(20px * var(--platform-density-scale,1)), 6vw, calc(42px * var(--platform-density-scale,1)));display:flex}body .page-shell.login-portal-pixel .login-card.is-pixel{width:100%;height:max(calc(690px * var(--platform-density-scale,1)), calc(100svh - calc(49px * var(--platform-density-scale,1))));flex-shrink:0;min-height:0;padding:0;display:flex}body .page-shell.login-portal-pixel .login-card.is-pixel .pixel-credential-form>.sign-in-button{margin-top:calc(58px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(input[name=recovery-email])>.sign-in-button{margin-top:calc(61px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(input[name=new-password])>.sign-in-button{margin-top:0}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(.recovery-otp-segmented)>.sign-in-button{margin-top:calc(10px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .login-card-content{flex-direction:column;display:flex}body .page-shell.login-portal-pixel .login-card.is-pixel .security-mark.is-pixel{width:calc(48px * var(--platform-density-scale,1));height:calc(48px * var(--platform-density-scale,1));margin-bottom:calc(16px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .security-mark.is-pixel img{width:calc(40px * var(--platform-density-scale,1));height:calc(40px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel h1{font-size:clamp(calc(27px * var(--platform-density-scale,1)), 7vw, calc(34px * var(--platform-density-scale,1)))}:is(body .page-shell.login-portal-pixel .login-card.is-pixel .subtitle,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.pixel-credential-form) .subtitle){margin-bottom:calc(20px * var(--platform-density-scale,1))}}@media (max-width:360px){body .page-shell.login-portal-pixel .login-card.is-pixel{height:max(calc(740px * var(--platform-density-scale,1)), calc(100svh - calc(49px * var(--platform-density-scale,1))))}body .page-shell.login-portal-pixel .login-card.is-pixel h1{min-height:2.3em}}@media (max-height:700px) and (min-width:761px){body .page-shell.login-portal-pixel .login-column{padding-block:calc(10px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel{height:min(calc(610px * var(--platform-density-scale,1)), calc(100dvh - calc(24px * var(--platform-density-scale,1))))}body .page-shell.login-portal-pixel .login-card.is-pixel .security-mark.is-pixel{width:calc(42px * var(--platform-density-scale,1));height:calc(42px * var(--platform-density-scale,1));margin-bottom:calc(10px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .security-mark.is-pixel img{width:calc(36px * var(--platform-density-scale,1));height:calc(36px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .employee-access-label{margin-bottom:calc(4px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel h1{font-size:calc(30px * var(--platform-density-scale,1))}:is(body .page-shell.login-portal-pixel .login-card.is-pixel .subtitle,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.pixel-credential-form) .subtitle){margin:calc(5px * var(--platform-density-scale,1)) 0 calc(10px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .login-form{gap:calc(8px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(input[name=recovery-email])>.sign-in-button{margin-top:calc(66px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(.recovery-otp-segmented)>.sign-in-button{margin-top:calc(-3px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .input-shell input{height:calc(44px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .sign-in-button,body .page-shell.login-portal-pixel .login-card.is-pixel .microsoft-sign-in-button{height:calc(44px * var(--platform-density-scale,1));min-height:calc(44px * var(--platform-density-scale,1))}:is(body .page-shell.login-portal-pixel .login-card.is-pixel .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.pixel-credential-form) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.password-recovery-flow) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.otp-login-form) .security-footer){padding-top:calc(12px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .footer-rule{margin-bottom:calc(6px * var(--platform-density-scale,1))}}@media (orientation:landscape) and (max-width:1100px) and (max-height:650px){body .page-shell.login-portal-pixel,body .page-shell.login-portal-pixel .screen-container,body .page-shell.login-portal-pixel .content-grid,body .page-shell.login-portal-pixel .login-column{height:auto;min-height:100svh;overflow:visible}body .page-shell.login-portal-pixel .login-column{padding:calc(18px * var(--platform-density-scale,1)) clamp(calc(20px * var(--platform-density-scale,1)), 4vw, calc(36px * var(--platform-density-scale,1)))}body .page-shell.login-portal-pixel .login-card.is-pixel{width:min(100%, calc(820px * var(--platform-density-scale,1)));max-width:calc(820px * var(--platform-density-scale,1));flex-shrink:0;height:auto;min-height:0}body .page-shell.login-portal-pixel .login-card.is-pixel .login-card-content{flex:none;height:auto}:is(body .page-shell.login-portal-pixel .login-card.is-pixel .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.pixel-credential-form) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.password-recovery-flow) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.otp-login-form) .security-footer){margin:calc(16px * var(--platform-density-scale,1)) 0 0;padding-top:calc(10px * var(--platform-density-scale,1))}}@media (orientation:landscape) and (min-width:600px) and (max-width:1100px) and (max-height:650px){body .page-shell.login-portal-pixel .login-card.is-pixel .login-card-content{gap:calc(12px * var(--platform-density-scale,1)) calc(28px * var(--platform-density-scale,1));grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-areas:"intro form""footer form";align-content:center;align-items:center;display:grid}body .page-shell.login-portal-pixel .login-card.is-pixel .login-heading-stack{grid-area:intro;align-self:end}body .page-shell.login-portal-pixel .login-card.is-pixel .login-form-stack{grid-area:form;align-self:center}:is(body .page-shell.login-portal-pixel .login-card.is-pixel .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.pixel-credential-form) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.password-recovery-flow) .security-footer,body .page-shell.login-portal-pixel .login-card.is-pixel:has(.otp-login-form) .security-footer){grid-area:footer;align-self:start;margin-top:0}}@media (orientation:landscape) and (min-width:600px) and (max-width:760px) and (max-height:650px){body .page-shell.login-portal-pixel .login-card.is-pixel .pixel-credential-form>.sign-in-button{margin-top:calc(12px * var(--platform-density-scale,1))}body .page-shell.login-portal-pixel .login-card.is-pixel .recovery-form:has(input[name=recovery-email])>.sign-in-button{margin-top:calc(15px * var(--platform-density-scale,1))}}
