before-after-compare{display:block;position:relative}.before-after-compare__media{display:block;position:relative;margin-left:auto;margin-right:auto;padding-bottom:var(--ratio-percent)}.before-after-compare__media-before{position:absolute;top:0;left:0;width:calc(50% + 1px);height:100%;overflow:hidden}.before-after-compare__media img{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:cover;object-position:0 50%;overflow:hidden;border-radius:var(--deployer-before-after-compare-media-border-radius)}.before-after-compare__media-before img{z-index:1}.before-after-compare__caption{position:absolute;bottom:var(--deployer-before-after-compare-caption-vertical-offset, 1.2rem);display:flex;flex-direction:column;flex-wrap:nowrap;min-width:max-content;font-weight:700;color:rgb(var(--color-foreground))}.before-after-compare__media-before .before-after-compare__caption{left:var(--deployer-before-after-compare-caption-horizontal-offset, 1.2rem);z-index:2}.before-after-compare__media-after .before-after-compare__caption{right:var(--deployer-before-after-compare-caption-horizontal-offset, 1.2rem);text-align:right}.before-after-compare__caption-body{max-width:40vmin;padding:var(--deployer-before-after-compare-caption-padding, .6rem 1.2rem);background-color:rgba(var(--color-background),.55)}.before-after-compare__range{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent;border:none;-webkit-appearance:none;appearance:none;outline:none;cursor:ew-resize;z-index:20}.before-after-compare__slider{position:absolute;top:0;left:calc(50% - (var(--deployer-before-after-compare-slider-width, 2px) / 2));width:var(--deployer-before-after-compare-slider-width, 2px);height:100%;background-color:rgb(var(--color-foreground));transition:background-color .3s ease-in-out;z-index:10}.before-after-compare__thumb{position:absolute;top:calc(50% - calc(var(--deployer-before-after-compare-slider-thumb-size, 40px) / 2));left:calc(50% - calc(var(--deployer-before-after-compare-slider-thumb-size, 40px) / 2));width:var(--deployer-before-after-compare-slider-thumb-size, 40px);height:var(--deployer-before-after-compare-slider-thumb-size, 40px);display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgb(var(--color-foreground));color:rgba(var(--color-background),.55);border-radius:50%;box-shadow:0 0 22px rgba(var(--shadow-color),.5);transform-origin:center;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.before-after-compare__range:hover~.before-after-compare__slider .before-after-compare__thumb{transform:scale(1.2)}.before-after-compare__range:active~.before-after-compare__slider .before-after-compare__thumb,.before-after-compare__range:focus~.before-after-compare__slider .before-after-compare__thumb,.before-after-compare__range--active~.before-after-compare__slider .before-after-compare__thumb{transform:scale(.8);background-color:rgba(var(--color-foreground),.5)}.before-after-compare__range::-webkit-slider-runnable-track{width:var(--deployer-before-after-compare-slider-thumb-size, 40px);height:var(--deployer-before-after-compare-slider-thumb-size, 40px);opacity:0}.before-after-compare__range::-moz-range-thumb{width:var(--deployer-before-after-compare-slider-thumb-size, 40px);height:var(--deployer-before-after-compare-slider-thumb-size, 40px);opacity:0}.before-after-compare__range::-webkit-slider-thumb{width:var(--deployer-before-after-compare-slider-thumb-size, 40px);height:var(--deployer-before-after-compare-slider-thumb-size, 40px);opacity:0}.before-after-compare__range::-ms-fill-lower{background-color:transparent}.before-after-compare__range::-ms-track{position:relative;top:0;left:0;width:100%;height:100%;border:none;margin:0;padding:0;background-color:transparent;color:transparent;outline:none;cursor:col-resize}.before-after-compare__range::-ms-thumb{width:.5%;height:100%;opacity:0}.before-after-compare__range::-ms-tooltip{display:none}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-before-after-compare.css.map */