.otp-boxes[data-v-6cbaa777]{display:grid;gap:6px;grid-template-columns:repeat(var(--otp-cols,8),1fr)}.otp-box[data-v-6cbaa777]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--cream);border:1.5px solid var(--border);border-radius:8px;caret-color:transparent;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;height:50px;min-width:0;outline:none;padding:0;text-align:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s cubic-bezier(.34,1.56,.64,1);width:100%}.otp-box[data-v-6cbaa777]:focus{background:var(--paper);border-color:var(--otp-focus-color,#d9503c);box-shadow:0 0 0 3px var(--otp-focus-shadow,rgba(217,80,60,.12))}.otp-box--filled[data-v-6cbaa777]{background:var(--paper);border-color:#1a1f3047}.otp-box--popped[data-v-6cbaa777]{animation:otp-pop-6cbaa777 .2s cubic-bezier(.34,1.56,.64,1) both}.otp-box--loading[data-v-6cbaa777],.otp-box--loading[data-v-6cbaa777]:focus{opacity:.5;pointer-events:none}.otp-box--success[data-v-6cbaa777]{background:#2d8c5e0f;border-color:#2d8c5e;color:#2d8c5e}.otp-boxes--shake[data-v-6cbaa777]{animation:otp-shake-6cbaa777 .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes otp-pop-6cbaa777{0%{transform:scale(1)}60%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes otp-shake-6cbaa777{0%,to{transform:translate(0)}15%{transform:translate(-5px)}30%{transform:translate(5px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}