.otp-dialog .title-wrapper{flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1.125rem;font-weight:700;display:flex}.otp-dialog .title-wrapper .icon{color:var(--notice-color)}.otp-dialog .title-wrapper .icon svg{font-size:2rem}.otp-dialog .content-wrapper{flex-direction:column;align-items:center;padding:0;display:flex}.otp-dialog .content-wrapper .description{text-align:center;white-space:break-spaces;margin-bottom:.5rem;padding:.5rem 2rem;font-size:1rem}.otp-dialog .content-wrapper .otp-input-wrapper{gap:.5rem;margin-top:.5rem;margin-bottom:1.5rem;display:flex}.otp-dialog .content-wrapper .otp-input-wrapper .otp-input{text-align:center;border:1px solid var(--gray-alpha-300);background-color:var(--gray-alpha-100);border-radius:.5rem;width:3rem;height:3.5rem;font-size:2rem;font-weight:900}.otp-dialog .content-wrapper .otp-input-wrapper .otp-input.filled{border-color:var(--notice-color);background-color:var(--background)}.otp-dialog .content-wrapper .action-btn-group{width:100%;display:flex}.otp-dialog .content-wrapper .action-btn-group .action-btn{color:var(--notice-color);opacity:.75;border-top:1px solid var(--gray-alpha-300);border-radius:0;justify-content:center;align-items:center;width:100%;height:3.25rem;padding:.75rem;font-size:1.125rem;transition:opacity .2s,background-color .2s;display:flex}.otp-dialog .content-wrapper .action-btn-group .action-btn:first-child{border-right:1px solid var(--gray-alpha-300)}@media (hover:hover) and (pointer:fine){.otp-dialog .content-wrapper .action-btn-group .action-btn:hover{background-color:var(--gray-alpha-100);opacity:1}}