.product-before-after{max-width:var(--max-width)}delay-content,.before-after-main{display:block}.product-before-after img,.product-before-after svg{width:100%;display:block;height:auto}.before-after-header{margin-bottom:50px;text-align:center}.before-after-heading{font-size:38px;line-height:1.3em;font-weight:700;color:var(--heading-color)}.before-after-subheading{font-size:18px;margin-top:10px;color:var(--subheading-color)}.before-after-label__list{display:flex;max-width:max-content;margin:0 auto 50px;border:1px solid var(--active-label-color);border-radius:20px}.before-after-label{padding:10px 2em;line-height:1.2em;background:transparent;-webkit-user-select:none;user-select:none;font-size:18px;cursor:pointer;font-weight:700;white-space:nowrap;color:var(--label-text-color)}.before-after-label.selected{color:var(--active-label-text-color);background:var(--active-label-color);border-radius:18px}.before-after-wrapper__list{display:grid;grid-template-columns:42% 8% 46%;gap:15px}.before-after-content_wrapper-list{display:flex;flex-direction:column}.before-after-thumbnails{position:relative;height:100%}.before-after-thumbnails-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;flex-direction:column;gap:10px}.before-after-thumbnail{height:calc(20% - 10px);flex-shrink:0}.before-after-thumbnail img{height:100%;width:auto}.before-after-thumbnail .before-after-thumbnail-imgbox{position:relative;width:max-content;margin-left:0;height:100%;max-width:fit-content}.before-after-thumbnail .before-after-thumbnail-imgbox:after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:#00000080;content:""}.before-after-thumbnail.selected .before-after-thumbnail-imgbox:after{background:#0000}.before-after-image-wrapper{display:none;width:100%}.before-after-image-wrapper.selected{display:block}.before-after-content_wrapper{display:none;flex-direction:column;justify-content:center;padding:5% 20px;height:100%;color:var(--text-color)}.before-after-content_wrapper.selected{display:flex}.before-after-content_title{font-size:var(--title-size);line-height:1.3em;font-weight:700}.before-after-content_desc{font-size:20px;padding:.5em 0;background:linear-gradient(to right,var(--text-color),var(--text-color)) no-repeat left bottom;background-size:60% 1px;line-height:1.4em}.before-after-content_texts,.before-after-content_richtexts *{font-size:14px;line-height:1.4em;margin:10px 0 0}@media screen and (min-width: 769px){.product-before-after{width:90%}}@media screen and (max-width: 768px){.before-after-header{margin-bottom:8vw}.before-after-heading{font-size:6vw}.before-after-subheading{font-size:16px}.before-after-label__list{display:flex;max-width:100%;width:100%;flex-wrap:wrap;border-radius:0;margin-bottom:5vw;justify-content:center;border:none;row-gap:3vw;column-gap:1.33%}.before-after-label{padding:5px 0;text-align:center;font-size:14px;border-radius:3px;border:1px solid var(--active-label-color);max-width:;ar(--mobile-label-column-width);width:var(--mobile-label-column-width)}.before-after-label.selected{border-radius:3px}.before-after-wrapper__list{display:flex;flex-direction:column;gap:4vw}.before-after-content_wrapper-list{order:3}.before-after-content_wrapper{display:none;flex-direction:column;justify-content:center;padding:0;height:auto}.before-after-content_wrapper.selected{display:flex}.before-after-content_title{font-size:var(--title-size);line-height:1.3em;font-weight:700}.before-after-content_desc{font-size:16px;padding-bottom:.5em}.before-after-content_texts,.before-after-content_richtexts *{font-size:12px;line-height:1.4em;margin:10px 0 0}.before-after-thumbnails{order:2}.before-after-thumbnails-wrapper{flex-direction:row;justify-content:start;position:relative}.before-after-thumbnail{width:calc(20% - 6px);flex-shrink:0;height:auto}.before-after-thumbnail .before-after-thumbnail-imgbox{position:relative;width:100%;height:auto}.before-after-thumbnail img{width:100%;height:auto}.before-after-content_title{font-size:var(--mb-title-size)}.before-after-image_wrapper-list{order:1}}
/*# sourceMappingURL=/cdn/shop/t/120/assets/product-before-after-section.css.map */