:root{--cs-border-width: 2px;--cs-handle-size: 45px;--cs-arrow-size: 8px;--cs-label-padding: .5em 1em;--cs-label-radius: 6px}.comparison-slider{position:relative;overflow:hidden;border-radius:var(--border-radius, 0px);border:var(--cs-border-width) solid var(--border-color, transparent);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:col-resize;aspect-ratio:1 / 1;width:100%;display:block}.comparison-slider[data-is-circular=true]{border-radius:50%}.comparison-slider__media-container{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.comparison-slider__underlay,.comparison-slider__overlay{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.comparison-slider__overlay{width:50%;overflow:hidden;z-index:1}.comparison-slider__image{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;pointer-events:none}.comparison-slider__divider{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:var(--border-color, currentColor);transform:translate(-50%);pointer-events:none;z-index:3;opacity:.75;transition:left .1s ease-out}.comparison-slider__handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:var(--cs-handle-size);height:var(--cs-handle-size);background-color:var(--border-color, currentColor);border-radius:50%;display:flex;align-items:center;justify-content:center;gap:4px;padding:0;box-sizing:border-box;z-index:4;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px #0003}.comparison-slider:hover .comparison-slider__handle,.comparison-slider.dragging .comparison-slider__handle{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.comparison-slider.dragging .comparison-slider__divider{transition:none}.comparison-slider__arrow-left,.comparison-slider__arrow-right{width:0;height:0;border-style:solid;border-color:transparent;flex-shrink:0}.comparison-slider__arrow-left{border-width:var(--cs-arrow-size) var(--cs-arrow-size) var(--cs-arrow-size) 0;border-right-color:#fff}.comparison-slider__arrow-right{border-width:var(--cs-arrow-size) 0 var(--cs-arrow-size) var(--cs-arrow-size);border-left-color:#fff}.comparison-slider__labels{position:absolute;bottom:-3rem;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;width:100%;pointer-events:none}.comparison-slider__before-text,.comparison-slider__after-text{padding:var(--cs-label-padding);border-radius:var(--cs-label-radius);opacity:.9;transition:opacity .2s ease,transform .2s ease;font-size:14px;line-height:1;font-weight:600;pointer-events:auto;text-align:center;box-sizing:border-box;white-space:nowrap}.comparison-slider:hover .comparison-slider__before-text,.comparison-slider:hover .comparison-slider__after-text{opacity:1;transform:translateY(2px)}.comparison-slider[data-is-circular=true] .comparison-slider__labels{bottom:-3.5rem}[dir=rtl] .comparison-slider__labels{flex-direction:row-reverse}.comparison-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:col-resize;z-index:5}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-comparison-slider.css.map */