.pin-code[data-v-25d1e892]{align-items:center;border-radius:.75rem;display:flex;width:-moz-fit-content;width:fit-content;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding:1rem}.pin-code__header[data-v-25d1e892]{border-bottom-width:1px;margin-bottom:2.5rem;--tw-border-opacity:1;border-color:rgb(var(--color-primary-400)/var(--tw-border-opacity));padding-bottom:1rem}.pin-code__keyboard[data-v-25d1e892]{display:flex;flex-wrap:wrap;row-gap:1.25rem}.pin-code__keyboard-item[data-v-25d1e892]{width:33.333333%}.pin-code__keyboard-item[data-v-25d1e892],.pin-code__keyboard-item-inner[data-v-25d1e892]{align-items:center;display:flex;justify-content:center}.pin-code__keyboard-item-inner[data-v-25d1e892]{background-color:var(--fam-blue-8 );border-radius:9999px;cursor:pointer;font-size:1.25rem;font-weight:700;height:4rem;line-height:1.75rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:4rem;--tw-text-opacity:1;color:rgb(var(--color-primary-900)/var(--tw-text-opacity));transition-duration:.1s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.pin-code__keyboard-item-inner.not-num[data-v-25d1e892]{background-color:transparent;transition-duration:0s}.pin-code__keyboard-item-inner[data-v-25d1e892]:hover{opacity:.8}.pin-code__keyboard-item-inner[data-v-25d1e892]:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.pin-code__keyboard-item-icon[data-v-25d1e892]{font-size:1.5rem;font-weight:700;line-height:2rem}.verification-container[data-v-25d1e892]{align-items:flex-start;display:flex;gap:1rem;justify-content:center}.verification-container.wrong[data-v-25d1e892]{animation:shake-horizontal-25d1e892 .8s cubic-bezier(.455,.03,.515,.955) both}.verification-container input[data-v-25d1e892]{border-radius:9999px;caret-color:transparent;font-size:1.5rem;height:60px;line-height:2rem;outline:2px solid transparent;outline-offset:2px;position:relative;text-align:center;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:60px}.verification-item[data-v-25d1e892]{border-color:transparent;border-radius:9999px;border-width:1px;position:relative}.verification-item.empty[data-v-25d1e892]:before{content:"";height:1rem;left:50%;position:absolute;top:50%;width:1rem;z-index:30;--tw-translate-x:-50%;--tw-translate-y:-50%;border-radius:9999px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(var(--color-primary-300)/var(--tw-bg-opacity));text-decoration-color:#d4d4d4;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.verification-item.wrong[data-v-25d1e892]{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.verification-item.wrong.empty[data-v-25d1e892]:before{content:"";height:1rem;left:50%;position:absolute;top:50%;width:1rem;z-index:30;--tw-translate-x:-50%;--tw-translate-y:-50%;border-radius:9999px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity));text-decoration-color:#d4d4d4;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.verification-container input[data-v-25d1e892]:focus{border-color:var(--fam-blue-100);--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@keyframes shake-horizontal-25d1e892{0%,to{transform:translate(0)}10%,30%,50%,70%{transform:translate(-10px)}20%,40%,60%{transform:translate(10px)}80%{transform:translate(8px)}90%{transform:translate(-8px)}}