:is(#inv-before-after-section,.before-after-effect){font-size:14px;line-height:1.4;letter-spacing:.01em}@media screen and (max-width:1200px){:is(#inv-before-after-section,.before-after-effect){font-size:12px}}:is(#inv-before-after,.before-after-effect) *{box-sizing:border-box}:is(#inv-before-after,.before-after-effect) .before-after-effect__inner{width:100%;display:flex;flex-direction:column;gap:40px}:is(#inv-before-after,.before-after-effect) .before-after-effect__heading{margin:0;padding:0;color:var(--before-after-heading-color);font-size:24px;font-weight:700;line-height:1.2;text-align:left}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards{width:100%;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;gap:16px}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--4 .before-after-effect__card{flex:0 0 calc((100% - 48px)/4)}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--3{max-width:900px;margin:0 auto}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--3 .before-after-effect__card{flex:0 0 calc((100% - 32px) / 3)}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--2{max-width:720px;margin:0 auto}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--2 .before-after-effect__card{flex:0 0 calc((100% - 16px)/2)}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--1{max-width:360px;margin:0 auto}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--1 .before-after-effect__card{flex:0 0 100%}:is(#inv-before-after,.before-after-effect) .before-after-effect__card{min-width:0;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--before-after-radius);background:var(--before-after-card-background);box-shadow:0 4px 8px #2244311a}:is(#inv-before-after,.before-after-effect) .before-after-effect__card:nth-child(2n){flex-direction:column-reverse}:is(#inv-before-after,.before-after-effect) .before-after-effect__media{position:relative;width:100%;aspect-ratio:1 / 1;flex:0 0 auto;overflow:hidden;background:#f2f2f2}:is(#inv-before-after,.before-after-effect) .before-after-effect__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}:is(#inv-before-after,.before-after-effect) .before-after-effect__content{width:100%;min-height:145px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;background:var(--before-after-card-background)}:is(#inv-before-after,.before-after-effect) .before-after-effect__card-title{margin:0;padding:0;color:var(--before-after-title-color);font-size:16px;font-weight:700;line-height:1.25}:is(#inv-before-after,.before-after-effect) .before-after-effect__description{width:100%;color:var(--before-after-text-color);font-size:16px;font-weight:400;line-height:1.3}:is(#inv-before-after,.before-after-effect) .before-after-effect__description .metafield-rich_text_field{display:flex;flex-direction:column;gap:6px}:is(#inv-before-after,.before-after-effect) .before-after-effect__description p{margin:0;padding:0;color:inherit;font-size:inherit;line-height:inherit}:is(#inv-before-after,.before-after-effect) .before-after-effect__description ul,:is(#inv-before-after,.before-after-effect) .before-after-effect__description ol{margin:0;padding-left:20px;text-align:left}:is(#inv-before-after,.before-after-effect) .before-after-effect__description li{margin:0;color:inherit;font-size:inherit;line-height:inherit}:is(#inv-before-after,.before-after-effect) .before-after-effect__description a{color:inherit;text-decoration:underline;text-underline-offset:2px}:is(#inv-before-after,.before-after-effect) .before-after-effect__description strong{font-weight:700}@media screen and (max-width:749px){:is(#inv-before-after,.before-after-effect){padding-top:16px;padding-bottom:16px}:is(#inv-before-after,.before-after-effect) .before-after-effect__inner{gap:16px}:is(#inv-before-after,.before-after-effect) .before-after-effect__heading{font-size:18px}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards{max-width:none;margin:0;gap:16px}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--2 .before-after-effect__card,:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--3 .before-after-effect__card,:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--4 .before-after-effect__card{flex:0 0 calc((100% - 16px)/2)}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--1{max-width:220px;margin:0 auto}:is(#inv-before-after,.before-after-effect) .before-after-effect__cards--1 .before-after-effect__card{flex:0 0 100%}:is(#inv-before-after,.before-after-effect) .before-after-effect__content{min-height:125px;padding:8px;gap:8px}:is(#inv-before-after,.before-after-effect) .before-after-effect__card-title{font-size:14px;line-height:1.25}:is(#inv-before-after,.before-after-effect) .before-after-effect__description{font-size:12px;line-height:1.3}:is(#inv-before-after,.before-after-effect) .before-after-effect__description .metafield-rich_text_field{gap:5px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/inv-before-after.css.map */