.before__after_header h2{font-size:48px;line-height:1.33;letter-spacing:0;text-transform:inherit;font-weight:700;margin-bottom:20px}.before__after_header p{font-size:21px;line-height:1.52;max-width:600px;margin:auto;text-align:center;color:rgba(var(--text-color),.75)}.before__after .ba_grid{display:flex;flex-wrap:wrap;width:100%;text-align:center;justify-content:space-between}.before_after_col{display:flex;margin-bottom:30px;position:relative;justify-content:center;flex-direction:column;align-items:center}.before_after_icon{-ms-flex:0 0 44px;flex:0 0 44px;max-width:44px}.before_after_icon img{max-width:60px;display:block;width:100%;height:60px;object-fit:cover}.before_after_content h4{margin-bottom:8px;margin-top:0}.before_after_center{position:relative;overflow:hidden;width:512px;height:512px;margin:0 auto}.before__after .grid__item.medium-up--two-quarters{width:50%}.before__after_header h2{font-size:48px;line-height:1.33;letter-spacing:0;text-transform:inherit;font-weight:700;text-align:center;margin-top:0}.before__after .before_after_col p{margin:0}.comparisonImage img{width:100%;height:100%;position:absolute;top:0;left:0;right:0}.afterImage img{transform:translate(-100%)}.pin-spacer{height:100%!important;padding-bottom:0!important}.comparisonSection{position:relative!important;padding-bottom:56.25%;top:0!important;left:0!important;max-height:initial!important;height:100%!important;transform:translate(0)!important}.comparisonImage{width:100%;height:100%}.afterImage{position:absolute;overflow:hidden;top:0;transform:translate(100%);background-color:#fff;border-left:4px solid #fff}.feature-row-image{width:50%}.feature-row-list{width:25%}.bf_title{font-size:19px;font-weight:700;margin-bottom:5px}.bf_content{font-size:18px;color:rgb(var(--text-color),.75)}.feature-row-list{width:25%;padding:0 15px;display:flex;flex-direction:column;height:auto;justify-content:space-around}.before__after figure{background-size:cover;margin:0;display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}.before__after #divisor{background-size:cover;position:absolute;width:50%;bottom:0;height:100%;overflow:hidden}faq-bg-img{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;background-size:cover;margin:0}.before__after #divisor img{object-fit:cover;width:100%;height:100%}.before__after #divisor:before,#divisor:after{content:"";position:absolute;right:-2px;width:4px;height:100%;background:#fff;z-index:1}.before__after #divisor:before{top:0}.before__after #divisor:after{bottom:0}.before__after #handle{position:absolute;width:60px;height:60px;border-radius:50%;top:50%;background:#fff;border:3px solid #fff;left:50%;transform:translateY(-50%) translate(-50%);z-index:1;display:flex;align-items:center;justify-content:space-between;padding:7px;cursor:pointer}.before__after #handle svg{width:12px;height:12px}.before__after #handle:before{border-right:6px solid white;left:50%;margin-left:-17px}.before__after #handle:after{border-left:6px solid white;right:50%;margin-right:-17px}.before__after input[type=range]{-webkit-appearance:none;-moz-appearance:none;position:absolute;top:0;transform:translate(-50%);background-color:transparent;width:calc(100% + 10px);height:100%;opacity:0;z-index:2;cursor:grab}.before__after input[type=range]:focus,input[type=range]:active{border:none;outline:none}.before__after input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:50px;width:50px;border-radius:50%;background:transparent;border:4px solid white;box-shadow:0 0 8px 1px #0000004d}.before__after input[type=range]::-moz-range-track{-moz-appearance:none;height:15px;width:100%;background-color:transparent;position:relative;outline:none}.faq-image a{background:none;display:block;position:relative;overflow:hidden}.image-container.faq-image{border-radius:20px;overflow:hidden}.feature-row{margin-top:50px}.before__after #handle svg:first-child{transform:rotatey(-180deg)}.before__after #handle svg{width:14px;height:14px}.before-after-heading{margin:25px 0}.score_video .video-container{display:none}.score_video .video-container{display:block}@media (min-width:992px){.before-after-heading{display:none}}@media (max-width:1199px){.before_after_center{width:400px;height:400px}}@media (max-width:991px){.feature-row-image{width:100%;order:1;max-width:100%}.feature-row-list{width:50%;order:2}.before__after .feature-row-image .section__header{margin-block-end:0}.before__after .feature-row-image .before-after-heading{margin-bottom:0}}@media (max-width:767px){.before_after_center{max-width:380px;width:100%;height:auto}.feature-row-list{width:calc(50% - 5px);order:2;padding:0;gap:20px}.before_after_col{margin-bottom:0}.before__after .grid{gap:10px;align-items:top}.before__after_header p{font-size:17px}.before__after .section__header{margin-block-end:15px}.bf_content{font-size:16px}.bf_title{font-size:17px}.before__after #handle{width:45px;height:45px;padding:2px}.feature-row{margin-top:30px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-before-after.css.map */