:root{--ll-editor-teal:#0e98b9;--ll-editor-red:#c91d2e;--ll-editor-dark:#0b0b0b;--ll-editor-border:#e5e5e5;--ll-editor-soft:#f8fbfc}.ll-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.ll-image-editor{margin:24px 0 18px;clear:both;font-family:inherit}.ll-editor-card{border:1px solid var(--ll-editor-border);border-radius:10px;background:#fff;padding:18px;box-shadow:0 6px 18px #0000000d}.ll-editor-card__head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.ll-editor-step{width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--ll-editor-teal);color:#fff;font-weight:700;flex:0 0 auto;box-shadow:0 2px #0000001f}.ll-editor-card h3{margin:2px 0 4px;font-size:20px;line-height:1.2;text-transform:none;color:#111;font-weight:700}.ll-editor-card p{margin:0;color:#626262;font-size:14px;line-height:1.45}.ll-editor-upload{width:100%;min-height:142px;border:2px dashed var(--ll-editor-teal);border-radius:8px;background:#fff;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.ll-editor-upload:hover,.ll-editor-upload:focus{border-color:var(--ll-editor-red);background:#f8fbfc;box-shadow:0 0 0 3px #0e98b91f;outline:none}.ll-editor-upload__icon{font-size:34px;line-height:1;color:var(--ll-editor-red)}.ll-editor-upload strong{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.ll-editor-upload small,.ll-editor-upload em{font-style:normal;color:#666;font-size:13px}.ll-editor-fileline{margin-top:10px;font-size:13px;color:#5f6675;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ll-editor-edit-again{border:0;background:transparent;color:var(--ll-editor-teal);text-decoration:underline;padding:0;font-weight:700}.ll-editor-inline-error{margin-top:10px!important;color:#b42318!important;font-size:13px!important}html.ll-image-editor-open,body.ll-image-editor-open{overflow:hidden!important}.ll-editor-modal[hidden]{display:none!important}.ll-editor-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:24px}.ll-editor-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#030712b8}.ll-editor-modal__dialog{position:relative;z-index:1;width:min(1120px,calc(100vw - 36px));max-height:calc(100dvh - 36px);display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#111;border-radius:10px;box-shadow:0 24px 80px #00000059}.ll-editor-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--ll-editor-border);background:#fff;flex:0 0 auto}.ll-editor-modal__eyebrow{margin:0 0 4px!important;text-transform:uppercase;letter-spacing:.12em;color:var(--ll-editor-red);font-size:13px!important;font-weight:700}.ll-editor-modal__header h3{margin:0;font-size:30px;line-height:1.1;text-transform:none;color:#111;font-weight:700}.ll-editor-modal__close{width:48px;height:48px;border-radius:50%;border:1px solid var(--ll-editor-border);background:#fff;font-size:30px;line-height:1;color:#111}.ll-editor-modal__body{padding:18px 24px 0;background:#fff;min-height:0;flex:1 1 auto;display:flex;flex-direction:column}.ll-editor-stage{position:relative;min-height:280px;height:min(58vh,640px);width:100%;overflow:hidden;border-radius:10px;background:#05070b;display:flex;align-items:center;justify-content:center}.ll-editor-stage>img[data-ll-editor-image]{display:block;max-width:none!important;max-height:none!important;opacity:0!important}.ll-editor-stage .cropper-container img,.ll-editor-stage .cropper-canvas img,.ll-editor-stage .cropper-view-box img{display:block!important;max-width:none!important;max-height:none!important;opacity:1!important;visibility:visible!important}.ll-editor-stage .cropper-container,.ll-editor-stage .cropper-wrap-box,.ll-editor-stage .cropper-canvas,.ll-editor-stage .cropper-drag-box,.ll-editor-stage .cropper-crop-box,.ll-editor-stage .cropper-view-box{max-width:none!important;max-height:none!important}.ll-editor-stage .cropper-face{background:transparent!important;opacity:1!important}.ll-editor-stage .cropper-line,.ll-editor-stage .cropper-point,.ll-editor-stage .cropper-center,.ll-editor-stage .cropper-dashed{display:none!important}.ll-editor-stage .cropper-view-box{outline:0!important;box-shadow:none!important}.ll-editor-mask-guide{position:absolute;display:none;pointer-events:none;border:2px solid rgba(255,255,255,.96);box-shadow:0 0 0 9999px #00000061,0 0 28px #0e98b959;z-index:20}.ll-editor-mask-guide.is-active{display:block}.ll-editor-modal__help{margin:14px 0 0!important;color:#202938!important;font-size:15px!important}.ll-editor-controls{padding:16px 24px;background:#fff;display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto}.ll-editor-controls button,.ll-editor-secondary,.ll-editor-primary{border-radius:4px;padding:12px 20px;border:1px solid var(--ll-editor-border);background:#fff;color:#111;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.ll-editor-primary{background:#000!important;color:#fff!important;border-color:#000!important;min-width:128px}.ll-editor-primary[disabled]{opacity:.6;cursor:wait}.ll-editor-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px 22px;border-top:1px solid var(--ll-editor-border);background:#fff;flex:0 0 auto}.ll-editor-error{margin:0 auto 0 0!important;color:#b42318!important;font-size:13px!important}.ll-editor-saved-preview{margin-top:12px;border-radius:10px;overflow:hidden;max-width:120px;background:#f4f4f4}.ll-editor-saved-preview img{display:block;width:100%;height:auto}@media(max-width:767px){.ll-editor-modal{padding:0;align-items:stretch}.ll-editor-modal__dialog{width:100vw;max-height:100dvh;border-radius:0}.ll-editor-modal__header{padding:16px}.ll-editor-modal__header h3{font-size:24px}.ll-editor-modal__body{padding:12px 14px 0}.ll-editor-stage{height:52vh;min-height:260px}.ll-editor-controls{padding:12px 14px}.ll-editor-controls button{flex:1 1 40%}.ll-editor-modal__footer{padding:12px 14px 16px}.ll-editor-primary,.ll-editor-secondary{flex:1 1 auto}}.ll-editor-controls button:hover,.ll-editor-controls button:focus,.ll-editor-secondary:hover,.ll-editor-secondary:focus{border-color:var(--ll-editor-teal);color:var(--ll-editor-teal);outline:none}.ll-editor-primary:hover,.ll-editor-primary:focus{background:var(--ll-editor-red)!important;border-color:var(--ll-editor-red)!important;color:#fff!important;outline:none}.ll-editor-stage .cropper-wrap-box,.ll-editor-stage .cropper-drag-box,.ll-editor-stage .cropper-container{background:transparent!important}.ll-image-editor.is-saved .ll-editor-card{border-color:#0e98b98c;box-shadow:0 6px 18px #0e98b91f}@media(max-width:767px){.ll-editor-card{border-radius:8px;padding:15px}.ll-editor-upload{min-height:128px}.ll-editor-modal__dialog{border-radius:0}.ll-editor-controls button,.ll-editor-secondary,.ll-editor-primary{text-transform:none}}.ll-image-editor--hidden-shell{margin:0!important;clear:none!important}.ll-image-editor--hidden-shell>.ll-visually-hidden{pointer-events:none}.ll-editor-modal{z-index:2147483000!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.ll-editor-modal__backdrop{z-index:1!important}.ll-editor-modal__dialog{position:relative!important;z-index:2!important}.ll-editor-controls{align-items:center}.ll-editor-controls button[data-ll-editor-rotate-left],.ll-editor-controls button[data-ll-editor-rotate-right]{min-width:132px}@media(max-width:767px){.ll-editor-controls button[data-ll-editor-rotate-left],.ll-editor-controls button[data-ll-editor-rotate-right]{min-width:0}}body>.ll-editor-modal{z-index:2147483647!important}body>.ll-editor-modal .ll-editor-modal__dialog{isolation:isolate}body.ll-image-editor-open .site-header,body.ll-image-editor-open header,body.ll-image-editor-open .header,body.ll-image-editor-open .main-menu,body.ll-image-editor-open .mega-menu,body.ll-image-editor-open .nav-header,body.ll-image-editor-open .wrap-menu,body.ll-image-editor-open .menu-fixed,body.ll-image-editor-open .product-popup{z-index:1!important}body>.ll-editor-modal .ll-editor-controls,body>.ll-editor-modal .ll-editor-modal__footer{position:relative;z-index:4;pointer-events:auto}body>.ll-editor-modal .ll-editor-controls button,body>.ll-editor-modal .ll-editor-modal__footer button{pointer-events:auto}.ll-editor-stage{background:#082b57!important}.ll-editor-stage__background,.ll-editor-stage__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.ll-editor-stage__background{z-index:1}.ll-editor-stage__overlay{z-index:30}.ll-editor-stage>img[data-ll-editor-image]{position:relative;z-index:2}.ll-editor-stage .cropper-container{position:relative;z-index:15;background:transparent!important}.ll-editor-stage .cropper-canvas,.ll-editor-stage .cropper-wrap-box,.ll-editor-stage .cropper-drag-box,.ll-editor-stage .cropper-view-box{background:transparent!important}.ll-editor-mask-guide,.ll-editor-mask-guide.is-active{display:none!important;border:0!important;box-shadow:none!important}.ll-editor-modal{padding:10px!important}.ll-editor-modal__dialog{width:min(1180px,calc(100vw - 20px))!important;max-height:calc(100dvh - 20px)!important}.ll-editor-modal__header{padding:10px 18px!important;min-height:0!important}.ll-editor-modal__eyebrow{display:none!important}.ll-editor-modal__header h3{font-size:22px!important;line-height:1.12!important}.ll-editor-modal__close{width:40px!important;height:40px!important;font-size:28px!important}.ll-editor-modal__body{padding:10px 18px 0!important}.ll-editor-modal__help{margin:8px 0 0!important;font-size:14px!important}.ll-editor-controls,.ll-editor-controls button,.ll-editor-secondary,.ll-editor-primary{padding:10px 18px!important}.ll-editor-modal__footer{padding:10px 18px 14px!important}.ll-editor-stage{min-height:0!important;height:auto;width:100%;max-width:100%;margin:0 auto!important;border-radius:8px!important;overflow:hidden!important;isolation:isolate!important}.ll-editor-stage__background,.ll-editor-stage__overlay{object-fit:fill!important}.ll-editor-stage .cropper-container{overflow:hidden!important}@media(max-width:767px){.ll-editor-modal{padding:0!important}.ll-editor-modal__dialog{width:100vw!important;max-height:100dvh!important}.ll-editor-modal__header{padding:8px 12px!important}.ll-editor-modal__header h3{font-size:20px!important}.ll-editor-modal__body{padding:8px 10px 0!important}.ll-editor-controls{padding:8px 10px!important}.ll-editor-modal__footer{padding:8px 10px 12px!important}}.ll-editor-primary:disabled{opacity:.65;cursor:wait}.ll-editor-stage .cropper-canvas img,.ll-editor-stage .cropper-view-box img,.ll-editor-stage .cropper-face,.ll-editor-stage .cropper-container img,.ll-editor-stage>img[data-ll-editor-image]{filter:grayscale(1)!important}.detail-gallery .engoj_img_main.ll-upload-preview-active,.detail-gallery[data-ll-preview-locked=true] .engoj_img_main,.ll-configurator-media .engoj_img_main.ll-upload-preview-active,.ll-configurator-media .detail-gallery[data-ll-preview-locked=true] .engoj_img_main{filter:none!important}.ll-editor-live-preview{position:absolute;z-index:14;display:block;pointer-events:none;opacity:0;max-width:none!important;max-height:none!important;transition:opacity .08s linear;filter:grayscale(1);will-change:contents}.ll-editor-stage--output-mirror .cropper-canvas img,.ll-editor-stage--output-mirror .cropper-view-box img{opacity:0!important;visibility:hidden!important}.ll-editor-stage--output-mirror .cropper-container,.ll-editor-stage--output-mirror .cropper-wrap-box,.ll-editor-stage--output-mirror .cropper-canvas,.ll-editor-stage--output-mirror .cropper-drag-box,.ll-editor-stage--output-mirror .cropper-crop-box,.ll-editor-stage--output-mirror .cropper-view-box{pointer-events:auto}.ll-editor-stage--direct-drag{touch-action:none!important;cursor:grab}.ll-editor-stage--direct-drag.ll-editor-stage--direct-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}@media(max-width:767px){body>.ll-editor-modal .ll-editor-modal__dialog{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}body>.ll-editor-modal .ll-editor-modal__body{flex:0 0 auto!important;min-height:0!important}body>.ll-editor-modal .ll-editor-controls{flex:0 0 auto!important}body>.ll-editor-modal .ll-editor-modal__footer{flex:0 0 auto!important;position:sticky!important;bottom:0!important;z-index:40!important;box-shadow:0 -6px 16px #0000000f}}
/*# sourceMappingURL=/cdn/shop/t/166/assets/ll-image-editor.css.map */