.pringle-auth-signin{background-color:var(--color-secondary-background);border-radius:10px;padding:1rem}.pringle-auth-signin,.pringle-auth-signin FORM{display:flex;flex-direction:column;align-items:center}.pringle-auth-signin FORM{justify-content:center;gap:12px}.pringle-auth-signin FORM .title{color:hsl(var(--pringle-foreground));font-size:20px;font-weight:600;margin:0;text-align:center}.pringle-auth-signin FORM .desc{color:var(--color-secondary-text);font-size:15px;margin:0;text-align:left}.pringle-auth-signin FORM .pringle-icon{width:18px;height:18px}.pringle-auth-signin FORM .input-password .pringle-icon{cursor:pointer}.pringle-auth-signin FORM .qr-wrap{background-color:#fff;border-radius:8px;padding:3px}.pringle-auth-signin FORM .qr-wrap img{width:120px;height:120px;-o-object-fit:cover;object-fit:cover}.pringle-auth-signin FORM .token-wrap{cursor:pointer;display:flex;flex-direction:column}.pringle-auth-signin FORM .token-wrap .token{color:#fff;width:100%;font-size:14px;font-weight:600;margin:0;text-align:center;background-color:rgba(0,0,0,.5);border:1px solid hsl(var(--pringle-foreground));border-radius:8px;padding:5px 10px}.pringle-auth-signin FORM .token-wrap .copy{display:flex;flex-direction:row;text-align:center;margin:10px auto 0;color:var(--color-secondary-text)}.pringle-auth-signin FORM .token-wrap .copy:hover{color:var(--color-hover-text)}.pringle-auth-signin FORM .token-wrap .copy SVG{font-size:15px}.pringle-auth-signin FORM .token-wrap .copy B{font-size:11px;margin-left:5px}.pringle-auth-signin FORM .pin-field-container{display:flex;grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;width:100%}.pringle-auth-signin FORM .pin-field-container .pin-field{border:2px solid hsl(var(--pringle-default-200));border-right:none;font-size:2rem;height:4rem;outline:none;text-align:center;text-transform:uppercase;transition-duration:.25s;transition-property:color,border,box-shadow,transform;width:16.6666666667%;background-color:var(--color-tertiary-background)}.pringle-auth-signin FORM .pin-field-container .pin-field:first-of-type{border-radius:.5rem 0 0 .5rem}.pringle-auth-signin FORM .pin-field-container .pin-field:last-of-type{border-radius:0 .5rem .5rem 0;border-right:2px solid hsl(var(--pringle-default-200))}.pringle-auth-signin FORM .pin-field-container .pin-field:focus{border-color:#516d2f;box-shadow:0 0 .25rem rgba(81,109,47,.5);outline:none}.pringle-auth-signin FORM .pin-field-container .pin-field:focus+.pin-field{border-left-color:#516d2f}.pringle-auth-signin FORM .pin-field-container .pin-field:hover{border-color:#abfa02;outline:none}.pringle-auth-signin FORM .pin-field-container .pin-field:hover+.pin-field{border-left-color:#abfa02}.pringle-auth-signin FORM .pin-field-container .pin-field:invalid{animation:shake 75ms linear 5;border-color:hsl(var(--pringle-warning));box-shadow:0 0 .25rem rgba(var(--pringle-warning),.5)}.pringle-auth-signin FORM .pin-field-container .pin-field:invalid+.pin-field{border-left-color:var(--pringle-warning)}.pringle-auth-signin FORM .pin-field-container .pin-field.complete{border-color:hsl(var(--pringle-success));color:hsl(var(--pringle-success))}.pringle-auth-signin FORM .pin-field-container .pin-field.complete[disabled]{background:rgba(var(--pringle-success),.1);cursor:not-allowed;opacity:.5}.pringle-auth-signin FORM .pin-field-container .pin-field.complete+.pin-field{border-left-color:hsl(var(--pringle-success))}.pringle-auth-signin FORM BUTTON{margin-right:20px;margin-left:20px;background-color:hsl(var(--pringle-primary-50));border:2px solid hsl(var(--pringle-primary));width:100%}.pringle-auth-signin FORM BUTTON p{color:hsl(var(--pringle-primary-500))}.pringle-auth-signin FORM BUTTON:hover{background-color:hsl(var(--pringle-primary-100));border:2px solid hsl(var(--pringle-primary))}@keyframes shake{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}