.login-mobile-support{display:none}@media (max-width:650px),(max-width:900px) and (max-height:500px){body:has(.login-page){background:var(--graphite)}body:has(.login-page){-webkit-text-size-adjust:100%;scroll-padding-top:80px}body:has(.login-page) .chs-bar{height:auto;min-height:68px;gap:12px;padding-block-start:max(12px,env(safe-area-inset-top));padding-block-end:12px;padding-inline:20px}body:has(.login-page) .chs-brand{--cp-lk-h:44px}body:has(.login-page) .chs-book{border-radius:24px;min-height:44px;padding:10px 14px;font-size:13px}body:has(.login-page) .login-page{background:var(--graphite);grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:16px 0 0}body:has(.login-page) .login-art{isolation:isolate;border-radius:22px;height:144px;margin:0 20px}body:has(.login-page) .login-art:after{content:"";background:linear-gradient(90deg,var(--graphite),color-mix(in srgb,var(--graphite) 66%,transparent));z-index:0;position:absolute;inset:0}body:has(.login-page) .login-art>picture>img{object-fit:cover;object-position:65% 48%;width:100%;height:100%}body:has(.login-page) .login-art>div{z-index:1;flex-direction:column;justify-content:center;display:flex;inset:16px 20px}body:has(.login-page) .login-art .eyebrow{letter-spacing:.14em;font-size:9px;line-height:1.4}body:has(.login-page) .login-art h1{letter-spacing:-.04em;margin:4px 0;font-size:24px;line-height:1.08}body:has(.login-page) .login-art h1 span{margin-inline-start:0}body:has(.login-page) .login-art>div>p:last-child{color:var(--porcelain);font-size:11px;line-height:1.45}body:has(.login-page) .login-form{background:var(--graphite);gap:12px;width:100%;min-width:0;max-width:520px;margin-inline:auto;padding:24px 20px 28px;position:relative}body:has(.login-page) .login-form>svg{border:1px solid color-mix(in srgb,var(--porcelain) 25%,transparent);width:34px;height:34px;color:var(--porcelain);border-radius:11px;margin:0 0 2px;padding:6px}body:has(.login-page) .login-form>.eyebrow{letter-spacing:.12em;color:var(--porcelain);font-size:10px;line-height:1.6}body:has(.login-page) .login-form>h2{letter-spacing:-.045em;text-wrap:balance;color:var(--porcelain);font-size:29px;font-weight:600;line-height:1.14}body:has(.login-page) .login-form>p:not(.eyebrow){color:var(--porcelain);max-width:34ch;font-size:14px;line-height:1.55}body:has(.login-page) .login-step{gap:14px;margin-top:8px}body:has(.login-page) .login-form .field{gap:8px}body:has(.login-page) .login-form .field>span{color:var(--porcelain);font-size:12px;font-weight:600;line-height:1.5}body:has(.login-page) .login-form input{box-sizing:border-box;border:1px solid color-mix(in srgb,var(--stone) 70%,transparent);background:color-mix(in srgb,var(--porcelain) 6%,var(--graphite));width:100%;min-height:54px;color:var(--porcelain);border-radius:15px;scroll-margin-block:100px;font:400 16px/1.4 var(--ui-font-text,system-ui,sans-serif)!important;padding:14px 16px!important}body:has(.login-page) .login-form input:focus-visible{outline:2px solid var(--porcelain);outline-offset:3px;border-color:var(--porcelain)}body:has(.login-page) .login-form .action{border-radius:28px;justify-content:space-between;min-height:54px;padding:15px 20px;font-size:16px;font-weight:600}body:has(.login-page) .login-form .step-links{flex-direction:column;align-items:stretch;gap:8px}body:has(.login-page) .login-form .text-link{min-height:44px;color:var(--porcelain);opacity:1;text-align:start;justify-content:space-between;align-items:center;gap:12px;padding-block:10px;font-size:13px;line-height:1.5;display:flex}body:has(.login-page) .login-form>.text-link{border-top:1px solid color-mix(in srgb,var(--stone) 30%,transparent);width:100%;margin-top:0;padding-top:16px}body:has(.login-page) .login-form :is(button,a):active{opacity:.72}body:has(.login-page) .login-form .notice{border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}body:has(.login-page) .login-form .portal{border-radius:14px;min-height:54px}body:has(.login-page) .chs-tabbar{padding-bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px)}body:has(.login-page) .login-page~*{scroll-margin-bottom:100px}}@media (max-width:900px) and (max-height:540px){body:has(.login-page) .chs-tabbar{visibility:hidden;pointer-events:none}body:has(.login-page) .login-form{padding-bottom:max(24px,env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){body:has(.login-page) .login-form *{transition:none!important;animation:none!important}}@media (max-width:650px),(max-width:900px) and (max-height:500px){body:has(.login-page) .login-mobile-support{top:24px;z-index:2;display:flex;position:absolute;inset-inline-end:20px}body:has(.login-page) .login-mobile-support #cp-sup-badge{min-height:44px;box-shadow:none;font-size:13px;position:static!important}}