.tfinput-wrapper{width:100%;height:auto;position:relative}.tfinput{width:100%;height:32px;padding:6px 8px;border:.6px solid #fff;border-radius:6px;color:var(--black-text);outline:none;box-shadow:none;font-size:14px;font-style:normal;font-weight:400;line-height:24px;color:#0a0a0a}.tferror{border:.6px solid #ff5252!important;color:#ff5252!important}.tfinput:hover{background:#f6f7f7}.tfinput::-moz-placeholder{color:#70757a;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.tfinput::placeholder{color:#70757a;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.tfinput:focus{filter:drop-shadow(0 2px 2px rgba(131,97,254,.12)) drop-shadow(0 -2px 2px rgba(131,97,254,.12)) drop-shadow(-2px 0 2px rgba(131,97,254,.12)) drop-shadow(2px 0 2px rgba(131,97,254,.12));border:.6px solid #7367f0}.input{border:1px solid var(--outline-color);border-radius:12px;height:48px;width:100%;color:#33393d;padding-left:12px;box-shadow:none;cursor:text;font-size:14px;font-style:normal;font-weight:400;line-height:24px;color:#0a0a0a}.input:focus{border:1px solid var(--primary-color)}.tflabel{color:var(--dark-grey);font-size:14px;font-style:normal;font-weight:400;line-height:20px;padding:14px;position:absolute;top:0;left:0;transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;pointer-events:none}.tfpassIcon{position:absolute;top:18px;right:18px;cursor:pointer}.input:focus+.tflabel,.input:valid+.tflabel{font-size:10px;top:-5px;left:10px;background:#fff;padding:0 5px}.otpContainer{display:flex;justify-content:space-between}.otpInput{border:none;outline:none;width:56px;height:56px;border-radius:12px;background-color:#8361fe0f;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#33393d;text-align:center}.otpError{background:#fbe5e6;color:#de1c22}.otpInput:focus{border:2px solid #8361fe}.button-icon{width:18px;height:18px}.button-icon,.primary-btn{display:flex;justify-content:center;align-items:center}.primary-btn{margin:0;padding:8px 24px;gap:8px;border-radius:6px;background:var(--mob-primary-colour,#8361fe);border:none;height:44px;color:#fbfbfb;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.primary-btn:hover{background:linear-gradient(97deg,#613af3 1.63%,#7551f6 42.35%,#a790fe 95.2%);box-shadow:0 4px 12px 0 rgba(88,82,246,.45)}.primary-btn:disabled{background:rgba(29,27,32,.12);border:none;color:#a9a8aa;box-shadow:none}.secondary-btn{display:inline-flex;padding:8px 24px;align-items:center;justify-content:center;gap:8px;border-radius:6px;border:1px solid #8361fe;background:#fff;color:#8361fe;font-size:16px;font-style:normal;font-weight:500;line-height:24px;height:44px}.secondary-btn:hover{box-shadow:0 4px 12px 0 rgba(88,82,246,.45)}.secondary-btn:disabled{border:1px solid rgba(27,27,32,.12);background:#fff;color:#a9a8aa;box-shadow:none}