body #otp-overlay{--cd-otp-predawn: #212b2a;--cd-otp-first-light: #f4f1ea;--cd-otp-haze: #d9d4cb;--cd-otp-cool-touch: #bfd9d6;--cd-otp-card: #fcfbf8;--cd-otp-muted: #5e6663;--cd-otp-error: #9c3028;align-items:center!important;justify-content:center!important;padding:16px!important;background:#212b2ab8!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;color:var(--cd-otp-predawn)!important;font-family:S\f6hne,system-ui,-apple-system,Segoe UI,sans-serif!important}body #otp-overlay,body #otp-overlay *,body #otp-overlay *:before,body #otp-overlay *:after{box-sizing:border-box}body #otp-overlay :is(button,input){font:inherit!important}body #otp-overlay .otp-box{width:min(500px,calc(100vw - 32px))!important;max-width:500px!important;padding:32px!important;overflow:hidden!important;background:var(--cd-otp-first-light)!important;color:var(--cd-otp-predawn)!important;border:1px solid rgba(244,241,234,.28)!important;border-radius:20px!important;box-shadow:0 24px 64px -28px #212b2ab8!important;text-align:left!important}body #otp-overlay .close-icon{top:14px!important;right:14px!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;color:var(--cd-otp-predawn)!important;border-radius:12px!important;font-size:28px!important;line-height:1!important;transition:background-color .18s ease,transform .18s ease!important}body #otp-overlay .close-icon:hover{background:var(--cd-otp-haze)!important}body #otp-overlay .close-icon:active{transform:translateY(1px)}body #otp-overlay .otp-title{margin:0 52px 6px 0!important;color:var(--cd-otp-predawn)!important;font-size:clamp(24px,3vw,28px)!important;font-weight:500!important;line-height:1.15!important;letter-spacing:-.02em!important}body #otp-overlay .otp-subtitle{margin:0 0 24px!important;color:var(--cd-otp-muted)!important;font-size:15px!important;font-weight:400!important;line-height:1.5!important}body #otp-overlay :is(#step-phone,#step-code){width:100%!important}body #otp-overlay .otp-phone-wrap{width:100%!important;height:56px!important;display:flex!important;align-items:stretch!important;margin:0 0 14px!important;overflow:hidden!important;background:var(--cd-otp-card)!important;border:1px solid var(--cd-otp-haze)!important;border-radius:14px!important;box-shadow:none!important;transition:border-color .18s ease,box-shadow .18s ease!important}body #otp-overlay .otp-phone-wrap:focus-within{border-color:var(--cd-otp-predawn)!important;box-shadow:0 0 0 3px #bfd9d6b8!important}body #otp-overlay .otp-prefix{flex:0 0 auto!important;min-width:112px!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;padding:0 14px!important;background:transparent!important;color:var(--cd-otp-predawn)!important;border-right:1px solid var(--cd-otp-haze)!important}body #otp-overlay .otp-flag-svg{flex:0 0 auto;width:26px!important;height:16px!important}body #otp-overlay .otp-prefix-code{color:var(--cd-otp-predawn)!important;font-size:15px!important;font-weight:500!important;letter-spacing:0!important}body #otp-overlay :is(.otp-phone-input,.otp-code-input){width:100%!important;min-width:0!important;height:54px!important;margin:0!important;padding:0 16px!important;background:var(--cd-otp-card)!important;color:var(--cd-otp-predawn)!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important}body #otp-overlay .otp-code-input{margin:0 0 14px!important;border:1px solid var(--cd-otp-haze)!important;border-radius:14px!important;transition:border-color .18s ease,box-shadow .18s ease!important}body #otp-overlay .otp-code-input:focus{border-color:var(--cd-otp-predawn)!important;box-shadow:0 0 0 3px #bfd9d6b8!important}body #otp-overlay :is(.otp-phone-input,.otp-code-input)::placeholder{color:var(--cd-otp-muted)!important;opacity:.72!important}body #otp-overlay .otp-phone-input:focus,body #otp-overlay .otp-phone-input:focus-visible{outline:0!important;box-shadow:none!important}body #otp-overlay .otp-btn{width:100%!important;min-height:52px!important;margin:0!important;padding:12px 20px!important;background-color:var(--cd-otp-predawn)!important;color:var(--cd-otp-first-light)!important;border:1px solid var(--cd-otp-predawn)!important;border-radius:14px!important;box-shadow:none!important;font-size:15px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:.01em!important;cursor:pointer!important;transition:background-color .18s ease,transform .18s ease!important}body #otp-overlay .otp-btn:hover:not(:disabled){background-color:#2e3a38!important}body #otp-overlay .otp-btn:active:not(:disabled){transform:translateY(1px)}body #otp-overlay .otp-btn:disabled{background-color:var(--cd-otp-haze)!important;color:var(--cd-otp-predawn)!important;border-color:var(--cd-otp-haze)!important;cursor:wait!important;opacity:.72!important}body #otp-overlay :is(.otp-btn,.close-icon):focus-visible{outline:2px solid var(--cd-otp-predawn)!important;outline-offset:3px!important}body #otp-overlay #otp-error{margin:12px 0 0!important;color:var(--cd-otp-error)!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important;text-align:left!important}body #otp-overlay #otp-error:empty{display:none!important}body #otp-overlay #otp-error:not(:empty){display:block!important}body #otp-toast-container{font-family:S\f6hne,system-ui,-apple-system,Segoe UI,sans-serif!important}body #otp-toast-container .otp-toast{padding:12px 16px!important;background:var(--cd-otp-first-light, #f4f1ea)!important;color:var(--cd-otp-predawn, #212b2a)!important;border:1px solid var(--cd-otp-haze, #d9d4cb)!important;border-radius:12px!important;box-shadow:0 16px 34px -22px #212b2aa6!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important}body #otp-toast-container .otp-toast-success{border-color:var(--cd-otp-cool-touch, #bfd9d6)!important}body #otp-toast-container .otp-toast-error{border-color:var(--cd-otp-error, #9c3028)!important}@media(max-width:600px){body #otp-overlay{align-items:flex-end!important;padding:0!important}body #otp-overlay .otp-box{width:100%!important;max-width:none!important;padding:28px 20px max(24px,env(safe-area-inset-bottom))!important;border-right:0!important;border-bottom:0!important;border-left:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -18px 44px -28px #212b2a94!important}body #otp-overlay .otp-title{font-size:24px!important}}body #otp-overlay[data-cd-esolver-shell=true] .otp-box{height:min(820px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;display:grid!important;grid-template-rows:64px 36px minmax(0,1fr) auto!important;padding:0!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-header{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:8px!important;padding:0 18px!important;background:var(--cd-otp-first-light)!important;border-bottom:1px solid var(--cd-otp-haze)!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-header__brand{color:var(--cd-otp-predawn)!important;font-size:16px!important;font-weight:500!important;line-height:1!important;letter-spacing:0!important;text-align:center!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-header__balance{width:44px!important;height:44px!important}body #otp-overlay[data-cd-esolver-shell=true] .close-icon{position:static!important;color:transparent!important;font-size:0!important}body #otp-overlay[data-cd-esolver-shell=true] .close-icon:before{content:"\2190";color:var(--cd-otp-predawn)!important;font-family:S\f6hne,system-ui,sans-serif!important;font-size:26px!important;font-weight:400!important;line-height:1!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-notice{display:grid!important;place-items:center!important;padding:0 16px!important;overflow:hidden!important;background:var(--cd-otp-predawn)!important;color:var(--cd-otp-first-light)!important;font-size:12px!important;font-weight:400!important;line-height:1.25!important;letter-spacing:.01em!important;text-align:center!important;white-space:nowrap!important;text-overflow:ellipsis!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-main{min-height:0!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:20px 16px 18px!important;overflow-y:auto!important;background:var(--cd-otp-first-light)!important;scrollbar-color:var(--cd-otp-haze) transparent}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-heading{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;padding-top:6px!important;text-align:center!important}body #otp-overlay[data-cd-esolver-shell=true] .otp-title{margin:0!important;color:var(--cd-otp-predawn)!important;font-size:19px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:0!important;text-align:center!important}body #otp-overlay[data-cd-esolver-shell=true] .otp-subtitle{margin:0!important;color:var(--cd-otp-muted)!important;font-size:13px!important;font-weight:400!important;line-height:1.45!important;text-align:center!important}body #otp-overlay[data-cd-esolver-shell=true] .otp-phone-wrap{height:54px!important;margin:0 0 12px!important}body #otp-overlay[data-cd-esolver-shell=true] .otp-prefix{min-width:108px!important;height:52px!important}body #otp-overlay[data-cd-esolver-shell=true] :is(.otp-phone-input,.otp-code-input){height:52px!important}body #otp-overlay[data-cd-esolver-shell=true] .otp-btn{font-size:14px!important}body #otp-overlay[data-cd-esolver-shell=true] #otp-error{margin-top:-6px!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-trust{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;padding:13px 18px max(14px,env(safe-area-inset-bottom))!important;background:var(--cd-otp-first-light)!important;border-top:1px solid var(--cd-otp-haze)!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-trust__item{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;color:var(--cd-otp-predawn)!important;text-align:center!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-trust__icon{width:26px!important;height:26px!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;background:var(--cd-otp-cool-touch)!important;color:var(--cd-otp-predawn)!important;border-radius:999px!important;font-size:14px!important;font-weight:500!important;line-height:1!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-trust__label{color:var(--cd-otp-predawn)!important;font-size:9.5px!important;font-weight:500!important;line-height:1.25!important}@media(max-width:600px){body #otp-overlay[data-cd-esolver-shell=true]{align-items:stretch!important;padding:0!important}body #otp-overlay[data-cd-esolver-shell=true] .otp-box{height:100dvh!important;max-height:100dvh!important;border:0!important;border-radius:0!important;box-shadow:none!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-main{padding-inline:14px!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-notice{font-size:11px!important}}@media(max-height:650px){body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-main{gap:12px!important;padding-block:14px!important}body #otp-overlay[data-cd-esolver-shell=true] .cd-esolver-trust{padding-block:10px!important}}@media(prefers-reduced-motion:reduce){body #otp-overlay *,body #otp-overlay *:before,body #otp-overlay *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/cd-esolver-otp.css.map */