.image-list[data-v-1f96f6cf]{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.image-list__header[data-v-1f96f6cf]{align-items:center;box-sizing:border-box;display:flex;padding:8px 8px 4px;width:100%}.image-list__header .image-list__header-index[data-v-1f96f6cf]{align-items:center;background:#313439b3;border-radius:2px;color:#fff;display:flex;font-size:9px;font-weight:500;justify-content:center;margin-right:2px}.image-list__header .image-list__header-text[data-v-1f96f6cf]{color:#313439b3;font-size:11px}.image-list__scroll-container[data-v-1f96f6cf]{flex:1;overflow-y:auto;padding:8px 8px 100px}.image-list .generate-padding[data-v-1f96f6cf]{padding-top:0}.image-list__container[data-v-1f96f6cf]{display:grid;gap:4px;grid-template-columns:repeat(auto-fill,100%)}.image-list__item[data-v-1f96f6cf]{height:80px;position:relative}.image-list__item--selected .image-list__thumbnail[data-v-1f96f6cf]:after{border-color:#313439;border-width:2.5px}.image-list__item--selected .image-list__thumbnail[data-v-1f96f6cf]:before{border-color:#fff;border-width:2px;inset:2.5px}.image-list__item--selected .image-list__order[data-v-1f96f6cf]{background:#000000e6;color:#fff}.image-list__item--multi-selected:not(.image-list__item--selected) .image-list__thumbnail[data-v-1f96f6cf]:after{border-color:#c0c1c2}.image-list__item--multi-selected:not(.image-list__item--selected) .image-list__thumbnail[data-v-1f96f6cf]:before{border-color:#fff}.image-list__item--multi-selected:not(.image-list__item--selected) .image-list__order[data-v-1f96f6cf]{background:#999a9b;color:#fff}.image-list__item--hover:not(.image-list__item--selected) .image-list__thumbnail[data-v-1f96f6cf]:after{border-color:#e6e7e7}.image-list__item--hover:not(.image-list__item--selected) .image-list__thumbnail[data-v-1f96f6cf]:before{border-color:#fff}.image-list__item--multi-selected.image-list__item--hover:not(.image-list__item--selected) .image-list__thumbnail[data-v-1f96f6cf]:after{border-color:#999a9b}.image-list__item--disabled[data-v-1f96f6cf]{cursor:not-allowed;opacity:.6}.image-list__item--disabled .image-list__thumbnail[data-v-1f96f6cf]:after,.image-list__item--disabled .image-list__thumbnail[data-v-1f96f6cf]:before{border-color:#3134391a!important}.image-list__item--disabled .image-list__order[data-v-1f96f6cf]{opacity:.5}.image-list__thumbnail[data-v-1f96f6cf]{background:#3134390d;border-radius:3px;box-shadow:none;box-sizing:border-box;filter:none;height:80px;position:relative;transform:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:80px}.image-list__thumbnail .image-list__img[data-v-1f96f6cf]{height:100%;width:100%}.image-list__thumbnail--selected .image-list__img[data-v-1f96f6cf]{height:71px;margin:4.5px;width:71px}.image-list__thumbnail--hover .image-list__img[data-v-1f96f6cf]{height:74px;margin:3px;width:74px}.image-list__thumbnail[data-v-1f96f6cf]:after{border:2px solid transparent;border-radius:3px;inset:0;z-index:1}.image-list__thumbnail[data-v-1f96f6cf]:after,.image-list__thumbnail[data-v-1f96f6cf]:before{box-sizing:border-box;content:"";pointer-events:none;position:absolute}.image-list__thumbnail[data-v-1f96f6cf]:before{border:1px solid transparent;border-radius:1px;inset:2px;z-index:2}.image-list__thumbnail[data-v-1f96f6cf]:has(.image-list__error):after,.image-list__thumbnail[data-v-1f96f6cf]:has(.image-list__error):before,.image-list__thumbnail[data-v-1f96f6cf]:has(.image-list__loading):after,.image-list__thumbnail[data-v-1f96f6cf]:has(.image-list__loading):before{display:none}.image-list__order[data-v-1f96f6cf]{align-items:center;background:#31343999;border-radius:2px;color:#fff;display:flex;font-size:10px;font-weight:500;height:12px;justify-content:center;left:4px;position:absolute;top:4px;transition:all .2s ease;z-index:2}.image-list__order--single-digit[data-v-1f96f6cf]{width:12px}.image-list__order--double-digit[data-v-1f96f6cf]{width:16px}.image-list__order--triple-digit[data-v-1f96f6cf]{width:22px}.image-list__img[data-v-1f96f6cf]{border-radius:3px;box-shadow:none;filter:none;-o-object-fit:cover;object-fit:cover;overflow:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.image-list__loading[data-v-1f96f6cf]{align-items:center;background:#3134390d;border-radius:3px;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;z-index:3}.image-list__loading-text[data-v-1f96f6cf]{color:#3134398c;font-size:9px}.image-list__error[data-v-1f96f6cf]{align-items:center;background:#3134390d;border-radius:3px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:16px;position:relative;text-align:center;width:100%;z-index:3}.image-list__error-text[data-v-1f96f6cf]{color:#f44336;font-size:12px;word-break:break-word}.image-list__delete-btn[data-v-1f96f6cf]{align-items:center;background:var(--overlay-color-black-bk-35,rgba(49,52,57,.35));border-radius:2px;bottom:3px;color:#fff;cursor:default;display:flex;height:24px;justify-content:center;left:3px;opacity:0;padding:4px;pointer-events:none;position:absolute;width:24px;z-index:3}.image-list__delete-btn.active[data-v-1f96f6cf]{opacity:1;pointer-events:auto}.image-list__delete-icon[data-v-1f96f6cf]{height:12px;width:12px}.image-list .image-item-enter-active[data-v-1f96f6cf]{transition:all .5s ease-out}.image-list .image-item-leave-active[data-v-1f96f6cf]{overflow:hidden;transition:all .3s ease-in}.image-list .image-item-leave-from[data-v-1f96f6cf]{height:80px;opacity:1;transform:scale(1)}.image-list .image-item-leave-to[data-v-1f96f6cf]{height:0;opacity:0;transform:scale(.8)}.image-preview[data-v-1f96f6cf]{pointer-events:none;position:fixed;z-index:999}.image-preview__container[data-v-1f96f6cf]{align-items:center;background:#fff;border-radius:3px;display:flex;height:100%;justify-content:center;width:100%}.image-preview__img[data-v-1f96f6cf]{border-radius:4px;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.preview-fade-enter-active[data-v-1f96f6cf],.preview-fade-leave-active[data-v-1f96f6cf]{transition:opacity .3s ease}.preview-fade-enter-from[data-v-1f96f6cf],.preview-fade-leave-to[data-v-1f96f6cf]{opacity:0}.preview-fade-enter-to[data-v-1f96f6cf],.preview-fade-leave-from[data-v-1f96f6cf]{opacity:1}