.image-compare-block{width:100%}.image-compare-frontend{width:100%}.image-compare-slider{position:relative;width:100%}.ic-wrapper{position:relative;width:100vw;max-width:100%;height:350px;overflow:hidden;border-radius:3px;color:#fff;background-color:var(--theme-palette-color-7)}.image-compare-block .ic-wrapper{width:100%}.ic-wrapper img{position:absolute;top:0;left:0;width:100vw;max-width:100%;height:100%;object-fit:cover}.ic-labels{position:relative;z-index:9;display:flex;justify-content:space-between;padding:20px;font-weight:700}.ic-overlay-img{z-index:2;clip-path:inset(0 50% 0 0)}.ic-divider{position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:4;width:2px;height:100%;background:#fff;box-shadow:0 0 8px rgb(0 0 0 / .2)}.ic-handle{position:absolute;top:50%;left:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;color:#fff;background:#fff0;cursor:ew-resize;transform:translate(-50%,-50%)}.ic-handle svg{display:block;width:48px;height:48px}.image-compare-editor-preview{width:100%}.image-compare-editor-preview .ic-handle{pointer-events:none}.image-compare-editor-preview__range{position:absolute;inset:0;z-index:10;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.image-compare-empty-preview{display:flex;align-items:center;justify-content:center;min-height:220px;padding:24px;border:1px dashed #c3c4c7;color:#50575e;background:#f6f7f7;text-align:center}.image-compare-media-control{margin-bottom:20px}.image-compare-media-control__label{margin:0 0 8px;font-weight:600}.image-compare-media-control__preview{display:block;width:100%;height:auto;max-height:160px;margin-bottom:10px;border:1px solid #dcdcde;border-radius:2px;object-fit:cover}.image-compare-media-control__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}