2 lines
10 KiB
CSS
2 lines
10 KiB
CSS
|
.otp-single-input{display:flex;align-items:center}.auth[data-v-cc0e2101]{background:#fff;min-height:100vh}.auth__body[data-v-cc0e2101]{padding-top:86px;padding-bottom:90px}.auth__intro[data-v-cc0e2101]{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:24px}.auth__mark[data-v-cc0e2101]{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;color:#7a1b33;background:#fbf2f4}.auth__title[data-v-cc0e2101]{margin:14px 0 0;font-size:16px;font-weight:800;color:#14161a}.auth__sub[data-v-cc0e2101]{margin:6px 0 0;font-size:12.5px;color:#8a909c}.auth__card[data-v-cc0e2101]{padding:18px 16px;border:1px solid #ECEDEF;border-radius:20px;background:#fafafa}.auth__otp[data-v-cc0e2101]{display:flex;justify-content:center;gap:10px;direction:ltr;padding-bottom:6px}.auth__timer[data-v-cc0e2101]{margin:12px 0 16px;text-align:center;font-size:11.5px;color:#5b616e}.auth__form[data-v-cc0e2101] .ant-form-item-label>label{font-size:12px;color:#5b616e}.auth__cta[data-v-cc0e2101]{width:100%;padding:13px 18px;border:0;cursor:pointer;border-radius:14px;font-family:inherit;font-size:13px;font-weight:700;color:#fff;background:#14161a;transition:transform .15s ease,opacity .15s ease}.auth__cta[data-v-cc0e2101]:active{transform:scale(.99)}.auth__cta[data-v-cc0e2101]:disabled{opacity:.45;cursor:default}.auth__switch[data-v-cc0e2101]{margin:20px 0 0;text-align:center;font-size:12px;color:#5b616e}.auth__switch button[data-v-cc0e2101]{border:0;background:none;cursor:pointer;padding:0 3px;font-family:inherit;font-size:12px;font-weight:700;color:#7a1b33}.otp-input{width:48px;height:52px;padding:5px;margin:0;font-size:19px;font-weight:700;color:#14161a;background:#fff;border:1px solid #ECEDEF;border-radius:13px;text-align:center;transition:border-color .18s ease}.otp-input:focus{outline:none;border-color:#14161a}.otp-input.error{border-color:#e31a1a!important}.otp-input::-webkit-inner-spin-button,.otp-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.reg[data-v-3d599d93]{min-height:100vh;background:#fff}.reg__body[data-v-3d599d93]{padding-top:78px;padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))}.reg__head[data-v-3d599d93]{padding:6px 2px 22px}.reg__steps[data-v-3d599d93]{display:grid;grid-template-columns:1fr 1fr;gap:6px}.reg__seg[data-v-3d599d93]{position:relative;height:4px;border-radius:4px;background:#ecedef;overflow:hidden}.reg__seg[data-v-3d599d93]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#7a1b33;transform:scaleX(0);transform-origin:right center;transition:transform .5s cubic-bezier(.65,0,.35,1)}.reg__seg.is-on[data-v-3d599d93]:after{transform:scaleX(1)}.reg__stepLabel[data-v-3d599d93]{margin:14px 0 0;font-size:11.5px;font-weight:700;color:#7a1b33}.reg__title[data-v-3d599d93]{margin:4px 0 0;font-size:20px;font-weight:800;color:#14161a;letter-spacing:-.2px}.reg__sub[data-v-3d599d93]{margin:6px 0 0;font-size:12.5px;line-height:1.8;color:#5b616e}.reg__row[data-v-3d599d93]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.reg__form[data-v-3d599d93] .ant-form-item{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:0;margin-bottom:16px}.reg__form[data-v-3d599d93] .ant-form-item-label,.reg__form[data-v-3d599d93] .ant-form-item-control{flex:none;width:100%;max-width:100%;min-width:0;text-align:right}.reg__form[data-v-3d599d93] .ant-form-item-label{padding:0 0 6px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reg__form[data-v-3d599d93] .ant-form-item-label>label{height:auto;font-size:12px;font-weight:700;color:#22262e}.reg__form[data-v-3d599d93] .ant-form-item-label>label:before{display:none!important}.reg__form[data-v-3d599d93] .ant-input,.reg__form[data-v-3d599d93] .ant-input-affix-wrapper{border-radius:14px;border:1.5px solid #ECEDEF;background:#fafafa;font-family:inherit;font-size:14px;color:#14161a;box-shadow:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.reg__form[data-v-3d599d93] .ant-input{min-height:50px;padding:12px 14px}
|