#shopify-section-template--25377497710957__personalize_section.section-wrapper{z-index:2!important}.shopify-section:has([class*=personalize-image-block]){z-index:10!important;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}#customily-options,div[id*=customily],.customily-options-wrapper{display:none!important}.ai-image-upload-section{width:100%}.ai-upload-error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;padding-left:12px;margin-bottom:12px;font-size:.9rem;line-height:1.4}.ai-upload-first-time{display:block}#ai-upload-preview-img{width:auto;height:auto;max-height:39px;object-fit:contain;border-radius:var(--style-border-radius);border:1px solid var(--color-border);flex-shrink:0}.ai-upload-fieldset{display:flex;flex-direction:column;gap:var(--gap-sm);margin:0;padding:0;border:none}.ai-upload-fieldset legend{padding:0;margin-block-end:var(--margin-xs)}.ai-upload-input-wrapper{width:100%}.ai-upload-button-label{display:flex;align-items:center;position:relative;padding:0;border:var(--style-border-width) solid var(--color-variant-border);border-radius:var(--variant-picker-button-radius);border-width:var(--variant-picker-button-border-width);overflow:clip;min-height:calc(3ch + 1.3em);width:100%;background-color:var(--color-variant-background);color:var(--color-variant-text);transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing);cursor:pointer;white-space:normal}.ai-upload-initial-cta{border-style:dashed!important;border-width:2px!important;border-color:#000!important;padding:var(--padding-lg);text-align:center}.ai-upload-initial-cta:hover{border-color:var(--color-variant-hover-border)!important;background-color:var(--color-variant-hover-background);color:var(--color-variant-hover-text)}.ai-upload-initial-content{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm)}.ai-upload-initial-header{display:flex!important;align-items:center;gap:var(--gap-sm);justify-content:center;width:100%}.ai-upload-section__icon{width:24px;height:24px;flex-shrink:0;color:#000!important;stroke:#000!important;position:static!important}.ai-upload-button-label:hover{background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}.ai-upload-button-inner{background:none;border:none;color:inherit;font:inherit;cursor:pointer;display:flex;align-items:flex-start;gap:var(--gap-sm);padding-block:var(--padding-sm);padding-inline:var(--padding-lg);width:100%}.ai-upload-initial-cta .ai-upload-button-inner{padding:0;align-items:center!important;justify-content:center;flex-direction:column}.ai-upload-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--gap-sm)}.ai-upload-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;flex:1}.ai-upload-main-text{font-weight:var(--font-weight-medium);line-height:1.2;font-size:var(--font-size-lg);margin:0}.ai-upload-sub-text{font-size:var(--font-size-sm);opacity:.8;line-height:1.3;width:95%}.ai-upload-preview{display:flex;align-items:center;justify-content:center}.ai-upload-status{font-size:.875rem;padding:var(--padding-xs) 0}[id*=ai-upload-preview-img]{width:auto;height:auto;max-height:39px;object-fit:contain;border-radius:var(--style-border-radius);border:1px solid var(--color-border);flex-shrink:0}.ai-upload-state{width:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.ai-upload-state--complete{position:relative}.ai-upload-state--initial{display:block}.ai-upload-state--pet-name,.ai-upload-state--processing,.ai-upload-state--complete{display:none}.ai-upload-content-label{display:flex;align-items:center;position:relative;padding:0;border:var(--style-border-width) solid var(--color-variant-border);border-radius:var(--variant-picker-button-radius);border-width:var(--variant-picker-button-border-width);overflow:clip;min-height:calc(3ch + 1.3em);width:100%;background-color:var(--color-variant-background);color:var(--color-variant-text);transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing);white-space:normal}.ai-upload-state--pet-name .ai-upload-content-label{animation:flashBorderTwice 1.5s ease-in-out}@keyframes flashBorderTwice{0%,to{border:var(--style-border-width) solid var(--color-variant-border);box-shadow:none}10%,30%{border:3px solid #8ebda8;box-shadow:0 0 0 2px #8ebda84d}20%,40%{border:var(--style-border-width) solid var(--color-variant-border);box-shadow:none}}.ai-upload-state--complete .ai-upload-content-label{cursor:pointer}.ai-upload-content-label:hover{background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}.ai-upload-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--gap-sm);padding-block:var(--padding-sm);padding-inline:var(--padding-lg)}.ai-upload-thumbnail{width:auto;height:auto;max-height:39px;object-fit:contain;border-radius:var(--style-border-radius);border:1px solid var(--color-border);flex-shrink:0}.ai-upload-pet-name-form{display:flex;align-items:center;gap:var(--gap-sm);flex:1;min-height:40px}.ai-pet-name-input{flex:1;padding:var(--padding-xs) var(--padding-sm);border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:var(--font-size-sm);color:#333!important;background:#fff!important;font-family:inherit;min-width:120px;opacity:1}.ai-pet-name-input:focus{outline:2px solid var(--color-focus);outline-offset:2px;border-color:var(--color-focus)}.ai-pet-name-save-btn{padding:var(--padding-xs) var(--padding-sm);background-color:#000;color:#fff;border:1px solid #000000;border-radius:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;font-family:inherit;transition:all var(--animation-speed) var(--animation-easing);flex-shrink:0;min-height:36px;pointer-events:auto;opacity:1}.ai-pet-name-save-btn:hover{background-color:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.ai-pet-name-save-btn:disabled{opacity:.6;cursor:not-allowed}.ai-upload-status-info{display:flex;align-items:center;flex:1}.ai-upload-actions{display:flex;align-items:center;gap:var(--gap-sm);flex:1}.ai-pet-name-display{font-weight:var(--font-weight-medium);flex:1}.ai-upload-change-btn{background-color:#000;color:#fff;border:1px solid #000000;border-radius:6px;padding:var(--padding-xs) var(--padding-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--animation-speed) var(--animation-easing);white-space:nowrap;pointer-events:auto;opacity:1}.ai-upload-change-btn:hover{background-color:#333;border-color:#333;transform:translateY(-1px);box-shadow:0 2px 4px #0003}@media (max-width: 768px){.ai-upload-button-inner,.ai-upload-preview-content{padding-inline:var(--padding-md)}.ai-upload-preview-main{flex-direction:row;align-items:center;justify-content:flex-start}}.ai-upload-loading{display:flex;align-items:center;gap:var(--gap-xs);font-size:var(--font-size-sm)}.loading-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top:2px solid var(--color-foreground);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-upload-preview-label{display:flex;align-items:center;position:relative;padding:0;border:var(--style-border-width) solid var(--color-variant-border);border-radius:var(--variant-picker-button-radius);border-width:var(--variant-picker-button-border-width);overflow:clip;min-height:calc(3ch + 1.3em);width:100%;background-color:var(--color-variant-background);color:var(--color-variant-text);transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing);cursor:pointer;white-space:normal}.ai-upload-preview-label:hover{background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border);color:var(--color-variant-hover-text)}.ai-upload-button-label:focus-within,.ai-upload-preview-label:focus-within{outline:2px solid var(--color-focus);outline-offset:2px}input[type=file]:focus{outline:none}.ai-pet-dropdown{position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:9999;pointer-events:auto}.ai-pet-dropdown-list{margin-top:-10px;z-index:9999;display:flex;flex-direction:column;gap:var(--gap-xs);background-color:#eef1ea;padding:var(--padding-sm);border-radius:0 0 var(--variant-picker-button-radius) var(--variant-picker-button-radius);border:var(--style-border-width) solid var(--color-variant-border);border-top:none;box-shadow:0 4px 12px #00000026}.ai-pet-dropdown-item{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);cursor:pointer;border:var(--style-border-width) solid var(--color-variant-border);border-radius:var(--variant-picker-button-radius);background-color:var(--color-variant-background);min-height:calc(3ch + 1.3em);width:100%;transition:background-color var(--animation-speed) var(--animation-easing),border-color var(--animation-speed) var(--animation-easing)}.ai-pet-dropdown-item:hover{background-color:var(--color-variant-hover-background);border-color:var(--color-variant-hover-border)}.ai-pet-dropdown-item-thumbnail{width:32px;height:32px;object-fit:cover;border-radius:var(--style-border-radius);border:1px solid var(--color-border);flex-shrink:0}.ai-pet-dropdown-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-background);border-radius:var(--style-border-radius);border:1px solid var(--color-border);flex-shrink:0;font-size:16px}.ai-pet-dropdown-item-text{flex:1;font-size:var(--font-size-sm);color:var(--color-foreground)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/personalize-image.css.map */