.pin[data-v-2b5f9f22]{display:flex;flex-direction:column;align-items:center;gap:1.1rem;padding:.25rem 0 .5rem;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.pin__label[data-v-2b5f9f22]{margin:0;font-size:.95rem;font-weight:600;color:var(--color-text-strong)}.pin__dots[data-v-2b5f9f22]{display:flex;gap:1.1rem;height:1rem;align-items:center}.pin__dot[data-v-2b5f9f22]{width:.85rem;height:.85rem;border-radius:50%;border:2px solid var(--color-border-input);background:transparent;transition:background .15s ease,border-color .15s ease,transform .15s ease}.pin__dot--on[data-v-2b5f9f22]{border-color:var(--color-primary);background:var(--color-primary);transform:scale(1.1)}.pin__dots--error .pin__dot--on[data-v-2b5f9f22],.pin__dots--error .pin__dot[data-v-2b5f9f22]{border-color:var(--color-danger)}.pin__dots--shake[data-v-2b5f9f22]{animation:pin-shake-2b5f9f22 .4s ease}.pin__dots--busy .pin__dot--on[data-v-2b5f9f22]{animation:pin-pulse-2b5f9f22 .9s ease-in-out infinite}.pin__dots--busy .pin__dot[data-v-2b5f9f22]:nth-child(2){animation-delay:.15s}.pin__dots--busy .pin__dot[data-v-2b5f9f22]:nth-child(3){animation-delay:.3s}.pin__dots--busy .pin__dot[data-v-2b5f9f22]:nth-child(4){animation-delay:.45s}.pin__pad[data-v-2b5f9f22]{display:grid;grid-template-columns:repeat(3,4.5rem);gap:.85rem 1.4rem;justify-content:center}.pin__key[data-v-2b5f9f22]{width:4.5rem;height:4.5rem;border:none;border-radius:50%;background:var(--color-surface-alt);font-family:inherit;font-size:1.7rem;font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-text-strong);cursor:pointer;transition:background .12s ease,transform .08s ease,color .12s ease}@media (hover: hover){.pin__key[data-v-2b5f9f22]:hover:not(:disabled){background:var(--color-primary-soft)}}.pin__key[data-v-2b5f9f22]:active:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);transform:scale(.94)}.pin__key[data-v-2b5f9f22]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.pin__key[data-v-2b5f9f22]:disabled{cursor:default}.pin--locked .pin__key[data-v-2b5f9f22]:not(.pin__key--del){opacity:.55}.pin__key--del[data-v-2b5f9f22]{display:grid;place-items:center;background:transparent;color:var(--color-text-muted)}.pin__key--del svg[data-v-2b5f9f22]{width:1.6rem;height:1.6rem;fill:currentColor}.pin__key--del[data-v-2b5f9f22]:disabled{opacity:.35}.pin__key--del[data-v-2b5f9f22]:active:not(:disabled){background:var(--color-surface-alt);color:var(--color-text-strong)}@media (max-width: 360px){.pin__pad[data-v-2b5f9f22]{grid-template-columns:repeat(3,4rem);gap:.7rem 1.1rem}.pin__key[data-v-2b5f9f22]{width:4rem;height:4rem;font-size:1.5rem}}@keyframes pin-shake-2b5f9f22{0%,to{transform:translate(0)}20%,60%{transform:translate(-.5rem)}40%,80%{transform:translate(.5rem)}}@keyframes pin-pulse-2b5f9f22{50%{opacity:.35}}@media (prefers-reduced-motion: reduce){.pin__dots--shake[data-v-2b5f9f22],.pin__dots--busy .pin__dot--on[data-v-2b5f9f22]{animation:none}.pin__key[data-v-2b5f9f22],.pin__dot[data-v-2b5f9f22]{transition:none}}