.vinput[data-v-0878a82b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .3s;transition:all .3s;border:1px solid var(--border-color7);gap:.5em}.vinput[data-v-0878a82b]:hover{border-color:var(--primary-color)}.vinput>.input[data-v-0878a82b]{position:relative;width:100%;height:100%}.vinput>.input>input[data-v-0878a82b]{width:100%;height:100%;border:none;outline:none;background-color:transparent;color:inherit;font-size:inherit}.vinput>.input>input[data-v-0878a82b]:placeholder-shown::-webkit-input-placeholder{color:transparent}.vinput>.input>input[data-v-0878a82b]:placeholder-shown::-moz-placeholder{color:transparent}.vinput>.input>input[data-v-0878a82b]:placeholder-shown:-ms-input-placeholder{color:transparent}.vinput>.input>input[data-v-0878a82b]:placeholder-shown::-ms-input-placeholder{color:transparent}.vinput>.input>input[data-v-0878a82b]:-moz-placeholder::placeholder{color:transparent}.vinput>.input>input[data-v-0878a82b]:-ms-input-placeholder::placeholder{color:transparent}.vinput>.input>input[data-v-0878a82b]:placeholder-shown::placeholder{color:transparent}.vinput>.input>label[data-v-0878a82b]{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s;transition:all .2s;color:var(--text-color1);pointer-events:none}.vinput>.input input:focus~label[data-v-0878a82b],.vinput>.input label.active[data-v-0878a82b]{top:0;padding:.25em;border-radius:.2em;background-color:var(--primary-color);color:#fff;font-size:small}.vinput[data-v-0878a82b]:has(.input>input:focus){border-color:var(--primary-color)}