:root{--modal-overlay-bg: rgba(var(--color-foreground, 10,32,70), .18);--modal-bg: var(--color-background, #f8f8f6);--modal-radius: var(--border-radius, 18px);--modal-shadow: 0 8px 32px rgba(10,32,70,.18);--modal-padding: 3rem 2rem;--modal-content-min-width: 600px;--modal-content-max-width: 95vw;--modal-content-min-height: 300px;--modal-close-color: var(--color-base-accent-1, #23443e);--modal-btn-bg: var(--color-button, #23443e);--modal-btn-text: var(--color-button-text, #fff);--modal-btn-radius: var(--border-radius-button, 14px);--modal-btn-hover-bg: var(--color-button, #1a2e28);--modal-btn-disabled: .5;--modal-input-border: var(--border-color, #bfc8d6);--modal-input-radius: 8px;--modal-input-focus: var(--color-base-accent-1, #23443e);--modal-error-bg: #ffeaea;--modal-error-color: #b71c1c;--modal-error-border: #f44336}.upload-button{background:transparent;border:1.5px solid rgb(33,66,64);font-family:inherit;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;padding:1.5rem 3rem;text-decoration:none;color:#214240;min-width:12rem;height:auto;font-size:1.5rem;letter-spacing:.1rem;line-height:calc(1 + .2 / var(--font-body-scale));border-radius:24px;margin-bottom:15px}.image-uploader__modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100vh;overflow:auto;background:var(--modal-overlay-bg);justify-content:center;align-items:center;font-family:inherit}.image-uploader__modal[style*="display: block"]{display:flex!important}.image-uploader__modal-content{background:#fff!important;margin:auto;border-radius:var(--modal-radius);padding:var(--modal-padding);box-shadow:var(--modal-shadow);min-width:var(--modal-content-min-width);max-width:var(--modal-content-max-width);min-height:var(--modal-content-min-height);position:relative;display:flex;flex-direction:column;align-items:center;font-family:inherit;width:650px}@media (max-width: 768px){.image-uploader__modal-content{min-width:90vw;padding:2rem;width:90vw}}.image-uploader__modal-step{display:none;width:100%}.image-uploader__modal-step.active{display:flex;flex-direction:column;flex-grow:1}.image-uploader__close{position:absolute;top:1.5rem;right:2rem;font-size:2.5rem;color:var(--modal-close-color);cursor:pointer;font-weight:700;z-index:10;background:none;border:none;line-height:1}.image-upload__form{width:100%;display:flex;flex-direction:column;align-items:center}.image-upload__drop-area{border:2px dashed var(--modal-input-border);border-radius:32px;background:#f8fafc;padding:2.5rem 0 2rem;margin-bottom:1rem;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;transition:border-color .2s}.image-upload__drop-area.dragover{border-color:var(--modal-input-focus)}.image-upload__button{display:flex;align-items:center;justify-content:center;background:var(--modal-btn-bg);color:var(--modal-btn-text);border-radius:16px;padding:1.2rem 2.5rem;font-size:16px;font-weight:700;cursor:pointer;border:none;transition:background .2s}.image-upload__button:hover,.image-upload__button:focus{background:var(--modal-btn-hover-bg);opacity:.9}.image-upload__button svg{margin-right:1rem}#image-input-modal{display:none}.upload-form-text{color:#222;font-size:14px;margin-top:.5rem;text-align:center}.modal-cta-btn{height:50px;font-size:16px;font-weight:700;padding:0 2rem;border-radius:var(--modal-btn-radius);cursor:pointer;width:100%;margin-top:1rem;transition:background .2s,color .2s,border-color .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--modal-btn-bg);color:var(--modal-btn-text);border:none}.modal-cta-btn.filled{background:var(--color-button, #23443e)!important;color:var(--color-button-text, #fff)!important;border-radius:var(--modal-btn-radius, 14px);border:none;box-shadow:none;font-weight:700;font-size:16px;transition:background .2s,color .2s;opacity:1}.modal-cta-btn[disabled],.modal-cta-btn.filled[disabled]{opacity:.5;cursor:not-allowed}.modal-cta-btn.underlined{background:transparent;color:var(--modal-btn-bg);border:none;text-decoration:underline;height:fit-content;font-size:14px;font-weight:700;padding:0 2rem;border-radius:var(--modal-btn-radius);cursor:pointer;width:100%;margin-top:1rem;transition:color .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.modal-cta-btn.underlined:hover,.modal-cta-btn.underlined:focus{color:var(--modal-btn-hover-bg);opacity:.7}.number-input-container.personalisation-input input[type=number]{width:120px;height:44px;min-width:120px;max-width:100%;font-size:1.15rem;padding:.5rem 1.2rem;box-sizing:border-box;text-align:center;border:1.5px solid #bfc8d6;border-radius:24px;outline:none;background:#fff;transition:border-color .2s;margin-bottom:1.2rem;font-weight:500}.number-input-container.personalisation-input input[type=number]:focus{border-color:#23443e}.number-input-container.personalisation-input label{font-size:1rem;font-weight:600;color:#757575;margin-bottom:.3rem;display:block}.image-uploader__modal .number-input-container input[type=number]{width:90px;min-width:90px;max-width:90px;font-size:16px;padding:0;box-sizing:border-box;text-align:center;border:1.5px solid #bfc8d6;border-radius:8px;outline:none;transition:border-color .2s}.image-uploader__modal .number-input-container input[type=number]:focus{border-color:#0a2046}.image-uploader__modal-title{font-size:22px;margin-bottom:20px;margin-top:0;text-align:center;font-family:inherit}.image-uploader__modal-title.error-title{color:#b71c1c;font-size:22px;font-weight:700;text-align:center;background:none;border:none;box-shadow:none;max-width:80%;margin:0 auto 24px;flex-grow:1}.image-uploader__error{display:block;background:var(--modal-error-bg);color:var(--modal-error-color);border:1.5px solid var(--modal-error-border);border-radius:10px;padding:1.5rem 1rem;margin:1.5rem 0 1rem;font-size:1.1rem;font-weight:600;text-align:center;box-shadow:0 2px 8px #b71c1c14}.image-uploader__modal .tips{margin-bottom:0}@media screen and (min-width: 1320px){.image-uploader__modal .tip-item__text{font-size:14px}.image-uploader__modal .tips-icon{right:0}}.image-uploader__modal .number-input-container{display:flex;flex-direction:column;align-items:center;gap:6px;justify-content:center}.image-uploader__modal .number-input-container label{font-size:15px;margin-bottom:0;min-width:40px}.image-uploader__modal .tips__title{font-size:26px;margin-bottom:10px;margin-top:0}.image-preview{display:flex;align-items:center;justify-content:center;width:100%;height:150px;margin-bottom:20px}.image-preview img.image-preview{object-fit:cover;width:140px;height:140px;border-radius:12px;box-shadow:0 2px 8px #0a204614;background:#f8fafc;display:block;margin-bottom:0}.image-uploader__modal .image-upload__drop-area{gap:16px;border-radius:20px;margin-bottom:30px}@media (max-width: 1000px){.image-uploader__modal .image-upload__drop-area{background:transparent}}@media screen and (min-width: 1000px){.modal-cta-btn{max-width:300px;margin-left:auto;margin-right:auto;font-size:20px}}.progress-fill:empty{display:block!important;height:4px}.generated-images-modal-flex{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:flex-start;margin-top:24px;width:100%;box-sizing:border-box}.generated-image-wrapper{width:50%;max-width:340px;min-width:160px;box-sizing:border-box;display:flex;justify-content:center}.generated-image-modal{background:#f8f8f8;border:1px solid #e9ecef;padding:32px 0 0;width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border-radius:8px;margin-bottom:24px;box-sizing:border-box;overflow:hidden}@media (max-width: 900px){.generated-image-wrapper{width:100%;max-width:95vw;min-width:120px}.generated-images-modal-flex{gap:20px;align-items:center}.generated-image-modal{padding:18px 0 0}}@media (max-width: 600px){.generated-image-wrapper{width:100%;max-width:99vw;min-width:100px}.generated-image-modal{padding:8px 0 0}}.preview-generated-images-container-flex__inner{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:flex-start;flex-wrap:nowrap;max-width:100%}.preview-generated-images-container__label{font-size:16px;font-weight:500;margin-bottom:10px}.preview-generated-images-container-item{position:relative;border-radius:6px;box-shadow:0 4px 24px #0a204614;overflow:hidden;background:#f7f7f9;width:50%;max-width:50%;display:flex;flex-direction:column;align-items:center;transition:box-shadow .2s,border .2s}.preview-generated-images-container-item .generated-img{width:100%;display:block;object-fit:cover;border-radius:6px;aspect-ratio:3/4;background:#eaeaea;border:3px solid transparent;transition:border .2s}.preview-generated-images-container-item.selected .generated-img{border:3px solid #23443e}.preview-generated-images-container-flex .image-placeholder{margin-top:5px}.generated-img-wrap{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.generated-image-magnifier{position:absolute;right:16px;bottom:16px;z-index:2;background:#fff;border-radius:50%;border:none;box-shadow:0 2px 8px #0a20461a;width:45px;height:45px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:box-shadow .2s}.generated-image-magnifier:hover{box-shadow:0 4px 16px #0a20462e}.image-placeholder{text-align:center;font-size:16px;color:#222;margin:18px 0 10px;font-weight:400}.modal-watermark-container{pointer-events:none}.preview-generated-images-container-flex{margin-bottom:20px}@media (max-width: 900px){.preview-generated-images-container-flex{gap:20px;align-items:center}.preview-generated-images-container-item{max-width:95vw;min-width:140px}}@media (max-width: 600px){.preview-generated-images-container-flex{gap:12px;margin-left:0}.preview-generated-images-container-item{max-width:99vw;min-width:100px}}#add-to-cart-form-modal{display:none}.product-form.modal-product-form{margin-bottom:20px}.image-uploader__error{display:block;background:#ffeaea;color:#b71c1c;border:1.5px solid #f44336;border-radius:10px;padding:1.5rem 1rem;margin:1.5rem 0 1rem;font-size:1.1rem;font-weight:600;text-align:center;box-shadow:0 2px 8px #b71c1c14}.image-upload__button{background:#f4f6f8;border:1.5px solid #bfc8d6;color:var(--color-button, #23443e);border-radius:12px;padding:1.2rem 2.5rem;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s,border .2s}.image-upload__button:hover,.image-upload__button:focus{background:#e9ecef;border-color:var(--color-base-accent-1, #23443e)}.image-upload__drop-area{border:1.5px dashed #bfc8d6!important;border-radius:8px!important;background:#f8fafc;padding:1.5rem 0 1.2rem;margin-bottom:1rem;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;transition:border-color .2s}.image-upload__drop-area.dragover{border-color:var(--color-base-accent-1, #23443e)!important}.image-upload__button{background:#23443e;color:#fff!important;border:none!important;border-radius:8px!important;padding:1.2rem 2.5rem;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.image-upload__button svg{margin-right:1rem;fill:#fff}.image-upload__button[disabled]{opacity:.5!important;cursor:not-allowed}.image-upload__button:hover,.image-upload__button:focus{background:#1a2e28!important;color:#fff!important;opacity:.92}.modal-cta-btn.filled{background:#23443e!important;color:#fff!important;border-radius:8px;border:none;box-shadow:none;font-weight:700;font-size:16px;transition:background .2s,color .2s;opacity:1!important}.modal-cta-btn.filled[disabled]{background:#23443e!important;color:#fff!important;opacity:.5!important;cursor:not-allowed}.modal-cta-btn.filled:hover,.modal-cta-btn.filled:focus{background:#1a2e28!important;color:#fff!important;opacity:.92}.loader-wrapper{height:100px;width:100px;position:relative}.loader-circle{width:100%;height:100%}.loader-star-small{height:25%;width:auto;position:absolute;bottom:20%;right:23%;animation:stars-rotate 3s infinite}.loader-star-medium{height:28%;width:auto;position:absolute;top:18%;right:30%;animation:stars-rotate 3s infinite ease-in-out;animation-delay:.5s}.loader-star-large{height:35%;width:auto;position:absolute;bottom:25%;left:20%;animation:stars-rotate 3s infinite ease-in-out;animation-delay:1s}@keyframes stars-rotate{0%{transform:rotate(0)}50%{transform:rotate(-90deg) scale(0)}to{transform:rotate(-180deg) scale(1)}}@media (max-width: 768px){.upload-form-text{display:none!important}.image-upload__drop-area{border:none!important;padding:1rem 0}.generated-image-magnifier{width:35px;height:35px}}.gender-selector{display:flex;width:100%;max-width:220px;margin:0 auto 2.5rem;border:1.5px solid #bfc8d6;border-radius:32px;overflow:hidden;background:#fff;box-sizing:border-box}.gender-option{flex:1 1 0;padding:.9rem 0;font-size:14px;color:#23443e;background:#fff;border:none;outline:none;cursor:pointer;transition:background .2s,color .2s;border-radius:0}.gender-option.selected{background:#23443e;color:#fff}.gender-option.selected:first-child{border-radius:32px 0 0 32px}.gender-option.selected:last-child{border-radius:0 32px 32px 0}.gender-option:not(.selected):hover{background:#f4f6f8}.gender-option:first-child{border-right:1.5px solid #bfc8d6}@media (max-width: 768px){.gender-selector{max-width:100%;border-radius:20px}.gender-option.selected:first-child{border-radius:20px 0 0 20px}.gender-option.selected:last-child{border-radius:0 20px 20px 0}}@media screen and (max-width: 768px){.image-uploader__modal .tips__title{font-size:20px}.image-uploader__modal .image-uploader__modal-title{font-size:18px}.modal-cta-btn.filled{font-size:14px}}.tips{text-align:center;margin-bottom:20px}.tips__container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;justify-items:center;align-items:flex-start;margin:32px 0 0;max-width:100%}.tip-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100px;margin:0 auto}.tip-item-image-container{position:relative;width:100px;height:100px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.tip-item--correct .tip-item-image-container img{border:4px solid #3bb54a}.tip-item--incorrect .tip-item-image-container img{border:4px solid #e74c3c}.tip-item__image{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.tips-icon{position:absolute;bottom:8px;right:8px;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0a20461a;z-index:2}.tips-icon.correct-icon{background:#3bb54a}.tips-icon.incorrect-icon{background:#e74c3c}.tips-icon svg{width:14px;height:14px;display:block}.tip-item__text{margin-top:10px;text-align:center;font-size:1.08rem;font-weight:600;line-height:1.3}.tip-item--correct .tip-item__text{color:#3bb54a}.tip-item--incorrect .tip-item__text{color:#bfc8d6}.generated-images-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100vw;height:100vh;background:#00000040;justify-content:center;align-items:center;font-family:inherit}.generated-images-modal[style*="display: flex"]{display:flex!important}.generated-images-modal .modal-content{background:#fff;border-radius:14px;box-shadow:0 8px 32px #0a20462e;padding:1rem;min-width:350px;max-width:95vw;min-height:300px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.generated-images-modal .close-btn{position:absolute;top:1.5rem;right:1.5rem;width:56px;height:56px;border-radius:50%;background:#fff;border:1px solid #e5e5e5;color:#23443e;font-size:2.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;line-height:1;transition:color .2s,background .2s,box-shadow .2s}.generated-images-modal .close-btn:hover,.generated-images-modal .close-btn:focus{background:#f4f6f8;color:#1a2e28}.generated-images-modal .generated-img-modal{display:block;max-width:90vw;max-height:70vh;margin:0 auto;border-radius:10px;box-shadow:0 4px 24px #0a20461a;background:#f8fafc;object-fit:contain}.generated-images-modal .close-btn svg{transition:transform .25s cubic-bezier(.4,0,.2,1)}.generated-images-modal .close-btn:hover svg,.generated-images-modal .close-btn:focus svg{transform:rotate(90deg)}@media (max-width: 600px){.generated-images-modal .modal-content{min-width:90vw;padding:1.2rem .5rem}.generated-images-modal .generated-img-modal{max-width:98vw;max-height:50vh;border-radius:8px}}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;background:#ddd;border-radius:inherit}.progress-text{position:absolute;top:-25px;right:0}.progress-fill{width:0;height:100%;background:#23443e;border-radius:inherit}@media screen and (max-width: 640px){.tip-item-image-container{width:70px;height:70px}.tips-icon{bottom:4px;right:4px;width:22px;height:22px}.tip-item{width:80px}.tips__container{gap:0}}@media screen and (max-width: 540px){.tips__container{grid-template-columns:repeat(2,1fr);row-gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/194/assets/image-uploader-modal.css.map */