.lmc-otp{flex-direction:column;align-self:center;gap:12px;width:292px;display:flex}.lmc-otp-status{text-align:center}.lmc-otp-title{color:var(--lm-text);text-wrap:balance;margin:0;font-size:16px;font-weight:500;line-height:24px}.lmc-otp-hint{color:var(--lm-text-muted);margin:4px 0 0;font-size:13px;line-height:20px}.lmc-otp-stage{cursor:text;place-items:center;height:90px;display:grid;position:relative}.lmc-otp-input{opacity:0;caret-color:#0000;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.lmc-otp-cards{pointer-events:none;gap:8px;width:292px;display:flex}.lmc-otp-cell{box-sizing:border-box;background:var(--lm-surface-2);width:42px;height:54px;color:var(--lm-text);transform-origin:50% 300%;border:1px solid #ffffff1a;border-radius:10px;flex:0 0 42px;place-items:center;font-size:22px;font-weight:500;display:grid;position:relative}.lmc-otp-motion .lmc-otp-cell{transition:border-color .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1)}.lmc-otp-cell[data-active=true]{border-color:var(--lm-accent)}.lmc-otp-cell[data-active=true]:after{content:"";background:var(--lm-accent);width:1px;height:24px;position:absolute}.lmc-otp-stack{background:var(--lm-surface-2);width:56px;height:72px;color:var(--lm-accent);pointer-events:none;border-radius:12px;position:absolute}.lmc-otp-stack svg{width:56px;height:72px;display:block}.lmc-otp-outline{stroke:currentColor;stroke-width:1px}.lmc-otp-stroke-segment{stroke:var(--lm-accent);stroke-width:2px}.lmc-otp-check{stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.lmc-otp[data-state=verified] .lmc-otp-stack{color:var(--lm-success);box-shadow:0 0 16px #3fd08a3d}.lmc-otp[data-state=failed] .lmc-otp-stack{color:var(--lm-danger)}.lmc-otp[data-state=failed] .lmc-otp-title{color:var(--lm-danger-text)}.lmc-otp-resend{color:var(--lm-text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-end;padding:0;font-size:14px;line-height:20px}.lmc-otp-resend:focus-visible{outline:2px solid var(--lm-accent);outline-offset:4px}.lmc-otp-motion[data-state=expanding] .lmc-otp-cell{animation:otp-expand .56s cubic-bezier(.2, .8, .2, 1) var(--expand-delay) both}.lmc-otp-motion[data-state=collapsing] .lmc-otp-cell{animation:otp-collapse .42s cubic-bezier(.2, .8, .2, 1) var(--collapse-delay) both}.lmc-otp-motion[data-state=returning] .lmc-otp-cell{animation:otp-return .56s cubic-bezier(.2, .8, .2, 1) var(--return-delay) both}.lmc-otp-motion .lmc-otp-stroke-segment{animation:1.2s linear infinite otp-stroke-segment}.lmc-otp-motion[data-state=verified] .lmc-otp-check{stroke-dasharray:1;animation:.32s cubic-bezier(.2,.8,.2,1) both otp-check}.lmc-otp-motion[data-state=failed] .lmc-otp-stack{animation:.36s linear otp-shake}@keyframes otp-expand{0%{transform:translate(0)rotate(0)}to{transform:translateX(calc(-1 * var(--home) + var(--shift))) rotate(var(--angle))}}@keyframes otp-collapse{0%{transform:translateX(calc(-1 * var(--home) + var(--shift))) rotate(var(--angle))}to{transform:translateX(calc(-1 * var(--home))) rotate(0)}}@keyframes otp-return{0%{transform:translateX(calc(-1 * var(--home) + var(--shift))) rotate(var(--angle))}to{transform:translate(0)rotate(0)}}@keyframes otp-stroke-segment{to{stroke-dashoffset:-1px}}@keyframes otp-check{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes otp-shake{0%,to{transform:translate(0)}8.333%,41.667%,75%{transform:translate(-6px)}25%,58.333%,91.667%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.lmc-otp *,.lmc-otp :after{transition:none!important;animation:none!important}}