.otpg-overlay{--otpg-ink: #17140f;--otpg-ink-2: #2a241b;--otpg-muted: #6b655c;--otpg-line: #e4dfd5;--otpg-paper: #ffffff;--otpg-recess: #faf8f4;--otpg-brass: #a8823c;--otpg-brass-2: #d9c48f;--otpg-ok: #3f6b4a;--otpg-err: #9b2c2c;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:24px;background:#14110d9e;-webkit-backdrop-filter:blur(6px) saturate(115%);backdrop-filter:blur(6px) saturate(115%);opacity:0;transition:opacity .3s ease}.otpg-overlay.is-open{display:flex;opacity:1}.otpg-panel{position:relative;width:100%;max-width:400px;max-height:92vh;overflow-x:hidden;overflow-y:auto;padding:40px 34px 30px;text-align:center;font-family:inherit;color:var(--otpg-ink);background:var(--otpg-paper);border-radius:3px;box-shadow:0 1px #17140f0a,0 30px 70px -18px #17140f6b;transform:translateY(18px) scale(.985);opacity:0;transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .3s ease}.otpg-overlay.is-open .otpg-panel{transform:translateY(0) scale(1);opacity:1}.otpg-panel:before{content:"";position:absolute;top:0;inset-inline:0;height:2px;background:var(--otpg-line)}.otpg-panel:after{content:"";position:absolute;top:0;inset-inline-start:0;height:2px;width:34%;background:linear-gradient(90deg,var(--otpg-brass-2),var(--otpg-brass));transition:width .5s cubic-bezier(.16,1,.3,1)}.otpg-panel:has([data-step="2"].is-active):after{width:68%}.otpg-panel:has(.otpg-code-wrap.is-verifying):after{width:100%;background:linear-gradient(90deg,var(--otpg-brass),var(--otpg-ok))}.otpg-close{position:absolute;top:14px;inset-inline-end:14px;width:30px;height:30px;padding:0;font-size:19px;line-height:1;color:var(--otpg-muted);background:none;border:1px solid transparent;border-radius:50%;cursor:pointer;transition:color .2s ease,border-color .2s ease}.otpg-close:hover{color:var(--otpg-ink);border-color:var(--otpg-line)}.otpg-title{position:relative;margin:0 0 10px;padding-top:18px;font-size:21px;font-weight:600;letter-spacing:-.2px;line-height:1.45;color:var(--otpg-ink)}.otpg-title:before{content:"";position:absolute;top:0;inset-inline-start:50%;transform:translate(50%);width:26px;height:1px;background:var(--otpg-brass)}.otpg-sub{margin:0 0 26px;font-size:13px;line-height:1.85;color:var(--otpg-muted)}.otpg-sub b{display:inline-block;direction:ltr;unicode-bidi:embed;font-weight:600;color:var(--otpg-ink);border-bottom:1px solid var(--otpg-brass-2);padding-bottom:1px}.otpg-field{width:100%;padding:15px 16px;font-size:16px;font-family:inherit;color:var(--otpg-ink);background:var(--otpg-paper);border:1px solid var(--otpg-line);border-radius:2px;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none}.otpg-field::placeholder{color:#bdb7ad;letter-spacing:.5px}.otpg-field:focus{border-color:var(--otpg-brass);box-shadow:0 0 0 3px #a8823c1a}.otpg-code-wrap{position:relative;margin-bottom:2px}.otpg-code{width:100%;padding:20px 0 22px;font-size:30px;font-weight:500;letter-spacing:16px;text-indent:16px;text-align:center;direction:ltr;color:var(--otpg-ink);background:var(--otpg-recess);border:1px solid var(--otpg-line);border-radius:2px;outline:none;transition:border-color .25s ease,background .25s ease,color .25s ease,box-shadow .2s ease;-webkit-appearance:none;appearance:none}.otpg-code::placeholder{color:#ddd7cb;font-weight:300}.otpg-code:focus{border-color:var(--otpg-brass);background:var(--otpg-paper);box-shadow:0 0 0 3px #a8823c1a}.otpg-code-bar{display:none}.otpg-code-wrap.is-verifying .otpg-code{color:var(--otpg-ok);border-color:var(--otpg-ok);background:#f7faf7;box-shadow:none}.otpg-code-wrap.is-error .otpg-code{border-color:var(--otpg-err);animation:otpgNudge .4s cubic-bezier(.36,.07,.19,.97)}@keyframes otpgNudge{0%,to{transform:translate(0)}20%{transform:translate(-5px)}50%{transform:translate(4px)}80%{transform:translate(-2px)}}.otpg-btn{width:100%;margin-top:14px;padding:16px;font-size:14.5px;font-weight:600;font-family:inherit;letter-spacing:.2px;color:var(--otpg-paper);background:var(--otpg-ink);border:0;border-radius:2px;cursor:pointer;box-shadow:inset 0 -2px #a8823c00;transition:background .25s ease,box-shadow .25s ease}.otpg-btn:hover{background:var(--otpg-ink-2);box-shadow:inset 0 -2px 0 var(--otpg-brass)}.otpg-btn:active{background:var(--otpg-ink)}.otpg-btn[disabled]{background:#b6b0a6;box-shadow:none;cursor:not-allowed}.otpg-link{display:inline-block;padding:3px 1px;font-size:13px;font-weight:600;font-family:inherit;color:var(--otpg-ink);background:none;border:0;border-bottom:1px solid var(--otpg-brass);cursor:pointer;text-decoration:none;transition:color .2s ease,border-color .2s ease}.otpg-link:hover{color:var(--otpg-brass)}.otpg-link[disabled]{color:#b6b0a6;border-color:transparent;cursor:not-allowed}.otpg-meta{margin-top:18px;min-height:20px;font-size:12.5px;line-height:1.7;letter-spacing:.1px;color:var(--otpg-muted)}.otpg-msg{margin-top:14px;min-height:18px;font-size:13px;line-height:1.7}.otpg-msg.is-error{color:var(--otpg-err)}.otpg-msg.is-ok{color:var(--otpg-ok);font-weight:600}.otpg-status{display:none;align-items:center;justify-content:center;gap:9px;margin-top:16px;font-size:12.5px;font-weight:600;letter-spacing:.2px;color:var(--otpg-muted)}.otpg-status.is-on{display:flex}.otpg-spinner{flex:0 0 auto;width:13px;height:13px;border:1.5px solid rgba(168,130,60,.22);border-top-color:var(--otpg-brass);border-radius:50%;animation:otpgSpin .75s linear infinite}@keyframes otpgSpin{to{transform:rotate(360deg)}}.otpg-step{display:none}.otpg-step.is-active{display:block}.otpg-change{margin-top:22px;padding-top:18px;border-top:1px solid var(--otpg-line);font-size:12px;color:var(--otpg-muted)}.otpg-change button{padding:0;font-size:12px;font-weight:600;font-family:inherit;color:var(--otpg-ink);background:none;border:0;border-bottom:1px solid var(--otpg-brass);cursor:pointer;transition:color .2s ease}.otpg-change button:hover{color:var(--otpg-brass)}.otpg-overlay :focus-visible{outline:1px solid var(--otpg-brass);outline-offset:3px}@media(prefers-reduced-motion:reduce){.otpg-overlay,.otpg-panel,.otpg-panel:after,.otpg-btn,.otpg-code,.otpg-field{transition:none}.otpg-code-wrap.is-error .otpg-code{animation:none}.otpg-spinner{animation-duration:1.6s}}@media(max-width:520px){.otpg-overlay{align-items:flex-end;padding:0}.otpg-panel{max-width:none;max-height:90vh;padding:34px 22px 26px;border-radius:4px 4px 0 0;transform:translateY(100%);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .25s ease}.otpg-overlay.is-open .otpg-panel{transform:translateY(0)}.otpg-title{font-size:19px}.otpg-code{font-size:27px;letter-spacing:13px;text-indent:13px}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/otp-gate.css.map */