.before-after{background:#dafef2;padding:1rem 5rem 5rem;margin-top:30px}.before-after h2{font-family:Inter!important;font-size:87px;font-weight:700;line-height:105.29px;text-align:center;color:#040404;text-shadow:4px 0 0 #FFFFFF,-4px 0 0 #FFFFFF,0 4px 0 #FFFFFF,0 -4px 0 #FFFFFF,4px 4px 0 #FFFFFF,-4px -4px 0 #FFFFFF,4px -4px 0 #FFFFFF,-4px 4px 0 #FFFFFF}.before-after h3{font-family:Inter!important;font-size:81px;font-weight:700;line-height:98.03px;text-align:left;color:#040404;margin-bottom:0;margin-top:45px}.before-after p{font-family:Inter!important;font-size:33px;font-weight:400;line-height:52px;letter-spacing:.01em;text-align:left;color:#000}.image-comparison{max-width:100%;margin-right:auto;margin-left:auto}.image-comparison__slider-wrapper{position:relative}.image-comparison__label{font-size:0;line-height:0}.image-comparison__label,.image-comparison__range{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;background-color:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:ew-resize;z-index:20}@media (hover){.image-comparison__range:hover~.image-comparison__slider .image-comparison__thumb{transform:scale(1.2)}}.image-comparison .image-comparison__slider-wrapper .image-comparison__range:active~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range:focus~.image-comparison__slider .image-comparison__thumb,.image-comparison .image-comparison__slider-wrapper .image-comparison__range--active~.image-comparison__slider .image-comparison__thumb{transform:scale(.8);background-color:#00617f80}.image-comparison__image-wrapper--overlay{position:absolute;top:0;left:0;width:calc(50% + 1px);height:100%;overflow:hidden}.image-comparison__figure{margin:0}.image-comparison__figure:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f2f2f2}.image-comparison__figure:not(.image-comparison__figure--overlay){position:relative;padding-top:25%}.image-comparison__image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;overflow:hidden}.image-comparison__figure--overlay .image-comparison__image{z-index:1}.image-comparison__caption{position:absolute;bottom:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;display:flex;flex-direction:column;flex-wrap:nowrap;color:#fff;font-weight:700;text-transform:uppercase}@media screen and (max-width: 40.063em){.image-comparison__caption{font-size:12px}}.image-comparison__caption--before{left:0;z-index:2}.image-comparison__caption--after{right:0;text-align:right}.image-comparison__caption-body{padding:15px 60px;background-color:#000;font-family:Inter;font-size:30px;font-weight:600;line-height:45.99px;text-align:center;color:#fff;text-transform:initial}.image-comparison__slider{position:absolute;top:0;left:50%;width:2px;height:100%;background-color:#000;transition:background-color .3s ease-in-out;z-index:2}.image-comparison__range--active~.image-comparison__slider{background-color:#fff0}.image-comparison__thumb{position:absolute;top:calc(50% - 20px)!important;left:calc(50% - 35px);width:70px;height:70px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;color:#fff;border-radius:50%;box-shadow:0 0 22px #00000080;transform-origin:center;transition:transform .3s ease-in-out,background-color .3s ease-in-out}svg.image-comparison__thumb-icon{width:40px;height:40px}.image-comparison__range::-webkit-slider-runnable-track{width:40px;height:40px;opacity:0}.image-comparison__range::-moz-range-thumb{width:40px;height:40px;opacity:0}.image-comparison__range::-webkit-slider-thumb{width:40px;height:40px;opacity:0}.image-comparison__range::-ms-fill-lower{background-color:transparent}.image-comparison__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}.image-comparison__range::-ms-thumb{width:.5%;height:100%;opacity:0}.image-comparison__range::-ms-tooltip{display:none}@media screen and (max-width: 1800px){.before-after h2{font-size:76px;line-height:85.51px}.before-after h3{font-size:56px;line-height:64.03px}.before-after p{font-size:28px;line-height:40px}}@media screen and (max-width: 1680px){.before-after h2{font-size:60px;line-height:70.51px}.before-after h3{font-size:50px;line-height:58.03px}.before-after p{font-size:24px;line-height:34px}.image-comparison__caption-body{font-size:20px;line-height:26.99px}}@media screen and (max-width: 1440px){.before-after h2{font-size:56px;line-height:64.51px}.before-after h3{font-size:42px;line-height:46.03px}.before-after p{font-size:22px;line-height:30px}}@media screen and (max-width: 767px){.image-comparison__thumb{left:calc(50% - 28px);width:56px;height:56px}.before-after{padding:1rem 0rem 5rem}.image-comparison__caption-body{padding:10px 15px;font-size:11px;line-height:normal}.before-after h2{font-size:30px;line-height:normal}.before-after h3{font-size:27px;line-height:normal}.before-after p{font-size:14px;line-height:19px}}@media screen and (max-width: 345px){.before-after h2{font-size:32px;line-height:normal}}
/*# sourceMappingURL=/cdn/shop/t/161/assets/section-before-after.css.map */
