.before-after-slider-grid{display:block}@media (min-width: 990px){.before-after-slider-grid{display:flex}.before-after-slider-grid.before-after-slider-grid-reverse{flex-direction:row-reverse}}before-after-slider{display:block;--before-after-slider-handler-color: #fff;--before-after-slider-circle-color: #fff;--before-after-slider-icon-color: #000;--handler-position: 50%;--overlay-width: 50%}.before-after-slider-media-container{position:relative;width:100%;max-width:100%;margin:0 auto;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:0;background-color:#0000000d;border-radius:var(--border-radius-base)}.before-after-slider-media-container img{width:100%;display:block;pointer-events:none;height:auto;max-width:none;opacity:0;transition:opacity .18s .1s ease}.before-after-slider-media-container .aspect-ratio img{position:absolute;object-fit:cover;width:100%;height:100%;top:0;left:0}.before-after-slider-media-container>svg{background:#00000026}.before-after-slider-media-container.is-loaded img{opacity:1}.before-after-slider-overlay{position:absolute;top:0;inset-inline-start:0;height:100%;width:var(--overlay-width);overflow:hidden}.before-after-slider-overlay svg{width:100%;height:100%;background:#0003}.before-after-slider-overlay svg,.before-after-slider-overlay img{position:absolute;inset-inline-start:0;top:0;object-fit:cover;width:100%;height:100%!important}.before-after-slider-overlay img{transition:opacity .18s .05s ease}.before-after-slider-handler{position:absolute;left:var(--handler-position);width:40px;top:0;bottom:0;transform:translate(-50%);cursor:ew-resize}.before-after-slider-handler:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:var(--before-after-slider-handler-color);transform:translate(-50%)}.before-after-slider-handler:after{content:"";position:absolute;left:50%;top:50%;width:40px;height:40px;background:var(--before-after-slider-circle-color);border-radius:50%;transform:translate(-50%,-50%)}.before-after-slider-handler svg{position:absolute;left:50%;top:50%;width:24px;height:24px;stroke:var(--before-after-slider-icon-color);transform:translate(-50%,-50%);z-index:1}.before-after-slider-media-item{margin-bottom:2rem}.before-after-slider-media-item img{border-radius:var(--border-radius-base)}@media (min-width: 990px){.before-after-slider-media-item{margin:0;width:65%;flex:none}.before-after-slider-no-blocks .before-after-slider-media-item{width:100%}}@media (min-width: 990px){.before-after-slider-text-item{width:35%;flex:none;display:flex;align-items:center;padding-block:3rem;padding-inline-start:4rem;padding-inline-end:1rem}.before-after-slider-grid-reverse .before-after-slider-text-item{padding-block:3rem;padding-inline-start:1rem;padding-inline-end:4rem}}.before-after-slider-caption{margin:2rem 0 0;font-size:calc(var(--font-body-scale) * 1.4rem)}.before-after-slider-content-left{text-align:start}.before-after-slider-content-center{text-align:center}.before-after-slider-content-right{text-align:end}.before-after-slider-buttons{display:flex;grid-gap:.5rem 1rem;flex-wrap:wrap;margin:var(--spacing-base-1) 0}.before-after-slider-content-center .before-after-slider-buttons{justify-content:center}.before-after-slider-content-right .before-after-slider-buttons{justify-content:end}.before-after-slider-content>:first-child{margin-top:0}.before-after-slider-content>:last-child{margin-bottom:0}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-before-after-slider.css.map */