html,body{margin:0;min-height:100%;background:#fff;color:#294766;font-family:'WP Raccoon',sans-serif;color-scheme:light}*{box-sizing:border-box}button,input{font:inherit;-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.pin-screen{width:100%;max-width:393px;min-height:100svh;margin:auto;padding:max(34px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;justify-content:center}.pin-lock{width:26px;height:26px;stroke-width:1.5;color:#294c70;margin-bottom:16px}.pin-screen h1{font-size:20px;line-height:28px;font-weight:400;margin:0 0 22px;min-height:28px}.pin-dots{display:flex;justify-content:center;gap:17px;margin:0 0 42px}.pin-dot{width:11px;height:11px;border:1.5px solid #294c70;border-radius:50%;background:white;transition:background .1s}.pin-dot.filled{background:#294c70}.pin-panel{width:100%}.pin-keypad{display:grid;grid-template-columns:repeat(3,76px);grid-auto-rows:76px;gap:16px 22px;justify-content:center}.pin-key{display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:50%;background:#f1f4f7;color:#294c70;padding:0;cursor:pointer}.pin-key:active{background:#dbe5ef}.pin-key:focus-visible,.pin-utility:focus-visible{outline:2px solid #285d95;outline-offset:4px}.pin-key .number{font-size:30px;line-height:34px}.pin-key .letters{font-family:system-ui,sans-serif;font-size:8px;letter-spacing:1.8px;line-height:12px;min-height:12px}.pin-key[data-digit="0"] .number{line-height:40px}.pin-utility{border:0;background:transparent;color:#62758a;font-size:13px;padding:0;cursor:pointer;display:grid;place-items:center}.pin-utility svg{width:23px;height:23px;stroke-width:1.5}.pin-key:disabled,.pin-utility:disabled{opacity:.55}.pin-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.pin-message{min-height:35px;max-width:290px;text-align:center;font-size:14px;line-height:20px;color:#c23c44;margin:20px 0 0}#password-form{width:100%;max-width:284px}#password-form input{width:100%;font-size:16px;border:1px solid #dbe5ef;border-radius:10px;min-height:46px;padding:10px 12px}#password-form button{display:grid;place-items:center;width:46px;height:44px;border:1px solid #dbe5ef;border-radius:10px;color:#287859;background:white;margin:14px 0 0 auto}#password-form button svg{width:22px;height:22px}#password-form input:focus-visible{outline:2px solid #285d95;outline-offset:2px}[hidden]{display:none!important}@keyframes pin-shake{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(-7px)}50%{transform:translateX(7px)}}.shake{animation:pin-shake .25s ease}@media(prefers-reduced-motion:reduce){.shake{animation:none}.pin-dot{transition:none}}@media(max-height:650px){.pin-screen{padding-top:20px;padding-bottom:12px}.pin-keypad{grid-template-columns:repeat(3,70px);grid-auto-rows:70px;gap:12px 22px}.pin-dots{margin-bottom:30px}.pin-message{margin-top:14px}}
.pin-keypad>.pin-utility[hidden]{display:grid!important;visibility:hidden}