.device-access-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;color:var(--text,var(--ink,#242120));background:var(--card,#faf9f6);border-radius:28px;padding:0}.device-access{padding:clamp(24px,4vw,40px);line-height:1.6}.device-access header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.device-access h2{margin:0;font-size:clamp(23px,4vw,30px);font-weight:500;line-height:1.25;letter-spacing:-.7px}.device-access p{overflow-wrap:anywhere}.device-access .btn{width:100%;white-space:normal;min-height:48px}.device-steps{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:28px 0}.device-steps li{display:flex;gap:10px;align-items:flex-start;font-size:13px;opacity:.65}.device-steps li.current{opacity:1}.device-steps span{flex:0 0 28px;height:28px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.device-status:not(:empty){padding:12px 16px;border:1px solid currentColor;border-radius:16px;margin:16px 0;font-size:14px}.device-access-modal::backdrop{background:#1b19164d;backdrop-filter:blur(12px)}html[data-theme=dark] .device-access-modal{background:#292925;color:#f7f1e5;border:1px solid #ffffff30}html[data-theme=dark] .device-access-modal p{color:#d8d2c6}@media(max-width:480px){.device-steps{grid-template-columns:1fr;gap:12px}.device-access-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}}
