.section-before-after{color:var(--text);background-color:var(--bg);display:none}.section-before-after .section__title{font-size:24px;margin-top:0;text-align:center;font-weight:500;margin-bottom:1.5rem}.before-after-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.before-after-item{position:relative}.before-after-item__title{font-family:Nunito,sans-serif;font-size:1.125rem;text-align:center;margin-bottom:1rem;font-weight:600;color:var(--text)}.before-after-grid .swiper-wrapper{display:contents}.before-after-grid .swiper-slide{height:auto}.before-after-grid .swiper-pagination{position:relative;margin-top:1.5rem;display:none}.before-after-grid .swiper-pagination-bullet{background-color:var(--text);opacity:.3;width:12px;height:12px;margin:0 6px}.before-after-grid .swiper-pagination-bullet-active{opacity:1;background-color:var(--accent-color, #000)}.section-before-after .compare__outer{border-radius:5px;overflow:hidden}.before-after-container .swiper-buttons{display:none;justify-content:space-between;align-items:center;gap:.5rem;padding-right:1rem;margin-top:1rem}.before-after-container .swiper-pagination{position:relative;top:unset!important;bottom:unset!important;justify-content:center;display:flex;gap:1rem;margin-top:0}.before-after-container .swiper-buttons .card-sections__button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0;position:relative;top:unset;left:unset;right:unset;margin:0}.before-after-container .swiper-buttons .card-sections__button:after{display:none}.before-after-container .swiper-pagination-bullet{background:#ffe7eb!important;opacity:1;margin:0;width:10px;height:10px}.before-after-container .swiper-pagination-bullet-active{background:#d00026!important}.before-after-item .compare__btn-holder{left:0;right:0}.before-after-item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.before-after-item:nth-child(1){animation-delay:.1s}.before-after-item:nth-child(2){animation-delay:.2s}.before-after-item:nth-child(3){animation-delay:.3s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.before-after-item.loading{position:relative}.before-after-item.loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #f3f3f3;border-top:3px solid var(--accent-color, #000);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.compare__input:focus{outline:2px solid var(--accent-color, #000);outline-offset:2px}.before-after-item__title:focus{outline:2px solid var(--accent-color, #000);outline-offset:2px}@media (prefers-contrast: high){.section-before-after .compare__btn{background-color:#fff;border:2px solid #000}}@media (prefers-reduced-motion: reduce){.before-after-item{animation:none;opacity:1;transform:none}.section-before-after .compare__btn{transition:none}.section-before-after .compare__btn:hover{transform:none}}@media only screen and (max-width: 749px){.before-after-container .swiper-buttons{display:flex}.wrapper--full-padded{padding-right:0}.before-after-grid{display:block!important;overflow:hidden}.before-after-grid .swiper-wrapper{display:flex}.before-after-grid .swiper-slide{flex-shrink:0;width:100%}.before-after-grid .swiper-pagination{display:block}.section-before-after .section__title{font-size:1.25rem}.before-after-item__title{font-size:1rem}}.test_pdp_012 .section-before-after{display:block!important}
/*# sourceMappingURL=/cdn/shop/t/288/assets/before-after.css.map */