.l8-code-block{display:grid;gap:8px}.l8-code-label{cursor:text}.l8-code-wrap{--otp-box:52px;--otp-gap:8px;--otp-glyph:13px;position:relative;height:var(--otp-box);cursor:text}@media (max-width:480px){.l8-code-wrap{--otp-box:46px}}.l8-code-boxes{position:absolute;inset:0;display:grid;grid-template-columns:repeat(6,var(--otp-box));column-gap:var(--otp-gap);justify-content:start;pointer-events:none}.l8-code-box{border-radius:12px;background:#121417;border:1px solid rgba(255,255,255,.1)}html:not(.dark) .l8-code-box{background:#fff;border-color:rgba(11,20,16,.14)}.l8-code-box[data-active=true],html:not(.dark) .l8-code-box[data-active=true]{border:2px solid rgba(0,200,5,.85);box-shadow:0 0 0 4px rgba(0,200,5,.14)}html:not(.dark) .l8-code-box[data-active=true]{border-color:#067a2c;box-shadow:0 0 0 4px rgba(6,122,44,.14)}.l8-code{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;background:transparent;border:0;outline:none;color:inherit;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:22px;font-weight:600;line-height:var(--otp-box);letter-spacing:calc(var(--otp-box) + var(--otp-gap) - var(--otp-glyph));padding-left:calc((var(--otp-box) - var(--otp-glyph)) / 2);caret-color:#00c805}html:not(.dark) .l8-code{caret-color:#067a2c}.l8-code::selection{background:rgba(0,200,5,.25)}.l8-code:focus-visible{outline:none}.l8-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.l8-otp{display:flex;flex-direction:column;gap:12px;padding:14px;border-radius:14px;background:rgba(0,200,5,.08)}html:not(.dark) .l8-otp{background:#EAF6EC}.l8-otp-sent{margin:0;font-size:16px;line-height:24px;color:rgba(255,255,255,.78);text-wrap:pretty}html:not(.dark) .l8-otp-sent{color:rgba(11,20,16,.78)}.l8-otp-sent b{font-weight:700;color:#fff;overflow-wrap:anywhere}html:not(.dark) .l8-otp-sent b{color:#0b1410}.l8-otp .l8-code-block{gap:0}.l8-otp .l8-code-wrap{--otp-box:46px;--otp-box-h:64px;--otp-gap:6px;--otp-pad:6px;height:calc(var(--otp-box-h) + var(--otp-pad) * 2);padding:0;border-radius:14px;background:rgba(0,200,5,.14)}html:not(.dark) .l8-otp .l8-code-wrap{background:#CFEBD5}.l8-otp .l8-code-boxes{inset:var(--otp-pad);grid-template-columns:repeat(6,var(--otp-box))}.l8-otp .l8-code-box{border-radius:10px;background:#15181c;border:1px solid rgba(255,255,255,.12)}html:not(.dark) .l8-otp .l8-code-box{background:#fff;border-color:rgba(11,20,16,.12)}.l8-otp .l8-code-box[data-filled=true]{border-color:rgba(0,200,5,.55)}.l8-otp .l8-code-box[data-active=true],html:not(.dark) .l8-otp .l8-code-box[data-active=true]{border:2px solid #00c805;box-shadow:none}html:not(.dark) .l8-otp .l8-code-box[data-active=true]{border-color:#067a2c}.l8-otp .l8-code,.l8-otp .l8-code:focus-visible{outline:none;inset:var(--otp-pad);width:auto;height:auto;font-size:24px;line-height:var(--otp-box-h);padding-left:calc((var(--otp-box) - var(--otp-glyph) * 1.1) / 2);letter-spacing:calc(var(--otp-box) + var(--otp-gap) - var(--otp-glyph) * 1.1)}@media (max-width:480px){.l8-otp .l8-code-wrap{--otp-box:44px;--otp-gap:5px}}@media (max-width:360px){.l8-otp .l8-code-wrap{--otp-box:36px;--otp-gap:4px;--otp-box-h:56px}.l8-otp .l8-code{font-size:22px}}.l8-otp-error{margin:0;font-size:14px;line-height:20px;font-weight:600;color:#ff8f7a}html:not(.dark) .l8-otp-error{color:#b42318}.l8-otp-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.l8-otp .l8-otp-verify{width:auto;min-width:132px;padding:0 24px;min-height:48px}.l8-otp .l8-otp-verify:disabled{opacity:.5;cursor:default;box-shadow:none}.l8-otp-again{font-size:16px;font-weight:600;color:rgba(255,255,255,.64)}html:not(.dark) .l8-otp-again{color:rgba(11,20,16,.62)}.l8-otp .l8-link.l8-otp-again{color:#00c805;font-size:16px}html:not(.dark) .l8-otp .l8-link.l8-otp-again{color:#067a2c}