.customization-image{position:relative;display:block;width:100%}.customization-image-classic:not([loaded]){background:transparent}.customization-square,.customization-portrait{background-color:#f0f0f0;display:block;width:100%;height:100%;cursor:pointer}.customization-square[loaded],.customization-portrait[loaded]{background-color:rgb(var(--color-white));cursor:unset}.customization-image-preview,.customization-image-empty{position:absolute;top:0;left:0;right:0;bottom:0;margin:5%}.customization-image-frame{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.customization-button{position:absolute;display:flex;flex-direction:column;gap:1.5rem;text-align:center;width:100%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.file-upload-button{cursor:pointer}.customization-square .file-upload-button,.customization-portrait .file-upload-button{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;width:100%;height:100%}.customization-square .file-name,.customization-portrait .file-name{display:none}.remove-image{all:unset;display:flex;align-items:center;justify-content:flex-start;gap:1rem;cursor:pointer}.customization-square .remove-image,.customization-portrait .remove-image{position:absolute;top:.5rem;right:.5rem}.customization-square .remove-image-text,.customization-portrait .remove-image-text{display:none}.remove-image-icon{position:relative;border:.2rem solid var(--color-red-06);background-color:rgb(var(--color-white));border-radius:50%;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;color:rgb(var(--color-white));box-shadow:0 0 .3rem rgb(var(--color-white))}.remove-image-text{font-size:1.4rem}.remove-image-icon i{display:block;width:100%;height:100%}.remove-image-icon i:before,.remove-image-icon i:after{background-color:var(--color-red-06)}.icon-remove:before,.icon-remove:after{position:absolute;top:calc(50% - .6rem);left:calc(50% - .1rem);content:" ";height:1.2rem;width:.2rem;background-color:rgb(var(--color-white))}.icon-remove:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-remove:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.remove-image:hover .remove-image-icon{border-color:var(--color-red-05);background-color:rgb(var(--color-white))}.remove-image:hover i:before,.remove-image:hover i:after{background-color:var(--color-red-05)}.customization-image-classic .remove-image{border-radius:var(--border-radius-2);background-color:#fff;display:inline-flex;align-items:center;text-align:center;padding:.2rem 1.4rem}.customization-image-classic .remove-image:hover{background-color:var(--color-primary-00);color:var(--color-primary-11)}.customization-image-classic .remove-image-icon{display:none}.file-upload-icon{display:flex;align-items:center;justify-content:center;color:inherit;width:36%;height:auto;margin:0 auto}.file-upload-icon,.file-upload-text{cursor:pointer}.file-upload-text{font-size:1.4rem}.customization-square .file-upload-text,.customization-portrait .file-upload-text{font-size:1rem}@media screen and (max-width: 749px){.file-upload-text{display:none;font-size:1.2rem}}.file-upload-notice{font-size:.8rem;color:rgba(var(--color-foreground),.5);font-style:italic}.customization-description{max-width:600px;margin:15px auto auto}.customization-image-classic .customization-image-empty,.customization-image-classic .customization-image-preview,.customization-image-classic .customization-image-frame{position:relative;top:unset;left:unset;right:unset;bottom:unset}.customization-image-classic .customization-image-empty,.customization-image-classic .customization-image-preview{display:flex;align-items:center;gap:1rem;width:100%;height:auto;margin:0}.customization-image-classic .customization-image-frame{border-radius:var(--border-radius-2);height:4rem;width:4rem;aspect-ratio:1 / 1}.customization-image-classic .file-upload-button{border:.1rem solid rgba(var(--color-foreground),1);border-radius:var(--border-radius-2);background-color:#fff;display:inline-flex;align-items:center;text-align:center;padding:.4rem 1.6rem;color:rgba(var(--color-foreground),1)}.customization-image-classic .file-upload-icon,.customization-image-classic .file-upload-notice{display:none}.customization-image-classic .file-upload-text{display:block}.customization-image-classic .file-upload-button:hover{border-color:rgba(var(--color-button),1);background-color:rgba(var(--color-button),.2)}.file-name{margin-left:1rem;font-size:1.3rem;color:rgba(var(--color-foreground),.6)}.customization-image-classic.invalid .file-upload-button,.customization-image-classic.invalid .file-name{color:var(--color-red-04);border-color:var(--color-red-04)}
/*# sourceMappingURL=/cdn/shop/t/92/assets/customization-image.css.map */