.otp-wrapper.svelte-1biz6w1{display:flex;justify-content:center;padding:2rem;border:0}.otp-input.svelte-1biz6w1{--slots: 6;font-family:Courier New,Courier,monospace;font-size:2.5rem;width:calc(var(--slots) * 2ch);letter-spacing:1ch;padding-left:0ch;position:relative;overflow:clip;border:0;border-radius:0;outline:none;background-color:transparent;caret-color:auto;background-image:linear-gradient(90deg,var(--actual-char-color,#ff4d4d) 1ch,transparent 0),repeating-linear-gradient(90deg,var(--input-char-color,#007bff) 0,var(--input-char-color,#007bff) 1ch,transparent 0,transparent 2ch);background-repeat:no-repeat;background-size:1ch 2px,calc(var(--slots) * 2ch) 2px;background-position:0 100%,0 100%;transition:background-position .2s cubic-bezier(.4,0,.2,1)}.otp-input[data-length="1"].svelte-1biz6w1{background-position:2ch 100%,0 100%}.otp-input[data-length="2"].svelte-1biz6w1{background-position:4ch 100%,0 100%}.otp-input[data-length="3"].svelte-1biz6w1{background-position:6ch 100%,0 100%}.otp-input[data-length="4"].svelte-1biz6w1{background-position:8ch 100%,0 100%}.otp-input[data-length="5"].svelte-1biz6w1{background-position:10ch 100%,0 100%}.otp-input[data-length="6"].svelte-1biz6w1{background-image:none,repeating-linear-gradient(90deg,var(--all-char-color,#28a745) 0,var(--all-char-color,#28a745) 1ch,transparent 0,transparent 2ch)}.otp-input.svelte-1biz6w1:focus{filter:drop-shadow(0 4px 4px rgba(0,123,255,.1))}