formatic 0.2.4 → 0.2.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 997cd7cec3d24e119ab4efa2338da4c24af6cc10a0af49ba868368cb451bb270
-  data.tar.gz: 7b92e274989248ab7bd9ab9987424859068cc75bbfdb377f9ce18ef31f858102
+  metadata.gz: 69f8df151ce2fd36acfccacbbf7773a1647a98c2bc82c15ced8982885a8b3d27
+  data.tar.gz: c169c86cc69ce62d5958ea46c9cf08cbe2b42677f6442873363b937345b861ac
 SHA512:
-  metadata.gz: 4206b2d92050be2c8acca35c6fd60ce6ead28ed816683b7bbe41b6ad22b9a5842610cc5a93d6aceb17766dea1edf147d1ae29508e43163d308220c125b93fce0
-  data.tar.gz: 8b4bf4386ec76f1770548d38c8d9d6d80052a77a19b70639d0b7ce137de613f199ab621fdcd5ecab47e478a60306d8f7205d3c39a00a37effeb1713a11ce1b03
+  metadata.gz: 2ed35782cde2bb57838ed462a8d0283670b3c1b501b05c8456d027d9443887f164c3e0b04dd267dc3b6704004b4f90f2296dd4ff46b8ecfffb7bad141dd1c82a
+  data.tar.gz: 55465186dd6bd661426daf6f3b6e8ae03e8b463b89b930e1a200ea81ac405bacbc3aa687a8387f275bc79452ed832080118bd1728635a2afac88eca390fa9408

data/CHANGELOG.md

@@ -1,5 +1,9 @@
 ## [Unreleased]
 
+## [0.2.5] - 2026-02-04
+
+- Add accept mime for files
+
 ## [0.1.2] - 2025-03-23
 
 - Add experimental dark theme (in particular for <textarea>)

data/app/assets/javascript/declarations/file.d.ts

@@ -3,8 +3,10 @@ export declare class FormaticFile {
     private url;
     private pond;
     private busyStatuses;
+    private inputID;
     constructor(el: HTMLElement);
     private setupBindings;
+    private updateLabelId;
     private updateSubmit;
     private enableSubmit;
     private disableSubmit;

data/app/assets/javascript/declarations/setup.d.ts

@@ -1,3 +1 @@
-export declare namespace Formatic {
-    function setup(): void;
-}
+export {};

data/app/assets/javascript/formatic/file.js

@@ -7,8 +7,10 @@ export class FormaticFile {
             FilePond.FileStatus.PROCESSING_QUEUED,
             FilePond.FileStatus.PROCESSING,
         ]);
+        this.inputID = null;
         this.el = el;
         this.url = this.input.dataset.directUploadUrl;
+        this.inputID = this.input.id;
         this.setupBindings();
     }
     setupBindings() {
@@ -53,8 +55,23 @@ export class FormaticFile {
                     'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]')?.content
                 }
             },
+            oninit: () => this.updateLabelId(),
         });
     }
+    updateLabelId() {
+        if (!this.inputID)
+            return;
+        const labels = this.form.querySelectorAll(`label[for="${this.inputID}"]`);
+        if (labels.length === 0)
+            return;
+        const pondInput = this.input.querySelector('input[type="file"]');
+        if (!pondInput)
+            return;
+        const pondInputId = pondInput.id;
+        if (!pondInputId)
+            return;
+        labels.forEach(label => label.setAttribute('for', pondInputId));
+    }
     updateSubmit() {
         const files = this.pond.getFiles();
         const busyFiles = files.some(f => this.busyStatuses.has(f.status));

data/app/assets/javascript/formatic/file.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.js","sourceRoot":"","sources":["../src/file.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"file.js","sourceRoot":"","sources":["../src/file.ts"],"names":[],"mappings":"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"}

data/app/assets/javascript/formatic/setup.js

@@ -1,42 +1,44 @@
-import { Date } from 'formatic/date';
-import { Select } from 'formatic/select';
-import { Stepper } from 'formatic/stepper';
-import { String } from 'formatic/string';
-import { Textarea } from 'formatic/textarea';
-import { Toggle } from 'formatic/toggle';
-import { FormaticFile } from 'formatic/file';
-export var Formatic;
-(function (Formatic) {
-    function setup() {
-        document.querySelectorAll('.js-formatic-file').forEach((el) => {
-            console.debug('[Formatic] Instantiating File...');
-            new FormaticFile(el);
-        });
-        document.querySelectorAll('.js-formatic-date').forEach((el) => {
-            console.debug('[Formatic] Instantiating Date...');
-            new Date(el);
-        });
-        document.querySelectorAll('.js-formatic-select').forEach((el) => {
-            console.debug('[Formatic] Instantiating Select...');
-            new Select(el);
-        });
-        document.querySelectorAll('.js-formatic-stepper').forEach((el) => {
-            console.debug('[Formatic] Instantiating Stepper...');
-            new Stepper(el);
-        });
-        document.querySelectorAll('.js-formatic-string').forEach((el) => {
-            console.debug('[Formatic] Instantiating String...');
-            new String(el);
-        });
-        document.querySelectorAll('.js-formatic-textarea').forEach((el) => {
-            console.debug('[Formatic] Instantiating Textarea...');
-            new Textarea(el);
-        });
-        document.querySelectorAll('.js-formatic-toggle').forEach((el) => {
-            console.debug('[Formatic] Instantiating Toggle...');
-            new Toggle(el);
-        });
-    }
-    Formatic.setup = setup;
-})(Formatic || (Formatic = {}));
-//# sourceMappingURL=setup.js.map
+import { Date } from 'formatic/date'
+import { Select } from 'formatic/select'
+import { Stepper } from 'formatic/stepper'
+import { String } from 'formatic/string'
+import { Textarea } from 'formatic/textarea'
+import { Toggle } from 'formatic/toggle'
+import { FormaticFile } from 'formatic/file'
+
+document.addEventListener('DOMContentLoaded', () => {
+  document.querySelectorAll('.js-formatic-file').forEach((el) => {
+    console.debug('[Formatic] Instantiating File...')
+    new FormaticFile(el)
+  })
+
+  document.querySelectorAll('.js-formatic-date').forEach((el) => {
+    console.debug('[Formatic] Instantiating Date...')
+    new Date(el)
+  })
+
+  document.querySelectorAll('.js-formatic-select').forEach((el) => {
+    console.debug('[Formatic] Instantiating Select...')
+    new Select(el)
+  })
+
+  document.querySelectorAll('.js-formatic-stepper').forEach((el) => {
+    console.debug('[Formatic] Instantiating Stepper...')
+    new Stepper(el)
+  })
+
+  document.querySelectorAll('.js-formatic-string').forEach((el) => {
+    console.debug('[Formatic] Instantiating String...')
+    new String(el)
+  })
+
+  document.querySelectorAll('.js-formatic-textarea').forEach((el) => {
+    console.debug('[Formatic] Instantiating Textarea...')
+    new Textarea(el)
+  })
+
+  document.querySelectorAll('.js-formatic-toggle').forEach((el) => {
+    console.debug('[Formatic] Instantiating Toggle...')
+    new Toggle(el)
+  })
+})

data/app/assets/javascript/src/file.ts

@@ -10,10 +10,12 @@ export class FormaticFile {
     FilePond.FileStatus.PROCESSING_QUEUED,
     FilePond.FileStatus.PROCESSING,
   ]);
+  private inputID: string | null = null;
 
   constructor(el: HTMLElement) {
     this.el = el
     this.url = this.input.dataset.directUploadUrl
+    this.inputID = this.input.id
     this.setupBindings()
   }
 
@@ -66,9 +68,28 @@ export class FormaticFile {
           'X-CSRF-Token': document.querySelector<HTMLMetaElement>('meta[name="csrf-token"]')?.content
         }
       },
+      oninit: () => this.updateLabelId(),
     })
   }
 
+  // FilePond replaces the <input id="X"> with <div id="X"><input id="something-new">
+  // But the <form> may have <label for="X"> so we need to update them.
+  // to become <label for="something-new">
+  private updateLabelId() {
+    if (!this.inputID) return
+
+    const labels = this.form.querySelectorAll(`label[for="${this.inputID}"]`)
+    if (labels.length === 0) return
+
+    const pondInput = this.input.querySelector('input[type="file"]')
+    if (!pondInput) return
+
+    const pondInputId = pondInput.id;
+    if (!pondInputId) return
+
+    labels.forEach(label => label.setAttribute('for', pondInputId))
+  }
+
   private updateSubmit() {
     const files = this.pond.getFiles()
     const busyFiles = files.some(f => this.busyStatuses.has(f.status))
@@ -88,7 +109,7 @@ export class FormaticFile {
   }
 
   private get input() {
-    return this.el.querySelector<HTMLLinkElement>('.js-formatic-file__input')
+    return this.el.querySelector<HTMLInputElement>('.js-formatic-file__input')
   }
 
   private get form() {

data/app/components/formatic/base.rb

@@ -3,6 +3,9 @@
 module Formatic
   # All inputs inherit from this class.
   class Base < ApplicationComponent
+    # You can render something within the wrapper, after the input.
+    renders_one :footer
+
     # Rails form builder. Usually with a model as `f.object`.
     option :f
 
@@ -17,6 +20,9 @@ module Formatic
     # If not passed in, it is derived from the form object.
     option :value, as: :manual_value, default: -> { :_fetch_from_record }
 
+    # Custom Data-attributes for the <input>
+    option :data, as: :manual_data, default: -> { {} }
+
     # CSS class(es) applied to the <input> element
     # and the wrapper <div> respectively.
     option :class, as: :manual_class, optional: true

data/app/components/formatic/checklist.rb

@@ -27,10 +27,10 @@ module Formatic
         <% wrap.with_input do %>
           <div class="c-formatic-checklist s-formatic">
 
-          <% f.collection_check_boxes(attribute_name, choices, :last, :first) do |builder| %>
+          <%= f.collection_check_boxes(attribute_name, choices, :last, :first) do |builder| %>
 
             <%= content_tag :div,
-                            builder.label { builder.check_box(class: manual_class) + content_tag(:i) + content_tag(:span, split_and_wrap(builder.object.first)) },
+                            builder.label { builder.check_box(class: manual_class, data:) + content_tag(:i) + content_tag(:span, split_and_wrap(builder.object.first)) },
                             class: 'c-formatic-toggle' %>
 
           <% end %>
@@ -52,6 +52,10 @@ module Formatic
       )
     end
 
+    def data
+      manual_data
+    end
+
     def split_and_wrap(string)
       parts = string.split('   ')
       return parts.first if parts.size == 1

data/app/components/formatic/file.rb

@@ -5,15 +5,21 @@ module Formatic
   class File < ::Formatic::Base
     option :direct_upload, default: -> { true }
     option :multiple, default: -> { false }
+    option :accept, default: -> {}
 
+    # TODO: Make the hidden_field (form validations) work with multiple: true
     erb_template <<~ERB
       <%= render wrapper do |wrap| %>
 
         <% wrap.with_input do %>
+
           <div class="c-formatic-file js-formatic-file">
-            <%= f.file_field attribute_name, class: "js-formatic-file__input", direct_upload:, multiple: %>
-          </div>
+            <%- if value.present? && value.attached? -%>
+              <%= f.hidden_field attribute_name, value: value.signed_id %>
+            <%- end -%>
 
+            <%= f.file_field attribute_name, class: "js-formatic-file__input", direct_upload:, multiple:, accept: %>
+          </div>
         <% end %>
       <% end %>
     ERB

data/app/components/formatic/textarea.rb

@@ -3,8 +3,6 @@
 module Formatic
   # Text input for multi-line text.
   class Textarea < ::Formatic::Base
-    renders_one :footer
-
     erb_template <<~ERB
       <%= render wrapper do |wrap| -%>
 
@@ -21,6 +19,8 @@ module Formatic
             <%= f.text_area(attribute_name, **input_options) -%>
           <% end -%>
 
+          <%= footer -%>
+
           </div>
         <% end -%>
       <% end -%>
@@ -29,7 +29,7 @@ module Formatic
     def input_options
       result = {
         placeholder: wrapper.placeholder,
-        data: { '1p-ignore' => true },
+        data:,
         autofocus:,
         class: css_classes
       }
@@ -39,6 +39,10 @@ module Formatic
       result
     end
 
+    def data
+      { '1p-ignore' => true }.merge(manual_data)
+    end
+
     def css_classes
       classes = %i[c-formatic-textarea__input js-formatic-textarea]
       classes.push(:'is-autosubmit') if async_submit

data/config/importmap.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
-pin 'formatic', to: 'src/setup.js'
+pin 'formatic', to: 'formatic/setup.js'
 
 pin 'formatic/date', to: 'formatic/date.js'
 pin 'formatic/file', to: 'formatic/file.js'

data/lib/formatic/engine.rb

@@ -20,6 +20,18 @@ module Formatic
       app.config.assets.paths << Engine.root.join('app/stylesheets')
     end
 
+    initializer 'formatic.vscode_snippets', group: :all do |app|
+      app.config.after_initialize do
+        vscode_dir = Rails.root.join('.vscode')
+        next unless vscode_dir.directory?
+
+        target = vscode_dir.join('formatic.code-snippets')
+        source = Engine.root.join('vscode/formatic.code-snippets')
+
+        FileUtils.ln_s(source, target, force: true)
+      end
+    end
+
     config.to_prepare do
       # Our Formatic components are subclasses of `ViewComponent::Base`.
       # When `ViewComponent::Base` is subclassed, two things happen:

data/lib/formatic/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Formatic
-  VERSION = '0.2.4'
+  VERSION = '0.2.5'
 end

data/vscode/formatic.code-snippets

@@ -0,0 +1,58 @@
+{
+  "render Formatic::Checklist": {
+    "prefix": [
+      "fchecklist"
+    ],
+    "body": [
+      "= render Formatic::Checklist.new(f:, attribute_name: $0)",
+    ]
+  },
+  "render Formatic::String": {
+    "prefix": [
+      "fstring"
+    ],
+    "body": [
+      "= render Formatic::String.new(f:, attribute_name: $0)",
+    ]
+  },
+  "render Formatic::Stepper": {
+    "prefix": [
+      "fstepper"
+    ],
+    "body": [
+      "= render Formatic::Stepper.new(f:, attribute_name: $0)",
+    ]
+  },
+  "render Formatic::Textarea": {
+    "prefix": [
+      "ftextarea"
+    ],
+    "body": [
+      "= render Formatic::Textarea.new(f:, attribute_name: $0)",
+    ]
+  },
+  "render Formatic::Toggle": {
+    "prefix": [
+      "ftoggle"
+    ],
+    "body": [
+      "= render Formatic::Toggle.new(f:, attribute_name: $0)",
+    ]
+  },
+  "render Formatic::Select": {
+    "prefix": [
+      "fselect"
+    ],
+    "body": [
+      "= render Formatic::Select.new(f:, attribute_name: $0, records:)",
+    ]
+  },
+  "render Formatic::Date": {
+    "prefix": [
+      "fdate"
+    ],
+    "body": [
+      "= render Formatic::Date.new(f:, attribute_name: $0)",
+    ]
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: formatic
 version: !ruby/object:Gem::Version
-  version: 0.2.4
+  version: 0.2.5
 platform: ruby
 authors:
 - halo
@@ -132,7 +132,6 @@ files:
 - app/assets/javascript/formatic/select.js
 - app/assets/javascript/formatic/select.js.map
 - app/assets/javascript/formatic/setup.js
-- app/assets/javascript/formatic/setup.js.map
 - app/assets/javascript/formatic/stepper.js
 - app/assets/javascript/formatic/stepper.js.map
 - app/assets/javascript/formatic/string.js
@@ -144,51 +143,30 @@ files:
 - app/assets/javascript/src/date.ts
 - app/assets/javascript/src/file.ts
 - app/assets/javascript/src/select.ts
-- app/assets/javascript/src/setup.js
 - app/assets/javascript/src/stepper.ts
 - app/assets/javascript/src/string.ts
 - app/assets/javascript/src/textarea.ts
 - app/assets/javascript/src/toggle.ts
-- app/assets/stylesheets/formatic.css
 - app/assets/stylesheets/formatic.sass
-- app/assets/stylesheets/formatic/components/checklist.css
-- app/assets/stylesheets/formatic/components/checklist.css.map
 - app/assets/stylesheets/formatic/components/checklist.sass
-- app/assets/stylesheets/formatic/components/date.css
 - app/assets/stylesheets/formatic/components/date.sass
-- app/assets/stylesheets/formatic/components/select.css
 - app/assets/stylesheets/formatic/components/select.sass
-- app/assets/stylesheets/formatic/components/stepper.css
 - app/assets/stylesheets/formatic/components/stepper.sass
-- app/assets/stylesheets/formatic/components/string.css
 - app/assets/stylesheets/formatic/components/string.sass
-- app/assets/stylesheets/formatic/components/textarea.css
 - app/assets/stylesheets/formatic/components/textarea.sass
-- app/assets/stylesheets/formatic/components/time.css
 - app/assets/stylesheets/formatic/components/time.sass
-- app/assets/stylesheets/formatic/components/toggle.css
 - app/assets/stylesheets/formatic/components/toggle.sass
-- app/assets/stylesheets/formatic/components/wrapper.css
 - app/assets/stylesheets/formatic/components/wrapper.sass
 - app/assets/stylesheets/formatic/formatic.css
-- app/assets/stylesheets/formatic/formatic.css.map
-- app/assets/stylesheets/formatic/generics/flip.css
-- app/assets/stylesheets/formatic/generics/flip.css.map
 - app/assets/stylesheets/formatic/generics/flip.sass
-- app/assets/stylesheets/formatic/scopes/form.css
 - app/assets/stylesheets/formatic/scopes/form.sass
 - app/assets/stylesheets/formatic/settings/_colors.sass
 - app/assets/stylesheets/formatic/tools/_cloud.sass
 - app/assets/stylesheets/formatic/tools/_mandatory.sass
 - app/assets/stylesheets/formatic/tools/_terminal.sass
 - app/assets/stylesheets/formatic/tools/_theme.sass
-- app/assets/stylesheets/formatic/utilities/container.css
-- app/assets/stylesheets/formatic/utilities/container.css.map
 - app/assets/stylesheets/formatic/utilities/container.sass
 - app/assets/stylesheets/formatic/vendor.css
-- app/assets/stylesheets/formatic/vendor.css.map
-- app/assets/stylesheets/vendor.css
-- app/assets/stylesheets/vendor.css.map
 - app/assets/stylesheets/vendor.sass
 - app/components/formatic/application_component.rb
 - app/components/formatic/base.rb
@@ -224,6 +202,7 @@ files:
 - lib/formatic/wrappers/required.rb
 - lib/formatic/wrappers/translate.rb
 - lib/formatic/wrappers/validators.rb
+- vscode/formatic.code-snippets
 homepage: https://github.com/halo/formatic
 licenses:
 - MIT
@@ -246,7 +225,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.7.2
+rubygems_version: 4.0.1
 specification_version: 4
 summary: A set of ViewComponents for form elements
 test_files: []

data/app/assets/javascript/formatic/setup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup.js","sourceRoot":"","sources":["../src/setup.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAE5C,MAAM,KAAW,QAAQ,CAqCxB;AArCD,WAAiB,QAAQ;IACvB,SAAgB,KAAK;QACnB,QAAQ,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACzE,OAAO,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAA;YACjD,IAAI,YAAY,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CAAc,mBAAmB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACzE,OAAO,CAAC,KAAK,CAAC,kCAAkC,CAAC,CAAA;YACjD,IAAI,IAAI,CAAC,EAAE,CAAC,CAAA;QACd,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CAAc,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC3E,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAA;YACnD,IAAI,MAAM,CAAC,EAAE,CAAC,CAAA;QAChB,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CAAc,sBAAsB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC5E,OAAO,CAAC,KAAK,CAAC,qCAAqC,CAAC,CAAA;YACpD,IAAI,OAAO,CAAC,EAAE,CAAC,CAAA;QACjB,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CAAc,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC3E,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAA;YACnD,IAAI,MAAM,CAAC,EAAE,CAAC,CAAA;QAChB,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CAAc,uBAAuB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC7E,OAAO,CAAC,KAAK,CAAC,sCAAsC,CAAC,CAAA;YACrD,IAAI,QAAQ,CAAC,EAAE,CAAC,CAAA;QAClB,CAAC,CAAC,CAAA;QAEF,QAAQ,CAAC,gBAAgB,CAAc,qBAAqB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC3E,OAAO,CAAC,KAAK,CAAC,oCAAoC,CAAC,CAAA;YACnD,IAAI,MAAM,CAAC,EAAE,CAAC,CAAA;QAChB,CAAC,CAAC,CAAA;IACJ,CAAC;IAnCe,cAAK,QAmCpB,CAAA;AACH,CAAC,EArCgB,QAAQ,KAAR,QAAQ,QAqCxB"}

data/app/assets/javascript/src/setup.js

@@ -1,44 +0,0 @@
-import { Date } from 'formatic/date'
-import { Select } from 'formatic/select'
-import { Stepper } from 'formatic/stepper'
-import { String } from 'formatic/string'
-import { Textarea } from 'formatic/textarea'
-import { Toggle } from 'formatic/toggle'
-import { FormaticFile } from 'formatic/file'
-
-document.addEventListener('DOMContentLoaded', () => {
-  document.querySelectorAll('.js-formatic-file').forEach((el) => {
-    console.debug('[Formatic] Instantiating File...')
-    new FormaticFile(el)
-  })
-
-  document.querySelectorAll('.js-formatic-date').forEach((el) => {
-    console.debug('[Formatic] Instantiating Date...')
-    new Date(el)
-  })
-
-  document.querySelectorAll('.js-formatic-select').forEach((el) => {
-    console.debug('[Formatic] Instantiating Select...')
-    new Select(el)
-  })
-
-  document.querySelectorAll('.js-formatic-stepper').forEach((el) => {
-    console.debug('[Formatic] Instantiating Stepper...')
-    new Stepper(el)
-  })
-
-  document.querySelectorAll('.js-formatic-string').forEach((el) => {
-    console.debug('[Formatic] Instantiating String...')
-    new String(el)
-  })
-
-  document.querySelectorAll('.js-formatic-textarea').forEach((el) => {
-    console.debug('[Formatic] Instantiating Textarea...')
-    new Textarea(el)
-  })
-
-  document.querySelectorAll('.js-formatic-toggle').forEach((el) => {
-    console.debug('[Formatic] Instantiating Toggle...')
-    new Toggle(el)
-  })
-})

data/app/assets/stylesheets/formatic/components/checklist.css

@@ -1 +0,0 @@
-.c-formatic-checklist{display:grid;grid-row-gap:.4em}/*# sourceMappingURL=checklist.css.map */

data/app/assets/stylesheets/formatic/components/checklist.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/orange/Code/2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/checklist.sass"],"names":[],"mappings":"AAAA,sBACE,aACA","file":"checklist.css","sourcesContent":[".c-formatic-checklist\n  display: grid\n  grid-row-gap: 0.4em\n"]}

data/app/assets/stylesheets/formatic/components/date.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 4 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/date.sass 4:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 4 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/date.sass 4:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/components/select.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 1 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/select.sass 1:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 1 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/select.sass 1:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/components/stepper.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 3 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/stepper.sass 3:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 3 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/stepper.sass 3:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/components/string.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 1 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/string.sass 1:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 1 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/string.sass 1:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/components/textarea.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 1 | @use "formatic/tools/cloud"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/textarea.sass 1:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 1 \2502  @use \"formatic/tools/cloud\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/textarea.sass 1:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/components/time.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 3 | @use "formatic/tools/mandatory"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/time.sass 3:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 3 \2502  @use \"formatic/tools/mandatory\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/time.sass 3:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/components/toggle.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 2 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/toggle.sass 2:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 2 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/toggle.sass 2:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/components/wrapper.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 3 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/wrapper.sass 3:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 3 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/wrapper.sass 3:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/formatic.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["generics/flip.sass","components/wrapper.sass","../../../../node_modules/iglu/iglu/font-size/tools/_sizing.sass","../../../../node_modules/iglu/iglu/spacing/tools/_margin.sass","settings/_colors.sass","components/checklist.sass","components/date.sass","tools/_mandatory.sass","../../../../node_modules/iglu/iglu/spacing/tools/_padding.sass","tools/_terminal.sass","tools/_cloud.sass","components/stepper.sass","components/time.sass","components/toggle.sass","utilities/container.sass","scopes/form.sass","tools/_theme.sass"],"names":[],"mappings":"AAAA;EACE;IACE;;;ACGJ;EACE;EACA;EACA;EACA;;ACGD;EACE;;AC+FD;EACE;;AFhGF;EACE;;AAGA;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AADF;EACE;;AAEJ;EAEE;;AAEF;EACE,OGpBY;;AHsBZ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEJ;EACE;;AE4DF;EACE;;AD7FH;EACE;;ADmCD;EACE;EACA;EACA;;;AAEJ;EACE;IACE;IACA;IACA;IACA;;;AIlDJ;EACE;EACA;;;ACOA;EACE;EACA;EACA;;AH4FF;EACE;;AItGF;EACE,mBHCY;EGAZ;;ADcF;EACE;EAEA;EACA;EACA;EACA;;AACA;EACE;;AAEJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OFlCI;;ADoEN;EACE;;AKjEF;EACE;;ANSH;EACE;;AMHD;EACE;;ANHH;EACE;;AOZD;EACE;;AH8CF;EACE;;AJ7CH;EACE;;AI+CD;EACE;;AGpDF;EACE;;APEH;EACE;;AIoDD;EACE;;AAEF;EACE;EACA,OF3DI;;AE6DN;EACE,OF5DY;;AE8Dd;EACE;EACA;;;AClEF;EACE,mBHCY;EGAZ;;AGJF;EAGE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;;ACXJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OPlBI;EOmBJ;;ATGH;EACE;;ASDD;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OP7BI;EO8BJ;EACA;EACA;;ATlBH;EACE;;ACuFD;EACE;;AQnEF;EACE,OP7BU;;;AKTZ;EACE;;ACDF;EAGE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AHbF;EACE,mBHCY;EGAZ;;;AGJF;EAGE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;;AHbF;EACE,mBHCY;EGAZ;;;AKCF;EACE;EACA;EACA;;AT+FF;EACE;;AItGF;EACE,mBHCY;EGAZ;;;AMFJ;EAGE;EACA;EACA;;AXID;EACE;;AWFD;EACE;EAGA;EACA;;AAEA;EACE;;AXXL;EACE;;AWaD;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,YTrBU;;ASuBV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBTvCE;ESwCF;;AAGJ;EACE;EACA;;AAGA;EACE,kBT7CO;;AS+CP;EACE,kBTlDQ;;ASqDZ;EACE;EACA,kBTzDE;;AS4DJ;EACE;;AACF;EACE;;AAGF;EACE;;AACF;EACE;;AAGJ;EACE;EACA;EACA;EACA;;AAGF;AAAA;EAEE;EACA;EACA,OT7EW;;AFLd;AAAA;EACE;;AWsFD;EACE;EACA;EACA;;;AC9FJ;EACE;;;ACKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASE;EACA;EACA;EACA;EACA;EACA,eXdU;EWeV;EACA,OXpBI;EWqBJ;EACA;EACA;EACA;EACA;EACA;;AbhBH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;;AKVD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE,mBHCY;EGAZ;;AQ6BF;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EACE,OXnCU;;;AYTZ;EDgDE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAUE,kBXzDE;IW0DF,OXzDE;;EW2DJ;IACE","file":"formatic.css"}

data/app/assets/stylesheets/formatic/generics/flip.css

@@ -1 +0,0 @@
-@keyframes formatic-flip{0%,80%{transform:rotateY(360deg)}}/*# sourceMappingURL=flip.css.map */

data/app/assets/stylesheets/formatic/generics/flip.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/orange/Code/2-Areas/formatic/formatic/app/assets/stylesheets/formatic/generics/flip.sass"],"names":[],"mappings":"AAAA,yBACE,OACE","file":"flip.css","sourcesContent":["@keyframes formatic-flip\n  0%, 80%\n    transform: rotateY(360deg)\n"]}

data/app/assets/stylesheets/formatic/scopes/form.css

@@ -1,17 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 2 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/scopes/form.sass 2:1  root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 2 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/scopes/form.sass 2:1  root stylesheet";
-}

data/app/assets/stylesheets/formatic/utilities/container.css

@@ -1 +0,0 @@
-.u-formatic-container{container-type:inline-size}/*# sourceMappingURL=container.css.map */

data/app/assets/stylesheets/formatic/utilities/container.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/orange/Code/2-Areas/formatic/formatic/app/assets/stylesheets/formatic/utilities/container.sass"],"names":[],"mappings":"AAAA,sBACE","file":"container.css","sourcesContent":[".u-formatic-container\n  container-type: inline-size\n"]}

data/app/assets/stylesheets/formatic/vendor.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../../../../node_modules/filepond/dist/filepond.css"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AACA;AACI;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;;;AAEJ;AACA;EACI;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;;;AAEJ;AACA;EACI;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AACI;;;AAEJ;EACI;EACA;;;AAEJ;AACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAEJ;AACA;AACI;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;AAEA;AACA;AACA;AACA;EACA;EACA;;;AAEJ;AAAA;EAEI;;;AAEJ;EACI;EACA;;;AAEJ;EACI;;;AAEJ;AACA;EACI;EACA;EACA;;;AAEJ;EACI;;;AAEJ;EACI;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;;;AAEJ;EACI;;;AAEJ;AACI;;;AAEJ;EACI;EACA;AAEA;EACA;EACA;EACA;EACA;;;AAEJ;EACI;EACA;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","file":"vendor.css"}

data/app/assets/stylesheets/formatic.css

@@ -1,18 +0,0 @@
-/* Error: Can't find stylesheet to import.
- *   ,
- * 3 | @use "formatic/settings/colors"
- *   | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
- *   '
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/wrapper.sass 3:1  @use
- *   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic.sass 5:1                     root stylesheet */
-
-body::before {
-  font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono",
-      "Droid Sans Mono", monospace, monospace;
-  white-space: pre;
-  display: block;
-  padding: 1em;
-  margin-bottom: 1em;
-  border-bottom: 2px solid black;
-  content: "Error: Can't find stylesheet to import.\a   \2577 \a 3 \2502  @use \"formatic/settings/colors\"\a   \2502  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic/components/wrapper.sass 3:1  @use\a   ../../2-Areas/formatic/formatic/app/assets/stylesheets/formatic.sass 5:1                     root stylesheet";
-}

data/app/assets/stylesheets/vendor.css

@@ -1,5 +0,0 @@
-/*!
- * FilePond 4.32.10
- * Licensed under MIT, https://opensource.org/licenses/MIT/
- * Please visit https://pqina.nl/filepond/ for details.
- */.filepond--assistant{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--browser.filepond--browser{position:absolute;margin:0;padding:0;left:1em;top:1.75em;width:calc(100% - 2em);opacity:0;font-size:0}.filepond--data{position:absolute;width:0;height:0;padding:0;margin:0;border:none;visibility:hidden;pointer-events:none;contain:strict}.filepond--drip{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;opacity:.1;pointer-events:none;border-radius:.5em;background:rgba(0, 0, 0, 0.01)}.filepond--drip-blob{position:absolute;-webkit-transform-origin:center center;transform-origin:center center;top:0;left:0;width:8em;height:8em;margin-left:-4em;margin-top:-4em;background:#292625;border-radius:50%;will-change:transform,opacity}.filepond--drop-label{position:absolute;left:0;right:0;top:0;margin:0;color:#4f4f4f;display:flex;justify-content:center;align-items:center;height:0px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:transform,opacity}.filepond--drop-label.filepond--drop-label label{display:block;margin:0;padding:.5em}.filepond--drop-label label{cursor:default;font-size:.875em;font-weight:normal;text-align:center;line-height:1.5}.filepond--label-action{text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;-webkit-text-decoration-color:#a7a4a4;text-decoration-color:#a7a4a4;cursor:pointer}.filepond--root[data-disabled] .filepond--drop-label label{opacity:.5}.filepond--file-action-button.filepond--file-action-button{font-size:1em;width:1.625em;height:1.625em;font-family:inherit;line-height:inherit;margin:0;padding:0;border:none;outline:none;will-change:transform,opacity}.filepond--file-action-button.filepond--file-action-button span{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file-action-button.filepond--file-action-button svg{width:100%;height:100%}.filepond--file-action-button.filepond--file-action-button::after{position:absolute;left:-0.75em;right:-0.75em;top:-0.75em;bottom:-0.75em;content:""}.filepond--file-action-button{cursor:auto;color:#fff;border-radius:50%;background-color:rgba(0, 0, 0, 0.5);background-image:none;box-shadow:0 0 0 0 rgba(255, 255, 255, 0);transition:box-shadow .25s ease-in}.filepond--file-action-button:hover,.filepond--file-action-button:focus{box-shadow:0 0 0 .125em rgba(255, 255, 255, 0.9)}.filepond--file-action-button[disabled]{color:rgba(255, 255, 255, 0.5);background-color:rgba(0, 0, 0, 0.25)}.filepond--file-action-button[hidden]{display:none}.filepond--action-edit-item.filepond--action-edit-item{width:2em;height:2em;padding:.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=center]{margin-left:-0.1875em}.filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom]{margin-bottom:-0.1875em}.filepond--action-edit-item-alt{border:none;line-height:inherit;background:transparent;font-family:inherit;color:inherit;outline:none;padding:0;margin:0 0 0 .25em;pointer-events:all;position:absolute}.filepond--action-edit-item-alt svg{width:1.3125em;height:1.3125em}.filepond--action-edit-item-alt span{font-size:0;opacity:0}.filepond--file-info{position:static;display:flex;flex-direction:column;align-items:flex-start;flex:1;margin:0 .5em 0 0;min-width:0;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-info *{margin:0}.filepond--file-info .filepond--file-info-main{font-size:.75em;line-height:1.2;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%}.filepond--file-info .filepond--file-info-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out;white-space:nowrap}.filepond--file-info .filepond--file-info-sub:empty{display:none}.filepond--file-status{position:static;display:flex;flex-direction:column;align-items:flex-end;flex-grow:0;flex-shrink:0;margin:0;min-width:2.25em;text-align:right;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.filepond--file-status *{margin:0;white-space:nowrap}.filepond--file-status .filepond--file-status-main{font-size:.75em;line-height:1.2}.filepond--file-status .filepond--file-status-sub{font-size:.625em;opacity:.5;transition:opacity .25s ease-in-out}.filepond--file-wrapper.filepond--file-wrapper{border:none;margin:0;padding:0;min-width:0;height:100%}.filepond--file-wrapper.filepond--file-wrapper>legend{position:absolute;overflow:hidden;height:1px;width:1px;padding:0;border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.filepond--file{position:static;display:flex;height:100%;align-items:flex-start;padding:.5625em .5625em;color:#fff;border-radius:.5em}.filepond--file .filepond--file-status{margin-left:auto;margin-right:2.25em}.filepond--file .filepond--processing-complete-indicator{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:3}.filepond--file .filepond--processing-complete-indicator,.filepond--file .filepond--progress-indicator,.filepond--file .filepond--file-action-button{position:absolute}.filepond--file [data-align*=left]{left:.5625em}.filepond--file [data-align*=right]{right:.5625em}.filepond--file [data-align*=center]{left:calc(50% - .8125em)}.filepond--file [data-align*=bottom]{bottom:1.125em}.filepond--file [data-align=center]{top:calc(50% - .8125em)}.filepond--file .filepond--progress-indicator{margin-top:.1875em}.filepond--file .filepond--progress-indicator[data-align*=right]{margin-right:.1875em}.filepond--file .filepond--progress-indicator[data-align*=left]{margin-left:.1875em}[data-filepond-item-state=cancelled] .filepond--file-info,[data-filepond-item-state*=invalid] .filepond--file-info,[data-filepond-item-state*=error] .filepond--file-info{margin-right:2.25em}[data-filepond-item-state~=processing] .filepond--file-status-sub{opacity:0}[data-filepond-item-state~=processing] .filepond--action-abort-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-error] .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-error] .filepond--action-retry-item-processing~.filepond--file-status .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg{-webkit-animation:fall .5s .125s linear both;animation:fall .5s .125s linear both}[data-filepond-item-state=processing-complete] .filepond--file-status-sub{opacity:.5}[data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden])~.filepond--file-status .filepond--file-status-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--file-info-sub{opacity:0}[data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing~.filepond--file-info .filepond--file-info-sub{opacity:.5}[data-filepond-item-state*=invalid] .filepond--panel,[data-filepond-item-state*=invalid] .filepond--file-wrapper,[data-filepond-item-state*=error] .filepond--panel,[data-filepond-item-state*=error] .filepond--file-wrapper{-webkit-animation:shake .65s linear both;animation:shake .65s linear both}[data-filepond-item-state*=busy] .filepond--progress-indicator svg{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes spin{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@-webkit-keyframes shake{10%,90%{-webkit-transform:translateX(-0.0625em);transform:translateX(-0.0625em)}20%,80%{-webkit-transform:translateX(0.125em);transform:translateX(0.125em)}30%,50%,70%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em)}40%,60%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em)}}@keyframes shake{10%,90%{-webkit-transform:translateX(-0.0625em);transform:translateX(-0.0625em)}20%,80%{-webkit-transform:translateX(0.125em);transform:translateX(0.125em)}30%,50%,70%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em)}40%,60%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em)}}@-webkit-keyframes fall{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes fall{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}70%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.filepond--hopper[data-hopper-state=drag-over]>*{pointer-events:none}.filepond--hopper[data-hopper-state=drag-over]::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:100}.filepond--progress-indicator{z-index:103}.filepond--file-action-button{z-index:102}.filepond--file-status{z-index:101}.filepond--file-info{z-index:100}.filepond--item{position:absolute;top:0;left:0;right:0;z-index:1;padding:0;margin:.25em;will-change:transform,opacity;touch-action:auto}.filepond--item>.filepond--panel{z-index:-1}.filepond--item>.filepond--panel .filepond--panel-bottom{box-shadow:0 .0625em .125em -0.0625em rgba(0, 0, 0, 0.25)}.filepond--item>.filepond--file-wrapper,.filepond--item>.filepond--panel{transition:opacity .15s ease-out}.filepond--item[data-drag-state]{cursor:-webkit-grab;cursor:grab}.filepond--item[data-drag-state]>.filepond--panel{transition:box-shadow .125s ease-in-out;box-shadow:0 0 0 rgba(0, 0, 0, 0)}.filepond--item[data-drag-state=drag]{cursor:-webkit-grabbing;cursor:grabbing}.filepond--item[data-drag-state=drag]>.filepond--panel{box-shadow:0 .125em .3125em rgba(0, 0, 0, 0.325)}.filepond--item[data-drag-state]:not([data-drag-state=idle]){z-index:2}.filepond--item-panel{background-color:#64605e}[data-filepond-item-state=processing-complete] .filepond--item-panel{background-color:#369763}[data-filepond-item-state*=invalid] .filepond--item-panel,[data-filepond-item-state*=error] .filepond--item-panel{background-color:#c44e47}.filepond--item-panel{border-radius:.5em;transition:background-color .25s}.filepond--list-scroller{position:absolute;top:0;left:0;right:0;margin:0;will-change:transform}.filepond--list-scroller[data-state=overflow] .filepond--list{bottom:0;right:0}.filepond--list-scroller[data-state=overflow]{overflow-y:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;-webkit-mask:linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);mask:linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%)}.filepond--list-scroller::-webkit-scrollbar{background:transparent}.filepond--list-scroller::-webkit-scrollbar:vertical{width:1em}.filepond--list-scroller::-webkit-scrollbar:horizontal{height:0}.filepond--list-scroller::-webkit-scrollbar-thumb{background-color:rgba(0, 0, 0, 0.3);border-radius:99999px;border:.3125em solid transparent;background-clip:content-box}.filepond--list.filepond--list{position:absolute;top:0;margin:0;padding:0;list-style-type:none;will-change:transform}.filepond--list{left:.75em;right:.75em}.filepond--root[data-style-panel-layout~=integrated]{width:100%;height:100%;max-width:none;margin:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root{border-radius:0}.filepond--root[data-style-panel-layout~=circle] .filepond--panel-root>*,.filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{bottom:0;height:auto;display:flex;justify-content:center;align-items:center;z-index:7}.filepond--root[data-style-panel-layout~=circle] .filepond--item-panel,.filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel{display:none}.filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller,.filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller{overflow:hidden;height:100%;margin-top:0;margin-bottom:0}.filepond--root[data-style-panel-layout~=compact] .filepond--list,.filepond--root[data-style-panel-layout~=integrated] .filepond--list{left:0;right:0;height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--item,.filepond--root[data-style-panel-layout~=integrated] .filepond--item{margin:0}.filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper,.filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper{height:100%}.filepond--root[data-style-panel-layout~=compact] .filepond--drop-label,.filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label{z-index:7}.filepond--root[data-style-panel-layout~=circle]{border-radius:99999rem;overflow:hidden}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel{border-radius:inherit}.filepond--root[data-style-panel-layout~=circle]>.filepond--panel>*{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-info{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--file-status{display:none}.filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item{opacity:1 !important;visibility:visible !important}@media not all and (min-resolution: 0.001dpcm){@supports(-webkit-appearance: none) and (stroke-color: transparent){.filepond--root[data-style-panel-layout~=circle]{will-change:transform}}}.filepond--panel-root{border-radius:.5em;background-color:#f1f0ef}.filepond--panel{position:absolute;left:0;top:0;right:0;margin:0;height:100% !important;pointer-events:none}.filepond-panel:not([data-scalable=false]){height:auto !important}.filepond--panel[data-scalable=false]>div{display:none}.filepond--panel[data-scalable=true]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;background-color:transparent !important;border:none !important}.filepond--panel-top,.filepond--panel-bottom,.filepond--panel-center{position:absolute;left:0;top:0;right:0;margin:0;padding:0}.filepond--panel-top,.filepond--panel-bottom{height:.5em}.filepond--panel-top{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;border-bottom:none !important}.filepond--panel-top::after{content:"";position:absolute;height:2px;left:0;right:0;bottom:-1px;background-color:inherit}.filepond--panel-center,.filepond--panel-bottom{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transform:translate3d(0, 0.5em, 0);transform:translate3d(0, 0.5em, 0)}.filepond--panel-bottom{border-top-left-radius:0 !important;border-top-right-radius:0 !important;border-top:none !important}.filepond--panel-bottom::before{content:"";position:absolute;height:2px;left:0;right:0;top:-1px;background-color:inherit}.filepond--panel-center{height:100px !important;border-top:none !important;border-bottom:none !important;border-radius:0 !important}.filepond--panel-center:not([style]){visibility:hidden}.filepond--progress-indicator{position:static;width:1.25em;height:1.25em;color:#fff;margin:0;pointer-events:none;will-change:transform,opacity}.filepond--progress-indicator svg{width:100%;height:100%;vertical-align:top;transform-box:fill-box}.filepond--progress-indicator path{fill:none;stroke:currentColor}.filepond--list-scroller{z-index:6}.filepond--drop-label{z-index:5}.filepond--drip{z-index:3}.filepond--root>.filepond--panel{z-index:2}.filepond--browser{z-index:1}.filepond--root{box-sizing:border-box;position:relative;margin-bottom:1em;font-size:1rem;line-height:normal;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:450;text-align:left;text-rendering:optimizeLegibility;direction:ltr;contain:layout style size}.filepond--root *{box-sizing:inherit;line-height:inherit}.filepond--root *:not(text){font-size:inherit}.filepond--root[data-disabled]{pointer-events:none}.filepond--root[data-disabled] .filepond--list-scroller{pointer-events:all}.filepond--root[data-disabled] .filepond--list{pointer-events:none}.filepond--root .filepond--drop-label{min-height:4.75em}.filepond--root .filepond--list-scroller{margin-top:1em;margin-bottom:1em}.filepond--root .filepond--credits{position:absolute;right:0;opacity:.4;line-height:.85;font-size:11px;color:inherit;text-decoration:none;z-index:3;bottom:-14px}.filepond--root .filepond--credits[style]{top:0;bottom:auto;margin-top:14px}/*# sourceMappingURL=vendor.css.map */

data/app/assets/stylesheets/vendor.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["file:///Users/orange/Code/ensons/ensons/node_modules/filepond/dist/filepond.css"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA,GAOA,qBACI,kBACA,gBACA,WACA,UACA,UACA,SACA,8BACA,6BACA,qBACA,mBAGJ,qCAEI,kBACA,SACA,UAGA,SACA,WACA,uBAGA,UACA,YAEJ,gBACI,kBACA,QACA,SACA,UACA,SACA,YACA,kBACA,oBACA,eAEJ,gBACI,kBACA,MACA,OACA,QACA,SACA,gBACA,WAGA,oBAGA,mBAGA,+BAEJ,qBACI,kBACA,uCACA,+BACA,MACA,OACA,UACA,WACA,iBACA,gBACA,mBACA,kBAGA,8BAEJ,sBACI,kBACA,OACA,QACA,MACA,SACA,cAGA,aACA,uBACA,mBAGA,WAGA,yBACA,sBACA,qBACA,iBAGA,8BAGJ,iDACI,cACA,SACA,aAEJ,4BACI,eACA,iBACA,mBACA,kBACA,gBAEJ,wBACI,0BACA,iCACA,8BACA,sCACA,8BACA,eAEJ,2DACI,WAGJ,2DACI,cACA,cACA,eAEA,oBACA,oBAEA,SACA,UACA,YACA,aAEA,8BAIJ,gEACI,kBACA,gBACA,WACA,UACA,UACA,SACA,8BACA,6BACA,qBACA,mBAKJ,+DACI,WACA,YAKJ,kEACI,kBACA,aACA,cACA,YACA,eACA,WAGJ,8BAEI,YAGA,WAGA,kBACA,oCACA,sBAMA,0CACA,mCAEJ,wEAEI,iDAEJ,wCACI,+BACA,qCAEJ,sCACI,aAGJ,uDACI,UACA,WACA,gBAEJ,2EACI,sBAEJ,2EACI,wBAEJ,gCACI,YACA,oBACA,uBACA,oBACA,cACA,aACA,UACA,mBACA,mBACA,kBAEJ,oCACI,eACA,gBAEJ,qCACI,YACA,UAEJ,qBACI,gBACA,aACA,sBACA,uBACA,OACA,kBACA,YAGA,8BAGA,oBACA,yBACA,sBACA,qBACA,iBAIJ,uBACI,SAKJ,+CACI,gBACA,gBAGA,uBACA,gBACA,mBACA,WAEJ,8CACI,iBACA,WACA,oCACA,mBAEJ,oDACI,aAEJ,uBACI,gBACA,aACA,sBACA,qBACA,YACA,cAEA,SACA,iBACA,iBAGA,8BAGA,oBACA,yBACA,sBACA,qBACA,iBAIJ,yBACI,S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","file":"vendor.css","sourcesContent":["/*!\n * FilePond 4.32.10\n * Licensed under MIT, https://opensource.org/licenses/MIT/\n * Please visit https://pqina.nl/filepond/ for details.\n */\n\n/* eslint-disable */\n.filepond--assistant {\n    position: absolute;\n    overflow: hidden;\n    height: 1px;\n    width: 1px;\n    padding: 0;\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n/* Hard to override styles */\n.filepond--browser.filepond--browser {\n    /* is positioned absolute so it is focusable for form validation errors */\n    position: absolute;\n    margin: 0;\n    padding: 0;\n\n    /* is positioned ~behind drop label */\n    left: 1em;\n    top: 1.75em;\n    width: calc(100% - 2em);\n\n    /* hide visually */\n    opacity: 0;\n    font-size: 0; /* removes text cursor in Internet Explorer 11 */\n}\n.filepond--data {\n    position: absolute;\n    width: 0;\n    height: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    visibility: hidden;\n    pointer-events: none;\n    contain: strict;\n}\n.filepond--drip {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow: hidden;\n    opacity: 0.1;\n\n    /* can't interact with this element */\n    pointer-events: none;\n\n    /* inherit border radius from parent (needed for drip-blob cut of) */\n    border-radius: 0.5em;\n\n    /* this seems to prevent Chrome from redrawing this layer constantly */\n    background: rgba(0, 0, 0, 0.01);\n}\n.filepond--drip-blob {\n    position: absolute;\n    -webkit-transform-origin: center center;\n    transform-origin: center center;\n    top: 0;\n    left: 0;\n    width: 8em;\n    height: 8em;\n    margin-left: -4em;\n    margin-top: -4em;\n    background: #292625;\n    border-radius: 50%;\n\n    /* will be animated */\n    will-change: transform, opacity;\n}\n.filepond--drop-label {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    margin: 0;\n    color: #4f4f4f;\n\n    /* center contents */\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    /* fixes IE11 centering problems (is overruled by label min-height) */\n    height: 0px;\n\n    /* dont allow selection */\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    /* will be animated */\n    will-change: transform, opacity;\n}\n/* Hard to override styles on purpose */\n.filepond--drop-label.filepond--drop-label label {\n    display: block;\n    margin: 0;\n    padding: 0.5em; /* use padding instead of margin so click area is not impacted */\n}\n.filepond--drop-label label {\n    cursor: default;\n    font-size: 0.875em;\n    font-weight: normal;\n    text-align: center;\n    line-height: 1.5;\n}\n.filepond--label-action {\n    text-decoration: underline;\n    -webkit-text-decoration-skip: ink;\n    text-decoration-skip-ink: auto;\n    -webkit-text-decoration-color: #a7a4a4;\n    text-decoration-color: #a7a4a4;\n    cursor: pointer;\n}\n.filepond--root[data-disabled] .filepond--drop-label label {\n    opacity: 0.5;\n}\n/* Hard to override styles */\n.filepond--file-action-button.filepond--file-action-button {\n    font-size: 1em;\n    width: 1.625em;\n    height: 1.625em;\n\n    font-family: inherit;\n    line-height: inherit;\n\n    margin: 0;\n    padding: 0;\n    border: none;\n    outline: none;\n\n    will-change: transform, opacity;\n\n    /* hidden label */\n}\n.filepond--file-action-button.filepond--file-action-button span {\n    position: absolute;\n    overflow: hidden;\n    height: 1px;\n    width: 1px;\n    padding: 0;\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n.filepond--file-action-button.filepond--file-action-button {\n    /* scale SVG to fill button */\n}\n.filepond--file-action-button.filepond--file-action-button svg {\n    width: 100%;\n    height: 100%;\n}\n.filepond--file-action-button.filepond--file-action-button {\n    /* bigger touch area */\n}\n.filepond--file-action-button.filepond--file-action-button::after {\n    position: absolute;\n    left: -0.75em;\n    right: -0.75em;\n    top: -0.75em;\n    bottom: -0.75em;\n    content: '';\n}\n/* Soft styles */\n.filepond--file-action-button {\n    /* use default arrow cursor */\n    cursor: auto;\n\n    /* reset default button styles */\n    color: #fff;\n\n    /* set default look n feel */\n    border-radius: 50%;\n    background-color: rgba(0, 0, 0, 0.5);\n    background-image: none;\n\n    /* we animate box shadow on focus */\n    /* it's only slightly slower than animating */\n    /* a pseudo-element with transforms and renders */\n    /* a lot better on chrome */\n    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);\n    transition: box-shadow 0.25s ease-in;\n}\n.filepond--file-action-button:hover,\n.filepond--file-action-button:focus {\n    box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9);\n}\n.filepond--file-action-button[disabled] {\n    color: rgba(255, 255, 255, 0.5);\n    background-color: rgba(0, 0, 0, 0.25);\n}\n.filepond--file-action-button[hidden] {\n    display: none;\n}\n/* edit button */\n.filepond--action-edit-item.filepond--action-edit-item {\n    width: 2em;\n    height: 2em;\n    padding: 0.1875em;\n}\n.filepond--action-edit-item.filepond--action-edit-item[data-align*='center'] {\n    margin-left: -0.1875em;\n}\n.filepond--action-edit-item.filepond--action-edit-item[data-align*='bottom'] {\n    margin-bottom: -0.1875em;\n}\n.filepond--action-edit-item-alt {\n    border: none;\n    line-height: inherit;\n    background: transparent;\n    font-family: inherit;\n    color: inherit;\n    outline: none;\n    padding: 0;\n    margin: 0 0 0 0.25em;\n    pointer-events: all;\n    position: absolute;\n}\n.filepond--action-edit-item-alt svg {\n    width: 1.3125em;\n    height: 1.3125em;\n}\n.filepond--action-edit-item-alt span {\n    font-size: 0;\n    opacity: 0;\n}\n.filepond--file-info {\n    position: static;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n    margin: 0 0.5em 0 0;\n    min-width: 0;\n\n    /* will be animated */\n    will-change: transform, opacity;\n\n    /* can't do anything with this info */\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    /* no margins on children */\n}\n.filepond--file-info * {\n    margin: 0;\n}\n.filepond--file-info {\n    /* we don't want to have these overrules so these selectors are a bit more specific */\n}\n.filepond--file-info .filepond--file-info-main {\n    font-size: 0.75em;\n    line-height: 1.2;\n\n    /* we want ellipsis if this bar gets too wide */\n    text-overflow: ellipsis;\n    overflow: hidden;\n    white-space: nowrap;\n    width: 100%;\n}\n.filepond--file-info .filepond--file-info-sub {\n    font-size: 0.625em;\n    opacity: 0.5;\n    transition: opacity 0.25s ease-in-out;\n    white-space: nowrap;\n}\n.filepond--file-info .filepond--file-info-sub:empty {\n    display: none;\n}\n.filepond--file-status {\n    position: static;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-end;\n    flex-grow: 0;\n    flex-shrink: 0;\n\n    margin: 0;\n    min-width: 2.25em;\n    text-align: right;\n\n    /* will be animated */\n    will-change: transform, opacity;\n\n    /* can't do anything with this info */\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n\n    /* no margins on children */\n}\n.filepond--file-status * {\n    margin: 0;\n    white-space: nowrap;\n}\n.filepond--file-status {\n    /* font sizes */\n}\n.filepond--file-status .filepond--file-status-main {\n    font-size: 0.75em;\n    line-height: 1.2;\n}\n.filepond--file-status .filepond--file-status-sub {\n    font-size: 0.625em;\n    opacity: 0.5;\n    transition: opacity 0.25s ease-in-out;\n}\n/* Hard to override styles */\n.filepond--file-wrapper.filepond--file-wrapper {\n    border: none;\n    margin: 0;\n    padding: 0;\n    min-width: 0;\n    height: 100%;\n\n    /* hide legend for visual users */\n}\n.filepond--file-wrapper.filepond--file-wrapper > legend {\n    position: absolute;\n    overflow: hidden;\n    height: 1px;\n    width: 1px;\n    padding: 0;\n    border: 0;\n    clip: rect(1px, 1px, 1px, 1px);\n    -webkit-clip-path: inset(50%);\n    clip-path: inset(50%);\n    white-space: nowrap;\n}\n.filepond--file {\n    position: static;\n    display: flex;\n    height: 100%;\n    align-items: flex-start;\n\n    padding: 0.5625em 0.5625em;\n\n    color: #fff;\n    border-radius: 0.5em;\n\n    /* control positions */\n}\n.filepond--file .filepond--file-status {\n    margin-left: auto;\n    margin-right: 2.25em;\n}\n.filepond--file .filepond--processing-complete-indicator {\n    pointer-events: none;\n    -webkit-user-select: none;\n    -moz-user-select: none;\n    -ms-user-select: none;\n    user-select: none;\n    z-index: 3;\n}\n.filepond--file .filepond--processing-complete-indicator,\n.filepond--file .filepond--progress-indicator,\n.filepond--file .filepond--file-action-button {\n    position: absolute;\n}\n.filepond--file {\n    /* .filepond--file-action-button */\n}\n.filepond--file [data-align*='left'] {\n    left: 0.5625em;\n}\n.filepond--file [data-align*='right'] {\n    right: 0.5625em;\n}\n.filepond--file [data-align*='center'] {\n    left: calc(50% - 0.8125em); /* .8125 is half of button width */\n}\n.filepond--file [data-align*='bottom'] {\n    bottom: 1.125em;\n}\n.filepond--file [data-align='center'] {\n    top: calc(50% - 0.8125em);\n}\n.filepond--file .filepond--progress-indicator {\n    margin-top: 0.1875em;\n}\n.filepond--file .filepond--progress-indicator[data-align*='right'] {\n    margin-right: 0.1875em;\n}\n.filepond--file .filepond--progress-indicator[data-align*='left'] {\n    margin-left: 0.1875em;\n}\n/* make sure text does not overlap */\n[data-filepond-item-state='cancelled'] .filepond--file-info,\n[data-filepond-item-state*='invalid'] .filepond--file-info,\n[data-filepond-item-state*='error'] .filepond--file-info {\n    margin-right: 2.25em;\n}\n[data-filepond-item-state~='processing'] .filepond--file-status-sub {\n    opacity: 0;\n}\n[data-filepond-item-state~='processing']\n    .filepond--action-abort-item-processing\n    ~ .filepond--file-status\n    .filepond--file-status-sub {\n    opacity: 0.5;\n}\n[data-filepond-item-state='processing-error'] .filepond--file-status-sub {\n    opacity: 0;\n}\n[data-filepond-item-state='processing-error']\n    .filepond--action-retry-item-processing\n    ~ .filepond--file-status\n    .filepond--file-status-sub {\n    opacity: 0.5;\n}\n[data-filepond-item-state='processing-complete'] {\n    /* busy state */\n}\n[data-filepond-item-state='processing-complete'] .filepond--action-revert-item-processing svg {\n    -webkit-animation: fall 0.5s 0.125s linear both;\n    animation: fall 0.5s 0.125s linear both;\n}\n[data-filepond-item-state='processing-complete'] {\n    /* hide details by default, only show when can revert */\n}\n[data-filepond-item-state='processing-complete'] .filepond--file-status-sub {\n    opacity: 0.5;\n}\n[data-filepond-item-state='processing-complete']\n    .filepond--processing-complete-indicator:not([style*='hidden'])\n    ~ .filepond--file-status\n    .filepond--file-status-sub {\n    opacity: 0;\n}\n[data-filepond-item-state='processing-complete'] .filepond--file-info-sub {\n    opacity: 0;\n}\n[data-filepond-item-state='processing-complete']\n    .filepond--action-revert-item-processing\n    ~ .filepond--file-info\n    .filepond--file-info-sub {\n    opacity: 0.5;\n}\n/* file state can be invalid or error, both are visually similar but */\n/* having them as separate states might be useful */\n[data-filepond-item-state*='invalid'] .filepond--panel,\n[data-filepond-item-state*='invalid'] .filepond--file-wrapper,\n[data-filepond-item-state*='error'] .filepond--panel,\n[data-filepond-item-state*='error'] .filepond--file-wrapper {\n    -webkit-animation: shake 0.65s linear both;\n    animation: shake 0.65s linear both;\n}\n/* spins progress indicator when file is marked as busy */\n[data-filepond-item-state*='busy'] .filepond--progress-indicator svg {\n    -webkit-animation: spin 1s linear infinite;\n    animation: spin 1s linear infinite;\n}\n/**\n * States\n */\n@-webkit-keyframes spin {\n    0% {\n        -webkit-transform: rotateZ(0deg);\n        transform: rotateZ(0deg);\n    }\n\n    100% {\n        -webkit-transform: rotateZ(360deg);\n        transform: rotateZ(360deg);\n    }\n}\n@keyframes spin {\n    0% {\n        -webkit-transform: rotateZ(0deg);\n        transform: rotateZ(0deg);\n    }\n\n    100% {\n        -webkit-transform: rotateZ(360deg);\n        transform: rotateZ(360deg);\n    }\n}\n@-webkit-keyframes shake {\n    10%,\n    90% {\n        -webkit-transform: translateX(-0.0625em);\n        transform: translateX(-0.0625em);\n    }\n\n    20%,\n    80% {\n        -webkit-transform: translateX(0.125em);\n        transform: translateX(0.125em);\n    }\n\n    30%,\n    50%,\n    70% {\n        -webkit-transform: translateX(-0.25em);\n        transform: translateX(-0.25em);\n    }\n\n    40%,\n    60% {\n        -webkit-transform: translateX(0.25em);\n        transform: translateX(0.25em);\n    }\n}\n@keyframes shake {\n    10%,\n    90% {\n        -webkit-transform: translateX(-0.0625em);\n        transform: translateX(-0.0625em);\n    }\n\n    20%,\n    80% {\n        -webkit-transform: translateX(0.125em);\n        transform: translateX(0.125em);\n    }\n\n    30%,\n    50%,\n    70% {\n        -webkit-transform: translateX(-0.25em);\n        transform: translateX(-0.25em);\n    }\n\n    40%,\n    60% {\n        -webkit-transform: translateX(0.25em);\n        transform: translateX(0.25em);\n    }\n}\n@-webkit-keyframes fall {\n    0% {\n        opacity: 0;\n        -webkit-transform: scale(0.5);\n        transform: scale(0.5);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n\n    70% {\n        opacity: 1;\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n        -webkit-animation-timing-function: ease-in-out;\n        animation-timing-function: ease-in-out;\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n}\n@keyframes fall {\n    0% {\n        opacity: 0;\n        -webkit-transform: scale(0.5);\n        transform: scale(0.5);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n\n    70% {\n        opacity: 1;\n        -webkit-transform: scale(1.1);\n        transform: scale(1.1);\n        -webkit-animation-timing-function: ease-in-out;\n        animation-timing-function: ease-in-out;\n    }\n\n    100% {\n        -webkit-transform: scale(1);\n        transform: scale(1);\n        -webkit-animation-timing-function: ease-out;\n        animation-timing-function: ease-out;\n    }\n}\n/* ignore all other interaction elements while dragging a file */\n.filepond--hopper[data-hopper-state='drag-over'] > * {\n    pointer-events: none;\n}\n/* capture all hit tests using a hidden layer, this speeds up the event flow */\n.filepond--hopper[data-hopper-state='drag-over']::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 100;\n}\n.filepond--progress-indicator {\n    z-index: 103;\n}\n.filepond--file-action-button {\n    z-index: 102;\n}\n.filepond--file-status {\n    z-index: 101;\n}\n.filepond--file-info {\n    z-index: 100;\n}\n.filepond--item {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    z-index: 1;\n\n    padding: 0;\n    margin: 0.25em;\n\n    will-change: transform, opacity;\n\n    touch-action: auto;\n\n    /* item children order */\n}\n.filepond--item > .filepond--panel {\n    z-index: -1;\n}\n/* has a slight shadow */\n.filepond--item > .filepond--panel .filepond--panel-bottom {\n    box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25);\n}\n.filepond--item {\n    /* drag related */\n}\n.filepond--item > .filepond--file-wrapper,\n.filepond--item > .filepond--panel {\n    transition: opacity 0.15s ease-out;\n}\n.filepond--item[data-drag-state] {\n    cursor: -webkit-grab;\n    cursor: grab;\n}\n.filepond--item[data-drag-state] > .filepond--panel {\n    transition: box-shadow 0.125s ease-in-out;\n    box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n}\n.filepond--item[data-drag-state='drag'] {\n    cursor: -webkit-grabbing;\n    cursor: grabbing;\n}\n.filepond--item[data-drag-state='drag'] > .filepond--panel {\n    box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325);\n}\n.filepond--item[data-drag-state]:not([data-drag-state='idle']) {\n    z-index: 2;\n}\n/* states */\n.filepond--item-panel {\n    background-color: #64605e;\n}\n[data-filepond-item-state='processing-complete'] .filepond--item-panel {\n    background-color: #369763;\n}\n[data-filepond-item-state*='invalid'] .filepond--item-panel,\n[data-filepond-item-state*='error'] .filepond--item-panel {\n    background-color: #c44e47;\n}\n/* style of item panel */\n.filepond--item-panel {\n    border-radius: 0.5em;\n    transition: background-color 0.25s;\n}\n/* normal mode */\n.filepond--list-scroller {\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    margin: 0;\n    will-change: transform;\n}\n/* scroll mode */\n.filepond--list-scroller[data-state='overflow'] .filepond--list {\n    bottom: 0;\n    right: 0;\n}\n.filepond--list-scroller[data-state='overflow'] {\n    overflow-y: scroll;\n    overflow-x: hidden;\n    -webkit-overflow-scrolling: touch;\n    -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);\n    mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%);\n}\n/* style scrollbar */\n.filepond--list-scroller::-webkit-scrollbar {\n    background: transparent;\n}\n.filepond--list-scroller::-webkit-scrollbar:vertical {\n    width: 1em;\n}\n.filepond--list-scroller::-webkit-scrollbar:horizontal {\n    height: 0;\n}\n.filepond--list-scroller::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.3);\n    border-radius: 99999px;\n    border: 0.3125em solid transparent;\n    background-clip: content-box;\n}\n/* hard to overide styles on purpose */\n.filepond--list.filepond--list {\n    position: absolute;\n    top: 0;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n\n    /* prevents endless paint calls on filepond--list-scroller */\n    will-change: transform;\n}\n/* used for padding so allowed to be restyled */\n.filepond--list {\n    left: 0.75em;\n    right: 0.75em;\n}\n.filepond--root[data-style-panel-layout~='integrated'] {\n    width: 100%;\n    height: 100%;\n    max-width: none;\n    margin: 0;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root {\n    border-radius: 0;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--panel-root > *,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--panel-root > * {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--drop-label,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {\n    bottom: 0;\n    height: auto;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    z-index: 7;\n}\n.filepond--root[data-style-panel-layout~='circle'],\n.filepond--root[data-style-panel-layout~='integrated'] {\n    /* we're only loading one item, this makes the intro animation a bit nicer */\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--item-panel,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--item-panel {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--list-scroller,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--list-scroller {\n    overflow: hidden;\n    height: 100%;\n    margin-top: 0;\n    margin-bottom: 0;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--list,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--list {\n    left: 0;\n    right: 0;\n    height: 100%;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--item,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--item {\n    margin: 0;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--file-wrapper,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--file-wrapper {\n    height: 100%;\n}\n.filepond--root[data-style-panel-layout~='compact'] .filepond--drop-label,\n.filepond--root[data-style-panel-layout~='integrated'] .filepond--drop-label {\n    z-index: 7;\n}\n.filepond--root[data-style-panel-layout~='circle'] {\n    border-radius: 99999rem;\n    overflow: hidden;\n}\n.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel {\n    border-radius: inherit;\n}\n.filepond--root[data-style-panel-layout~='circle'] > .filepond--panel > * {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] {\n    /* circle cuts of this info, so best to hide it */\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--file-info {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--file-status {\n    display: none;\n}\n.filepond--root[data-style-panel-layout~='circle'] .filepond--action-edit-item {\n    opacity: 1 !important;\n    visibility: visible !important;\n}\n/* dirfty way to fix circular overflow issue on safari 11+ */\n@media not all and (min-resolution: 0.001dpcm) {\n    @supports (-webkit-appearance: none) and (stroke-color: transparent) {\n        .filepond--root[data-style-panel-layout~='circle'] {\n            will-change: transform;\n        }\n    }\n}\n.filepond--panel-root {\n    border-radius: 0.5em;\n    background-color: #f1f0ef;\n}\n.filepond--panel {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    margin: 0;\n\n    /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */\n    height: 100% !important;\n\n    /* no interaction possible with panel */\n    pointer-events: none;\n}\n.filepond-panel:not([data-scalable='false']) {\n    height: auto !important;\n}\n.filepond--panel[data-scalable='false'] > div {\n    display: none;\n}\n.filepond--panel[data-scalable='true'] {\n    /* this seems to fix Chrome performance issues */\n    /* - when box-shadow is enabled */\n    /* - when multiple ponds are active on the same page */\n    -webkit-transform-style: preserve-3d;\n    transform-style: preserve-3d;\n\n    /* prevent borders and backgrounds */\n    background-color: transparent !important;\n    border: none !important;\n}\n.filepond--panel-top,\n.filepond--panel-bottom,\n.filepond--panel-center {\n    position: absolute;\n    left: 0;\n    top: 0;\n    right: 0;\n    margin: 0;\n    padding: 0;\n}\n.filepond--panel-top,\n.filepond--panel-bottom {\n    height: 0.5em;\n}\n.filepond--panel-top {\n    border-bottom-left-radius: 0 !important;\n    border-bottom-right-radius: 0 !important;\n    border-bottom: none !important;\n\n    /* fixes tiny transparant line between top and center panel */\n}\n.filepond--panel-top::after {\n    content: '';\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    bottom: -1px;\n    background-color: inherit;\n}\n.filepond--panel-center,\n.filepond--panel-bottom {\n    will-change: transform;\n    -webkit-backface-visibility: hidden;\n    backface-visibility: hidden;\n    -webkit-transform-origin: left top;\n    transform-origin: left top;\n    -webkit-transform: translate3d(0, 0.5em, 0);\n    transform: translate3d(0, 0.5em, 0);\n}\n.filepond--panel-bottom {\n    border-top-left-radius: 0 !important;\n    border-top-right-radius: 0 !important;\n    border-top: none !important;\n\n    /* fixes tiny transparant line between bottom and center of panel */\n}\n.filepond--panel-bottom::before {\n    content: '';\n    position: absolute;\n    height: 2px;\n    left: 0;\n    right: 0;\n    top: -1px;\n    background-color: inherit;\n}\n.filepond--panel-center {\n    /* the center panel is scaled using scale3d to fit the correct height */\n    /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */\n    height: 100px !important;\n    border-top: none !important;\n    border-bottom: none !important;\n    border-radius: 0 !important;\n\n    /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */\n}\n.filepond--panel-center:not([style]) {\n    visibility: hidden;\n}\n.filepond--progress-indicator {\n    position: static;\n    width: 1.25em;\n    height: 1.25em;\n\n    color: #fff;\n\n    /* can't have margins */\n    margin: 0;\n\n    /* no interaction possible with progress indicator */\n    pointer-events: none;\n\n    /* will be animated */\n    will-change: transform, opacity;\n}\n.filepond--progress-indicator svg {\n    width: 100%;\n    height: 100%;\n    vertical-align: top;\n    transform-box: fill-box; /* should center the animation correctly when zoomed in */\n}\n.filepond--progress-indicator path {\n    fill: none;\n    stroke: currentColor;\n}\n.filepond--list-scroller {\n    z-index: 6;\n}\n.filepond--drop-label {\n    z-index: 5;\n}\n.filepond--drip {\n    z-index: 3;\n}\n.filepond--root > .filepond--panel {\n    z-index: 2;\n}\n.filepond--browser {\n    z-index: 1;\n}\n.filepond--root {\n    /* layout*/\n    box-sizing: border-box;\n    position: relative;\n    margin-bottom: 1em;\n\n    /* base font size for whole component */\n    font-size: 1rem;\n\n    /* base line height */\n    line-height: normal;\n\n    /* up uses default system font family */\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,\n        'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';\n\n    /* will increase font weight a bit on Safari */\n    font-weight: 450;\n\n    /* default text alignment */\n    text-align: left;\n\n    /* better text rendering on Safari */\n    text-rendering: optimizeLegibility;\n\n    /* text direction is ltr for now */\n    direction: ltr;\n\n    /* optimize rendering */\n    /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */\n    contain: layout style size;\n\n    /* correct box sizing, line-height and positioning on child elements */\n}\n.filepond--root * {\n    box-sizing: inherit;\n    line-height: inherit;\n}\n.filepond--root *:not(text) {\n    font-size: inherit;\n}\n.filepond--root {\n    /* block everything */\n}\n.filepond--root[data-disabled] {\n    pointer-events: none;\n}\n.filepond--root[data-disabled] .filepond--list-scroller {\n    pointer-events: all;\n}\n.filepond--root[data-disabled] .filepond--list {\n    pointer-events: none;\n}\n/**\n * Root element children layout\n */\n.filepond--root .filepond--drop-label {\n    min-height: 4.75em;\n}\n.filepond--root .filepond--list-scroller {\n    margin-top: 1em;\n    margin-bottom: 1em;\n}\n.filepond--root .filepond--credits {\n    position: absolute;\n    right: 0;\n    opacity: 0.4;\n    line-height: 0.85;\n    font-size: 11px;\n    color: inherit;\n    text-decoration: none;\n    z-index: 3;\n    bottom: -14px;\n}\n.filepond--root .filepond--credits[style] {\n    top: 0;\n    bottom: auto;\n    margin-top: 14px;\n}\n"]}