.otp.otp-responsive{--otp-size:52px;--otp-gap:10px;display:grid;grid-template-columns:repeat(var(--otp-length),minmax(0,1fr));grid-gap:var(--otp-gap);gap:var(--otp-gap);width:min(100%,calc(var(--otp-length) * var(--otp-size) + (var(--otp-length) - 1) * var(--otp-gap)));min-width:0}.otp-responsive .otp-cell{width:100%;min-width:0;padding:0}@media (max-width:520px){.otp.otp-responsive{--otp-size:44px;--otp-gap:8px}}@media (max-width:360px){.otp.otp-responsive{--otp-gap:4px}}