@charset "UTF-8";.image-loader-container{display:flex;flex-flow:row wrap}.image-loader-container select{border:none;outline:none}.image-loader-container.image-loader--loading{pointer-events:none}.image-loader-container.image-loader--loading .image-loader-label .image-preview-spinner{background-color:purple;animation:opacity .8s infinite ease-in-out}.image-loader-container .image-loader-label{position:relative;display:flex;justify-content:center;align-items:center;width:120px;min-width:120px;height:160px;border:1px dashed #aaa;border-radius:3px;cursor:pointer;margin-bottom:10px}.image-loader-container .image-loader-label.highlight{border-style:solid;border-color:purple}.image-loader-container .image-loader-label.highlight:after{color:purple}.image-loader-container .image-loader-label:after{content:"✕";font-size:1em;color:#aaa;transform:rotate(45deg)}.image-loader-container .image-loader-input{display:none}.image-loader-container .image-loader-wrapper{display:flex;flex-flow:column nowrap;position:relative}.image-loader-container .image-loader-wrapper img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;backface-visibility:hidden;filter:blur(0px);object-fit:contain}.image-loader-container .image-loader-wrapper.sortable-chosen+.highlight{border:1px dashed #aaa}.image-loader-container .image-loader-wrapper.sortable-chosen+.highlight:after{color:#aaa}.image-loader-container .image-loader-wrapper.sortable-chosen .image-loader-preview{border-style:solid;border-color:purple}.image-loader-container .image-loader-wrapper.sortable-chosen .image-loader-preview:after{transform:scale(1);background-color:#00000026;color:#aaa}.image-loader-container .image-loader-preview{position:relative;display:flex;justify-content:center;align-items:center;width:120px;height:160px;border:1px dashed transparent;border-radius:3px;vertical-align:top;overflow:hidden;margin-right:10px;margin-bottom:10px}.image-loader-container .image-loader-preview[data-status=to-update]:before{display:none}.image-loader-container .image-loader-preview:before{content:attr(data-before);position:absolute;bottom:0;right:0;font-size:.8em;color:#aaa;z-index:1}.image-loader-container .image-loader-preview:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:3px;background-color:#00000059;transform:scale(0);transition:.2s ease-in-out}.image-loader-container .image-loader-preview.image-preview--loading:after{transform:scale(1)}.image-loader-container .image-loader-preview.image-preview--loading:before{color:#fff}.image-loader-container .image-loader-preview.image-preview--loading .image-preview-spinner{animation:opacity .8s infinite ease-in-out .2s}.image-loader-container .image-loader-preview.image-preview--error:before{color:red}.image-loader-container .btn-remove,.image-loader-container .btn-rotate{position:absolute;top:0;display:flex;justify-content:center;align-items:center;width:25px;height:25px;cursor:pointer;border:none;background:none;outline:none;padding:0;margin:0;z-index:1}.image-loader-container .btn-remove:after,.image-loader-container .btn-rotate:after{font-weight:400;opacity:.7}.image-loader-container .btn-remove:hover:after,.image-loader-container .btn-rotate:hover:after{opacity:1;transition:.2s}.image-loader-container .btn-remove{right:0}.image-loader-container .btn-remove:after{content:"✕";color:red}.image-loader-container .btn-rotate{left:0}.image-loader-container .btn-rotate:after{content:"⟲";color:purple}.image-loader-container .image-preview-spinner{position:absolute;top:65px;left:45px;display:inline-block;width:30px;height:30px;background-color:#fff;border-radius:50%;transform:scale(0);opacity:0;z-index:1}@keyframes opacity{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:0}}