.container[data-v-2a30da64]{margin:2em 0;position:relative;width:300px}.container input[data-v-2a30da64]{background-color:#fff;border:none;border-radius:5px;box-shadow:0 4px 8px #0000001a;font-size:16px;padding:10px;transition:box-shadow .3s ease,padding .3s ease;width:100%}.container input[data-v-2a30da64]:focus{box-shadow:0 0 5px #4a90e280;outline:none;padding-top:12px}.container input:focus+label[data-v-2a30da64],.container input:valid+label[data-v-2a30da64]{color:#4a90e2;font-size:22px;left:0;top:-15px;transform:translateY(-50%) scale(.8)}.container .border[data-v-2a30da64]{bottom:0;height:4px;left:0;transform:scaleX(0);width:100%}.container .border[data-v-2a30da64],.container .border[data-v-2a30da64]:after,.container .border[data-v-2a30da64]:before{background-color:#4a90e2;position:absolute;transition:transform .3s ease}.container .border[data-v-2a30da64]:after,.container .border[data-v-2a30da64]:before{border-radius:50%;content:"";height:20px;width:20px}.container .border[data-v-2a30da64]:before{left:-10px;transform:translate(-50%) scale(0)}.container .border[data-v-2a30da64]:after{right:-10px;transform:translate(50%) scale(0)}.container input:focus~.border[data-v-2a30da64],.container input:valid~.border[data-v-2a30da64]{transform:scaleX(1)}.container input:focus~.border[data-v-2a30da64]:after,.container input:focus~.border[data-v-2a30da64]:before,.container input:valid~.border[data-v-2a30da64]:after,.container input:valid~.border[data-v-2a30da64]:before{transform:scale(1)}