.pringle-auth-signin{background-color:var(--color-secondary-background);border-radius:10px;flex-direction:column;align-items:center;padding:1rem;display:flex}.pringle-auth-signin FORM{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.pringle-auth-signin FORM .title{color:hsl(var(--pringle-foreground));text-align:center;margin:0;font-size:20px;font-weight:600}.pringle-auth-signin FORM .desc{color:var(--color-secondary-text);text-align:left;margin:0;font-size:15px}.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{-o-object-fit:cover;object-fit:cover;width:120px;height:120px}.pringle-auth-signin FORM .token-wrap{cursor:pointer;flex-direction:column;display:flex}.pringle-auth-signin FORM .token-wrap .token{color:#fff;text-align:center;border:1px solid hsl(var(--pringle-foreground));background-color:#00000080;border-radius:8px;width:100%;margin:0;padding:5px 10px;font-size:14px;font-weight:600}.pringle-auth-signin FORM .token-wrap .copy{text-align:center;color:var(--color-secondary-text);flex-direction:row;margin:10px auto 0;display:flex}.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{margin-left:5px;font-size:11px}.pringle-auth-signin FORM .pin-field-container{grid-auto-columns:max-content;grid-auto-flow:column;justify-content:center;width:100%;display:flex}.pringle-auth-signin FORM .pin-field-container .pin-field{border:2px solid hsl(var(--pringle-default-200));text-align:center;text-transform:uppercase;background-color:var(--color-tertiary-background);border-right:none;outline:none;width:16.6667%;height:4rem;font-size:2rem;transition-property:color,border,box-shadow,transform;transition-duration:.25s}.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-right:2px solid hsl(var(--pringle-default-200));border-radius:0 .5rem .5rem 0}.pringle-auth-signin FORM .pin-field-container .pin-field:focus{border-color:#516d2f;outline:none;box-shadow:0 0 .25rem #516d2f80}.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{border-color:hsl(var(--pringle-warning));box-shadow:0 0 .25rem rgba(var(--pringle-warning),.5);animation:75ms linear 5 shake}.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{background-color:hsl(var(--pringle-primary-50));border:2px solid hsl(var(--pringle-primary));width:100%;margin-left:20px;margin-right:20px}.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%)}}