.otp[data-v-df552acd]{max-width:24rem;position:relative}.otp[data-v-df552acd],.otp-native[data-v-df552acd]{cursor:text;width:100%}.otp-native[data-v-df552acd]{z-index:1;color:#0000;caret-color:#0000;letter-spacing:1em;opacity:.01;background:0 0;border:0;outline:none;height:100%;padding:0;font-size:16px;position:absolute;inset:0}.otp-cells[data-v-df552acd]{grid-template-columns:repeat(var(--v02fedf8e),minmax(0,1fr));gap:.6rem;display:grid}.otp-cell[data-v-df552acd]{aspect-ratio:5/6;border:1.5px solid var(--public-line,#d8dde6);max-height:4rem;color:var(--public-navy,#1b2b4b);font-variant-numeric:tabular-nums;background:#fff;border-radius:.9rem;justify-content:center;align-items:center;font-size:1.6rem;font-weight:700;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex}.otp-cell.is-filled[data-v-df552acd]{border-color:var(--public-navy,#1b2b4b)}.otp-cell.is-active[data-v-df552acd]{border-color:var(--public-cyan,#3fb8af);box-shadow:0 0 0 3px color-mix(in srgb,var(--public-cyan,#3fb8af) 22%,transparent)}.otp-caret[data-v-df552acd]{background:var(--public-navy,#1b2b4b);border-radius:1px;width:2px;height:1.6rem;animation:1s step-end infinite otp-blink-df552acd}.otp.is-invalid .otp-cell[data-v-df552acd]{border-color:#e0002b}.otp.is-invalid .otp-cells[data-v-df552acd]{animation:.32s otp-shake-df552acd}.otp.is-disabled[data-v-df552acd]{opacity:.6;cursor:default}@keyframes otp-blink-df552acd{50%{opacity:0}}@keyframes otp-shake-df552acd{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.otp-caret[data-v-df552acd],.otp.is-invalid .otp-cells[data-v-df552acd]{animation:none}}@media (width<=380px){.otp-cells[data-v-df552acd]{gap:.4rem}.otp-cell[data-v-df552acd]{border-radius:.7rem;font-size:1.35rem}}