.before-after{width:100%;overflow:hidden}.before-after__container{width:100%}.before-after__wrapper{width:100%;margin:0 auto;height:100vh}@media screen and (max-width: 749px){.before-after__wrapper{height:85vh}}.before-after__comparison{position:relative;width:100%;height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}.before-after__comparison:before{content:"";display:block;padding-bottom:66.67%}.before-after__image-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.before-after__image-container--after{z-index:1}.before-after__image-container--before{z-index:2;clip-path:inset(0 50% 0 0);transition:clip-path .1s ease-out}.before-after__image{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.before-after__label{position:absolute;top:2rem;z-index:3;color:#fff;text-align:center;pointer-events:none;width:50%}.before-after__label--left{left:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.before-after__label--right{right:0;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (min-width: 750px){.before-after__label{top:3rem}}.before-after__label p{margin:0}.before-after__text--small{font-size:14px;line-height:1.1}.before-after__text--medium{font-size:20px;line-height:1.1}.before-after__text--large{font-size:30px;line-height:1.1}@media screen and (min-width: 750px){.before-after__text--small{font-size:16px;line-height:1.1}.before-after__text--medium{font-size:30px;line-height:1.1}.before-after__text--large{font-size:50px;line-height:1.1}}.before-after__label.font-sans-serif,.before-after__label.font-sans-serif p{font-family:ABCDiatype,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;font-style:normal}.before-after__label.font-serif,.before-after__label.font-serif p{font-family:EB Garamond,Georgia,Times New Roman,serif;font-weight:400;font-style:italic}.before-after__slider{position:absolute;top:0;left:50%;width:4px;height:100%;z-index:4;transform:translate(-50%);cursor:ew-resize;transition:left .1s ease-out}.before-after__slider-line{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#fff;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.before-after__slider-button{position:absolute;display:none!important;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px #0003;align-items:center;justify-content:center;gap:0;cursor:grab;transition:all .2s ease}.before-after__slider-button:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0000004d}.before-after__slider.is-dragging .before-after__slider-button{cursor:grabbing;transform:translate(-50%,-50%) scale(1.05)}.before-after__slider-icon{width:16px;height:16px;color:#000;flex-shrink:0}.before-after__slider-icon:first-child{margin-right:-4px}.before-after__slider-icon:last-child{margin-left:-4px}@media screen and (max-width: 749px){.before-after__slider-button{width:40px;height:40px}.before-after__slider-icon{width:14px;height:14px}}.before-after__placeholder{width:100%;min-height:400px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border:2px dashed #d1d1d1;border-radius:4px;padding:2rem;text-align:center}.before-after__placeholder p{color:#666;font-size:14px;margin:0}.before-after__slider:focus-visible{outline:2px solid #000000;outline-offset:4px}@media (prefers-reduced-motion: reduce){.before-after__image-container--before,.before-after__slider{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-custom-before-after.css.map */