.text-field[data-v-b63b3cf3]{display:inline-block;position:relative}.text-field.has-error .text-field__border[data-v-b63b3cf3]{background-color:#f333}.text-field.has-error .text-field__border[data-v-b63b3cf3]:before{background-color:#f33}.text-field__input[data-v-b63b3cf3]{background:none;border:none;color:#fff;color-scheme:dark;font-family:RoobertMono;font-size:1rem;font-style:normal;font-weight:500;height:auto;line-height:1;outline:none;padding:16px 0;width:100%}.text-field__input.textarea[data-v-b63b3cf3]{height:auto;padding:16px 0;resize:vertical}.text-field__input[data-v-b63b3cf3]::-moz-placeholder{color:#fff;opacity:.4;text-transform:uppercase;-moz-transition:opacity .5s ease;transition:opacity .5s ease}.text-field__input[data-v-b63b3cf3]::placeholder{color:#fff;opacity:.4;text-transform:uppercase;transition:opacity .5s ease}.text-field__input[data-v-b63b3cf3]:focus::-moz-placeholder{opacity:.8}.text-field__input[data-v-b63b3cf3]:focus::placeholder{opacity:.8}.text-field__input:not(:-moz-placeholder)+.text-field__border[data-v-b63b3cf3]:before{transform:scaleX(1)}.text-field__input:not(:placeholder-shown)+.text-field__border[data-v-b63b3cf3]:before{transform:scaleX(1)}.text-field__border[data-v-b63b3cf3]{background-color:#fff3;height:1px;position:relative;width:100%}.text-field__border[data-v-b63b3cf3]:before{background-color:#fff;content:"";display:block;height:100%;inset:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.76,0,.24,1);width:100%}.text-field .text-field__input:focus+.text-field__border[data-v-b63b3cf3]:before{transform:scaleX(1)}.text-field__error[data-v-b63b3cf3]{color:#ff4b4b;display:block;left:0;letter-spacing:normal;padding-left:18px;position:absolute;top:calc(100% + 4px)}.text-field__error[data-v-b63b3cf3]:before{background-color:#c23231;border-radius:50%;content:"";display:block;height:6px;left:0;margin-right:12px;position:absolute;top:.5em;width:6px}