.v-multiple-images-input-v1-image-card{position:relative;width:100%}.v-multiple-images-input-v1-image-card .image-section{width:200px}@media screen and (max-width:800px){.v-multiple-images-input-v1-image-card .image-section{width:calc(33.33333% - .33333rem)}}.v-multiple-images-input-v1-image-card .image-section .image-wrapper{border-radius:5px;height:150px;overflow:hidden;position:relative;width:100%}@media screen and (max-width:800px){.v-multiple-images-input-v1-image-card .image-section .image-wrapper{height:calc(33.33333% - .33333rem)}}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .tag-wrapper{background:#00000080;border-radius:5px 0;color:#fff;font-size:12px;left:0;padding:2px 6px;position:absolute;top:0;z-index:1}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .corner-action-wrapper{position:absolute;right:4px;top:4px;z-index:1}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .left-action-wrapper{left:4px;position:absolute;top:4px;z-index:1}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .image-overlay-wrapper{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .image{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .toolbar{align-items:center;background:#00000080;bottom:0;display:flex;height:1.8rem;justify-content:flex-end;left:0;padding:0 .5rem;position:absolute;right:0}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .toolbar .controls{display:flex;gap:.5rem;z-index:1}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .toolbar .controls button{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;height:1.25rem;justify-content:center;padding:0;transition:all .2s ease;width:1.25rem}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .toolbar .controls button:hover{background:#0006}.v-multiple-images-input-v1-image-card .image-section .image-wrapper .toolbar .controls button .ant-icon{color:#fff;font-size:12px}.v-multiple-images-input-v1-image-card .info-wrapper{margin-top:.5rem;width:100%}.fs-h1{font-size:36px}.fs-h2{font-size:24px}.fs-h3{font-size:20px}.fs-title{font-size:18px}.fs-subtitle{font-size:16px}.fs-p{font-size:14px}.fs-note{font-size:12px}.v-multiple-images-input-v1-input-image-card{position:relative;width:100%}.v-multiple-images-input-v1-input-image-card .file-input{left:-9999px;opacity:0;position:absolute}.v-multiple-images-input-v1-input-image-card .upload-error{margin-top:.5rem}.v-multiple-images-input-v1-input-image-card .upload-error .error-content{align-items:center;background:#dc35451a;border-radius:5px;display:flex;flex-direction:column;height:var(--card-height,150px);justify-content:center;margin-bottom:.5rem;padding:.75rem}.v-multiple-images-input-v1-input-image-card .upload-error .error-content .error-title{color:#dc3545;font-weight:500;margin-bottom:.5rem}.v-multiple-images-input-v1-input-image-card .upload-error .error-content .error-actions{display:flex;gap:.5rem}.v-multiple-images-input-v1-input-image-card .upload-error .error-content .error-actions button{border-radius:4px;cursor:pointer;font-size:14px;padding:.25rem .75rem}.v-multiple-images-input-v1-input-image-card .upload-error .error-content .error-actions button.retry{background:#ff7a04;border:none;color:#fff}.v-multiple-images-input-v1-input-image-card .upload-error .error-content .error-actions button.remove{background:transparent;border:1px solid #989898;color:#989898}.v-multiple-images-input-v1-input-image-card .action-input-wrapper{border-radius:5px;cursor:pointer;overflow:hidden;position:relative;width:200px}@media screen and (max-width:800px){.v-multiple-images-input-v1-input-image-card .action-input-wrapper{width:calc(33.33333% - .33333rem)}}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper{background:#f6f6f6;border:1px dashed #989898;border-radius:5px;height:var(--card-height,150px);line-height:1.5;overflow:hidden;position:relative;width:100%}@media screen and (max-width:800px){.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper{height:calc(33.33333% - .33333rem)}}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper:hover{border:1px dashed #ff7a04}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper .bg{bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper .bg img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper .info{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:.75rem;position:relative;width:100%}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper .info .ant-icon{color:#ff7a04;font-size:1.5rem;height:auto;margin:.25rem 0;width:auto}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper .info .title{font-size:16px;margin-bottom:.25rem}.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper .info .subtitle{color:#989898;font-size:14px;text-align:center}@media screen and (max-width:800px){.v-multiple-images-input-v1-input-image-card .action-input-wrapper .action-wrapper .info .subtitle{display:none}}.v-multiple-images-input-v1[data-v-7292a5ff]{width:100%}.flex-wrapper[data-v-7292a5ff]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;width:100%}.draggable-container[data-v-7292a5ff]{display:contents}.image-card-wrapper[data-v-7292a5ff]{flex:0 0 auto;margin:0;width:13rem}.image-card-wrapper.is-draggable[data-v-7292a5ff]{cursor:move}.error-message[data-v-7292a5ff]{color:#dc3545}.v-multiple-images-input-v2-image-card[data-v-66dcba02]{height:var(--card-height,150px)}.image-wrapper[data-v-66dcba02],.v-multiple-images-input-v2-image-card[data-v-66dcba02]{border-radius:5px;overflow:hidden;position:relative;width:100%}.image-wrapper[data-v-66dcba02]{height:100%}.image-wrapper .image[data-v-66dcba02]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.image-wrapper .tag-wrapper[data-v-66dcba02]{left:.5rem;position:absolute;top:.5rem}.image-wrapper .tag-wrapper .tag[data-v-66dcba02]{background:#ff7a04;border-radius:3px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.image-wrapper .delete-button[data-v-66dcba02]{align-items:center;background:#989898;border-radius:50%;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:background-color .2s;width:20px}.image-wrapper .delete-button[data-v-66dcba02]:hover{background:#dc3545}.image-wrapper .delete-button .ant-icon[data-v-66dcba02]{color:#fff;font-size:.75rem}.loading-wrapper[data-v-66dcba02]{align-items:center;background:#f6f6f6;border:1px solid #989898;border-radius:5px;display:flex;height:100%;justify-content:center;width:100%}.loading-wrapper .loading-content[data-v-66dcba02]{align-items:center;display:flex;flex-direction:column;gap:.5rem}.loading-wrapper .loading-content .spinner[data-v-66dcba02]{animation:spin-66dcba02 1s linear infinite;border:2px solid #f6f6f6;border-radius:50%;border-top-color:#ff7a04;height:24px;width:24px}.loading-wrapper .loading-content .loading-text[data-v-66dcba02]{color:#989898;font-size:.875rem}.error-wrapper[data-v-66dcba02]{align-items:center;background:#dc35451a;border:1px solid #dc3545;border-radius:5px;display:flex;height:100%;justify-content:center;width:100%}.error-wrapper .error-content[data-v-66dcba02]{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center}.error-wrapper .error-content .error-icon .ant-icon[data-v-66dcba02]{color:#dc3545;font-size:1.5rem}.error-wrapper .error-content .error-title[data-v-66dcba02]{color:#dc3545;font-size:.875rem;font-weight:500}.error-wrapper .error-content .error-message[data-v-66dcba02]{color:#989898;font-size:.75rem}.error-wrapper .error-content .error-actions[data-v-66dcba02]{display:flex;gap:.5rem;margin-top:.5rem}.error-wrapper .error-content .error-actions button[data-v-66dcba02]{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .75rem}.error-wrapper .error-content .error-actions button.retry[data-v-66dcba02]{background:#ff7a04;color:#fff}.error-wrapper .error-content .error-actions button.remove[data-v-66dcba02]{background:transparent;border:1px solid #989898;color:#989898}.image-info[data-v-66dcba02]{background:#000000b3;bottom:0;left:0;padding:.5rem;position:absolute;right:0}@keyframes spin-66dcba02{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.fs-h1[data-v-aa4c03e2]{font-size:36px}.fs-h2[data-v-aa4c03e2]{font-size:24px}.fs-h3[data-v-aa4c03e2]{font-size:20px}.fs-title[data-v-aa4c03e2]{font-size:18px}.fs-subtitle[data-v-aa4c03e2]{font-size:16px}.fs-p[data-v-aa4c03e2]{font-size:14px}.fs-note[data-v-aa4c03e2]{font-size:12px}.v-multiple-images-input-v2-input-image-card[data-v-aa4c03e2]{position:relative;width:100%}.v-multiple-images-input-v2-input-image-card .file-input[data-v-aa4c03e2]{left:-9999px;opacity:0;position:absolute}.v-multiple-images-input-v2-input-image-card .upload-error[data-v-aa4c03e2]{margin-top:.5rem}.v-multiple-images-input-v2-input-image-card .upload-error .error-content[data-v-aa4c03e2]{align-items:center;background:#dc35451a;border-radius:5px;display:flex;flex-direction:column;height:var(--card-height,150px);justify-content:center;margin-bottom:.5rem;padding:.75rem}.v-multiple-images-input-v2-input-image-card .upload-error .error-content .error-title[data-v-aa4c03e2]{color:#dc3545;font-weight:500;margin-bottom:.5rem}.v-multiple-images-input-v2-input-image-card .upload-error .error-content .error-message[data-v-aa4c03e2]{color:#dc3545;font-size:14px;margin-bottom:.5rem;text-align:center}.v-multiple-images-input-v2-input-image-card .upload-error .error-content .error-actions[data-v-aa4c03e2]{display:flex;gap:.5rem}.v-multiple-images-input-v2-input-image-card .upload-error .error-content .error-actions button[data-v-aa4c03e2]{border-radius:4px;cursor:pointer;font-size:14px;padding:.25rem .75rem}.v-multiple-images-input-v2-input-image-card .upload-error .error-content .error-actions button.retry[data-v-aa4c03e2]{background:#ff7a04;border:none;color:#fff}.v-multiple-images-input-v2-input-image-card .upload-error .error-content .error-actions button.remove[data-v-aa4c03e2]{background:transparent;border:1px solid #989898;color:#989898}.v-multiple-images-input-v2-input-image-card .action-input-wrapper[data-v-aa4c03e2]{border-radius:5px;cursor:pointer;overflow:hidden;position:relative;width:200px}@media screen and (max-width:800px){.v-multiple-images-input-v2-input-image-card .action-input-wrapper[data-v-aa4c03e2]{width:calc(33.33333% - .33333rem)}}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper[data-v-aa4c03e2]{background:#f6f6f6;border:1px dashed #989898;border-radius:5px;height:var(--card-height,150px);line-height:1.5;overflow:hidden;position:relative;transition:border-color .2s ease;width:100%}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper[data-v-aa4c03e2]:hover{border:1px dashed #ff7a04}@media screen and (max-width:800px){.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper[data-v-aa4c03e2]{height:calc(33.33333% - .33333rem)}}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper .bg[data-v-aa4c03e2]{bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper .bg img[data-v-aa4c03e2]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper .info[data-v-aa4c03e2]{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:.75rem;position:relative;width:100%}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper .info .ant-icon[data-v-aa4c03e2]{color:#ff7a04;font-size:1.5rem;height:auto;margin:.25rem 0;width:auto}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper .info .title[data-v-aa4c03e2]{font-size:16px;margin-bottom:.25rem}.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper .info .subtitle[data-v-aa4c03e2]{color:#989898;font-size:14px;text-align:center}@media screen and (max-width:800px){.v-multiple-images-input-v2-input-image-card .action-input-wrapper .action-wrapper .info .subtitle[data-v-aa4c03e2]{display:none}}.v-multiple-images-input-v2[data-v-be9e4d14]{width:100%}.flex-wrapper[data-v-be9e4d14]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;width:100%}.draggable-container[data-v-be9e4d14]{display:contents}.image-card-wrapper[data-v-be9e4d14]{flex:0 0 auto;margin:0;width:13rem}.image-card-wrapper.is-draggable[data-v-be9e4d14]{cursor:move}.error-message[data-v-be9e4d14]{color:#dc3545;margin-top:.5rem}.v-multiple-images-input-v3[data-v-c75fb8ab]{width:100%}.flex-wrapper[data-v-c75fb8ab]{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;width:100%}.draggable-container[data-v-c75fb8ab]{display:contents}.image-card-wrapper[data-v-c75fb8ab]{flex:0 0 auto;margin:0;width:13rem}.image-card-wrapper.is-draggable[data-v-c75fb8ab]{cursor:move}.error-message[data-v-c75fb8ab]{color:#dc3545;margin-top:.5rem}.v-multiple-images-input-v4[data-v-645e0301]{width:100%}.v-multiple-images-input-v4 .hidden-input[data-v-645e0301]{display:none}.v-multiple-images-input-v4 .upload-dropzone[data-v-645e0301]{align-items:center;background:#fafafa;border:2px dashed #ccc;border-radius:.75rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:2.5rem 1.5rem;transition:all .3s}.v-multiple-images-input-v4 .upload-dropzone.dragging[data-v-645e0301],.v-multiple-images-input-v4 .upload-dropzone[data-v-645e0301]:hover{background:#fff7ed;border-color:var(--brand-500)}.v-multiple-images-input-v4 .upload-dropzone .dropzone-icon[data-v-645e0301]{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:3rem;justify-content:center;margin-bottom:.75rem;width:3rem}.v-multiple-images-input-v4 .upload-dropzone .dropzone-icon i[data-v-645e0301]{color:#888;font-size:1.25rem}.v-multiple-images-input-v4 .upload-dropzone .dropzone-title[data-v-645e0301]{color:#444;font-size:.875rem;font-weight:500}.v-multiple-images-input-v4 .upload-dropzone .dropzone-hint[data-v-645e0301]{color:#999;font-size:.75rem;margin-top:.25rem}.v-multiple-images-input-v4 .photo-grid[data-v-645e0301]{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.v-multiple-images-input-v4 .photo-grid[data-v-645e0301]{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.v-multiple-images-input-v4 .photo-grid[data-v-645e0301]{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.v-multiple-images-input-v4 .photo-grid[data-v-645e0301]{grid-template-columns:repeat(5,1fr)}}.v-multiple-images-input-v4 .photo-card[data-v-645e0301]{background:#fff;border-radius:.5rem;box-shadow:0 0 0 1px #e5e5e5;position:relative;transition:opacity .2s,box-shadow .2s}.v-multiple-images-input-v4 .photo-card.is-dragging[data-v-645e0301]{opacity:.5}.v-multiple-images-input-v4 .photo-card.is-drop-target[data-v-645e0301]{box-shadow:0 0 0 2px var(--brand-500)}.v-multiple-images-input-v4 .photo-preview[data-v-645e0301]{aspect-ratio:1;border-radius:.5rem .5rem 0 0;overflow:hidden;position:relative}.v-multiple-images-input-v4 .photo-preview img[data-v-645e0301]{height:100%;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;-webkit-user-drag:none;pointer-events:none}.v-multiple-images-input-v4 .photo-preview .drag-cover[data-v-645e0301]{background:transparent;top:0;right:0;bottom:0;left:0;position:absolute;z-index:3}.v-multiple-images-input-v4 .photo-preview .drag-cover.is-draggable[data-v-645e0301]{cursor:grab}.v-multiple-images-input-v4 .photo-preview .drag-cover.is-draggable[data-v-645e0301]:active{cursor:grabbing}.v-multiple-images-input-v4 .photo-preview .delete-btn[data-v-645e0301]{align-items:center;background:#ffffffe6;border:none;border-radius:.375rem;box-shadow:0 1px 3px #0000001a;color:#888;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:color .2s;width:2rem;z-index:10}.v-multiple-images-input-v4 .photo-preview .delete-btn[data-v-645e0301]:hover{color:#e53e3e}.v-multiple-images-input-v4 .photo-preview .image-overlay-wrapper[data-v-645e0301]{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:5}.v-multiple-images-input-v4 .photo-preview .uploading-mask[data-v-645e0301]{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffa6;display:flex;flex-direction:column;gap:.5rem;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:20}.v-multiple-images-input-v4 .photo-preview .uploading-mask .uploading-spinner[data-v-645e0301]{align-items:center;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #0000001f;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.v-multiple-images-input-v4 .photo-preview .uploading-mask .uploading-spinner i[data-v-645e0301]{animation:v4-spin-645e0301 .9s linear infinite;color:#888;font-size:1.5rem}.v-multiple-images-input-v4 .photo-preview .uploading-mask .uploading-label[data-v-645e0301]{color:#555;font-size:.75rem;font-weight:500}@keyframes v4-spin-645e0301{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.v-multiple-images-input-v4 .photo-assignment[data-v-645e0301]{background:#fff;border-radius:0 0 .5rem .5rem;border-top:1px solid #f0f0f0;padding:.5rem}.v-multiple-images-input-v4 .upload-tile[data-v-645e0301]{background:#fafafa;border-radius:.5rem;box-shadow:0 0 0 1px #e5e5e5;cursor:pointer;overflow:hidden;transition:all .2s}.v-multiple-images-input-v4 .upload-tile[data-v-645e0301]:hover{background:#fff7ed;box-shadow:0 0 0 1px var(--brand-500)}.v-multiple-images-input-v4 .upload-tile .tile-inner[data-v-645e0301]{align-items:center;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;padding:.75rem}.v-multiple-images-input-v4 .upload-tile .tile-icon[data-v-645e0301]{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:2.5rem;justify-content:center;margin-bottom:.5rem;width:2.5rem}.v-multiple-images-input-v4 .upload-tile .tile-icon i[data-v-645e0301]{color:#888;font-size:1.25rem}.v-multiple-images-input-v4 .upload-tile .tile-text[data-v-645e0301]{color:#666;font-size:.75rem}.v-multiple-images-input-v4 .upload-tile .tile-count[data-v-645e0301]{color:#999;font-size:.625rem;margin-top:.125rem}.v-multiple-images-input-v4 .error-message[data-v-645e0301]{color:#e53e3e;font-size:.75rem;margin-top:.5rem}
