.px-form-field{background:var(--form-bg);color:var(--form-color);font-size:var(--form-font-size);font-family:var(--form-font);width:100%;height:var(--form-field-height);display:block;padding:0 5px;margin:0!important;-webkit-appearance:none!important;-webkit-border-radius:var(--form-radius)!important;border-radius:var(--form-radius)!important;border:var(--form-border-width) solid var(--form-border-color);transition:var(--px-transition);box-shadow:0 1px 2px rgba(10,13,18,.05)}textarea.px-form-field{height:var(--form-field-size);padding:15px var(--form-field-padding-h);resize:vertical;transition:border-color .3s,background-color .3s,color .3s}textarea.px-form-field.large{--form-field-size:200px}textarea.px-form-field.medium{--form-field-size:150px}textarea.px-form-field.small{--form-field-size:100px}.px-form-field:not([readonly]):hover,.px-form-field:not([readonly]):focus{--form-placeholder-color:var(--form-placeholder-hover);--form-border-color:var(--form-border-color-hover);background:var(--form-bg-hover);color:var(--form-color-hover)}.px-form-field:not([readonly]):focus-visible{box-shadow:0 0 0 2px var(--form-border-color-hover);border-color:var(--form-border-color-hover);transition:none}.px-form-field[aria-invalid="true"],.px-form-field[aria-invalid="true"]:hover{--form-border-color:var(--form-color-error);box-shadow:0 0 0 2px var(--form-color-error)}.px-form-field[readonly]{--form-bg:rgba(0, 0, 0, .03);--form-border-color:rgba(0, 0, 0, .03)}input.px-form-field[type="file"]{display:flex;align-items:center;padding-top:calc((var(--form-field-height) - 32px) * 0.5);cursor:pointer}input.px-form-field[type="file" i]::-webkit-file-upload-button{background:#eee;padding:5px 8px;border-radius:3px;height:30px;border:none;cursor:pointer;transition:var(--px-transition);font-family:var(--px-font-primary)}input.px-form-field[type="file" i]::-webkit-file-upload-button:hover{background:var(--px-color-primary);color:var(--px-color-on-primary)}.px-form-field::-webkit-input-placeholder{font-family:inherit;font-weight:inherit;font-size:inherit;color:var(--form-placeholder-color)}.px-form-field::-moz-placeholder{font-family:inherit;font-weight:inherit;font-size:inherit;color:var(--form-placeholder-color)}.px-form-field:-ms-input-placeholder{font-family:inherit;font-weight:inherit;font-size:inherit;color:var(--form-placeholder-color)}.px-form-field:-moz-placeholder{font-family:inherit;font-weight:inherit;font-size:inherit;color:var(--form-placeholder-color)}.px-form-field--label{display:block;color:var(--px-color-text);margin-bottom:6px}