.spnd-login{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:var(--spnd-form-max-width,400px);width:100%}.spnd-login [hidden]{display:none}.spnd-login__otp-form label{font-size:var(--spnd-text-lg);font-weight:600}.spnd-login__instruction{line-height:1.143;margin:-.5rem 0 0}.spnd-login__instruction,.spnd-login__resend{color:var(--spnd-color-text-muted);font-size:var(--spnd-text-base)}.spnd-login__resend{margin:0;text-align:center}.spnd-login__resend-btn{background:none;border:none;color:var(--spnd-color-primary);cursor:pointer;font-size:inherit;font-weight:500;padding:0}.spnd-login__resend-btn:hover{text-decoration:underline}.spnd-login__resend-btn:disabled{color:var(--spnd-color-inactive);cursor:not-allowed;text-decoration:none}.spnd-login__otp-wrapper{--w:calc(100cqi/6 - 1ch);--h:3.5rem;--b:1px;--r:0.375rem;--c:var(--spnd-color-border);container-type:inline-size;overflow:hidden;position:relative}.spnd-login__otp-boxes{display:grid;grid-template-columns:repeat(6,1fr);inset:0;position:absolute}.spnd-login__otp-boxes>span{background:var(--spnd-color-bg);border:var(--b) solid var(--c)}.spnd-login__otp-boxes>span:not(:first-child){margin-left:calc(var(--b)*-1)}.spnd-login__otp-boxes>span:first-child{border-radius:var(--r) 0 0 var(--r)}.spnd-login__otp-boxes>span:last-child{border-radius:0 var(--r) var(--r) 0}.spnd-login__otp-boxes>span.is-active{border-color:var(--spnd-color-primary);position:relative;z-index:1}.spnd-login__otp-wrapper input{background:transparent;border:none;border-radius:0;box-sizing:content-box;color:var(--spnd-color-text);display:block;font-family:monospace;font-size:1.75rem;height:var(--h);letter-spacing:var(--w);line-height:var(--h);margin:0;outline:none;padding:0;position:relative;text-indent:calc(var(--w)/2);width:100%;z-index:2}.spnd-login__otp-wrapper input:focus{box-shadow:none;outline:none}.spnd-login__otp-wrapper input::-moz-selection{background:transparent}.spnd-login__otp-wrapper input::selection{background:transparent}