.uploader-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:300px!important;margin:0 auto;text-align:center}.image-container.custom-background{background-color:inherit!important;background-image:none!important;background-color:#000}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;justify-content:center;margin-bottom:10px}.grid-item{width:100%!important;height:0!important;padding-bottom:100%!important;border:2px solid #ccc;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#e9e9e9;position:relative}.grid-item img{position:absolute;top:0;left:0;width:100%!important;height:100%!important;object-fit:contain!important}.trash-icon-container{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.grid-item:hover .trash-icon-container{opacity:1}.trash-icon{width:24px;height:24px;fill:#fff}#upload-btn{background-color:#dd7c1d;color:#fff;padding:10px 20px;border:none;border-radius:0;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%}#upload-btn:hover{background-color:#dd7c1d;outline:2px solid #DD7C1D}#file-input{display:none}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:none;align-items:center;justify-content:center;z-index:99999}.popup-content{background:#fff;padding:15px;border-radius:8px;box-shadow:0 4px 10px #0003;position:relative;width:100%;max-width:480px;display:flex;flex-direction:column;max-height:90vh;overflow-y:hidden}.close-btn{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;border:none;background:none;color:#888}.popup-content *{margin:0;padding:0}.image-cards-container{margin-top:10px;margin-bottom:10px;padding:0;display:flex;flex-direction:column;flex-grow:1;overflow-y:auto}.image-card{margin-bottom:15px;background:#f9f9f9;padding:10px;border-radius:5px;box-shadow:0 1px 3px #0000001a;border:1px solid #ddd;transition:box-shadow .3s ease}.image-card h4{margin-top:5px;margin-bottom:5px}.image-container{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:100%;background-color:#000;outline:1px solid #888888;outline-offset:-1px;transition:outline-color .3s ease}.image-container.entire-image-on{outline-color:#006bff!important}.image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.popup-content>h1,.popup-content>h2,.popup-content>h3{text-align:center;font-size:1.7rem;margin-bottom:10px}.popup-content p{text-align:left}.controls-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.toggle-container{display:flex;align-items:center;gap:10px}.background-control{display:flex;align-items:center;gap:5px}.toggle-switch{position:relative;display:inline-block;width:40px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(20px)}.background-control select{padding:5px}.bg-message{display:none;font-size:12px;color:#666;margin-top:5px}#upload-status-message{margin-top:10px;margin-bottom:10px;display:none;text-align:center}.message-box.info,.info{color:#666}.message-box.error,.error{color:#dc2626}#save-all-btn{margin-top:10px;padding:10px 20px;background-color:#dd7c1d;color:#fff;border:none;border-radius:0;cursor:pointer;font-size:16px;transition:background-color .3s ease;width:100%}#save-all-btn:hover{background-color:#dd7c1d;outline:2px solid #DD7C1D}#save-all-btn[disabled]{background-color:#a0a0a0;cursor:not-allowed}.cropper-crop-box,.cropper-view-box{border:1px solid #fff!important;outline:1px solid #39f!important}.cropper-dashed{border:0px dashed #39f!important}.cropper-line.line-n,.cropper-line.line-s{height:2px!important;width:100%!important}.cropper-line.line-e,.cropper-line.line-w{width:2px!important;height:100%!important}.cropper-line{background-color:#39f!important;opacity:1!important}.cropper-point{background-color:#39f!important;border:3px solid #fff!important;width:3px!important;height:3px!important;opacity:1!important;display:block!important}.image-container img.uploaded-image{position:relative!important;z-index:0!important;filter:brightness(.6)}.cropper-face{background-color:transparent!important;filter:brightness(1.7)!important}.cropper-modal{opacity:1!important}#upload-status-message{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.sticky-footer{position:sticky;bottom:0;background-color:#fff;padding-top:10px;z-index:1000;border-top:1px solid #e0e0e0}.popup-status-message{text-align:center}.line-item-property__field[data-cart-attribute=r2-image-urls]{display:none!important}@media (min-width: 600px){.popup-content{max-width:799px}.image-cards-container{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;align-items:flex-start}.image-card{margin-bottom:0}}@media (min-width: 800px){.image-cards-container{display:grid;grid-template-columns:repeat(2,1fr);justify-content:center;gap:15px;align-items:start}.image-card{margin-bottom:0}}@media (min-width: 1200px){.popup-content{max-width:1200px}.image-cards-container{display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;gap:15px;align-items:start}.image-card{margin-bottom:0}}@media screen and (max-width: 767px){.popup-subtitle-desktop{display:none!important}}.popup-subtitle-desktop{color:#666;margin:0 0 10px;text-align:center;padding:0 10px;font-size:14px}@media screen and (max-width: 767px){.popup-title-desktop,.popup-subtitle-desktop{display:none!important}.popup-title-mobile{display:block}}@media screen and (min-width: 768px){.popup-title-mobile{display:none!important}.popup-title-desktop{display:block}.popup-subtitle-desktop{color:#666;margin:0 0 10px;text-align:center;padding:0 10px;font-size:14px}}@media screen and (max-width: 767px){.controls-row{flex-direction:column;align-items:flex-start;gap:10px}.toggle-container,.background-control{width:100%;justify-content:flex-start}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/uploader.css.map */