.uploader-container{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:350px!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:#1d9add;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:#1787c4;outline:2px solid #1D9ADD}#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:20px;border-radius:0;box-shadow:none;position:relative;width:100%;height:100vh;max-width:100%;display:flex;flex-direction:column;max-height:100vh;overflow-y:hidden}.close-btn{position:absolute;top:10px;right:10px;font-size:32px;cursor:pointer;border:none;background:none;color:#888;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}@media (min-width: 1200px){.close-btn{top:10px;right:20px}}.close-btn:hover{color:#333}.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:scroll}.image-card{margin-bottom:15px;background:#f9f9f9;padding:10px;border-radius:5px;box-shadow:0 2px 8px #0000004d;border:1px solid #ddd;transition:box-shadow .3s ease}.image-card h4{margin-top:5px;margin-bottom:5px;font-weight:700}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.card-header h4{margin:0;flex:1}.card-status-icon{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-left:10px}.card-status-icon svg{width:100%;height:100%}.card-status-icon.warning{color:#f59e0b}.card-status-icon.warning svg{stroke:#f59e0b}.card-status-icon.complete{color:#10b981}.card-status-icon.complete svg{stroke:#10b981;fill:none}.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;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.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-bottom:10px}.crop-mode-control{display:flex;flex-direction:column;gap:5px;width:100%}.crop-mode-control label{font-size:14px}.crop-mode-select{width:100%;padding:4px;border:1px solid #ddd;border-radius:4px;background-color:#fff;font-size:14px}.crop-mode-select.needs-selection{border:2px solid #f59e0b!important;background-color:#fffbeb;box-shadow:0 0 0 3px #f59e0b1a}.crop-mode-select.needs-selection:focus{outline:2px solid #f59e0b;outline-offset:2px}.card-navigation-buttons{display:none;margin-top:10px;gap:10px;align-items:center}@media screen and (max-width: 767px){.card-navigation-buttons{display:flex}}.nav-btn{border:none;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.nav-btn-prev{width:44px;height:44px;background-color:#f0f0f0;border-radius:4px;padding:0;flex-shrink:0}.nav-btn-prev svg{width:20px;height:20px;stroke:#333}.nav-btn-prev:hover{background-color:#1d9add}.nav-btn-prev:hover svg{stroke:#fff}.nav-btn-prev:active{background-color:#1787c4;transform:scale(.95)}.nav-btn-prev:active svg{stroke:#fff}.nav-btn-next{flex:1;height:44px;background-color:#1d9add;color:#fff;border-radius:0;padding:10px 20px;font-weight:500}.nav-btn-next svg{width:18px;height:18px;stroke:#fff;stroke-width:2.5}.nav-btn-next:hover:not(:disabled){background-color:#1787c4;outline:2px solid #1D9ADD}.nav-btn-next:active:not(:disabled){transform:scale(.98)}.nav-btn-next:disabled,.nav-btn-next.disabled{background-color:#a0a0a0;cursor:not-allowed;opacity:.6}.nav-btn-next:disabled svg,.nav-btn-next.disabled svg{opacity:.6}#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:#1d9add;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:#1787c4;outline:2px solid #1D9ADD}#save-all-btn[disabled]{background-color:#a0a0a0;cursor:not-allowed}.rotate-btn{position:absolute;bottom:8px;right:8px;width:32px;height:32px;background-color:#fffffff2;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.rotate-btn:hover{background-color:#fff;border-color:#39f;box-shadow:0 2px 8px #00000026}.rotate-btn:active{transform:scale(.95)}.rotate-btn:disabled{opacity:.4;cursor:not-allowed;background-color:#c8c8c880}.rotate-btn:disabled:hover{background-color:#c8c8c880;border-color:#ddd;box-shadow:0 2px 4px #0000001a}.rotate-btn:disabled .rotate-icon{stroke:#999}.rotate-btn:disabled:hover .rotate-icon{stroke:#999;transform:none}.rotate-icon{width:20px;height:20px;stroke:#333;transition:all .3s ease}.rotate-btn:hover .rotate-icon{stroke:#39f;transform:rotate(90deg)}.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}@media screen and (max-width: 767px){.cropper-point.point-nw:before,.cropper-point.point-ne:before,.cropper-point.point-sw:before,.cropper-point.point-se:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px}}.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}#cards-status-message{color:#666;margin:10px 0 15px;text-align:left;padding:0 10px;font-size:14px;display:none!important;flex-shrink:0;width:100%;grid-column:1 / -1;background:none;border:none;box-shadow:none;border-radius:0;line-height:1.4}#cards-status-message.info{color:#666}#cards-status-message.error{color:#dc2626}#cards-instruction-text{color:#666;margin:0 0 15px;text-align:left;padding:0 10px;font-size:14px;flex-shrink:0;line-height:1.4;width:100%;grid-column:1 / -1;background:none;border:none;box-shadow:none;border-radius:0}@media screen and (max-width: 767px){#cards-status-message,#cards-instruction-text{font-size:13px}}.sticky-footer{position:sticky;bottom:0;background-color:#fff;padding-top:10px;z-index:1000;border-top:1px solid #e0e0e0}@media screen and (max-width: 767px){#upload-status-message{font-size:12px}}@media (min-width: 600px){.sticky-footer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}#upload-status-message{margin:0;text-align:center;flex:0 0 auto}#save-all-btn{margin:0;width:auto;min-width:200px;flex-shrink:0}}.popup-status-message{text-align:center}.line-item-property__field[data-cart-attribute=r2-image-urls]{display:none!important}.product-form__submit,button[name=add],.product-form button[type=submit],#ProductSubmitButton-template--18985723265310__main,[id^=ProductSubmitButton-]{background-color:#1d9add!important;color:#fff!important;border:none!important;border-color:transparent!important;border-radius:0!important;box-shadow:none!important;outline:none!important;outline-color:#1d9add!important;outline-offset:0!important;transition:background-color .3s ease,outline .3s ease,box-shadow .3s ease!important}.product-form__submit:hover:not([disabled]),button[name=add]:hover:not([disabled]),.product-form button[type=submit]:hover:not([disabled]),#ProductSubmitButton-template--18985723265310__main:hover:not([disabled]),[id^=ProductSubmitButton-]:hover:not([disabled]){background-color:#1787c4!important;outline:2px solid #1D9ADD!important;outline-offset:0!important;box-shadow:none!important;border:none!important;border-color:transparent!important}.product-form__submit:focus:not([disabled]),button[name=add]:focus:not([disabled]),.product-form button[type=submit]:focus:not([disabled]),#ProductSubmitButton-template--18985723265310__main:focus:not([disabled]),[id^=ProductSubmitButton-]:focus:not([disabled]),.product-form__submit:focus-visible:not([disabled]),button[name=add]:focus-visible:not([disabled]),.product-form button[type=submit]:focus-visible:not([disabled]),#ProductSubmitButton-template--18985723265310__main:focus-visible:not([disabled]),[id^=ProductSubmitButton-]:focus-visible:not([disabled]){background-color:#1787c4!important;outline:2px solid #1D9ADD!important;outline-offset:0!important;box-shadow:none!important;border:none!important;border-color:transparent!important}.product-form__submit[disabled],.product-form__submit:disabled,button[name=add][disabled],button[name=add]:disabled,.product-form button[type=submit][disabled],.product-form button[type=submit]:disabled,#ProductSubmitButton-template--18985723265310__main[disabled],#ProductSubmitButton-template--18985723265310__main:disabled,[id^=ProductSubmitButton-][disabled],[id^=ProductSubmitButton-]:disabled{background-color:#a0a0a0!important;cursor:not-allowed!important;outline:none!important;box-shadow:none!important;border:none!important;border-color:transparent!important}@media (min-width: 600px){.popup-content{padding:20px}.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{padding:20px}.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-title-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}}@media screen and (max-width: 599px){.image-cards-container{padding:0}.image-card{width:88%;margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/uploader.css.map */