.mobile-connect-page{background:#f3f6f0;place-items:center;min-height:100dvh;padding:30px;display:grid}.mobile-connect-card{text-align:center;background:#fff;border:1px solid #dce5d9;border-radius:18px;width:min(470px,100%);padding:38px;box-shadow:0 18px 70px #173b2610}.mobile-connect-card>img{width:78px;height:auto;margin:0 auto 23px}.mobile-connect-card h1{color:#163e25;letter-spacing:-.6px;margin:15px 0;font-size:27px;line-height:1.25}.mobile-connect-card>p{color:#66746a;margin-bottom:23px;font-size:14px;line-height:1.7}.connect-account{text-align:left;color:#366345;background:#f5f7f1;border:1px solid #e4e9de;border-radius:9px;align-items:center;gap:13px;margin:23px 0;padding:19px;display:flex}.connect-account strong,.connect-account span{display:block}.connect-account strong{font-size:15px}.connect-account span{color:#647868;margin-top:5px;font-size:12px}.mobile-connect-card>.text-button{margin-top:24px;display:inline-flex}.mobile-access-note{color:#667468;margin-top:15px;line-height:1.6;font-size:12px!important}.mobile-access-error{color:#a53b2b!important}.mobile-access-intro{align-items:flex-start;gap:23px;margin-bottom:25px;padding:30px;display:flex}.mobile-access-intro>svg{color:#316b3e;flex-shrink:0}.mobile-access-intro h2{color:#274830;font-size:23px}.mobile-access-intro p{color:#677969;max-width:510px;margin:10px 0 20px;font-size:14px;line-height:1.8}.roster-number{white-space:nowrap;border-left:1px solid #e3e8df;flex-direction:column;gap:8px;margin-left:auto;padding-left:28px;display:flex}.roster-number>span{letter-spacing:.8px;color:#687a6b;font-size:10px}.roster-number>strong{color:#24512f;font-variant-numeric:tabular-nums;font-size:40px}.roster-number>small{color:#607465;font-size:13px}.device-list{padding:0 25px 20px}.device-list>div{color:#5e7663;border-top:1px solid #e3e9df;align-items:center;gap:17px;padding:20px 0;display:flex}.device-list>div>div{flex:1}.device-list strong{color:#34583c;font-size:15px}.device-list p{margin-top:7px;font-size:12px}.mobile-connect-card .form-field{text-align:left}.mobile-connect-card .form-field input{width:100%;font-family:monospace;font-size:13px}@media (max-width:760px){.mobile-access-intro{flex-wrap:wrap;gap:15px;padding:23px}.mobile-access-intro>svg{display:none}.roster-number{border-top:1px solid #e3e8df;border-left:0;width:100%;margin-left:0;padding:20px 0 0}.device-list>div{flex-wrap:wrap}.device-list>div>.button{width:100%}.mobile-connect-page{padding:18px}.mobile-connect-card{padding:27px}.mobile-connect-card h1{font-size:25px}}.mobile-connect-card>.eyebrow{text-align:center;justify-content:center;width:100%;display:block}.mobile-connect-card>h1,.mobile-connect-card>p{text-align:center}