.input-box[data-v-aeb84118]{width:100%;height:56px;margin-bottom:23px;position:relative}.input-box input[data-v-aeb84118]{background-color:#0000;border:none;outline:none;padding-top:20px;position:relative}.input-box input[data-v-aeb84118],.input-box label[data-v-aeb84118]{width:100%;height:100%;font-size:16px}.input-box label[data-v-aeb84118]{color:silver;pointer-events:none;border-bottom:2px solid silver;transition:all .3s;position:absolute;bottom:0;left:0}.input-box label[data-v-aeb84118]:after{content:"";border-bottom:2px solid var(--color-primary);width:100%;height:100%;transition:transform .3s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.label-name[data-v-aeb84118]{transition:all .3s;position:absolute;bottom:5px;left:0}.input-box input.active+label .label-name[data-v-aeb84118],.input-box input:focus+label .label-name[data-v-aeb84118],.input-box input:valid+label .label-name[data-v-aeb84118]{color:var(--color-primary);font-size:14px;transform:translateY(-150%)}.input-box input.active+label[data-v-aeb84118]:after,.input-box input:focus+label[data-v-aeb84118]:after,.input-box input:valid+label[data-v-aeb84118]:after{transform:scaleX(1)}.input-box--border[data-v-aeb84118]{position:relative}.input-box--border label[data-v-aeb84118]{color:var(--color-grey);background-color:#fff;transition:top .2s,font-size .2s;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.input-box--border input[data-v-aeb84118]{border:1px solid var(--color-grey);background-color:#0000;border-radius:5px;outline:none;width:100%;padding:16px 13px;font-size:18px}.input-box--border input[data-v-aeb84118]:focus,.input-box--border input[data-v-aeb84118]:valid{border:2px solid var(--color-primary)}.input-box--border input:focus+label[data-v-aeb84118],.input-box--border input:valid+label[data-v-aeb84118]{color:var(--color-primary);padding:0 3px;font-size:14px;top:0}.error-feedback[data-v-aeb84118]{color:var(--color-red);font-size:14px}