:root{--ims-handle-circle-width: 4.4rem;--ims-label-padding: 2.25rem}compare-slider{display:block}.compare-slider-grid{position:relative;display:grid;gap:4rem}.section_slider_layout--full .compare-slider-grid{grid-template-rows:auto auto;gap:4rem}.section_slider_layout--full .compare-slider-grid-col-text-content{display:grid;grid-template-columns:50% 50%}.section_slider_layout--full .container.max-w-full .compare-slider-grid-col-text-content{padding-inline:var(--page-gutter)}.section_slider_layout--full .compare-slider-grid-col-text-content-text-container{padding-inline-end:4rem}.section_slider_layout--full .compare-slider-grid-col-text-content-button-container{display:flex;align-items:flex-end;justify-content:flex-end}.section_slider_layout--full .compare-slider__text{margin-block-end:0;font-family:var(--font-heading-family)}@media screen and (max-width: 749px){.section_slider_layout--full .compare-slider-grid-col-text-content{grid-template-rows:auto auto;grid-template-columns:1fr;gap:0}.section_slider_layout--full .compare-slider-grid-col-text-content-text-container{padding-inline-end:0}.section_slider_layout--full .compare-slider-grid-col-text-content-button-container{display:flex;align-items:flex-start;justify-content:flex-start}.section_slider_layout--full .compare-slider__text{margin-block-end:3rem}}.section_slider_layout--shrink .compare-slider-grid{grid-template-columns:1fr minmax(2rem,86.2rem);gap:4rem}.section_slider_layout--shrink .container.max-w-full .compare-slider-grid .compare-slider-grid-col-text-content{padding-inline:var(--page-gutter)}@media screen and (max-width: 1199px){.section_slider_layout--shrink .compare-slider-grid{grid-template-rows:auto auto;grid-template-columns:1fr;gap:4rem}.section_slider_layout--shrink .container.max-w-full .compare-slider-grid .compare-slider-grid-col-text-content{padding-inline:var(--page-gutter);padding-block-end:4rem}}.section_slider_layout--shrink .container.max-w-full .compare-slider-grid{gap:0}.section-compare-slider__title{margin-block-start:0;margin-block-end:1.6rem;letter-spacing:-.01em}.section-compare-slider p:first-of-type{margin-block-start:0}.section-compare-slider p:last-of-type{margin-block-end:0}.section_slider_layout--shrink .compare-slider__text{margin-block-start:0;margin-block-end:4.25rem;letter-spacing:-.01em;line-height:1.6}@media screen and (max-width: 749px){.section_slider_layout--shrink .compare-slider__text{margin-block-end:3rem}}.ims-container{position:relative;overflow:hidden;height:60rem;width:100%}@media screen and (max-width: 749px){.ims-container{height:21.6rem}}.ims-container .ims-images-wrapper .ims-image{position:absolute;height:100%;width:100%;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ims-container .ims-images-wrapper .ims-image-before .ims-placeholder-svg,.ims-container .ims-images-wrapper .ims-image-after .ims-placeholder-svg{background-color:var(--color-placeholder)}.ims-container .ims-images-wrapper .ims-image img,.ims-container .ims-images-wrapper .ims-image svg{height:100%;width:100%;object-fit:cover}.ims-container .ims-images-wrapper .ims-image-after{clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.ims-container .ims-slider{position:absolute;inset-block-start:0;height:100%;width:100%;z-index:10}input[type=range].compare-slider-input{position:absolute;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;width:100%;background-color:transparent;outline:none;cursor:pointer}input[type=range]::-webkit-slider-runnable-track .compare-slider-input{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-track .compare-slider-input{-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-ms-track .compare-slider-input{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-webkit-slider-thumb .compare-slider-input{-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-thumb .compare-slider-input{-moz-appearance:none;-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}input[type=range]::-ms-thumb .compare-slider-input{-webkit-appearance:none;appearance:none;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);box-shadow:none;border:none;background:transparent}[dir=rtl] .ims-container .ims-slider .ims-handle-line{transform:translate(-50%);left:50%;inset-inline-start:auto;z-index:3}.ims-container .ims-slider .ims-handle-line,.ims-container .ims-slider div:empty.ims-handle-line{position:absolute;inset-block-start:0;inset-inline-start:50%;display:block;height:100%;width:2px;background-color:var(--color-white);pointer-events:none}.ims-container .ims-slider .ims-handle-circle,.ims-container .ims-slider div:empty.ims-handle-circle{position:absolute;z-index:2;inset-block-start:calc(50% - .4rem);inset-inline-start:50%;display:block;height:var(--ims-handle-circle-width);width:var(--ims-handle-circle-width);color:rgb(var(--color-primary-text));background:url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 24 24' fill='currentColor'><path d='M15.4,16.8l-1.1-0.4c1-2.3,1.8-3.4,3.3-4.4c-1.6-1-2.4-2.1-3.3-4.3l1.1-0.4c1,2.4,1.8,3.3,3.7,4.3l1,0.5l-1,0.5C17.2,13.4,16.4,14.3,15.4,16.8z' fill='currentColor' /><path d='M8.6,16.8c-1-2.5-1.8-3.3-3.7-4.3l-1-0.5l1-0.5c2-1,2.7-1.9,3.7-4.3l1.1,0.4C8.7,9.9,7.9,11,6.3,12c1.5,0.9,2.4,2.1,3.4,4.4L8.6,16.8z' fill='currentColor' /></svg>"),rgb(var(--color-background));border:2px solid var(--color-white);border-radius:50%;background-size:contain;cursor:pointer;transform:translate(-50%,-50%)}[dir=rtl] .ims-container .ims-slider .ims-handle-circle,[dir=rtl] .ims-container .ims-slider div:empty.ims-handle-circle{transform:translate(50%,-50%)}.ims-container .ims-label{position:absolute;inset-block-end:var(--ims-label-padding);z-index:3;padding:0;background:transparent;color:rgb(var(--color-primary-text));font-weight:300;line-height:160%;letter-spacing:1px;text-transform:capitalize;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ims-container .ims-label.ims-label-before{inset-inline-start:var(--ims-label-padding)}.ims-container .ims-label.ims-label-after{inset-inline-end:var(--ims-label-padding)}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-compare-slider.css.map */