.custom-before-after .img-before,.custom-before-after .img-after{position:absolute;width:100%;height:100%}.custom-before-after .img-after{clip-path:polygon(50% 0%,100% 0%,100% 100%,50% 100%)}.custom-before-after .slider img{position:absolute;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.custom-before-after .handle{display:block!important;position:absolute;top:0;left:50%;width:4px;height:100%;background:#fff;cursor:ew-resize;transform:translate(-2px)}.custom-before-after .handle .icon{content:"\2039  \203a";position:absolute;top:50%;left:50%;width:42px;height:54px;background:#fff;border-radius:20px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;font-size:2.5rem;text-box:cap alphabetic;line-height:normal;box-shadow:0 2px 10px #0000004d}.custom-before-after .label{position:absolute;bottom:1rem;padding:3px 7px;color:#fff;border-radius:.5rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:14px;letter-spacing:-.3px;font-weight:500;line-height:20px}.before-label{left:1rem}.after-label{right:1rem}.custom-before-after .page-width{display:flex;align-items:center}.custom-before-after__slider{width:60%}.custom-before-after__content{padding:40px 0 40px 40px;width:40%;display:flex;align-items:center;justify-content:center}.custom-before-after__content .custom-before-after__content-wrapper{max-width:334px}.custom-before-after__content .custom-before-after__title{margin:16px 0 48px}.custom-before-after__content .custom-before-after__description *{font-size:14px;line-height:20px;font-weight:500;margin:0;opacity:.6}.custom-before-after__content .custom-before-after__description *+*{margin-top:8px}.custom-before-after__caption{display:flex;align-items:center;gap:8px;font-size:10px;line-height:12px;text-transform:uppercase;font-weight:600;letter-spacing:-.2px}@media screen and (max-width: 850px){.custom-before-after .page-width{flex-direction:column}.custom-before-after__slider,.custom-before-after__content{width:100%}.custom-before-after__content .custom-before-after__title{margin:16px 0 24px}.custom-before-after__content{padding:20px 0}.custom-before-after__content-wrapper{text-align:center}.custom-before-after__caption{justify-content:center}}@media screen and (max-width: 575px){.custom-before-after .custom-before-after__slider .image-with-text__media{min-height:300px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/custom-before-after.css.map */