.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}.uploader-container[data-max-images="1"] .image-grid{grid-template-columns:1fr;max-width:200px;margin-left:auto;margin-right:auto}.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;height:100dvh;max-width:100%;display:flex;flex-direction:column;max-height:100vh;max-height:100dvh;overflow-y:hidden;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}@media screen and (max-width: 767px){.popup-content{padding-top:6px}}.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}@media screen and (max-width: 767px){.close-btn{top:-5px;right:5px;font-size:28px;width:32px;height:32px}}.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:2px solid #ddd;transition:box-shadow .3s ease,border-color .3s ease}.image-card.needs-selection{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b4d}.image-card.selection-complete{border-color:#10b981;box-shadow:0 2px 8px #10b9814d}.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:8px}.card-header h4{margin:0;text-align:center}.quantity-stepper{display:flex;align-items:center;gap:2px;background-color:#f0f0f0;border-radius:4px;padding:2px;min-width:85px}.qty-btn{width:28px;height:28px;border:none;background-color:transparent;cursor:pointer;font-size:18px;font-weight:700;color:#555;display:flex;align-items:center;justify-content:center;border-radius:3px;transition:background-color .2s ease,color .2s ease}.qty-btn:hover:not(:disabled){background-color:#ddd;color:#333}.qty-btn:disabled{color:#bbb;cursor:not-allowed}.qty-value{min-width:20px;text-align:center;font-size:14px;font-weight:700;color:#333}.card-trash-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#888;transition:color .2s ease}.card-trash-icon:hover{color:#dc2626}.card-trash-icon svg{width:22px;height:22px}@media screen and (max-width: 767px){.card-trash-icon{width:44px;height:44px}}.card-trash-icon.flash-red{color:#dc2626}.toast-notification{position:absolute;bottom:70px;left:50%;transform:translate(-50%) translateY(20px);background-color:#333;color:#fff;padding:10px 20px;border-radius:4px;font-size:14px;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:1001;pointer-events:none;white-space:nowrap}.toast-notification.show{opacity:1;transform:translate(-50%) translateY(0)}.upload-progress-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#2563ebf2;color:#fff;padding:16px 28px;border-radius:8px;font-size:16px;font-weight:600;z-index:100001;white-space:nowrap;box-shadow:0 4px 20px #0000004d}.images-below-badge{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background-color:#f59e0b;color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;z-index:1000;box-shadow:0 4px 12px #00000040;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.images-below-badge:hover{background-color:#d97706;transform:translate(-50%) scale(1.05)}.images-below-badge svg{width:16px;height:16px}@media screen and (max-width: 767px){.images-below-badge{display:none!important}}.product-page-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background-color:#333;color:#fff;padding:12px 24px;border-radius:4px;font-size:15px;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:99999;pointer-events:none;white-space:nowrap;box-shadow:0 4px 12px #0000004d}@media screen and (max-width: 767px){.product-page-toast{white-space:normal;text-align:center}.product-page-toast .toast-line{display:block;white-space:nowrap}}.product-page-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.crop-mode-label-row{display:flex;align-items:center;gap:6px}.card-status-icon{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.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}@media screen and (max-width: 767px){.popup-content>h1,.popup-content>h2,.popup-content>h3{font-size:1.3rem;margin-bottom:5px;margin-top:0;line-height:1.2}}.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;color:#666;line-height:1.4}@media screen and (max-width: 767px){.crop-mode-control label{font-size:13px}}.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}.crop-mode-select.selection-complete{border:2px solid #10b981!important;background-color:#ecfdf5;box-shadow:0 0 0 3px #10b9811a}.crop-mode-select.selection-complete:focus{outline:2px solid #10b981;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}}.low-res-warning,.blur-warning{color:#dc2626;padding:4px 0 0;margin-bottom:-6px;font-size:13px;text-align:center;font-weight:600}@media screen and (max-width: 767px){.low-res-warning,.blur-warning{font-size:12px}}.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:1px solid #999;border-radius:4px;padding:0;flex-shrink:0}.nav-btn-prev svg{width:20px;height:20px;stroke:#333;stroke-width:2.5}.nav-btn-prev:hover{background-color:#1d9add;border-color:#1d9add}.nav-btn-prev:hover svg{stroke:#fff}.nav-btn-prev:active{background-color:#1787c4;border-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:3}.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:#ffffffe6;border:1px solid #999;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:#999;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-view-box{outline:2px solid #39f!important}.cropper-dashed{border:0px dashed #39f!important}.cropper-line.line-n{height:2px!important;width:100%!important;box-shadow:0 -1px #ffffff80}.cropper-line.line-s{height:2px!important;width:100%!important;box-shadow:0 1px #ffffff80}.cropper-line.line-e{width:2px!important;height:100%!important;box-shadow:1px 0 #ffffff80}.cropper-line.line-w{width:2px!important;height:100%!important;box-shadow:-1px 0 #ffffff80}.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:.75!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:15px;flex-shrink:0;line-height:1.4;width:100%;grid-column:1 / -1;background:none;border:none;box-shadow:none;border-radius:0}#start-cropping-btn{display:none;background-color:#1d9add;color:#fff;padding:12px 20px;border:none;border-radius:0;cursor:pointer;font-size:16px;width:100%;margin:0 0 25px;transition:background-color .3s ease;align-items:center;justify-content:center}#start-cropping-btn:hover{background-color:#1787c4}@media screen and (max-width: 767px){#start-cropping-btn{display:flex}}@media screen and (max-width: 767px){#cards-status-message{font-size:13px}#cards-instruction-text{font-size:14px}}.sticky-footer{position:sticky;bottom:0;background-color:#fff;padding-top:10px;z-index:1000;border-top:1px solid #e0e0e0}@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:96%;margin-left:auto;margin-right:auto;padding:6px}.image-card h4{margin-top:3px;margin-bottom:3px}}@media screen and (max-width: 767px){#upload-status-message{display:none!important}#upload-status-message.uploading{display:block!important}.sticky-footer{padding-top:5px;padding-bottom:env(safe-area-inset-bottom,0px)}.image-cards-container{margin-bottom:5px;margin-top:5px}#save-all-btn{margin-top:5px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/uploader.css.map */