.before__after-container{background:var(--background_color);color:var(--text_color)}.beforeAfter-container{width:100%;padding:32px 8px}#comparison{width:100%;aspect-ratio:1.5;overflow:hidden;position:relative}figure{margin:0}figure .after-image{position:absolute;background-size:cover;object-fit:cover;font-size:0;width:100%;height:100%}#divisor{background-size:cover;background-position:center;background-repeat:no-repeat;position:absolute;left:0;width:100%;bottom:0;height:100%;clip-path:inset(0 50% 0 0)}#handle{display:block;position:absolute;height:50px;width:50px;top:50%;left:50%;transform:translateY(-50%) translate(-50%);z-index:3;box-sizing:border-box;background-color:var(--background_color);background-position:center;background-repeat:no-repeat;background-size:38px 38px;background-origin:content-box;background-clip:content-box;border:6px solid var(--background_color);border-radius:50%;pointer-events:none;overflow:visible}#handle.has-divider:before,#handle.has-divider:after{content:"";position:absolute;left:calc(50% - 3px);width:6px;background:var(--background_color);pointer-events:none}#handle.has-divider:before{bottom:100%;height:100vmax}#handle.has-divider:after{top:100%;height:100vmax}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:50%;left:-25px;transform:translateY(-50%);background-color:transparent;width:calc(100% + 50px);z-index:2}input[type=range]:focus,input[type=range]:active{border:none;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;background:transparent;box-shadow:none}input[type=range]::-moz-range-thumb{border:none;height:50px;width:50px;border-radius:50%;background:transparent;box-shadow:none}input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:none}.beforeAfter-text{margin-top:32px;padding:0 8px}@media screen and (min-width:1025px){.beforeAfter-container{padding:32px;display:flex;justify-content:flex-start;align-items:center;gap:clamp(24px,4vw,96px)}#comparison{flex:1 1 55%;max-width:640px}.beforeAfter-text{flex:1 1 40%;max-width:512px;margin-right:0;padding:0}.flexReverted{flex-direction:row-reverse}.flexReverted .beforeAfter-text{margin-left:0}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/beforeAfter.css.map */