.cm-image-comparison.remove-top-space{padding-top:0!important}.cm-image-comparison.remove-bottom-space{padding-bottom:0!important}.cm-image-comparison .full-width{max-width:100%}.cm-image-comparison .custom-width{max-width:var(--section-width)!important}.cm-image-comparison{display:block;background-color:var(--bg-color);color:var(--text-color)}.cm-image-comparison-bg-layout{max-width:var(--section-width);margin-left:auto;margin-right:auto}.cm-image-comparison-inner{position:relative}.cm-ic__compare-wrap{overflow:hidden;border-radius:12px}.cm-image-comparison comparison-slider-component{display:block}.cm-image-comparison .comparison-slider{position:relative;overflow:hidden;aspect-ratio:var(--ratio)}.cm-image-comparison .comparison-slider__container,.cm-image-comparison .comparison-slider__media-wrapper{position:relative;width:100%;height:100%}.cm-image-comparison .comparison-slider__media-wrapper{--compare: 50;--button-size: 40px;display:grid;grid-template:1fr / 1fr;overflow:hidden}.cm-image-comparison .comparison-slider__layer{grid-area:1 / 1;position:relative;width:100%;height:100%;transition:clip-path var(--transition-duration, 0s) ease-in-out}.cm-image-comparison .comparison-slider__layer--after{z-index:1}.cm-image-comparison [data-orientation=horizontal] .comparison-slider__layer--before{clip-path:inset(0 calc((100 - var(--compare)) * 1%) 0 0)}.cm-image-comparison [data-orientation=horizontal] .comparison-slider__layer--after{clip-path:inset(0 0 0 calc(var(--compare) * 1%))}.cm-image-comparison .comparison-slider__picture,.cm-image-comparison .before-image,.cm-image-comparison .after-image,.cm-image-comparison .comparison-slider__placeholder{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:var(--ratio)}.cm-image-comparison .comparison-slider__placeholder{position:absolute;top:0;right:0;bottom:0;left:0}.cm-image-comparison .comparison-slider__placeholder svg{width:100%;height:100%;background-color:#f5f5f5;fill:#666}.cm-image-comparison .cs-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.cm-image-comparison .cs-slider::-webkit-slider-thumb,.cm-image-comparison .cs-slider::-moz-range-thumb{width:var(--button-size);height:var(--button-size);border:0;background:transparent;cursor:inherit;-webkit-appearance:none;appearance:none}.cm-image-comparison .cs-slider::-webkit-slider-track,.cm-image-comparison .cs-slider::-moz-range-track{background:transparent;border:0;-webkit-appearance:none;appearance:none}.cm-image-comparison .comparison-slider__media-wrapper:before,.cm-image-comparison .comparison-slider__media-wrapper:after{content:"";position:absolute;pointer-events:none;transition:left var(--transition-duration, 0s) ease-in-out;z-index:3}.cm-image-comparison .comparison-slider__media-wrapper:after{inset:0 auto;left:calc(var(--compare) * 1%);width:2px;transform:translate(-50%);background:#141414;box-shadow:none}.cm-image-comparison .cs-slider__handle{position:absolute;z-index:5;pointer-events:none;width:var(--button-size);height:var(--button-size);background:#141414;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;transition:left var(--transition-duration, 0s) ease-in-out;gap:2px;top:50%;left:calc(var(--compare) * 1%);transform:translate(-50%,-50%)}.cm-image-comparison .cs-slider__chevron{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:#fff}.cm-image-comparison .cs-slider__chevron svg{width:10px;height:10px;fill:currentColor}.cm-image-comparison .comparison-slider__text{position:absolute;pointer-events:none;z-index:6}.cm-image-comparison .comparison-slider__text--with-bg{background:var(--text-background-color);border-radius:var(--text-corner-radius);padding:4px 10px}.cm-image-comparison [data-orientation=horizontal] .comparison-slider__text--before{inset-inline-start:12px;inset-block-start:12px}.cm-image-comparison [data-orientation=horizontal] .comparison-slider__text--after{inset-inline-end:12px;inset-block-start:12px}.cm-image-comparison .cm-ic__label{font-size:12px;font-weight:600;line-height:1.2;color:#fff;letter-spacing:.02em}@media screen and (min-width:750px){.cm-image-comparison .comparison-slider__media-wrapper{--button-size: 44px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/cm-image-comparison.css.map */