.before-after-wrapper{width:100vw;max-width:100%;display:flex;--desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));--desktop-texts-width: calc((100vw - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3)}.before-after-text{margin-left:var(--desktop-margin-left-first-item);width:calc(var(--page-width) - 10rem);flex-shrink:0}.before-after-text .button{gap:.8rem;margin-top:1.5rem}.before-after-text .button .button .svg-wrapper{width:1.2rem;height:1.2rem}.before-after-slider{flex-grow:1;width:calc(100% - var(--desktop-texts-width) - var(--desktop-margin-left-first-item))}.before-after-slider .card-slider-wrapper{padding:1.5rem;border-radius:var(--text-boxes-radius);container-type:inline-size}.before-after-wrapper .slider-pagination{width:calc(var(--page-width) - 10rem);max-width:calc(100% - 5rem)}.card-ba-images{display:flex;gap:1rem}.card-ba-image-wrap{overflow:hidden;border-radius:calc(var(--media-radius) / 2);width:100%;padding-bottom:80%;position:relative}.card-ba-image-wrap img{object-fit:cover;position:absolute;width:100%;height:100%}.card-ba-badge{position:absolute;left:1rem;top:1rem;padding:.5rem 1.2rem;border-radius:5rem;background-color:#fff;color:#033337;font-size:1.4rem;line-height:1;display:flex;align-items:center}.card-ba-title{display:flex;align-items:center;gap:9px;font-size:21px;line-height:29px}.card-ba-texts{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}@container (width < 200px){.card-ba-texts{flex-direction:column}}.card-ba-chip{padding:1.3rem 1.6rem;border-radius:5rem;background-color:#5974ed;color:#fff;font-size:1.8rem;line-height:1;display:flex;align-items:center;justify-content:center}.before-after-wrapper{flex-direction:column}.before-after-wrapper{padding-left:var(--desktop-margin-left-first-item)}.before-after-text{margin-left:0;max-width:100%}.before-after-text .button{display:flex;width:100%}.before-after-slider{width:100%;margin-top:2rem}.before-after-title-container{display:flex;align-items:center;gap:1rem}.before-after-title-container .inline-richtext{font-size:32px;line-height:42px;margin:0}@media screen and (max-width: 989px){.before-after-wrapper .slider-pagination{width:100%;display:none}}@media screen and (min-width: 990px){.before-after-wrapper .slider--desktop{--desktop-margin-left-first-item: 0}.before-after-wrapper .slider--desktop .slider__slide:first-child{margin-left:0;scroll-margin-left:0}.before-after-wrapper .slider--desktop.grid--2-col-desktop .grid__item{width:calc(50% - var(--grid-desktop-horizontal-spacing))}.before-after-wrapper .slider--desktop.grid--3-col-desktop .grid__item{width:calc(33.33% - var(--grid-desktop-horizontal-spacing))}.before-after-wrapper .slider--desktop.grid--4-col-desktop .grid__item{width:calc(25% - var(--grid-desktop-horizontal-spacing))}.before-after-wrapper .slider--desktop.grid--5-col-desktop .grid__item{width:calc(20% - var(--grid-desktop-horizontal-spacing))}.before-after-wrapper .slider--desktop.grid--6-col-desktop .grid__item{width:calc(16.66% - var(--grid-desktop-horizontal-spacing))}}@media screen and (max-width: 749px){.before-after-title-container{flex-direction:column}.before-after-title-container .inline-richtext{font-size:24px;line-height:32px}.before-after-text{max-width:100%}.before-after-wrapper{padding-left:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-before-after.css.map */