.page-width{max-width:1680px;width:100%;margin:0 auto;padding:0 15px}.page-width--full{max-width:none;padding:0 15px;width:100%}.ba-image-slider-wrapper{touch-action:none}.gradient{background-color:#121924;background-attachment:fixed;display:flex;flex-direction:column;justify-content:center;align-items:center}.title{margin:0 0 2rem}.heading--title{color:rgb(var(--color-foreground))}@media screen and (min-width: 990px){.title{margin:0 0 3rem}}.flex{display:flex}.w100{width:100%}.justify-right{justify-content:flex-end}.justify-left{justify-content:flex-start}.justify-center{justify-content:center}.align-center{align-items:center}.title__gap{gap:1.5rem 2.4rem}.por{position:relative}.margin0{margin:0}.db{display:block}.card-radius{border-radius:.8rem}.overflow-hidden{overflow:hidden}.media{display:block;background-color:rgba(var(--color-background-input));position:relative;overflow:hidden}.placeholder{background-color:rgba(var(--color-foreground),.04);color:rgba(var(--color-foreground),.55);fill:rgba(var(--color-foreground),.55)}.h100{height:100%}use-animate{display:block}@media (min-width: 750px){use-animate.loaded img{opacity:1;transform:scale(1)}}.media>img{object-fit:cover;object-position:center center}@media (min-width: 750px){use-animate img{transition:opacity .5s ease .1s,transform 1.8s cubic-bezier(.03,.93,.97,1) .5s}}.media>*:not(.zoom):not(.deferred-media__poster-button),.media model-viewer{display:block;max-width:100%;position:absolute;top:0;inset-inline-start:0;height:100%;width:100%}.placeholder-svg{fill:currentColor}.ba-image-slider{height:var(--image-height)}.ba-image-slider__image--after{position:absolute;top:0;inset-inline-start:0;clip-path:var(--clip-path)}.ba-image-slider__image--contain>img{object-fit:contain}.ba-image-slider__image--after:before{content:"";position:absolute;top:0;inset-inline:0;bottom:0;background:rgb(var(--color-background))}.ba-image-slider__drag-slider{position:absolute;-webkit-appearance:none;appearance:none;outline:none;top:0;inset-inline-start:0;background:transparent}.ba-image-slider__drag-slider::-webkit-slider-runnable-track{cursor:pointer;width:100%;opacity:0}.ba-image-slider__drag-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:100%;height:var(--image-height);background:rgb(var(--drag-cursor-background));cursor:pointer;opacity:0}.ba-image-slider__drag-slider::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:6px;height:var(--image-height);background:rgb(var(--drag-cursor-background));cursor:pointer;opacity:0}.ba-image-slider__drag-slider:focus-visible{outline:none}.ba-image-slider__drag-slider:focus-visible+.ba-image-slider__slider-button{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.ba-image-slider__slider-track{--button-width: 6px;pointer-events:none;position:absolute;display:block!important;width:6px;height:var(--image-height);background:rgb(var(--drag-cursor-foreground));top:0;inset-inline-start:min(max(calc(var(--drag-position) - (var(--button-width) / 2)),0px),calc(100% - var(--button-width)));z-index:1}.ba-image-slider__slider-button{--button-width: 30px;--button-height: 40px;pointer-events:none;position:absolute;width:var(--button-width);height:var(--button-height);border-radius:10rem;background-color:rgb(var(--drag-cursor-background));//inset-inline-start: min(max(calc(var(--drag-position) - (var(--button-width) / 2)),6px),calc(100% - var(--button-width) - 6px));inset-inline-start:min(max(calc(var(--drag-position) - (var(--button-width) / 2)),0px),calc(100% - var(--button-width)));top:calc(50% - (var(--button-height) / 2));color:rgb(var(--drag-cursor-foreground));box-shadow:0 1px 2px #0003;z-index:1;cursor:pointer}.ba-image-slider__text{position:absolute}.ba-image-slider__text--before{inset-inline-start:var(--text-position-value)}.ba-image-slider__text--after{inset-inline-end:var(--text-position-value)}.ba-image-slider-content.image-with-text__content>*+*{margin-top:2.4rem}@media screen and (min-width: 750px){.ba-image-slider__slider-button{--button-height: 50px}}@media screen and (min-width: 990px){.ba-image-slider-inner--has-content{display:flex;gap:6.4rem}.ba-image-slider-content{width:40rem;min-width:40rem}.ba-image-slider-inner--content-after{flex-direction:row-reverse}.ba-image-slider-content.image-with-text__content{padding:0}.ba-image-slider-content.ba-image-slider-content--content-first{padding-inline-start:5rem}.ba-image-slider-content.ba-image-slider-content--content-after{padding-inline-end:5rem}.ba-image-slider-content.image-with-text__content>*+*{margin-top:3.2rem}}@media (max-width:766px){.ba-image-slider__slider-track{width:100%;height:6px;left:0;inset-inline-start:min(max(calc(var(--drag-position) - (var(--button-width) / 2)),0px),calc(100% - var(--button-width)));writing-mode:vertical-rl}.ba-image-slider__slider-button{inset-inline-start:min(max(calc(var(--drag-position) - (var(--button-height) / 2)),-6px),calc(100% - var(--button-height) + 6px));left:calc(50% - (var(--button-width) / 2));writing-mode:vertical-rl}.text-align-right{text-align:end}.text-align-left{text-align:start}.text-align-center{text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/section-before-after-image-slider.css.map */