.file-preview-container{margin-top:15px;margin-bottom:10px;font-family:Inter,sans-serif}input[type=file][multiple]{padding:12px;border:2px dashed #cafc01;border-radius:8px;background-color:#f9fff0;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;width:100%;transition:all .3s ease}input[type=file][multiple]:hover{border-color:#b5e600;background-color:#f0ffd9}input[type=file][multiple]:focus{outline:none;border-color:#cafc01;box-shadow:0 0 0 3px #cafc011a}.file-preview-container:before{content:"\1f4ce  You can select multiple files at once (hold Ctrl/Cmd or Shift)";display:block;font-size:13px;color:#666;margin-bottom:8px;font-family:Inter,sans-serif;padding:8px 12px;background-color:#f0f7ff;border-left:3px solid #cafc01;border-radius:4px}.file-preview-list{display:flex;flex-direction:column;gap:8px;margin-top:15px;padding:15px;background-color:#fafafa;border-radius:8px;border:1px solid #e0e0e0}.file-preview-list:before{content:"Selected Files:";font-weight:600;font-size:14px;color:#333;margin-bottom:8px;font-family:Inter,sans-serif}.file-preview-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;transition:all .2s ease}.file-preview-item:hover{background-color:#f8f8f8;border-color:#cafc01;box-shadow:0 2px 4px #0000000d}.file-preview-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.file-preview-name{font-size:14px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Inter,sans-serif;flex:1}.file-preview-size{font-size:12px;color:#666;font-family:Inter,sans-serif;background-color:#f0f0f0;padding:2px 8px;border-radius:12px;white-space:nowrap}.file-preview-remove{flex-shrink:0;padding:4px 12px;border:1px solid #ddd;background-color:#fff;color:#666;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;font-family:Inter,sans-serif;transition:all .2s ease;white-space:nowrap}.file-preview-remove:hover{background-color:#fff5f5;border-color:#f44;color:#f44}.file-preview-remove:active{transform:scale(.98)}@media screen and (max-width: 768px){.file-preview-container:before{font-size:12px;padding:6px 10px}.file-preview-item{padding:8px 10px;gap:8px;flex-wrap:wrap}.file-preview-info{flex-direction:column;align-items:flex-start;gap:4px}.file-preview-name{font-size:13px}.file-preview-size{font-size:11px}.file-preview-remove{font-size:11px;padding:3px 10px}input[type=file][multiple]{font-size:13px;padding:10px}}.file-preview-container:empty{display:none}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.file-preview-item{animation:slideIn .3s ease}.file-preview-remove:focus{outline:2px solid #cafc01;outline-offset:2px}@media (prefers-color-scheme: dark){.file-preview-item{background-color:#2a2a2a;border-color:#404040}.file-preview-item:hover{background-color:#333;border-color:#505050}.file-preview-name{color:#e0e0e0}.file-preview-size{color:#999}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/file-upload-preview.css.map */