.comparison-slider{border-radius:var(--media-radius);display:block;position:relative;overflow:hidden}.comparison-slider__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(28rem,.82fr);align-items:center;gap:clamp(3rem,6vw,8rem)}.comparison-slider__media-card{--percent: 50%;aspect-ratio:1 / 1;border-radius:clamp(1.8rem,3vw,3.2rem);box-shadow:0 2.4rem 6rem #23192a2e;isolation:isolate;justify-self:center;max-width:var(--comparison-card-size, 55rem);width:min(100%,var(--comparison-card-size, 55rem))}.comparison-slider__media,.comparison-slider__media.media{width:100%;height:100%}.comparison-slider__media img,.comparison-slider__media svg{width:100%;height:100%;object-fit:cover;object-position:left center;display:block}.comparison-slider__media img.comparison-slider__image--generated-story{width:100%;height:100%;object-fit:cover;object-position:left center;max-width:none;max-height:none;transform:scale(1.12);transform-origin:left center}.comparison-slider__text-column{justify-self:start;max-width:48rem;text-align:left}.page-width.comparison-slider-main{max-width:min(118rem,100%);margin:0 auto}.comparison-slider--full-width .comparison-slider{border-radius:0}.comparison-slider--full-width .page-width.comparison-slider-main{max-width:100%;padding-left:clamp(1.5rem,4vw,6rem);padding-right:clamp(1.5rem,4vw,6rem)}.page-width.comparison-slider-main-text{padding:0}.comparison-slider-main-text.grid-item .rich-text-text{font-size:calc(var(--font-body-scale)* 1.4rem)}.comparison-slider-main-text .banner-buttons{margin:1rem 0 2rem}.comparison-slider-main-text.grid-item a.button-arrow.button.button--primary{font-size:calc(var(--font-body-scale)* 1.4rem);min-height:calc(3.5rem + var(--buttons-border-width)* 2)}.comparison-slider--full-width .comparison-slider-main-text{padding:0 1.5rem}.comparison-slider-title{margin:0 0 clamp(1.4rem,2vw,2.2rem) 0;max-width:100%;line-height:.96;overflow-wrap:normal;word-break:normal}.comparison-slider-caption{margin:0;max-width:42rem;color:rgba(var(--color-foreground),.74);font-size:clamp(1.6rem,1.5vw,2rem);line-height:1.55;letter-spacing:0;text-transform:none}.comparison-slider.animating .comparison-slider-button{transition-property:top,left;transition-duration:.08s;transition-timing-function:ease}.comparison-slider.animating .comparison-slider-after{transition-property:clip-path;transition-duration:.08s;transition-timing-function:ease}.comparison-slider-before,.comparison-slider-after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.comparison-slider-before{z-index:0}.comparison-slider-after{z-index:1}.comparison-slider[data-layout=horizontal] .comparison-slider-after{clip-path:inset(0px 0px 0px var(--percent, 50%))}.comparison-slider-button{position:absolute;z-index:2;color:inherit;background-color:transparent;border:none;padding:0;cursor:pointer}.comparison-slider[data-layout=horizontal] .comparison-slider-button{top:0;left:var(--percent, 50%);width:2.8rem;height:100%;margin-left:-1.4rem;cursor:col-resize}.comparison-slider-button:before,.comparison-slider-button:after{content:"";position:absolute;background-color:rgb(var(--color-background));pointer-events:none}.comparison-slider[data-layout=horizontal] .comparison-slider-button:before,.comparison-slider[data-layout=horizontal] .comparison-slider-button:after{width:.2rem;height:50%;left:50%;margin-left:-.1rem}.comparison-slider[data-layout=horizontal] .comparison-slider-button:before{top:0;margin-top:-2rem}.comparison-slider[data-layout=horizontal] .comparison-slider-button:after{bottom:0;margin-bottom:-2rem}.comparison-slider-button span{position:absolute;top:50%;left:50%;width:5.8rem;height:5.8rem;margin-left:-2.9rem;margin-top:-2.9rem;border-radius:50%;background-color:rgb(var(--color-background));box-shadow:0 1rem 3rem #23192a33;pointer-events:none;display:flex;align-items:center;justify-content:center}.comparison-slider-button .icon{height:1.6rem;width:auto}.comparison-slider-before .comparison-placeholder{background-color:#00000080}.comparison-slider-button svg.bi.bi-list{width:22px;height:22px}.before-after{position:relative;z-index:2}.before-box{position:absolute;left:0;bottom:-1px}.after-box{position:absolute;right:0;bottom:-1px}.before-after.disable-true{display:none}.before-box,.after-box{background:rgb(var(--color-base-background-accent-1));color:rgb(var(--color-base-accent-1));border-radius:3px;padding:.5rem .75rem;font-size:14px}.before-box{border-bottom-right-radius:0;border-top-left-radius:0}.after-box{border-bottom-left-radius:0;border-top-right-radius:0}.comparison-slider .placeholder-svg{background:rgb(var(--color-base-accent-2))}@media screen and (min-width:990px){.comparison-slider-content.grid{align-items:center}.comparison-slider-content.grid.row-reverse{flex-direction:row-reverse}.comparison-slider-main .comparison-slider-main-text.grid-item{width:calc(25% - var(--grid-desktop-horizontal-spacing)* 3 / 4);max-width:calc(25% - var(--grid-desktop-horizontal-spacing) / 2)}.comparison-slider-main .comparison-slider.grid-item{width:calc(75% - var(--grid-desktop-horizontal-spacing)* 3 / 4);max-width:calc(75% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (max-width:990px){.comparison-slider__media-card{--comparison-card-size: var(--comparison-card-mobile-size, 45rem);justify-self:center}.comparison-slider__layout{grid-template-columns:1fr;gap:clamp(2.4rem,7vw,4rem)}.comparison-slider__text-column{max-width:64rem}.comparison-slider-main .comparison-slider-main-text.grid-item,.comparison-slider-main .comparison-slider.grid-item{width:100%;max-width:100%}}@media screen and (max-width:749px){.comparison-slider__layout{grid-template-columns:1fr}.comparison-slider__text-column{order:-1}.comparison-slider-button span{width:4.8rem;height:4.8rem;margin-left:-2.4rem;margin-top:-2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-comparison-slider.css.map */