.card-field{border:0 solid #fff3;border-bottom-width:2px;transition:all .3s}.card-field:hover{border-color:#fff6}.card-field:focus,.card-field.card-field-focused{border-color:#ffffff80}.card-field.card-field-valid{border-width:1px;border-color:hsl(var(--success));box-shadow:0 0 0 2px hsl(var(--success)/.4);border-radius:.375rem;padding:.25rem .5rem}.card-field.card-field-error{border-width:1px;border-color:#f87171;border-radius:.375rem;padding:.25rem .5rem;box-shadow:0 0 0 2px #f8717166}