.customization-square{background-color:#f0f0f0;display:block;width:100%;height:100%}.customization-square[loaded]{background-color:#fff}.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%)}.customization-button i{display:flex;align-items:center;justify-content:center}.customization-button p{bottom:20%;width:100%;margin:0}.remove-image,.upload-image{all:unset;cursor:pointer}.remove-image i{position:absolute;top:.5rem;right:.5rem;color:#fff;width:2rem;height:2rem;border-radius:50%;border:.2rem solid var(--color-red-06);background-color:rgb(var(--color-white));box-shadow:0 0 .3rem rgb(var(--color-white))}.remove-image i:before,.remove-image 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 i{border-color:#c60f0f;background-color:#fff}.remove-image:hover i:before,.remove-image:hover i:after{background-color:#c60f0f}.upload-image{color:inherit;width:4rem;height:2.8rem;margin:0 auto}@media screen and (min-width: 750px){.upload-image{width:6rem;height:4.8rem}}.customization-button i.customization-ok-icon{color:#fff;top:0;left:0;height:10%;width:10%;font-size:20px}.customization-image-preview,.customization-image-empty,.customization-image-input{position:absolute;top:5%;left:5%;width:90%;height:90%;background-size:102%;background-position:center;background-repeat:no-repeat;border-radius:var(--text-boxes-radius)}.customization-image-input{cursor:pointer;opacity:0}.customization-image{display:block}input[type=file]{width:100%}input[type=file]::file-selector-label{display:block;width:100%}input[type=file]::file-selector-button{border:.2rem solid rgba(var(--color-foreground),.6);background-color:#fff;padding:.8rem 2rem;border-radius:.4rem;cursor:pointer}input[type=file]::-ms-browse:hover,input[type=file]::-webkit-file-upload-button:hover,input[type=file]::file-selector-button:hover{border:.2rem solid rgba(var(--color-foreground),1);background-color:rgba(var(--color-foreground),.2)}.button-upload input{position:absolute;opacity:0;z-index:-1}.modal-image .modal__content img{max-width:100%}.modal-image .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;padding:2rem;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}.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}@media screen and (min-width: 750px){.modal-footer{border-bottom-left-radius:var(--border-radius-2);border-bottom-right-radius:var(--border-radius-2)}}.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-base-text),.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-base-text),var(--alpha-button-background));cursor:pointer}.cropper-slider::-moz-range-thumb{width:2rem;height:2rem;background:rgba(var(--color-base-text),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)}.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/42/assets/customization-image.css.map */