.otp-container{display:flex;flex-direction:column;gap:16px;justify-content:center;text-align:center}.otp-container .error-text{color:red}.otp-container .input-section{display:flex;gap:6px;justify-content:center}@media only screen and (min-width:360px){.otp-container .input-section{gap:12px}}.otp-container .input-section.error .otp-input{border-color:red;color:red}.otp-container .otp-input{background-color:transparent;background-color:#00000080;border:1px solid hsla(0,0%,100%,.251);border-radius:8px;caret-color:var(--primary-button-color-1);color:var(--primary-text-color);font-size:16px;height:48px;text-align:center;width:34px}.otp-container .otp-input:focus{border-color:var(--primary-text-color);outline:none}@media only screen and (min-width:320px){.otp-container .otp-input{height:40px;width:36px}}@media only screen and (min-width:550px){.otp-container .otp-input{font-size:16px;height:42px;width:38px}}