Файловый менеджер - Редактировать - /home/harasnat/www/labour/wp-content/plugins/events-manager/includes/external/filepond/em-filepond.css
Назад
.filepond--fullsize-overlay { position: fixed !important; z-index: 999999 !important; } .filepond--fullsize-overlay .pdf-container { position: relative; width: 100%; height: 100%; } .wp-admin .em .input .em-input-upload .filepond--panel-root .filepond--panel-root, .wp-admin .em .input .em-input-upload .filepond--panel-root .filepond--panel-top::after, .wp-admin .em.pixelbones .em-input-upload.input .filepond--panel-root .filepond--panel-root, .wp-admin .em.pixelbones .em-input-upload.input .filepond--panel-root .filepond--panel-top::after, .wp-admin .em-input-upload .filepond--panel-root .filepond--panel-root, .wp-admin .em-input-upload .filepond--panel-root .filepond--panel-top::after { background-color: #dbdbdd !important; } .em .input .em-input-upload, .em.pixelbones .em-input-upload.input, .em-input-upload { /* Custom Filepond Rules */ /*! * FilePondPluginImageThumbnail 1.0.0 * Author: Pixelite SL * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /*! * FilePondPluginFileIcon 1.0.0 * Author: Pixelite SL * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /*! * FilePond 4.32.7 * Licensed under MIT, https://opensource.org/licenses/MIT/ * Please visit https://pqina.nl/filepond/ for details. */ /* eslint-disable */ /* Hard to override styles */ /* Hard to override styles on purpose */ /* Hard to override styles */ /* Soft styles */ /* edit button */ /* Hard to override styles */ /* make sure text does not overlap */ /* file state can be invalid or error, both are visually similar but */ /* having them as separate states might be useful */ /* spins progress indicator when file is marked as busy */ /** * States */ /* ignore all other interaction elements while dragging a file */ /* capture all hit tests using a hidden layer, this speeds up the event flow */ /* has a slight shadow */ /* states */ /* style of item panel */ /* normal mode */ /* scroll mode */ /* style scrollbar */ /* hard to overide styles on purpose */ /* used for padding so allowed to be restyled */ /* dirfty way to fix circular overflow issue on safari 11+ */ /** * Root element children layout */ } .em .input .em-input-upload .em-input-upload-fallback, .em.pixelbones .em-input-upload.input .em-input-upload-fallback, .em-input-upload .em-input-upload-fallback { display: none; visibility: hidden; } .em .input .em-input-upload .filepond--item:not([data-filepond-item-state=idle]) .filepond--download-icon, .em.pixelbones .em-input-upload.input .filepond--item:not([data-filepond-item-state=idle]) .filepond--download-icon, .em-input-upload .filepond--item:not([data-filepond-item-state=idle]) .filepond--download-icon { display: none !important; visibility: hidden !important; } .em .input .em-input-upload .filepond--download-icon, .em.pixelbones .em-input-upload.input .filepond--download-icon, .em-input-upload .filepond--download-icon { width: 18px; height: 16px; right: 0.5625em; position: absolute; margin-right: 0.1875em; margin-top: 0.1875em; z-index: 100; } .em .input .em-input-upload .filepond--file-info-main-container, .em.pixelbones .em-input-upload.input .filepond--file-info-main-container, .em-input-upload .filepond--file-info-main-container { gap: 10px; } .em .input .em-input-upload .filepond--magnify-icon, .em.pixelbones .em-input-upload.input .filepond--magnify-icon, .em-input-upload .filepond--magnify-icon { margin-left: 0.5em !important; } .em .input .em-input-upload .em-uploader[data-disabled=disabled] .filepond--drop-label, .em .input .em-input-upload .em-uploader[data-disabled=disabled] .filepond--action-remove-item, .em.pixelbones .em-input-upload.input .em-uploader[data-disabled=disabled] .filepond--drop-label, .em.pixelbones .em-input-upload.input .em-uploader[data-disabled=disabled] .filepond--action-remove-item, .em-input-upload .em-uploader[data-disabled=disabled] .filepond--drop-label, .em-input-upload .em-uploader[data-disabled=disabled] .filepond--action-remove-item { display: none; visibility: hidden; } .em .input .em-input-upload .em-uploader[data-disabled=disabled] .filepond--list.filepond--list, .em.pixelbones .em-input-upload.input .em-uploader[data-disabled=disabled] .filepond--list.filepond--list, .em-input-upload .em-uploader[data-disabled=disabled] .filepond--list.filepond--list { top: -8px !important; } .em .input .em-input-upload .filepond--file-info.has-thumbnail, .em.pixelbones .em-input-upload.input .filepond--file-info.has-thumbnail, .em-input-upload .filepond--file-info.has-thumbnail { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; } .em .input .em-input-upload .filepond--file-info.has-thumbnail .filepond--image-thumbnail, .em.pixelbones .em-input-upload.input .filepond--file-info.has-thumbnail .filepond--image-thumbnail, .em-input-upload .filepond--file-info.has-thumbnail .filepond--image-thumbnail { object-fit: cover; position: relative !important; display: block !important; } .em .input .em-input-upload .filepond--file-info.has-thumbnail .filepond--file-info-main-container, .em.pixelbones .em-input-upload.input .filepond--file-info.has-thumbnail .filepond--file-info-main-container, .em-input-upload .filepond--file-info.has-thumbnail .filepond--file-info-main-container { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; } .em .input .em-input-upload .filepond--file-info.has-icon, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon, .em-input-upload .filepond--file-info.has-icon { display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 10px; /* Define file type icons using SVG background images */ } .em .input .em-input-upload .filepond--file-info.has-icon .filepond--file-info-main-container, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .filepond--file-info-main-container, .em-input-upload .filepond--file-info.has-icon .filepond--file-info-main-container { display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; } .em .input .em-input-upload .filepond--file-info.has-icon .filepond--file-icon, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .filepond--file-icon, .em-input-upload .filepond--file-info.has-icon .filepond--file-icon { display: inline-block; width: 50px; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat; object-fit: cover; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 304 304"><path fill="%23e8e8e8" fill-rule="nonzero" d="M219.8 0h-187v303.2h237.5V50.5L219.8 0Z"/><path fill="%23a4a9ad" fill-rule="nonzero" d="M92.8 206.4h49.5v12.9H92.8v-12.9Zm0-24.7h107.5v12.9H92.8v-12.9Zm0-24.6h117.5V170H92.8v-12.9Zm0-24.7H175v12.9H92.8v-12.9Zm0-24.6h117.5v12.9H92.8v-12.9ZM227.6 25.3H32.8V0h187l7.8 25.3Z"/><path fill="%23d1d3d3" fill-rule="nonzero" d="M219.8 50.5h50.5L219.8 0v50.5Z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .filepond--file-icon.clickable, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .filepond--file-icon.clickable, .em-input-upload .filepond--file-info.has-icon .filepond--file-icon.clickable { cursor: zoom-in; pointer-events: auto; } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-pdf, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-pdf, .em-input-upload .filepond--file-info.has-icon .file-icon-type-pdf { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e8e8e8" d="M219.8 0h-187v303.2h237.5V50.5z"/><path fill="%23fb3449" d="M230 150c-3.6-6.6-16.2-8.6-22-9.5-4.5-.7-9.2-1-13.8-1-3.6 0-7.2.2-10.7.4l-3.9.3a139.7 139.7 0 0 1-23-34.9 121 121 0 0 0 3-16.4 68.8 68.8 0 0 0-2.2-32.3c-1.4-3.4-5-7.6-9.1-5.5-4.8 2.4-6.1 9.2-6.5 14-.3 3.8-.1 7.7.5 11.5a165.3 165.3 0 0 0 6.5 21c-.8 2.7-1.7 5.3-2.6 7.7-2.1 5.7-4.5 11-6.7 16.2L136 129c-3.6 7.9-7.4 15.6-11.8 23a129 129 0 0 0-26.9 12.6c-4 2.7-7.6 5.5-10.6 8.7-2.8 2.9-5.7 6.7-6 11a7 7 0 0 0 2.8 6.1c2.7 2 6.3 1.9 9.4 1.2 10.3-2.1 18.2-11 24.9-18.4 4.6-5 9.8-11.6 15.3-19.4a232.6 232.6 0 0 1 46-9.2 72 72 0 0 0 22.6 14.2c3.7 1.3 7.6 2.3 11.5 3l6 .3c4.7-.2 11.4-2 11.8-7.6.1-1.7-.2-3.2-1-4.6zm-110.9 10.2c-2.1 3.4-4.2 6.4-6.2 9-4.8 6.7-10.3 14.5-18.3 17.4-1.5.5-3.5 1.1-5.6 1-1.9-.1-3.7-1-3.7-3a9 9 0 0 1 1.5-4c.9-1.6 2-3 3.2-4.2 2.7-2.8 6-5.5 9.8-8 5.9-3.8 12.9-7.2 20.7-10.3l-1.4 2.1zM146.4 76a38.2 38.2 0 0 1 .7-15.5c.4-1.3 1.3-4.5 2.8-5 2.4-.7 3.2 4.6 3.5 6a66.1 66.1 0 0 1-2.7 29.9 121.2 121.2 0 0 1-4.3-15.4zm16.6 66.3c-9 1.4-17.8 3.4-26 5.7 1-.3 5.5-8.8 6.5-10.6 4.8-8.3 8.6-17 11.4-26.2a128 128 0 0 0 20.2 29.5c-4 .4-8.1 1-12 1.6zm61.8 11.7c-.3 1.8-4.2 2.8-6 3-5.3 1-11 .2-16-1.5a51.4 51.4 0 0 1-19-11.3 131.7 131.7 0 0 1 20.8.4 37 37 0 0 1 19 7.2c1 .8 1.3 1.5 1.2 2.2zM227.6 25.3H32.8V0h187z"/><g fill="%23a4a9ad"><path d="M126.8 241.2c0 5.3-1.5 9.5-4.7 12.4-3.2 2.9-7.7 4.4-13.5 4.4H105v15.9H92v-48h16.6c6 0 10.6 1.3 13.7 4 3 2.6 4.5 6.4 4.5 11.3zm-21.8 6.2h2.3c2 0 3.5-.6 4.7-1.7a6 6 0 0 0 1.7-4.5c0-3.2-1.8-4.8-5.4-4.8H105v11zM175.2 248.9c0 8-2.2 14.1-6.6 18.5s-10.6 6.5-18.6 6.5h-15.5v-48H151c7.7 0 13.6 2 17.8 5.9 4.2 4 6.3 9.6 6.3 17zm-13.4.4c0-4.4-1-7.6-2.6-9.8-1.8-2-4.4-3.1-8-3.1h-3.7v26.8h2.8c4 0 6.9-1.1 8.7-3.4 1.8-2.3 2.8-5.8 2.8-10.5zM196.6 273.9h-12.8v-48h28.4v10.4h-15.6v9.2H211v10.4h-14.4v18z"/></g><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-csv, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-csv, .em-input-upload .filepond--file-info.has-icon .file-icon-type-csv { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e4e4e4" d="M219.8 0h-187v303.2h237.5V50.5z"/><path fill="%23007a35" d="M227.6 25.3H32.8V0h187z"/><g fill="%23a4a9ad"><path d="M114.9 228a8 8 0 0 0-7 3.7 17.7 17.7 0 0 0-2.5 10c0 9 3.4 13.5 10.2 13.5 2 0 4-.3 6-.9l5.7-2v10.5a32.2 32.2 0 0 1-13 2.6c-7.1 0-12.5-2-16.2-6-3.7-4.2-5.6-10-5.6-17.7 0-4.8.9-9 2.7-12.7 1.8-3.6 4.4-6.4 7.8-8.4 3.4-2 7.4-2.9 12-2.9 5 0 9.8 1 14.4 3.3l-3.9 9.8a43 43 0 0 0-5.1-2 18 18 0 0 0-5.5-.8zM166.7 250.7a13.7 13.7 0 0 1-8.5 12.8c-2.7 1.3-6 1.9-9.7 1.9a28.9 28.9 0 0 1-14.3-3v-11a37.3 37.3 0 0 0 14.6 3.8c1.9 0 3.2-.3 4-1a3 3 0 0 0 .9-4.1 6 6 0 0 0-1.7-1.5l-6.2-3c-3-1.3-5.3-2.6-6.8-4s-2.6-2.7-3.4-4.4-1-3.6-1-6c0-4.2 1.5-7.5 4.6-10 3.1-2.3 7.4-3.5 12.8-3.5a36 36 0 0 1 14.7 3.3l-3.8 9.7c-4.3-2-8-3-11.2-3-1.7 0-2.9.3-3.6.9s-1.1 1.3-1.1 2.1c0 1 .5 1.7 1.4 2.5 1 .7 3.5 2 7.7 3.9 4 1.8 6.7 3.7 8.3 5.8 1.6 2 2.3 4.6 2.3 7.8zM200 218.4h14l-15.2 46.4H184L169 218.4h14l6.4 23.5c1.3 5.2 2 8.9 2.2 10.9a59 59 0 0 1 2-10.8l6.5-23.6z"/></g><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/><path fill="%23007a35" d="M135 80.3h33.3v15.4H135zM175.6 80.3h33.3v15.4h-33.3zM135 102.7h33.3v15.4H135zM175.6 102.7h33.3v15.4h-33.3zM135 125h33.3v15.4H135zM175.6 125h33.3v15.4h-33.3zM94.3 125h33.3v15.4H94.3zM135 147.3h33.3v15.4H135zM175.6 147.3h33.3v15.4h-33.3zM94.3 147.3h33.3v15.4H94.3zM127 116.2h-10l-6.2-10-6.2 10h-9.8l10.6-16.5-10-15.7h9.6l5.8 10 5.6-10h10L116 100.4l11 15.8z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-xls, .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-xlsx, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-xls, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-xlsx, .em-input-upload .filepond--file-info.has-icon .file-icon-type-xls, .em-input-upload .filepond--file-info.has-icon .file-icon-type-xlsx { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e8e8e8" d="M219.8 0h-187v303.2h237.5V50.5z"/><path fill="%23007934" d="M90.9 61.7h119.9v119.9H90.9z"/><path fill="%23fff" d="M101.3 72.1h99.1v99.1h-99.1z"/><path fill="%23007934" d="M192.6 137.4H162l9.1 11.3L162 160h30.6l-9-11.3z"/><path fill="%23007934" d="M183.9 97.9h-29.3l-6.5 8.1-6.5-8.1h-29.2l21.1 26.4-21.1 26.3h71.5l-21.1-26.3z"/><path fill="%23fff" d="M124.9 101.6h-4.2l36.2 45.3h4.3z"/><path fill="%23007934" d="M227.6 25.3H32.8V0h187z"/><g fill="%23a4a9ad"><path d="M136 273.9h-15l-9.4-15-9.2 15H87.7l16-24.6-15-23.4H103l8.7 14.8L120 226h14.8l-15.1 24.4L136 274zM141.4 273.9v-48h13v37.5h18.4v10.5h-31.4zM211.9 259.3a14.1 14.1 0 0 1-8.8 13.3c-2.9 1.3-6.2 2-10 2a30.2 30.2 0 0 1-14.8-3V260a38.6 38.6 0 0 0 15 4c2 0 3.4-.3 4.3-1a3 3 0 0 0 1.3-2.6c0-.6-.2-1.2-.5-1.7-.4-.5-1-1-1.8-1.5s-2.9-1.5-6.4-3a30.6 30.6 0 0 1-7-4.2 12.7 12.7 0 0 1-3.5-4.6c-.7-1.7-1.1-3.8-1.1-6.2 0-4.4 1.6-7.8 4.8-10.3 3.2-2.5 7.7-3.7 13.3-3.7 5 0 10 1.2 15.2 3.4l-4 10c-4.5-2-8.4-3-11.6-3-1.7 0-3 .3-3.7.9-.8.6-1.1 1.3-1.1 2.2 0 .9.4 1.7 1.4 2.5 1 .7 3.6 2 8 4a22 22 0 0 1 8.6 6 13 13 0 0 1 2.4 8.1z"/></g><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-doc, .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-docx, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-doc, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-docx, .em-input-upload .filepond--file-info.has-icon .file-icon-type-doc, .em-input-upload .filepond--file-info.has-icon .file-icon-type-docx { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e8e8e8" d="M219.8 0h-187v303.2h237.5V50.5z"/><path fill="%23004a94" d="M90.9 61.7h119.9v119.9H90.9z"/><path fill="%23fff" d="M101.3 72.1h99.1v99.1h-99.1z"/><path fill="%23004a94" d="m130 141.7 1.9-4.8 4.3-10.7 15.5-35.6h15.5v36.6c0 4.8-.4 9.6-1.2 14.5l6.1-16 14-35h17.8L174.7 158h-21.3v-28.6c0-4.8.2-9.8.6-15-1 4.1-2.8 9.5-5.5 16.1L137 158.1h-20l-2.3-67.5h17l-.4 33.8c-.2 8.2-.6 14-1.2 17.3zM227.6 25.3H32.8V0h187z"/><g fill="%23a4a9ad"><path d="M123.5 248.9c0 8-2.2 14.1-6.6 18.5s-10.6 6.5-18.6 6.5H82.8v-48h16.6c7.7 0 13.6 2 17.8 5.9 4.2 4 6.3 9.6 6.3 17zm-13.4.4c0-4.4-1-7.6-2.7-9.8-1.7-2-4.3-3.1-7.9-3.1h-3.8v26.8h3c3.9 0 6.8-1.1 8.6-3.4 1.8-2.3 2.8-5.8 2.8-10.5zM177 249.8c0 8-2 14.2-6 18.4-3.9 4.2-9.7 6.3-17.3 6.3-7.6 0-13.3-2-17.3-6.3-4-4.2-6-10.4-6-18.4 0-8 2-14.1 6-18.3 4-4.3 9.7-6.4 17.3-6.4 7.7 0 13.5 2.1 17.4 6.3 4 4.2 5.9 10.3 5.9 18.4zm-33 0c0 9.3 3.2 14 9.7 14 3.3 0 5.7-1.2 7.3-3.4 1.6-2.3 2.4-5.8 2.4-10.6s-.9-8.3-2.5-10.6c-1.6-2.3-4-3.4-7.2-3.4-6.5 0-9.7 4.7-9.7 14zM207 235.8c-3 0-5.5 1.3-7.2 3.8-1.7 2.6-2.6 6-2.6 10.5 0 9.2 3.5 13.8 10.6 13.8 2 0 4.1-.3 6.1-.9l6-2v10.9c-4 1.7-8.5 2.6-13.6 2.6-7.2 0-12.8-2-16.6-6.3-3.9-4.2-5.8-10.2-5.8-18.2 0-5 1-9.3 2.8-13s4.6-6.7 8-8.8c3.6-2 7.7-3 12.5-3 5.1 0 10.1 1.1 14.8 3.4l-4 10.2c-1.7-.8-3.5-1.5-5.3-2.1-1.7-.6-3.6-.9-5.7-.9z"/></g><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-ppt, .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-pptx, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-ppt, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-pptx, .em-input-upload .filepond--file-info.has-icon .file-icon-type-ppt, .em-input-upload .filepond--file-info.has-icon .file-icon-type-pptx { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e8e8e8" d="M219.8 0h-187v303.2h237.5V50.5z"/><path fill="%23ff671b" d="M90.9 61.7h119.9v119.9H90.9z"/><path fill="%23fff" d="M101.3 72.1h99.1v99.1h-99.1z"/><path fill="%23ff671b" d="M115.6 92.2h70.5v58.9h-70.5z"/><path fill="%23fff" d="M120.9 98.3h59.9v7.6h-59.9zM135.9 112.5a15 15 0 1 0 15 15h-15v-15zM157.9 113.6h22.9v4.4h-22.9zM157.9 123h22.9v4.4h-22.9zM157.9 132.4h22.9v4.4h-22.9z"/><path fill="%23ff671b" d="M227.6 25.3H32.8V0h187z"/><g fill="%23a4a9ad"><path d="M128.5 241.2a16 16 0 0 1-4.7 12.4c-3.2 2.9-7.7 4.4-13.5 4.4h-3.6v15.9h-13v-48h16.6c6 0 10.6 1.3 13.7 4 3 2.6 4.5 6.4 4.5 11.3zm-21.8 6.2h2.3c2 0 3.5-.6 4.7-1.7a6 6 0 0 0 1.7-4.5c0-3.2-1.8-4.8-5.4-4.8h-3.3v11zM171 241.2a16 16 0 0 1-4.7 12.4c-3.2 2.9-7.7 4.4-13.5 4.4H149v15.9h-13v-48h16.7c6 0 10.6 1.3 13.6 4 3 2.6 4.6 6.4 4.6 11.3zm-21.9 6.2h2.4c2 0 3.5-.6 4.6-1.7a6 6 0 0 0 1.8-4.5c0-3.2-1.8-4.8-5.4-4.8H149v11zM199.8 273.9h-13v-37.4h-11.7v-10.6h36.4v10.6h-11.7v37.4z"/></g><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-odt, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-odt, .em-input-upload .filepond--file-info.has-icon .file-icon-type-odt { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e8e8e8" d="M219.8 0h-187v303.2h237.5V50.5z"/><g fill="%2338a3ff"><path d="M92.8 166.4h49.5v12.9H92.8zM92.8 141.7h107.5v12.9H92.8zM92.8 117.1h117.6V130H92.8z"/></g><path fill="%2338a3ff" d="M117.7 104.2c-1.3 0-2.5-.7-3-2-2.4-6.3-8.1-6.9-11.3-6.7-5.4.4-9.6 3.2-10 5a3.1 3.1 0 0 1-6.2-1.6c1.3-5 8.1-9.2 15.8-9.7a18 18 0 0 1 11.9 3.2c1-4.2 3.5-7.7 7.1-10.2 5.8-4 13.7-4.7 19-1.5a3.1 3.1 0 1 1-3.1 5.4c-3.3-1.9-8.6-1.4-12.3 1.2-4.1 2.9-5.8 7.6-4.8 13.2a3.1 3.1 0 0 1-3.1 3.7zM118.6 79a2 2 0 0 1-1.9-1.3c-1.5-4-5-4.3-7-4.2-3.3.2-6 2-6.3 3.1a2 2 0 1 1-3.7-1c.8-3 5-5.7 9.8-6 2.8-.1 5.3.6 7.3 2a11 11 0 0 1 4.4-6.3c3.7-2.5 8.5-3 11.9-1a2 2 0 1 1-2 3.4c-2-1.2-5.3-.9-7.6.8-2.6 1.7-3.6 4.6-3 8.2a2 2 0 0 1-2 2.2z"/><g fill="%23a4a9ad"><path d="M129.6 249.8c0 8-2 14.2-6 18.4s-9.7 6.3-17.3 6.3c-7.5 0-13.3-2-17.3-6.3-4-4.2-6-10.4-6-18.5 0-8 2-14 6-18.2 4-4.3 9.7-6.4 17.4-6.4 7.6 0 13.4 2.1 17.3 6.3 4 4.2 6 10.3 6 18.4zm-33 0c0 9.3 3.2 14 9.7 14 3.3 0 5.7-1.2 7.3-3.5 1.6-2.2 2.4-5.7 2.4-10.5s-.8-8.3-2.4-10.6c-1.6-2.3-4-3.4-7.2-3.4-6.5 0-9.8 4.7-9.8 14zM179 248.9c0 8-2.2 14.1-6.6 18.5s-10.6 6.5-18.6 6.5h-15.5v-48h16.6a25 25 0 0 1 17.8 5.9c4.2 4 6.3 9.6 6.3 17zm-13.4.4c0-4.4-.9-7.6-2.6-9.8s-4.4-3.1-8-3.1h-3.7v26.8h2.8c4 0 6.9-1.1 8.7-3.4 1.8-2.3 2.8-5.8 2.8-10.5zM208.8 273.9h-13v-37.4h-11.7v-10.6h36.4v10.6h-11.7v37.4z"/></g><path fill="%2338a3ff" d="M227.6 25.3H32.8V0h187z"/><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-ods, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-ods, .em-input-upload .filepond--file-info.has-icon .file-icon-type-ods { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 304 304"><path fill="%23e4e4e4" fill-rule="nonzero" d="M219.8 0h-187v303.2h237.5V50.5L219.8 0Z"/><path fill="%233c7fbe" fill-rule="nonzero" d="M227.6 25.3H32.8V0h187l7.8 25.3Z"/><path fill="%23d1d3d3" fill-rule="nonzero" d="M219.8 50.5h50.5L219.8 0v50.5Z"/><path fill="%233c7fbe" fill-rule="nonzero" d="M135 80.3h33.3v15.4H135V80.3Zm40.6 0h33.3v15.4h-33.3V80.3ZM135 102.7h33.3v15.4H135v-15.4Zm40.6 0h33.3v15.4h-33.3v-15.4ZM135 125h33.3v15.4H135V125Zm40.6 0h33.3v15.4h-33.3V125Zm-81.3 0h33.3v15.4H94.3V125Zm40.7 22.3h33.3v15.4H135v-15.4Zm40.6 0h33.3v15.4h-33.3v-15.4Zm-81.3 0h33.3v15.4H94.3v-15.4Zm32.7-31.1h-10l-6.2-10-6.2 10h-9.8l10.6-16.5-10-15.7h9.6l5.8 10 5.6-10h10L116 100.4l11 15.8Z"/><g fill="%23a4a9ad" fill-rule="nonzero"><path d="M92.5 241.6c0-7.5 1.8-13.4 5.3-17.6 3.5-4.2 8.4-6.3 14.7-6.3 6.4 0 11.4 2 14.8 6.2a26 26 0 0 1 5.3 17.3c0 5.4-.8 9.8-2.3 13.3a18.3 18.3 0 0 1-6.6 8 19 19 0 0 1-10.8 3c-4.3 0-8-.9-10.8-2.6a18 18 0 0 1-7-7.8c-1.7-3.6-2.6-8.1-2.6-13.5Zm12 0c0 4.7.7 8 2.1 10.1 1.5 2 3.4 3 6 3 2.5 0 4.5-1 5.9-3 1.4-2 2.1-5.5 2.1-10.7 0-4.3-.7-7.5-2.2-9.5a7 7 0 0 0-6-3c-2.4 0-4.3 1-5.8 3-1.4 2-2.2 5.5-2.2 10.2ZM139.2 218.5h17.7c3.5 0 6.3.6 8.5 1.7 2.1 1.1 4 2.7 5.3 4.9a22 22 0 0 1 3 7.4c.7 2.8 1 5.8 1 9 0 4.8-.4 8.7-1.4 11.4-1 2.7-2.2 5-3.9 6.8-1.7 1.9-3.5 3-5.4 3.7-2.6.8-5 1.2-7.1 1.2h-17.7v-46.1Zm11.9 10.4v25.3h3c2.4 0 4.2-.4 5.3-1 1-.7 1.8-1.8 2.4-3.5.6-1.6 1-4.3 1-8 0-4.9-.7-8.2-2-10-1.4-1.9-3.6-2.8-6.7-2.8h-3ZM179 249.4l11.3-.9c.2 2.2.7 4 1.5 5a6 6 0 0 0 5.3 2.9c1.7 0 3-.5 4-1.5a4.6 4.6 0 0 0 0-6.5c-.9-1-3-1.8-6.1-2.7-5.3-1.4-9-3.3-11.3-5.6a12.3 12.3 0 0 1-3.3-8.9c0-2.4.5-4.6 1.7-6.7 1.2-2.1 2.9-3.8 5.2-5 2.3-1.2 5.5-1.8 9.5-1.8 5 0 8.7 1.1 11.3 3.3 2.6 2.2 4.1 5.7 4.6 10.5l-11.2.7c-.3-2-1-3.5-2-4.5-.9-1-2.2-1.4-3.9-1.4-1.4 0-2.4.3-3.1 1-.7.8-1 1.6-1 2.6 0 .8.2 1.4.8 2 .6.6 1.9 1.2 4 1.7 5.2 1.3 9 2.7 11.2 4 2.3 1.5 4 3.2 5 5.2s1.5 4.3 1.5 6.8c0 3-.7 5.7-2 8.2a13.7 13.7 0 0 1-5.8 5.7 20 20 0 0 1-9.3 2c-6.6 0-11.1-1.6-13.7-4.6-2.5-3-4-6.9-4.3-11.5Z"/></g></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-odp, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-odp, .em-input-upload .filepond--file-info.has-icon .file-icon-type-odp { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 304 304"><path fill="%23e8e8e8" fill-rule="nonzero" d="M219.8 0h-187v303.2h237.5V50.5L219.8 0Z"/><path fill="%231a90ff" fill-rule="nonzero" d="M90.9 61.7h119.9v119.9H90.9z"/><path fill="%23fff" fill-rule="nonzero" d="M101.3 72.1h99.1v99.1h-99.1z"/><path fill="%231a90ff" fill-rule="nonzero" d="M115.6 92.2h70.5v58.9h-70.5z"/><path fill="%23fff" fill-rule="nonzero" d="M120.9 98.3h59.9v7.6h-59.9v-7.6Zm15 14.2a15 15 0 0 0-15 15 15 15 0 0 0 15 15 15 15 0 0 0 15-15h-15v-15Zm22 1.1h22.9v4.4h-22.9v-4.4Zm0 9.4h22.9v4.4h-22.9V123Zm0 9.4h22.9v4.4h-22.9v-4.4Z"/><path fill="%231a90ff" fill-rule="nonzero" d="M227.6 25.3H32.8V0h187l7.8 25.3Z"/><g fill="%23a4a9ad" fill-rule="nonzero"><path d="M93.7 250c0-7.6 1.7-13.5 5.1-17.8 3.4-4.2 8.2-6.3 14.3-6.3 6.2 0 11 2 14.4 6.2 3.4 4.2 5.1 10 5.1 17.5 0 5.4-.7 9.8-2.2 13.3a18.3 18.3 0 0 1-6.4 8.1 18 18 0 0 1-10.4 2.9c-4.3 0-7.8-.8-10.6-2.5-2.7-1.7-5-4.3-6.7-8a31.4 31.4 0 0 1-2.6-13.5Zm11.6 0c0 4.7.7 8 2.1 10 1.4 2.1 3.3 3.2 5.8 3.2s4.4-1 5.8-3c1.3-2 2-5.6 2-10.8 0-4.4-.7-7.6-2.1-9.6-1.5-2-3.4-3-5.8-3s-4.2 1-5.7 3c-1.4 2-2 5.5-2 10.2ZM139 226.7h17.3c3.4 0 6.1.6 8.2 1.7 2 1.1 3.8 2.8 5.2 5 1.4 2 2.3 4.5 3 7.3.6 2.9.9 5.9.9 9 0 5-.5 8.8-1.4 11.6-.9 2.7-2.2 5-3.8 6.9a12 12 0 0 1-5.2 3.6c-2.6.9-4.9 1.3-7 1.3H139v-46.4Zm11.6 10.5v25.4h2.9c2.4 0 4.1-.4 5.1-1 1-.7 1.9-1.9 2.5-3.5.5-1.7.8-4.4.8-8 0-5-.6-8.4-2-10.2-1.2-1.8-3.4-2.7-6.4-2.7h-2.9ZM179.6 226.7H199c4.2 0 7.4 1.2 9.5 3.7 2 2.5 3.1 6 3.1 10.5 0 4.7-1.1 8.4-3.4 11-2.3 2.7-5.8 4-10.5 4h-6.3V273h-11.7v-46.4Zm11.7 19.8h2.8c2.3 0 3.8-.5 4.7-1.5 1-1 1.4-2.2 1.4-3.6 0-1.5-.4-2.7-1.2-3.8-.8-1-2.2-1.5-4.4-1.5h-3.3v10.4Z"/></g><path fill="%23d1d3d3" fill-rule="nonzero" d="M219.8 50.5h50.5L219.8 0v50.5Z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-txt, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-txt, .em-input-upload .filepond--file-info.has-icon .file-icon-type-txt { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e8e8e8" d="M219.8 0h-187v303.2h237.5V50.5z"/><g fill="%23d1d3d3"><path d="M92.8 166.4h49.5v12.9H92.8zM92.8 141.7h107.5v12.9H92.8zM92.8 117.1h117.6V130H92.8zM92.8 92.4H175v12.9H92.8zM92.8 67.8h117.6v12.9H92.8z"/></g><g fill="%23a4a9ad"><path d="M113.2 273.9h-13v-37.4H88.5v-10.6H125v10.6h-11.7v37.4zM175 273.9h-15l-9.4-15-9.3 15h-14.6l15.9-24.6-15-23.4H142l8.7 14.8L159 226h14.8l-15.2 24.4L175 274zM201.5 273.9h-13v-37.4h-11.7v-10.6h36.4v10.6h-11.7v37.4z"/></g><path fill="%23a4a9ad" d="M227.6 25.3H32.8V0h187z"/><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/></svg>'); } .em .input .em-input-upload .filepond--file-info.has-icon .file-icon-type-rtf, .em.pixelbones .em-input-upload.input .filepond--file-info.has-icon .file-icon-type-rtf, .em-input-upload .filepond--file-info.has-icon .file-icon-type-rtf { background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 303.2 303.2"><path fill="%23e8e8e8" d="M219.8 0h-187v303.2h237.5V50.5z"/><g fill="%23a4a9ad"><path d="M92.8 166.4h49.5v12.9H92.8zM92.8 141.7h107.5v12.9H92.8zM92.8 117.1h117.5V130H92.8zM92.8 92.4H175v12.9H92.8zM92.8 67.8h117.5v12.9H92.8z"/></g><g fill="%23a4a9ad"><path d="M108.3 256.4V274h-13v-48H111c13 0 19.6 4.7 19.6 14.2 0 5.5-2.7 9.8-8.1 12.9l14 20.9h-14.8l-10.1-17.5h-3.3zm0-9.7h2.4c4.5 0 6.8-2 6.8-6 0-3.3-2.2-5-6.7-5h-2.5v11zM162 273.9h-13v-37.4h-11.7v-10.6h36.4v10.6H162v37.4zM193.3 273.9h-12.8v-48H209v10.4h-15.6v9.2h14.4v10.4h-14.4v18z"/></g><path fill="%23a4a9ad" d="M227.6 25.3H32.8V0h187z"/><path fill="%23d1d3d3" d="M219.8 50.5h50.5L219.8 0z"/></svg>'); } .em .input .em-input-upload .filepond--assistant, .em.pixelbones .em-input-upload.input .filepond--assistant, .em-input-upload .filepond--assistant { position: absolute !important; overflow: hidden !important; height: 1px !important; width: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap; } .em .input .em-input-upload .filepond--browser.filepond--browser, .em.pixelbones .em-input-upload.input .filepond--browser.filepond--browser, .em-input-upload .filepond--browser.filepond--browser { /* is positioned absolute so it is focusable for form validation errors */ position: absolute !important; margin: 0 !important; padding: 0 !important; /* is positioned ~behind drop label */ left: 1em !important; top: 1.75em !important; width: calc(100% - 2em) !important; /* hide visually */ opacity: 0 !important; font-size: 0 !important; /* removes text cursor in Internet Explorer 11 */ } .em .input .em-input-upload .filepond--data, .em.pixelbones .em-input-upload.input .filepond--data, .em-input-upload .filepond--data { position: absolute !important; width: 0 !important; height: 0 !important; padding: 0 !important; margin: 0 !important; border: none !important; visibility: hidden !important; pointer-events: none !important; contain: strict; } .em .input .em-input-upload .filepond--drip, .em.pixelbones .em-input-upload.input .filepond--drip, .em-input-upload .filepond--drip { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; overflow: hidden !important; opacity: 0.1 !important; /* can't interact with this element */ pointer-events: none !important; /* inherit border radius from parent (needed for drip-blob cut of) */ border-radius: 0.5em !important; /* this seems to prevent Chrome from redrawing this layer constantly */ background: rgba(0, 0, 0, 0.01) !important; } .em .input .em-input-upload .filepond--drip-blob, .em.pixelbones .em-input-upload.input .filepond--drip-blob, .em-input-upload .filepond--drip-blob { position: absolute !important; -webkit-transform-origin: center center !important; transform-origin: center center !important; top: 0 !important; left: 0 !important; width: 8em !important; height: 8em !important; margin-left: -4em !important; margin-top: -4em !important; background: #292625 !important; border-radius: 50% !important; /* will be animated */ will-change: transform, opacity !important; } .em .input .em-input-upload .filepond--drop-label, .em.pixelbones .em-input-upload.input .filepond--drop-label, .em-input-upload .filepond--drop-label { position: absolute !important; left: 0 !important; right: 0 !important; top: 0 !important; margin: 0 !important; color: #4f4f4f !important; /* center contents */ display: flex; justify-content: center; align-items: center; /* fixes IE11 centering problems (is overruled by label min-height) */ height: 0px !important; /* dont allow selection */ -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; /* will be animated */ will-change: transform, opacity !important; } .em .input .em-input-upload .filepond--drop-label.filepond--drop-label label, .em.pixelbones .em-input-upload.input .filepond--drop-label.filepond--drop-label label, .em-input-upload .filepond--drop-label.filepond--drop-label label { display: block !important; margin: 0 !important; padding: 0.5em; /* use padding instead of margin so click area is not impacted */ } .em .input .em-input-upload .filepond--drop-label label, .em.pixelbones .em-input-upload.input .filepond--drop-label label, .em-input-upload .filepond--drop-label label { cursor: default !important; font-size: 0.875em !important; font-weight: normal !important; text-align: center !important; line-height: 1.5 !important; } .em .input .em-input-upload .filepond--label-action, .em.pixelbones .em-input-upload.input .filepond--label-action, .em-input-upload .filepond--label-action { text-decoration: underline !important; -webkit-text-decoration-skip: ink !important; text-decoration-skip-ink: auto !important; -webkit-text-decoration-color: #a7a4a4 !important; text-decoration-color: #a7a4a4 !important; cursor: pointer !important; } .em .input .em-input-upload .filepond--root[data-disabled] .filepond--drop-label label, .em.pixelbones .em-input-upload.input .filepond--root[data-disabled] .filepond--drop-label label, .em-input-upload .filepond--root[data-disabled] .filepond--drop-label label { opacity: 0.5 !important; } .em .input .em-input-upload .filepond--file-action-button.filepond--file-action-button, .em.pixelbones .em-input-upload.input .filepond--file-action-button.filepond--file-action-button, .em-input-upload .filepond--file-action-button.filepond--file-action-button { font-size: 1em !important; width: 1.625em !important; height: 1.625em !important; font-family: inherit !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; border: none !important; outline: none; will-change: transform, opacity; /* hidden label */ } .em .input .em-input-upload .filepond--file-action-button.filepond--file-action-button span, .em.pixelbones .em-input-upload.input .filepond--file-action-button.filepond--file-action-button span, .em-input-upload .filepond--file-action-button.filepond--file-action-button span { position: absolute !important; overflow: hidden !important; height: 1px !important; width: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); white-space: nowrap !important; } .em .input .em-input-upload .filepond--file-action-button.filepond--file-action-button, .em.pixelbones .em-input-upload.input .filepond--file-action-button.filepond--file-action-button, .em-input-upload .filepond--file-action-button.filepond--file-action-button { /* scale SVG to fill button */ } .em .input .em-input-upload .filepond--file-action-button.filepond--file-action-button svg, .em.pixelbones .em-input-upload.input .filepond--file-action-button.filepond--file-action-button svg, .em-input-upload .filepond--file-action-button.filepond--file-action-button svg { width: 100% !important; height: 100% !important; } .em .input .em-input-upload .filepond--file-action-button.filepond--file-action-button, .em.pixelbones .em-input-upload.input .filepond--file-action-button.filepond--file-action-button, .em-input-upload .filepond--file-action-button.filepond--file-action-button { /* bigger touch area */ } .em .input .em-input-upload .filepond--file-action-button.filepond--file-action-button::after, .em.pixelbones .em-input-upload.input .filepond--file-action-button.filepond--file-action-button::after, .em-input-upload .filepond--file-action-button.filepond--file-action-button::after { position: absolute !important; left: -0.75em !important; right: -0.75em !important; top: -0.75em !important; bottom: -0.75em !important; content: "" !important; } .em .input .em-input-upload .filepond--file-action-button, .em.pixelbones .em-input-upload.input .filepond--file-action-button, .em-input-upload .filepond--file-action-button { /* use default arrow cursor */ cursor: auto !important; /* reset default button styles */ color: #fff !important; /* set default look n feel */ border-radius: 50% !important; background-color: rgba(0, 0, 0, 0.5) !important; background-image: none !important; /* we animate box shadow on focus */ /* it's only slightly slower than animating */ /* a pseudo-element with transforms and renders */ /* a lot better on chrome */ box-shadow: 0 0 0 0 rgba(255, 255, 255, 0) !important; transition: box-shadow 0.25s ease-in; } .em .input .em-input-upload .filepond--file-action-button:hover, .em .input .em-input-upload .filepond--file-action-button:focus, .em.pixelbones .em-input-upload.input .filepond--file-action-button:hover, .em.pixelbones .em-input-upload.input .filepond--file-action-button:focus, .em-input-upload .filepond--file-action-button:hover, .em-input-upload .filepond--file-action-button:focus { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.9) !important; } .em .input .em-input-upload .filepond--file-action-button[disabled], .em.pixelbones .em-input-upload.input .filepond--file-action-button[disabled], .em-input-upload .filepond--file-action-button[disabled] { color: rgba(255, 255, 255, 0.5) !important; background-color: rgba(0, 0, 0, 0.25) !important; } .em .input .em-input-upload .filepond--file-action-button[hidden], .em.pixelbones .em-input-upload.input .filepond--file-action-button[hidden], .em-input-upload .filepond--file-action-button[hidden] { display: none !important; } .em .input .em-input-upload .filepond--action-edit-item.filepond--action-edit-item, .em.pixelbones .em-input-upload.input .filepond--action-edit-item.filepond--action-edit-item, .em-input-upload .filepond--action-edit-item.filepond--action-edit-item { width: 2em !important; height: 2em !important; padding: 0.1875em !important; } .em .input .em-input-upload .filepond--action-edit-item.filepond--action-edit-item[data-align*=center], .em.pixelbones .em-input-upload.input .filepond--action-edit-item.filepond--action-edit-item[data-align*=center], .em-input-upload .filepond--action-edit-item.filepond--action-edit-item[data-align*=center] { margin-left: -0.1875em !important; } .em .input .em-input-upload .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom], .em.pixelbones .em-input-upload.input .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom], .em-input-upload .filepond--action-edit-item.filepond--action-edit-item[data-align*=bottom] { margin-bottom: -0.1875em !important; } .em .input .em-input-upload .filepond--action-edit-item-alt, .em.pixelbones .em-input-upload.input .filepond--action-edit-item-alt, .em-input-upload .filepond--action-edit-item-alt { border: none !important; line-height: inherit !important; background: transparent !important; font-family: inherit !important; color: inherit !important; outline: none !important; padding: 0 !important; margin: 0 0 0 0.25em !important; pointer-events: all !important; position: absolute !important; } .em .input .em-input-upload .filepond--action-edit-item-alt svg, .em.pixelbones .em-input-upload.input .filepond--action-edit-item-alt svg, .em-input-upload .filepond--action-edit-item-alt svg { width: 1.3125em !important; height: 1.3125em !important; } .em .input .em-input-upload .filepond--action-edit-item-alt span, .em.pixelbones .em-input-upload.input .filepond--action-edit-item-alt span, .em-input-upload .filepond--action-edit-item-alt span { font-size: 0 !important; opacity: 0 !important; } .em .input .em-input-upload .filepond--file-info, .em.pixelbones .em-input-upload.input .filepond--file-info, .em-input-upload .filepond--file-info { position: static; display: flex; flex-direction: column; align-items: flex-start; flex: 1; margin: 0 0.5em 0 0; min-width: 0; /* will be animated */ will-change: transform, opacity; /* can't do anything with this info */ pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* no margins on children */ } .em .input .em-input-upload .filepond--file-info *, .em.pixelbones .em-input-upload.input .filepond--file-info *, .em-input-upload .filepond--file-info * { margin: 0; } .em .input .em-input-upload .filepond--file-info, .em.pixelbones .em-input-upload.input .filepond--file-info, .em-input-upload .filepond--file-info { /* we don't want to have these overrules so these selectors are a bit more specific */ } .em .input .em-input-upload .filepond--file-info .filepond--file-info-main, .em.pixelbones .em-input-upload.input .filepond--file-info .filepond--file-info-main, .em-input-upload .filepond--file-info .filepond--file-info-main { font-size: 0.75em !important; line-height: 1.2 !important; /* we want ellipsis if this bar gets too wide */ text-overflow: ellipsis !important; overflow: hidden !important; white-space: nowrap !important; width: 100% !important; } .em .input .em-input-upload .filepond--file-info .filepond--file-info-sub, .em.pixelbones .em-input-upload.input .filepond--file-info .filepond--file-info-sub, .em-input-upload .filepond--file-info .filepond--file-info-sub { font-size: 0.625em !important; opacity: 0.5 !important; transition: opacity 0.25s ease-in-out !important; white-space: nowrap !important; } .em .input .em-input-upload .filepond--file-info .filepond--file-info-sub:empty, .em.pixelbones .em-input-upload.input .filepond--file-info .filepond--file-info-sub:empty, .em-input-upload .filepond--file-info .filepond--file-info-sub:empty { display: none !important; } .em .input .em-input-upload .filepond--file-status, .em.pixelbones .em-input-upload.input .filepond--file-status, .em-input-upload .filepond--file-status { position: static !important; display: flex !important; flex-direction: column !important; align-items: flex-end !important; flex-grow: 0 !important; flex-shrink: 0 !important; margin: 0 !important; min-width: 2.25em !important; text-align: right !important; /* will be animated */ will-change: transform, opacity !important; /* can't do anything with this info */ pointer-events: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; /* no margins on children */ } .em .input .em-input-upload .filepond--file-status *, .em.pixelbones .em-input-upload.input .filepond--file-status *, .em-input-upload .filepond--file-status * { margin: 0 !important; white-space: nowrap !important; } .em .input .em-input-upload .filepond--file-status, .em.pixelbones .em-input-upload.input .filepond--file-status, .em-input-upload .filepond--file-status { /* font sizes */ } .em .input .em-input-upload .filepond--file-status .filepond--file-status-main, .em.pixelbones .em-input-upload.input .filepond--file-status .filepond--file-status-main, .em-input-upload .filepond--file-status .filepond--file-status-main { font-size: 0.75em !important; line-height: 1.2 !important; } .em .input .em-input-upload .filepond--file-status .filepond--file-status-sub, .em.pixelbones .em-input-upload.input .filepond--file-status .filepond--file-status-sub, .em-input-upload .filepond--file-status .filepond--file-status-sub { font-size: 0.625em !important; opacity: 0.5 !important; transition: opacity 0.25s ease-in-out !important; } .em .input .em-input-upload .filepond--file-wrapper.filepond--file-wrapper, .em.pixelbones .em-input-upload.input .filepond--file-wrapper.filepond--file-wrapper, .em-input-upload .filepond--file-wrapper.filepond--file-wrapper { border: none !important; margin: 0 !important; padding: 0 !important; min-width: 0 !important; height: 100% !important; /* hide legend for visual users */ } .em .input .em-input-upload .filepond--file-wrapper.filepond--file-wrapper > legend, .em.pixelbones .em-input-upload.input .filepond--file-wrapper.filepond--file-wrapper > legend, .em-input-upload .filepond--file-wrapper.filepond--file-wrapper > legend { position: absolute !important; overflow: hidden !important; height: 1px !important; width: 1px !important; padding: 0 !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } .em .input .em-input-upload .filepond--file, .em.pixelbones .em-input-upload.input .filepond--file, .em-input-upload .filepond--file { position: static !important; display: flex !important; height: 100% !important; align-items: flex-start !important; padding: 0.5625em 0.5625em !important; color: #fff !important; border-radius: 0.5em !important; /* control positions */ } .em .input .em-input-upload .filepond--file .filepond--file-status, .em.pixelbones .em-input-upload.input .filepond--file .filepond--file-status, .em-input-upload .filepond--file .filepond--file-status { margin-left: auto !important; margin-right: 2.25em !important; } .em .input .em-input-upload .filepond--file .filepond--processing-complete-indicator, .em.pixelbones .em-input-upload.input .filepond--file .filepond--processing-complete-indicator, .em-input-upload .filepond--file .filepond--processing-complete-indicator { pointer-events: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; z-index: 3 !important; } .em .input .em-input-upload .filepond--file .filepond--processing-complete-indicator, .em .input .em-input-upload .filepond--file .filepond--progress-indicator, .em .input .em-input-upload .filepond--file .filepond--file-action-button, .em.pixelbones .em-input-upload.input .filepond--file .filepond--processing-complete-indicator, .em.pixelbones .em-input-upload.input .filepond--file .filepond--progress-indicator, .em.pixelbones .em-input-upload.input .filepond--file .filepond--file-action-button, .em-input-upload .filepond--file .filepond--processing-complete-indicator, .em-input-upload .filepond--file .filepond--progress-indicator, .em-input-upload .filepond--file .filepond--file-action-button { position: absolute !important; } .em .input .em-input-upload .filepond--file, .em.pixelbones .em-input-upload.input .filepond--file, .em-input-upload .filepond--file { /* .filepond--file-action-button */ } .em .input .em-input-upload .filepond--file [data-align*=left], .em.pixelbones .em-input-upload.input .filepond--file [data-align*=left], .em-input-upload .filepond--file [data-align*=left] { left: 0.5625em !important; } .em .input .em-input-upload .filepond--file [data-align*=right], .em.pixelbones .em-input-upload.input .filepond--file [data-align*=right], .em-input-upload .filepond--file [data-align*=right] { right: 0.5625em !important; } .em .input .em-input-upload .filepond--file [data-align*=center], .em.pixelbones .em-input-upload.input .filepond--file [data-align*=center], .em-input-upload .filepond--file [data-align*=center] { left: calc(50% - 0.8125em); /* .8125 is half of button width */ } .em .input .em-input-upload .filepond--file [data-align*=bottom], .em.pixelbones .em-input-upload.input .filepond--file [data-align*=bottom], .em-input-upload .filepond--file [data-align*=bottom] { bottom: 1.125em !important; } .em .input .em-input-upload .filepond--file [data-align=center], .em.pixelbones .em-input-upload.input .filepond--file [data-align=center], .em-input-upload .filepond--file [data-align=center] { top: calc(50% - 0.8125em) !important; } .em .input .em-input-upload .filepond--file .filepond--progress-indicator, .em.pixelbones .em-input-upload.input .filepond--file .filepond--progress-indicator, .em-input-upload .filepond--file .filepond--progress-indicator { margin-top: 0.1875em !important; } .em .input .em-input-upload .filepond--file .filepond--progress-indicator[data-align*=right], .em.pixelbones .em-input-upload.input .filepond--file .filepond--progress-indicator[data-align*=right], .em-input-upload .filepond--file .filepond--progress-indicator[data-align*=right] { margin-right: 0.1875em !important; } .em .input .em-input-upload .filepond--file .filepond--progress-indicator[data-align*=left], .em.pixelbones .em-input-upload.input .filepond--file .filepond--progress-indicator[data-align*=left], .em-input-upload .filepond--file .filepond--progress-indicator[data-align*=left] { margin-left: 0.1875em !important; } .em .input .em-input-upload [data-filepond-item-state=cancelled] .filepond--file-info, .em .input .em-input-upload [data-filepond-item-state*=invalid] .filepond--file-info, .em .input .em-input-upload [data-filepond-item-state*=error] .filepond--file-info, .em.pixelbones .em-input-upload.input [data-filepond-item-state=cancelled] .filepond--file-info, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=invalid] .filepond--file-info, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=error] .filepond--file-info, .em-input-upload [data-filepond-item-state=cancelled] .filepond--file-info, .em-input-upload [data-filepond-item-state*=invalid] .filepond--file-info, .em-input-upload [data-filepond-item-state*=error] .filepond--file-info { margin-right: 2.25em !important; } .em .input .em-input-upload [data-filepond-item-state~=processing] .filepond--file-status-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state~=processing] .filepond--file-status-sub, .em-input-upload [data-filepond-item-state~=processing] .filepond--file-status-sub { opacity: 0 !important; } .em .input .em-input-upload [data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub, .em-input-upload [data-filepond-item-state~=processing] .filepond--action-abort-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5 !important; } .em .input .em-input-upload [data-filepond-item-state=processing-error] .filepond--file-status-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-error] .filepond--file-status-sub, .em-input-upload [data-filepond-item-state=processing-error] .filepond--file-status-sub { opacity: 0 !important; } .em .input .em-input-upload [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub, .em-input-upload [data-filepond-item-state=processing-error] .filepond--action-retry-item-processing ~ .filepond--file-status .filepond--file-status-sub { opacity: 0.5 !important; } .em .input .em-input-upload [data-filepond-item-state=processing-complete], .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete], .em-input-upload [data-filepond-item-state=processing-complete] { /* busy state */ } .em .input .em-input-upload [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg, .em-input-upload [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing svg { -webkit-animation: fall 0.5s 0.125s linear both !important; animation: fall 0.5s 0.125s linear both !important; } .em .input .em-input-upload [data-filepond-item-state=processing-complete], .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete], .em-input-upload [data-filepond-item-state=processing-complete] { /* hide details by default, only show when can revert */ } .em .input .em-input-upload [data-filepond-item-state=processing-complete] .filepond--file-status-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete] .filepond--file-status-sub, .em-input-upload [data-filepond-item-state=processing-complete] .filepond--file-status-sub { opacity: 0.5 !important; } .em .input .em-input-upload [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub, .em-input-upload [data-filepond-item-state=processing-complete] .filepond--processing-complete-indicator:not([style*=hidden]) ~ .filepond--file-status .filepond--file-status-sub { opacity: 0 !important; } .em .input .em-input-upload [data-filepond-item-state=processing-complete] .filepond--file-info-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete] .filepond--file-info-sub, .em-input-upload [data-filepond-item-state=processing-complete] .filepond--file-info-sub { opacity: 0 !important; } .em .input .em-input-upload [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub, .em-input-upload [data-filepond-item-state=processing-complete] .filepond--action-revert-item-processing ~ .filepond--file-info .filepond--file-info-sub { opacity: 0.5 !important; } .em .input .em-input-upload [data-filepond-item-state*=invalid] .filepond--panel, .em .input .em-input-upload [data-filepond-item-state*=invalid] .filepond--file-wrapper, .em .input .em-input-upload [data-filepond-item-state*=error] .filepond--panel, .em .input .em-input-upload [data-filepond-item-state*=error] .filepond--file-wrapper, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=invalid] .filepond--panel, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=invalid] .filepond--file-wrapper, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=error] .filepond--panel, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=error] .filepond--file-wrapper, .em-input-upload [data-filepond-item-state*=invalid] .filepond--panel, .em-input-upload [data-filepond-item-state*=invalid] .filepond--file-wrapper, .em-input-upload [data-filepond-item-state*=error] .filepond--panel, .em-input-upload [data-filepond-item-state*=error] .filepond--file-wrapper { -webkit-animation: shake 0.65s linear both !important; animation: shake 0.65s linear both !important; } .em .input .em-input-upload [data-filepond-item-state*=busy] .filepond--progress-indicator svg, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=busy] .filepond--progress-indicator svg, .em-input-upload [data-filepond-item-state*=busy] .filepond--progress-indicator svg { -webkit-animation: spin 1s linear infinite !important; animation: spin 1s linear infinite !important; } @-webkit-keyframes spin { 0% { -webkit-transform: rotateZ(0deg) !important; transform: rotateZ(0deg) !important; } 100% { -webkit-transform: rotateZ(360deg) !important; transform: rotateZ(360deg) !important; } } @keyframes spin { 0% { -webkit-transform: rotateZ(0deg) !important; transform: rotateZ(0deg) !important; } 100% { -webkit-transform: rotateZ(360deg) !important; transform: rotateZ(360deg) !important; } } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translateX(-0.0625em) !important; transform: translateX(-0.0625em) !important; } 20%, 80% { -webkit-transform: translateX(0.125em) !important; transform: translateX(0.125em) !important; } 30%, 50%, 70% { -webkit-transform: translateX(-0.25em) !important; transform: translateX(-0.25em) !important; } 40%, 60% { -webkit-transform: translateX(0.25em) !important; transform: translateX(0.25em) !important; } } @keyframes shake { 10%, 90% { -webkit-transform: translateX(-0.0625em) !important; transform: translateX(-0.0625em) !important; } 20%, 80% { -webkit-transform: translateX(0.125em) !important; transform: translateX(0.125em) !important; } 30%, 50%, 70% { -webkit-transform: translateX(-0.25em) !important; transform: translateX(-0.25em) !important; } 40%, 60% { -webkit-transform: translateX(0.25em) !important; transform: translateX(0.25em) !important; } } @-webkit-keyframes fall { 0% { opacity: 0 !important; -webkit-transform: scale(0.5) !important; transform: scale(0.5) !important; -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } 70% { opacity: 1 !important; -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } 100% { -webkit-transform: scale(1) !important; transform: scale(1) !important; -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } } @keyframes fall { 0% { opacity: 0 !important; -webkit-transform: scale(0.5) !important; transform: scale(0.5) !important; -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } 70% { opacity: 1 !important; -webkit-transform: scale(1.1) !important; transform: scale(1.1) !important; -webkit-animation-timing-function: ease-in-out !important; animation-timing-function: ease-in-out !important; } 100% { -webkit-transform: scale(1) !important; transform: scale(1) !important; -webkit-animation-timing-function: ease-out !important; animation-timing-function: ease-out !important; } } .em .input .em-input-upload .filepond--hopper[data-hopper-state=drag-over] > *, .em.pixelbones .em-input-upload.input .filepond--hopper[data-hopper-state=drag-over] > *, .em-input-upload .filepond--hopper[data-hopper-state=drag-over] > * { pointer-events: none !important; } .em .input .em-input-upload .filepond--hopper[data-hopper-state=drag-over]::after, .em.pixelbones .em-input-upload.input .filepond--hopper[data-hopper-state=drag-over]::after, .em-input-upload .filepond--hopper[data-hopper-state=drag-over]::after { content: "" !important; position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 100 !important; } .em .input .em-input-upload .filepond--progress-indicator, .em.pixelbones .em-input-upload.input .filepond--progress-indicator, .em-input-upload .filepond--progress-indicator { z-index: 103 !important; } .em .input .em-input-upload .filepond--file-action-button, .em.pixelbones .em-input-upload.input .filepond--file-action-button, .em-input-upload .filepond--file-action-button { z-index: 102 !important; } .em .input .em-input-upload .filepond--file-status, .em.pixelbones .em-input-upload.input .filepond--file-status, .em-input-upload .filepond--file-status { z-index: 101 !important; } .em .input .em-input-upload .filepond--file-info, .em.pixelbones .em-input-upload.input .filepond--file-info, .em-input-upload .filepond--file-info { z-index: 100 !important; } .em .input .em-input-upload .filepond--item, .em.pixelbones .em-input-upload.input .filepond--item, .em-input-upload .filepond--item { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; z-index: 1 !important; padding: 0 !important; margin: 0.25em !important; will-change: transform, opacity !important; touch-action: auto !important; /* item children order */ } .em .input .em-input-upload .filepond--item > .filepond--panel, .em.pixelbones .em-input-upload.input .filepond--item > .filepond--panel, .em-input-upload .filepond--item > .filepond--panel { z-index: -1 !important; } .em .input .em-input-upload .filepond--item > .filepond--panel .filepond--panel-bottom, .em.pixelbones .em-input-upload.input .filepond--item > .filepond--panel .filepond--panel-bottom, .em-input-upload .filepond--item > .filepond--panel .filepond--panel-bottom { box-shadow: 0 0.0625em 0.125em -0.0625em rgba(0, 0, 0, 0.25) !important; } .em .input .em-input-upload .filepond--item, .em.pixelbones .em-input-upload.input .filepond--item, .em-input-upload .filepond--item { /* drag related */ } .em .input .em-input-upload .filepond--item > .filepond--file-wrapper, .em .input .em-input-upload .filepond--item > .filepond--panel, .em.pixelbones .em-input-upload.input .filepond--item > .filepond--file-wrapper, .em.pixelbones .em-input-upload.input .filepond--item > .filepond--panel, .em-input-upload .filepond--item > .filepond--file-wrapper, .em-input-upload .filepond--item > .filepond--panel { transition: opacity 0.15s ease-out !important; } .em .input .em-input-upload .filepond--item[data-drag-state], .em.pixelbones .em-input-upload.input .filepond--item[data-drag-state], .em-input-upload .filepond--item[data-drag-state] { cursor: -webkit-grab !important; cursor: grab !important; } .em .input .em-input-upload .filepond--item[data-drag-state] > .filepond--panel, .em.pixelbones .em-input-upload.input .filepond--item[data-drag-state] > .filepond--panel, .em-input-upload .filepond--item[data-drag-state] > .filepond--panel { transition: box-shadow 0.125s ease-in-out !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important; } .em .input .em-input-upload .filepond--item[data-drag-state=drag], .em.pixelbones .em-input-upload.input .filepond--item[data-drag-state=drag], .em-input-upload .filepond--item[data-drag-state=drag] { cursor: -webkit-grabbing !important; cursor: grabbing !important; } .em .input .em-input-upload .filepond--item[data-drag-state=drag] > .filepond--panel, .em.pixelbones .em-input-upload.input .filepond--item[data-drag-state=drag] > .filepond--panel, .em-input-upload .filepond--item[data-drag-state=drag] > .filepond--panel { box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.325) !important; } .em .input .em-input-upload .filepond--item[data-drag-state]:not([data-drag-state=idle]), .em.pixelbones .em-input-upload.input .filepond--item[data-drag-state]:not([data-drag-state=idle]), .em-input-upload .filepond--item[data-drag-state]:not([data-drag-state=idle]) { z-index: 2 !important; } .em .input .em-input-upload .filepond--item-panel, .em.pixelbones .em-input-upload.input .filepond--item-panel, .em-input-upload .filepond--item-panel { background-color: #64605e !important; } .em .input .em-input-upload [data-filepond-item-state=processing-complete] .filepond--item-panel, .em.pixelbones .em-input-upload.input [data-filepond-item-state=processing-complete] .filepond--item-panel, .em-input-upload [data-filepond-item-state=processing-complete] .filepond--item-panel { background-color: #369763 !important; } .em .input .em-input-upload [data-filepond-item-state*=invalid] .filepond--item-panel, .em .input .em-input-upload [data-filepond-item-state*=error] .filepond--item-panel, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=invalid] .filepond--item-panel, .em.pixelbones .em-input-upload.input [data-filepond-item-state*=error] .filepond--item-panel, .em-input-upload [data-filepond-item-state*=invalid] .filepond--item-panel, .em-input-upload [data-filepond-item-state*=error] .filepond--item-panel { background-color: #c44e47 !important; } .em .input .em-input-upload .filepond--item-panel, .em.pixelbones .em-input-upload.input .filepond--item-panel, .em-input-upload .filepond--item-panel { border-radius: 0.5em !important; transition: background-color 0.25s !important; } .em .input .em-input-upload .filepond--list-scroller, .em.pixelbones .em-input-upload.input .filepond--list-scroller, .em-input-upload .filepond--list-scroller { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; margin: 0 !important; will-change: transform !important; } .em .input .em-input-upload .filepond--list-scroller[data-state=overflow] .filepond--list, .em.pixelbones .em-input-upload.input .filepond--list-scroller[data-state=overflow] .filepond--list, .em-input-upload .filepond--list-scroller[data-state=overflow] .filepond--list { bottom: 0 !important; right: 0 !important; } .em .input .em-input-upload .filepond--list-scroller[data-state=overflow], .em.pixelbones .em-input-upload.input .filepond--list-scroller[data-state=overflow], .em-input-upload .filepond--list-scroller[data-state=overflow] { overflow-y: scroll !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; -webkit-mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%) !important; mask: linear-gradient(to bottom, #000 calc(100% - 0.5em), transparent 100%) !important; } .em .input .em-input-upload .filepond--list-scroller::-webkit-scrollbar, .em.pixelbones .em-input-upload.input .filepond--list-scroller::-webkit-scrollbar, .em-input-upload .filepond--list-scroller::-webkit-scrollbar { background: transparent !important; } .em .input .em-input-upload .filepond--list-scroller::-webkit-scrollbar:vertical, .em.pixelbones .em-input-upload.input .filepond--list-scroller::-webkit-scrollbar:vertical, .em-input-upload .filepond--list-scroller::-webkit-scrollbar:vertical { width: 1em !important; } .em .input .em-input-upload .filepond--list-scroller::-webkit-scrollbar:horizontal, .em.pixelbones .em-input-upload.input .filepond--list-scroller::-webkit-scrollbar:horizontal, .em-input-upload .filepond--list-scroller::-webkit-scrollbar:horizontal { height: 0 !important; } .em .input .em-input-upload .filepond--list-scroller::-webkit-scrollbar-thumb, .em.pixelbones .em-input-upload.input .filepond--list-scroller::-webkit-scrollbar-thumb, .em-input-upload .filepond--list-scroller::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.3) !important; border-radius: 99999px !important; border: 0.3125em solid transparent !important; background-clip: content-box !important; } .em .input .em-input-upload .filepond--list.filepond--list, .em.pixelbones .em-input-upload.input .filepond--list.filepond--list, .em-input-upload .filepond--list.filepond--list { position: absolute !important; top: 0 !important; margin: 0 !important; padding: 0 !important; list-style-type: none !important; /* prevents endless paint calls on filepond--list-scroller */ will-change: transform !important; } .em .input .em-input-upload .filepond--list, .em.pixelbones .em-input-upload.input .filepond--list, .em-input-upload .filepond--list { left: 0.75em !important; right: 0.75em !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated], .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated], .em-input-upload .filepond--root[data-style-panel-layout~=integrated] { width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root, .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root { border-radius: 0 !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > *, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > *, .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--panel-root > *, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--panel-root > * { display: none !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label, .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--drop-label, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label { bottom: 0 !important; height: auto !important; display: flex !important; justify-content: center !important; align-items: center !important; z-index: 7 !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle], .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated], .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle], .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated], .em-input-upload .filepond--root[data-style-panel-layout~=circle], .em-input-upload .filepond--root[data-style-panel-layout~=integrated] { /* we're only loading one item, this makes the intro animation a bit nicer */ } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel, .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--item-panel, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--item-panel { display: none !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller, .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--list-scroller, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--list-scroller { overflow: hidden !important; height: 100% !important; margin-top: 0 !important; margin-bottom: 0 !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--list, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--list, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=compact] .filepond--list, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--list, .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--list, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--list { left: 0 !important; right: 0 !important; height: 100% !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--item, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--item, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=compact] .filepond--item, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--item, .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--item, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--item { margin: 0 !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper, .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--file-wrapper, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--file-wrapper { height: 100% !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label, .em .input .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label, .em-input-upload .filepond--root[data-style-panel-layout~=compact] .filepond--drop-label, .em-input-upload .filepond--root[data-style-panel-layout~=integrated] .filepond--drop-label { z-index: 7 !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle], .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle], .em-input-upload .filepond--root[data-style-panel-layout~=circle] { border-radius: 99999rem !important; overflow: hidden !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] > .filepond--panel, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] > .filepond--panel, .em-input-upload .filepond--root[data-style-panel-layout~=circle] > .filepond--panel { border-radius: inherit !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] > .filepond--panel > *, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] > .filepond--panel > *, .em-input-upload .filepond--root[data-style-panel-layout~=circle] > .filepond--panel > * { display: none !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle], .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle], .em-input-upload .filepond--root[data-style-panel-layout~=circle] { /* circle cuts of this info, so best to hide it */ } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--file-info, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] .filepond--file-info, .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--file-info { display: none !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--file-status, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] .filepond--file-status, .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--file-status { display: none !important; } .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item, .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle] .filepond--action-edit-item, .em-input-upload .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) { .em .input .em-input-upload .filepond--root[data-style-panel-layout~=circle], .em.pixelbones .em-input-upload.input .filepond--root[data-style-panel-layout~=circle], .em-input-upload .filepond--root[data-style-panel-layout~=circle] { will-change: transform !important; } } } .em .input .em-input-upload .filepond--panel-root, .em.pixelbones .em-input-upload.input .filepond--panel-root, .em-input-upload .filepond--panel-root { border-radius: 0.5em !important; background-color: #f1f0ef !important; } .em .input .em-input-upload .filepond--panel, .em.pixelbones .em-input-upload.input .filepond--panel, .em-input-upload .filepond--panel { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; margin: 0 !important; /* defaults to 100% height (fixed height mode) this fixes problem with panel height in IE11 */ height: 100% !important; /* no interaction possible with panel */ pointer-events: none !important; } .em .input .em-input-upload .filepond-panel:not([data-scalable=false]), .em.pixelbones .em-input-upload.input .filepond-panel:not([data-scalable=false]), .em-input-upload .filepond-panel:not([data-scalable=false]) { height: auto !important; } .em .input .em-input-upload .filepond--panel[data-scalable=false] > div, .em.pixelbones .em-input-upload.input .filepond--panel[data-scalable=false] > div, .em-input-upload .filepond--panel[data-scalable=false] > div { display: none !important; } .em .input .em-input-upload .filepond--panel[data-scalable=true], .em.pixelbones .em-input-upload.input .filepond--panel[data-scalable=true], .em-input-upload .filepond--panel[data-scalable=true] { /* this seems to fix Chrome performance issues */ /* - when box-shadow is enabled */ /* - when multiple ponds are active on the same page */ -webkit-transform-style: preserve-3d; transform-style: preserve-3d; /* prevent borders and backgrounds */ background-color: transparent !important; border: none !important; } .em .input .em-input-upload .filepond--panel-top, .em .input .em-input-upload .filepond--panel-bottom, .em .input .em-input-upload .filepond--panel-center, .em.pixelbones .em-input-upload.input .filepond--panel-top, .em.pixelbones .em-input-upload.input .filepond--panel-bottom, .em.pixelbones .em-input-upload.input .filepond--panel-center, .em-input-upload .filepond--panel-top, .em-input-upload .filepond--panel-bottom, .em-input-upload .filepond--panel-center { position: absolute !important; left: 0 !important; top: 0 !important; right: 0 !important; margin: 0 !important; padding: 0 !important; } .em .input .em-input-upload .filepond--panel-top, .em .input .em-input-upload .filepond--panel-bottom, .em.pixelbones .em-input-upload.input .filepond--panel-top, .em.pixelbones .em-input-upload.input .filepond--panel-bottom, .em-input-upload .filepond--panel-top, .em-input-upload .filepond--panel-bottom { height: 0.5em !important; } .em .input .em-input-upload .filepond--panel-top, .em.pixelbones .em-input-upload.input .filepond--panel-top, .em-input-upload .filepond--panel-top { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-bottom: none !important; /* fixes tiny transparant line between top and center panel */ } .em .input .em-input-upload .filepond--panel-top::after, .em.pixelbones .em-input-upload.input .filepond--panel-top::after, .em-input-upload .filepond--panel-top::after { content: "" !important; position: absolute !important; height: 2px !important; left: 0 !important; right: 0 !important; bottom: -1px !important; background-color: inherit !important; } .em .input .em-input-upload .filepond--panel-center, .em .input .em-input-upload .filepond--panel-bottom, .em.pixelbones .em-input-upload.input .filepond--panel-center, .em.pixelbones .em-input-upload.input .filepond--panel-bottom, .em-input-upload .filepond--panel-center, .em-input-upload .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); } .em .input .em-input-upload .filepond--panel-bottom, .em.pixelbones .em-input-upload.input .filepond--panel-bottom, .em-input-upload .filepond--panel-bottom { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; border-top: none !important; /* fixes tiny transparant line between bottom and center of panel */ } .em .input .em-input-upload .filepond--panel-bottom::before, .em.pixelbones .em-input-upload.input .filepond--panel-bottom::before, .em-input-upload .filepond--panel-bottom::before { content: "" !important; position: absolute !important; height: 2px !important; left: 0 !important; right: 0 !important; top: -1px !important; background-color: inherit !important; } .em .input .em-input-upload .filepond--panel-center, .em.pixelbones .em-input-upload.input .filepond--panel-center, .em-input-upload .filepond--panel-center { /* the center panel is scaled using scale3d to fit the correct height */ /* we use 100px instead of 1px as scaling 1px to a huge height is really laggy on chrome */ height: 100px !important; border-top: none !important; border-bottom: none !important; border-radius: 0 !important; /* hide if not transformed, prevents a little flash when the panel is at 100px height while attached for first time */ } .em .input .em-input-upload .filepond--panel-center:not([style]), .em.pixelbones .em-input-upload.input .filepond--panel-center:not([style]), .em-input-upload .filepond--panel-center:not([style]) { visibility: hidden !important; } .em .input .em-input-upload .filepond--progress-indicator, .em.pixelbones .em-input-upload.input .filepond--progress-indicator, .em-input-upload .filepond--progress-indicator { position: static !important; width: 1.25em !important; height: 1.25em !important; color: #fff !important; /* can't have margins */ margin: 0 !important; /* no interaction possible with progress indicator */ pointer-events: none !important; /* will be animated */ will-change: transform, opacity !important; } .em .input .em-input-upload .filepond--progress-indicator svg, .em.pixelbones .em-input-upload.input .filepond--progress-indicator svg, .em-input-upload .filepond--progress-indicator svg { width: 100% !important; height: 100% !important; vertical-align: top !important; transform-box: fill-box; /* should center the animation correctly when zoomed in */ } .em .input .em-input-upload .filepond--progress-indicator path, .em.pixelbones .em-input-upload.input .filepond--progress-indicator path, .em-input-upload .filepond--progress-indicator path { fill: none !important; stroke: currentColor !important; } .em .input .em-input-upload .filepond--list-scroller, .em.pixelbones .em-input-upload.input .filepond--list-scroller, .em-input-upload .filepond--list-scroller { z-index: 6 !important; } .em .input .em-input-upload .filepond--drop-label, .em.pixelbones .em-input-upload.input .filepond--drop-label, .em-input-upload .filepond--drop-label { z-index: 5 !important; } .em .input .em-input-upload .filepond--drip, .em.pixelbones .em-input-upload.input .filepond--drip, .em-input-upload .filepond--drip { z-index: 3 !important; } .em .input .em-input-upload .filepond--root > .filepond--panel, .em.pixelbones .em-input-upload.input .filepond--root > .filepond--panel, .em-input-upload .filepond--root > .filepond--panel { z-index: 2 !important; } .em .input .em-input-upload .filepond--browser, .em.pixelbones .em-input-upload.input .filepond--browser, .em-input-upload .filepond--browser { z-index: 1 !important; } .em .input .em-input-upload .filepond--root, .em.pixelbones .em-input-upload.input .filepond--root, .em-input-upload .filepond--root { /* layout*/ box-sizing: border-box !important; position: relative !important; margin-bottom: 1em !important; /* base font size for whole component */ font-size: 1rem !important; /* base line height */ line-height: normal !important; /* up uses default system font family */ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; /* will increase font weight a bit on Safari */ font-weight: 450 !important; /* default text alignment */ text-align: left !important; /* better text rendering on Safari */ text-rendering: optimizeLegibility !important; /* text direction is ltr for now */ direction: ltr !important; /* optimize rendering */ /* https://developer.mozilla.org/en-US/docs/Web/CSS/contain */ contain: layout style size !important; /* correct box sizing, line-height and positioning on child elements */ } .em .input .em-input-upload .filepond--root *, .em.pixelbones .em-input-upload.input .filepond--root *, .em-input-upload .filepond--root * { box-sizing: inherit !important; line-height: inherit !important; } .em .input .em-input-upload .filepond--root *:not(text), .em.pixelbones .em-input-upload.input .filepond--root *:not(text), .em-input-upload .filepond--root *:not(text) { font-size: inherit !important; } .em .input .em-input-upload .filepond--root, .em.pixelbones .em-input-upload.input .filepond--root, .em-input-upload .filepond--root { /* block everything */ } .em .input .em-input-upload .filepond--root[data-disabled], .em.pixelbones .em-input-upload.input .filepond--root[data-disabled], .em-input-upload .filepond--root[data-disabled] { pointer-events: none !important; } .em .input .em-input-upload .filepond--root[data-disabled] .filepond--list-scroller, .em.pixelbones .em-input-upload.input .filepond--root[data-disabled] .filepond--list-scroller, .em-input-upload .filepond--root[data-disabled] .filepond--list-scroller { pointer-events: all !important; } .em .input .em-input-upload .filepond--root[data-disabled] .filepond--list, .em.pixelbones .em-input-upload.input .filepond--root[data-disabled] .filepond--list, .em-input-upload .filepond--root[data-disabled] .filepond--list { pointer-events: none !important; } .em .input .em-input-upload .filepond--root .filepond--drop-label, .em.pixelbones .em-input-upload.input .filepond--root .filepond--drop-label, .em-input-upload .filepond--root .filepond--drop-label { min-height: 4.75em !important; } .em .input .em-input-upload .filepond--root .filepond--list-scroller, .em.pixelbones .em-input-upload.input .filepond--root .filepond--list-scroller, .em-input-upload .filepond--root .filepond--list-scroller { margin-top: 1em !important; margin-bottom: 1em !important; } .em .input .em-input-upload .filepond--root .filepond--credits, .em.pixelbones .em-input-upload.input .filepond--root .filepond--credits, .em-input-upload .filepond--root .filepond--credits { position: absolute !important; right: 0 !important; opacity: 0.4 !important; line-height: 0.85 !important; font-size: 11px !important; color: inherit !important; text-decoration: none !important; z-index: 3 !important; bottom: -14px !important; } .em .input .em-input-upload .filepond--root .filepond--credits[style], .em.pixelbones .em-input-upload.input .filepond--root .filepond--credits[style], .em-input-upload .filepond--root .filepond--credits[style] { top: 0 !important; bottom: auto !important; margin-top: 14px !important; } /*# sourceMappingURL=em-filepond.css.map */
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.02 |
proxy
|
phpinfo
|
Настройка
