.section-compare-slider{--compare-slider-handle-size: 4.8rem;--compare-slider-handle-padding: 1.6rem;--compare-slider-caption-padding: 1.6rem;--compare-slider-caption-border-radius: .4rem;--compare-slider-caption-text-transform: uppercase}.section-compare-slider .grid{gap:0;border-bottom-right-radius:var(--border-radius-s);border-bottom-left-radius:var(--border-radius-s);overflow:hidden}.compare-slider__layout--full .grid{grid-template-rows:auto auto}.compare-slider__content{display:flex;flex-direction:column;justify-content:center;row-gap:2.4rem;padding:4rem;position:relative}@media screen and (max-width: 989px){.compare-slider__content{padding-inline:var(--spacing-4)}}.compare-slider__content:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-product-before-after-gradient)}.compare-slider__content,.compare-slider__content:before{border-top-left-radius:var(--border-radius-l);border-top-right-radius:var(--border-radius-l)}.compare-slider__content>a,.compare-slider__content>button,.compare-slider__content-group{position:relative;z-index:1}.compare-slider__layout--full .compare-slider__content{display:flex;flex-direction:row;justify-content:space-between;width:100%}.compare-slider__content-group{display:flex;flex-direction:column;flex-basis:70%}.compare-slider__content-group>*:first-child{padding-block-start:0;margin-block-start:0}.compare-slider__button{height:fit-content}.compare-slider__content-group *{margin:0}@media screen and (max-width: 749px){.compare-slider__layout--full .compare-slider__content-group{padding-inline-end:0}.compare-slider__button{display:none}}.compare-slider__slider{position:relative;overflow:hidden;width:100%;border-bottom-left-radius:var(--border-radius-s);border-bottom-right-radius:var(--border-radius-s)}.compare-slider__layout--shrink .grid{grid-template-columns:1fr;gap:0}.compare-slider__layout--shrink .section-before-and-after-content{margin-block-start:0;margin-block-end:4.25rem;letter-spacing:-.01em;line-height:var(--line-height-static-md)}@media screen and (min-width: 990px){.compare-slider__layout--shrink .compare-slider__content,.compare-slider__layout--shrink .compare-slider__content:before{border-top-left-radius:var(--border-radius-l);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--border-radius-l)}}@media screen and (min-width: 990px){.compare-slider__layout--shrink .compare-slider__content:before{width:calc(100% + var(--border-radius-l));height:100%}}.compare-slider__layout--shrink .compare-slider__content-group{flex-basis:auto}@media screen and (max-width: 749px){.compare-slider__layout--shrink .section-before-and-after-content{margin-block-end:3rem}}@media screen and (min-width: 990px){.compare-slider__layout--shrink .grid{grid-template-columns:.4fr .6fr;gap:0}}@media screen and (min-width: 990px){.compare-slider__layout--shrink .compare-slider__text{padding-inline-end:20%}}@media screen and (min-width: 990px){.compare-slider__layout--shrink .compare-slider__slider{min-height:100%;border-radius:var(--border-radius-l)}}.compare-slider__slider .compare-slider__image-group .compare-slider__image{position:absolute;height:100%;width:100%;pointer-events:none;user-select:none;-webkit-user-select:none}.compare-slider__slider .compare-slider__image-group .compare-slider__image-before .ims-placeholder-svg,.compare-slider__slider .compare-slider__image-group .compare-slider__image-after .ims-placeholder-svg{background-color:rgb(var(--color-background))}.compare-slider__slider .compare-slider__image-group .compare-slider__image img,.compare-slider__slider .compare-slider__image-group .compare-slider__image svg{height:100%;width:calc(100% + 1px);max-width:calc(100% + 1px);object-fit:cover}.compare-slider__slider .compare-slider__image-group .compare-slider__image-after{clip-path:polygon(0px 0px,50% 0px,50% 100%,0px 100%)}.compare-slider__slider .compare-slider__handle{position:absolute;inset-block-start:0;height:100%;width:100%;z-index:10}input[type=range].compare-slider__handle-value{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__handle-value{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-track .compare-slider__handle-value{-moz-appearance:none;-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-ms-track .compare-slider__handle-value{-webkit-appearance:none;appearance:none;box-shadow:none;border:none;background:transparent}input[type=range]::-webkit-slider-thumb .compare-slider__handle-value{-webkit-appearance:none;appearance:none;width:var(--compare-slider-handle-size);height:var(--compare-slider-handle-size);box-shadow:none;border:none;background:transparent}input[type=range]::-moz-range-thumb .compare-slider__handle-value{-moz-appearance:none;-webkit-appearance:none;appearance:none;width:var(--compare-slider-handle-size);height:var(--compare-slider-handle-size);box-shadow:none;border:none;background:transparent}input[type=range]::-ms-thumb .compare-slider__handle-value{-webkit-appearance:none;appearance:none;width:var(--compare-slider-handle-size);height:var(--compare-slider-handle-size);box-shadow:none;border:none;background:transparent}.compare-slider__slider .compare-slider__handle .compare-slider__handle-line,.compare-slider__slider .compare-slider__handle div:empty.compare-slider__handle-line{position:absolute;inset-block-start:0;inset-inline-start:50%;display:block;height:100%;width:4px;background-color:var(--color-white);pointer-events:none}.compare-slider__slider .compare-slider__handle .compare-slider__handle-circle,.compare-slider__slider .compare-slider__handle div:empty.compare-slider__handle-circle{position:absolute;z-index:2;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:calc(var(--compare-slider-handle-size) + var(--compare-slider-handle-padding) * 2);height:calc(var(--compare-slider-handle-size) + var(--compare-slider-handle-padding) * 2);border-radius:50%;cursor:pointer;background-color:rgba(var(--color-white-rgb),.25)}[dir=rtl] .compare-slider__slider .compare-slider__handle .compare-slider__handle-circle,[dir=rtl] .compare-slider__slider .compare-slider__handle div:empty.compare-slider__handle-circle{transform:translate(50%,-50%)}@media screen and (max-width: 749px){.compare-slider__slider .compare-slider__handle .compare-slider__handle-circle,.compare-slider__slider .compare-slider__handle div:empty.compare-slider__handle-circle{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.compare-slider__slider .compare-slider__handle .compare-slider__handle-inner-circle,.compare-slider__slider .compare-slider__handle div:empty.compare-slider__handle-inner-circle{display:flex;align-items:center;justify-content:center;width:var(--compare-slider-handle-size);height:var(--compare-slider-handle-size);position:absolute;inset-block-start:var(--compare-slider-handle-padding);inset-inline-start:var(--compare-slider-handle-padding);border-radius:50%;color:rgb(var(--color-black-rgb));background-color:rgba(var(--color-white-rgb),1)}.compare-slider__slider .compare-slider__label{position:absolute;inset-block-end:var(--compare-slider-caption-padding);z-index:3;padding:.8rem 1.6rem;background-color:rgba(var(--color-background),.25);font-family:var(--font-heading-family);font-size:var(--font-size-static-sm);text-transform:var(--compare-slider-caption-text-transform);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--compare-slider-caption-border-radius)}.compare-slider__slider .compare-slider__label.compare-slider__label-before{inset-inline-start:var(--compare-slider-caption-padding)}.compare-slider__slider .compare-slider__label.compare-slider__label-after{inset-inline-end:var(--compare-slider-caption-padding)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-compare-slider.css.map */