.before-after-wrapper{width:100vw;max-width:100%;display:flex;--desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 11rem - 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__disclaimer{font-size:1.4rem;line-height:2rem;color:#0a535a;text-decoration:underline;cursor:pointer;text-align:center}.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}}.title-on-left-side-before-after-section .before-after-text .button{margin:34px 0 10px;max-width:193px}.title-on-left-side-before-after-section .inline-richtext.h1{font-size:32px;line-height:42px;max-width:201px;font-weight:600;letter-spacing:-2%}.title-on-left-side-before-after-section .slider--desktop{margin-top:0}.title-on-left-side-before-after-section .slider-pagination{width:209px;max-width:100%}.title-on-left-side-before-after-section .slider-button .svg-wrapper{width:4.8rem;height:3.8rem;border-radius:10px}.title-on-left-side-before-after-section .position-bullet{background-color:#afbebf}.title-on-left-side-before-after-section .card-ba-title,.title-on-left-side-before-after-section .card-ba-subtitle{font-weight:500;font-size:16px;line-height:22px;letter-spacing:-2%}.title-on-left-side-before-after-section .card-ba-texts{margin-top:12px}.title-on-left-side-before-after-section .card-slider-wrapper{padding:12px}.title-on-left-side-before-after-section .card-ba-badge{position:absolute;left:50%;bottom:1rem;top:auto;transform:translate(-50%);border-radius:100px;padding:0 8px;font-weight:700;font-size:11px;line-height:22px;letter-spacing:2%;background:#033337;color:#fff}.title-on-left-side-before-after-section .card-ba-badge-after{background:#2a4fc7}@media screen and (min-width:991px){.title-on-left-side-before-after-section .before-after-wrapper{flex-direction:row;align-items:flex-start;padding-left:0;--title-left-gap: 8rem;gap:var(--title-left-gap)}.title-on-left-side-before-after-section .slider--desktop.grid--3-col-desktop .grid__item{width:calc(40% - var(--grid-desktop-horizontal-spacing))}.title-on-left-side-before-after-section .before-after-text{margin-left:var(--desktop-margin-left-first-item);width:var(--desktop-texts-width);max-width:var(--desktop-texts-width);flex-shrink:0}.title-on-left-side-before-after-section .before-after-slider{width:calc(100% - var(--desktop-texts-width) - var(--desktop-margin-left-first-item) - var(--title-left-gap));margin-top:0}}@media(min-width:750px)and (max-width:990px){.title-on-left-side-before-after-section .inline-richtext.h1{max-width:100%}}@media screen and (max-width:749px){.title-on-left-side-before-after-section .inline-richtext.h1{font-size:24px;line-height:28px;max-width:100%}.title-on-left-side-before-after-section .before-after-text .button{margin:14px 0 10px;max-width:100%}.title-on-left-side-before-after-section .before-after-text{flex-direction:column;display:flex;justify-content:center;padding:0 1.5rem}.title-on-left-side-before-after-section .before-after-wrapper{flex-direction:column-reverse}.title-on-left-side-before-after-section .before-after-slider{margin-top:0;margin-bottom:24px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-before-after.css.map */