.passkey-screen-container{position:relative;justify-content:center;width:100%;z-index:1001}.passkey-screen,.passkey-screen-container{display:flex;align-items:center;padding:2rem}.passkey-screen{background:#fff;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);width:-moz-fit-content;width:fit-content;max-width:90vw;animation:fadeIn .3s ease-out;flex-direction:column;overflow-x:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-container{display:flex;justify-content:center;margin-bottom:1.5rem}.logo-image{max-width:80px;height:auto}.passkey-input-container{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.5rem;margin:2rem auto;overflow-x:auto}.passkey-input{width:40px;height:50px;text-align:center;font-size:1.5rem;border:1px solid #ccc;border-radius:8px}.group-separator{font-size:1.25rem;color:#000;padding:0 .5rem}.passkey-heading{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1.5rem;color:#333}.passkey-buttons{display:flex;justify-content:center;margin-top:2rem}.passkey-buttons button{height:48px;min-height:48px;min-width:160px}@media(max-width:600px){.passkey-screen{padding:1.5rem}.passkey-input-container{gap:.3rem;overflow-x:auto}.group-separator{font-size:1rem;padding:0 .3rem}.passkey-input{width:35px;height:45px;font-size:1.2rem}}.single-iput-text-box{display:flex;width:2.5rem;height:3rem;text-align:center;border:1px solid #e5e5e5;border-radius:.375rem;font-size:1.25rem;color:#000;background:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1),inset 0 -1px 2px rgba(0,0,0,.06);transition:box-shadow .3s ease,transform #007bff .2s ease}.single-input-text-box:focus{box-shadow:0 6px 8px rgba(0,0,0,.2),inset 0 -2px 4px rgba(0,0,0,.1);outline:none;transform:translateY(-2px)}