.comparison{--comparison-radius: var(--border-radius-size-5);--comparison-line-color: var(--default-color-base);--comparison-line-width: 2px;--comparison-handle-size: 44px;--comparison-handle-gap: 10px;--comparison-ratio: 372 / 600;--comparison-ease: cubic-bezier(.22, .61, .36, 1);--comparison-position: 50%;--comparison-axis: x;--comparison-handle-offset: 20px;--comparison-line-left: clamp(0px, calc(var(--comparison-position) - var(--comparison-line-width) / 2), calc(100% - var(--comparison-line-width)));position:relative;display:block;container-type:inline-size;padding-bottom:calc(var(--comparison-handle-size) + var(--comparison-handle-gap));touch-action:pan-y;user-select:none;-webkit-user-select:none}.comparison--dragging-line{cursor:col-resize}.comparison__frame{position:relative;overflow:hidden;height:var(--comparison-height-desktop, 700px);border-radius:var(--comparison-radius);background-color:var(--color-secondary-background);isolation:isolate}.comparison__divider{position:absolute;top:0;bottom:0;left:0;width:100%;pointer-events:none}.comparison__line,.comparison__stem{position:absolute;width:var(--comparison-line-width);background-color:var(--comparison-line-color)}.comparison__line{top:0;bottom:0;left:var(--comparison-line-left);z-index:var(--layer-flat);cursor:col-resize;touch-action:none}.comparison__line:before{content:"";position:absolute;top:0;right:-14px;bottom:0;left:-14px}.comparison__stem{bottom:calc(var(--comparison-handle-size) / 2);left:var(--comparison-line-left);height:calc(var(--comparison-handle-size) / 2 + var(--comparison-handle-gap) + var(--comparison-radius));pointer-events:none}.comparison__handle{position:absolute;bottom:0;left:calc(var(--comparison-line-left) + var(--comparison-line-width) / 2);display:grid;place-items:center;width:var(--comparison-handle-size);height:var(--comparison-handle-size);margin-left:calc(var(--comparison-handle-size) / -2);padding:0;border:0;border-radius:50%;background-color:var(--comparison-handle-color, var(--default-color-base));color:var(--comparison-handle-icon-color, var(--default-color-background));pointer-events:auto;touch-action:none}.comparison__handle:focus-visible{outline:2px solid var(--default-color-accent);outline-offset:3px}.comparison__icon{width:20px;height:12px;fill:currentColor;pointer-events:none}@media(max-width:576px){.comparison{--comparison-axis: y;--comparison-line-top: clamp(0px, calc(var(--comparison-position) - var(--comparison-line-width) / 2), calc(100% - var(--comparison-line-width)));padding-bottom:0}.comparison__frame{height:600px}.comparison__line{top:var(--comparison-line-top);right:0;bottom:auto;left:0;width:auto;height:var(--comparison-line-width);cursor:row-resize}.comparison__line:before{top:-14px;right:0;bottom:-14px;left:0}.comparison--dragging-line{cursor:row-resize}.comparison__stem{display:none}.comparison__handle{top:calc(var(--comparison-line-top) + var(--comparison-line-width) / 2);right:var(--comparison-handle-offset);bottom:auto;left:auto;margin:calc(var(--comparison-handle-size) / -2) 0 0}.comparison__icon{transform:rotate(-90deg)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-comparison-slider.css.map */