@charset "UTF-8";.upload-container{background:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;margin:2rem auto;max-width:650px;padding:24px}.drop-zone{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;cursor:pointer;outline:none;padding:60px 20px;text-align:center;transition:all .25s ease-in-out}@media (max-width:576px){.drop-zone{padding:20px}}.drop-zone:focus-visible{border-color:#a75a9b;box-shadow:0 0 0 3px #2563eb26}.drop-zone:hover{background:#be8fb621;border-color:#a75a9b}.drop-zone:hover .upload-button{background:#a75a9b}.drop-zone p{font-size:16px;margin:0 0 15px}.drop-zone .upload-button{background:#a75a9b;border-radius:10px;color:#fff;display:inline-block;font-size:14px;font-weight:500;margin:10px 6px 0;padding:12px 24px;transition:background .15s}.drop-zone .upload-button:hover{background:#944c89}.drop-zone--dragover{background:#be8fb621;border-color:#a75a9b;transform:scale(1.01)}#previewContainer{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:100%}#previewContainer .file-item{animation:sdelatUploadPhotoScaleUp .25s cubic-bezier(.34,1.56,.64,1);background:#f1f5f9;border-radius:12px;box-shadow:0 4px 6px #0000000d;flex-shrink:0;height:108px;overflow:hidden;position:relative;width:108px}#previewContainer .file-item.uploaded .item-overlay{background:#0000}#previewContainer .file-item.uploaded .progress-text{display:none}#previewContainer .file-item.uploaded .item-overlay:after{align-items:center;animation:sdelatUploadPhotoFadeOutCheck 1s ease-in-out forwards;background:#10b981;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"✓";display:flex;font-size:20px;height:28px;justify-content:center;width:28px}#previewContainer .item-overlay{align-items:center;background:#0006;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;inset:0;justify-content:center;padding:6px;position:absolute;transition:background .2s}#previewContainer .preview-img{display:block;height:100%;object-fit:cover;width:100%}#previewContainer .progress-text{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;border-radius:20px;font-size:14px;font-weight:600;padding:4px 8px}#previewContainer .progress-text.is-processing{animation:sdelatUploadPhotoPulseProcessing 1.5s ease-in-out infinite;font-size:11px;letter-spacing:.5px;text-transform:uppercase}#previewContainer .cancel-btn{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:4px;top:4px;transition:background .15s,transform .1s;z-index:10}#previewContainer .cancel-btn:hover{background:#ef4444;transform:scale(1.1)}#previewContainer .cancel-btn svg{fill:currentColor;height:14px;width:14px}#previewContainer .error-badge{align-items:center;background:#ef4444e6;color:#fff;display:none;font-size:11px;font-weight:600;inset:0;justify-content:center;letter-spacing:.5px;padding:8px;position:absolute;text-align:center;text-transform:uppercase}#existingPhotosNotice{animation:fadeIn .3s ease;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;box-shadow:0 2px 4px #00000005;color:#166534;font-size:14px;font-weight:500;margin-bottom:16px;padding:14px 18px;text-align:center}#existingPhotosNotice a{color:#7a61a1;font-weight:600;margin-left:4px;text-decoration:underline;text-underline-offset:3px;transition:color .15s}@keyframes sdelatUploadPhotoScaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sdelatUploadPhotoPulseProcessing{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1)}to{opacity:.6;transform:scale(.95)}}@keyframes sdelatUploadPhotoFadeOutCheck{0%{opacity:1;transform:scale(.5)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}
/*# sourceMappingURL=sdelat-upload-photo.9bc8a38d.css.map*/