.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)}.modal{box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow-x:hidden;overflow-y:auto;width:100%;background:rgba(var(--color-foreground),.2);height:100%}.modal[open]{opacity:1;visibility:visible;z-index:101}.modal__content{background-color:rgb(var(--color-background));width:100%}.modal__header{border-top-left-radius:2rem;border-top-right-radius:2rem;border-bottom:.1rem solid rgba(var(--color-foreground),.08);background-color:rgb(var(--color-background));display:flex;align-items:center;justify-content:space-between;height:6rem}@media screen and (max-width: 749px){.modal__content{height:100%}.modal__header{padding-left:1.6rem;padding-right:1.6rem}}@media screen and (min-width: 750px){.modal__content{border-radius:2rem;max-width:61rem;margin:3rem auto}.modal__header{padding:0 1.5rem}.modal__content{-webkit-box-shadow:0 .5rem 1.5rem rgba(0,0,0,.2);box-shadow:0 .5rem 1.5rem #0003}}.modal__content img{max-width:100%}.modal__opener{display:inline-block}.modal__inner{position:relative;display:flex;flex-direction:column;justify-content:stretch}.modal-image .modal__inner{height:calc(100% - 6rem)}.modal__inner .preloader{border-bottom-right-radius:2rem;border-bottom-left-radius:2rem}.modal-image .modal__inner-cropper{height:calc(100% - 19.5rem);max-height:calc(100% - 19.5rem);overflow:hidden;background-color:#000000b3}.cropper-container{max-width:50rem;min-height:30rem;max-height:30rem}@media screen and (min-width: 750px){.cropper-container{max-width:50rem;max-height:50rem}}.cropper-container,.cropper-actions{margin:0 auto}.cropper-actions{max-width:40rem}@media screen and (max-width: 749px){.button--extra-small.button--cropper{min-height:calc(3.5rem + var(--buttons-border-width) * 2)}}.modal-notice{margin-top:2.5rem;text-align:center}.modal-notice.photo-alert{padding:.5rem;font-size:1.2rem;min-height:3rem;color:#d82c0d}.modal-footer{margin-top:1rem;padding:1.4rem;width:100%;display:flex;justify-content:center;background-color:var(--color-primary-00)}@media screen and (min-width: 750px){.modal-footer{border-bottom-left-radius:var(--text-boxes-radius);border-bottom-right-radius:var(--text-boxes-radius)}}.cropper-actions{display:flex;align-items:center;justify-content:space-between;margin:2rem auto}.cropper-action{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;padding:0 2rem}.cropper-action .button .icon{display:block;fill:rgb(var(--color-button-text))}.cropper-action__label{color:#d3dae6;text-transform:uppercase;font-size:12px;font-weight:700}.button--cropper,.button--cropper:hover{box-shadow:none}.cropper-action__slider{width:80%;text-align:center;margin-bottom:.6rem}.cropper-slider{-webkit-appearance:none;appearance:none;border-radius:2rem;width:100%;height:1rem;background:rgba(var(--color-button),.4);outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.cropper-slider:hover{opacity:1}.cropper-slider::-webkit-slider-thumb{border-radius:50%;-webkit-appearance:none;appearance:none;width:2rem;height:2rem;background:rgba(var(--color-button),var(--alpha-button-background));cursor:pointer}.cropper-slider::-moz-range-thumb{width:2rem;height:2rem;background:rgba(var(--color-button),var(--alpha-button-background));cursor:pointer}.image-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}.image-action--replace{position:relative}.file-replace-button input[type=file]{all:unset;position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:-1}.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.7}.cropper-view-box{display:block;height:100%;outline:1px solid rgb(var(--color-interactive));outline-color:rgba(var(--color-interactive),.75);overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.7;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{left:0;top:0}.cropper-line{background-color:rgb(var(--color-interactive))}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:rgb(var(--color-interactive));height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:rgb(var(--color-interactive));bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/89/assets/customization-image.css.map */