.before-after-slider__container{display:flex;padding:0 1rem 0 5rem;max-width:1920px;margin:0 auto}.b-a-slider__header{width:34%;display:flex;flex-direction:column;padding:2% 4% 2% 5%}.b-a-slider__heading{font-size:3.8rem;line-height:1.3;font-weight:600;color:var(--heading-color)}.b-a-slider__subheading{font-size:1.8rem;line-height:1.3;margin-top:1rem;color:var(--subheading-color);margin-bottom:2rem}.b-a-slider__navi-buttons{display:flex;gap:20px;margin-top:auto}.b-a-slider__navi-buttons .b-a-slider__navi-button{border-radius:50%;background:var(--tag-color);width:40px;height:40px;display:flex;justify-content:center;align-items:center;opacity:.5}.b-a-slider__navi-buttons .b-a-slider__navi-button:not(.swiper-button-disabled){opacity:1;cursor:pointer}.b-a-slider__block-list{flex:1}.b-a-slider__block-item{display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:var(--block-item-bg-color);flex-shrink:0;padding:10px;box-sizing:border-box;-webkit-user-select:none;user-select:none}.b-a-slider__item-media{border-radius:8px}.b-a-slider__item-media img{display:block;width:100%;height:auto}.b-a-slider__item-cont{display:flex;flex-direction:column;gap:.8rem}.b-a-slider__item-comment{color:var(--text-color);line-height:1.3;font-size:1.4rem;margin-top:1.2rem}.b-a-slider__item-name{color:var(--heading-color);font-weight:600;margin-top:1.2rem}.b-a-slider__item-button{background:var(--tag-color);color:var(--tag-text-color);line-height:1.1;padding:.5em 1em;border-radius:4px;font-weight:600;width:fit-content;font-size:1.4rem}.b-a-slider__pagination{position:static;--swiper-pagination-color:#000000;--swiper-pagination-bullet-size:10px;--swiper-pagination-bullet-horizonta:6px;display:flex;justify-content:center;margin-top:2rem}.b-a-slider__pagination .swiper-pagination-bullet{transition:width .4s;border-radius:5rem}.b-a-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:40px}@media screen and (min-width:769px){.b-a-slider__block-item{width:calc(33.33% - 15px);min-width:320px}}@media screen and (max-width:768px){.before-after-slider__container{display:flex;padding:0 1.2rem;flex-direction:column}.b-a-slider__header{width:100%;display:flex;flex-direction:column;padding:0;margin-bottom:6vw;text-align:center}.b-a-slider__heading{font-size:6vw}.b-a-slider__subheading{font-size:1.4rem;margin-bottom:0}.b-a-slider__item-comment{font-size:1.2rem;margin-top:1rem}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/before-after-slider.css.map */
