form.proteus-form{--pf-gap: 30px;--pf-loader-bg-1: #ebebeb;--pf-loader-bg-2: #8d9ea5;--pf-loader: #ebebeb;--pf-progress-bar: #ebebeb;--pf-progress-fill: #7777a8;--pf-progress-completed: #21b121;--pf-font-size: 16px;position:relative}form.proteus-form .form-loader,form.proteus-form .pf-field-loading{opacity:1;overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;z-index:999;transition:opacity .3s ease}form.proteus-form .form-loader.hidden,form.proteus-form .pf-field-loading.hidden{opacity:0;pointer-events:none}form.proteus-form .form-loader .loading,form.proteus-form .pf-field-loading .loading{background:linear-gradient(-90deg, var(--pf-loader-bg-1), var(--pf-loader-bg-2));background-size:200% 100%;animation:skeleton 5s ease infinite;height:100%}form.proteus-form .form-field:has(.form-loader),form.proteus-form .form-field:has(.pf-field-loading){position:relative}form.proteus-form .form-description>:first-child{margin-top:0}form.proteus-form .form-description>:last-child{margin-bottom:0}form.proteus-form .form-description+.form-fields{margin-top:3rem}form.proteus-form .form-fields .form-field[data-type=File] .file-container .progress-bar,form.proteus-form .form-fields .form-field-wrapper[data-type=File] .file-container .progress-bar{background:var(--pf-progress-bar);height:4px;flex:1;position:relative;width:100%}form.proteus-form .form-fields .form-field[data-type=File] .file-container .progress-bar .progress-fill,form.proteus-form .form-fields .form-field-wrapper[data-type=File] .file-container .progress-bar .progress-fill{animation:all .3s ease;background:var(--pf-progress-fill);height:100%;position:absolute;top:0;left:0;width:0}form.proteus-form .form-fields .form-field[data-type=File] .file-container button.remove-file,form.proteus-form .form-fields .form-field-wrapper[data-type=File] .file-container button.remove-file{border:0;font-size:var(--pf-font-size);padding:0}form.proteus-form .form-fields .form-field[data-type=File] .file-container.completed .progress-bar .progress-fill,form.proteus-form .form-fields .form-field-wrapper[data-type=File] .file-container.completed .progress-bar .progress-fill{background:var(--pf-progress-completed)}form.proteus-form .form-fields .form-field+.form-field,form.proteus-form .form-fields .form-field+.form-field-wrapper,form.proteus-form .form-fields .form-field-wrapper+.form-field,form.proteus-form .form-fields .form-field-wrapper+.form-field-wrapper{margin-top:3rem}form.proteus-form .form-fields+.form-actions{margin-top:3rem}@keyframes skeleton{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes loadingEl1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes loadingEl3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes loadingEl2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}/*# sourceMappingURL=proteus-forms.css.map */