.otp{display:flex;align-items:center;justify-content:center;gap:var(--t-space-2);margin:var(--t-space-4) 0 var(--t-space-2)}.otp-group{display:flex;gap:6px}.otp-slot{width:46px;height:54px;text-align:center;border:1px solid var(--t-color-border-default);border-radius:var(--t-radius-lg);background:var(--t-color-bg-sunken);color:var(--t-color-fg-default);font-family:var(--t-font-display);font-size:24px;font-weight:var(--t-font-weight-bold);outline:none;transition:border-color .12s ease,box-shadow .12s ease;caret-color:var(--t-color-accent-default)}.otp-slot:focus{border-color:var(--t-color-accent-default);box-shadow:var(--t-shadow-focus)}.otp-slot.is-invalid{border-color:var(--t-color-danger)}.otp.is-invalid{animation:otp-shake .35s ease}.otp-sep{width:10px;height:2px;border-radius:1px;background:var(--t-color-border-strong,var(--t-color-border-default))}@keyframes otp-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}