.xg002-before-after{background:var(--xg002-bg);border-radius:var(--xg002-radius);color:var(--xg002-text);padding:42px}.xg002-before-after__frame figcaption{position:absolute;left:10px;top:10px;border-radius:999px;background:#ffffffeb;color:var(--xg002-muted);font-size:12px;font-weight:700;line-height:1;padding:7px 10px}.xg002-before-after__eyebrow{margin:0 0 10px;color:var(--xg002-muted);font-size:14px;font-weight:800;line-height:1.2;text-transform:uppercase}.xg002-before-after__text{margin:18px 0 0;color:var(--xg002-text);font-size:18px;line-height:1.45}.xg002-before-after__text p{margin:0}.xg002-before-after__button:before{content:"";position:absolute;left:15px;top:12px;width:11px;height:11px;border-left:2px solid var(--xg002-muted);border-bottom:2px solid var(--xg002-muted);transform:rotate(45deg)}.xg002-before-after__dots button.is-active{width:24px;background:var(--xg002-muted)}@media screen and (max-width:899px){.xg002-before-after{padding:28px 16px}.xg002-before-after__slide{grid-template-columns:1fr;gap:22px}.xg002-before-after__copy{max-width:none;text-align:center}.xg002-before-after__copy h2{font-size:36px}.xg002-before-after__text{font-size:16px}}.xg002-before-after{--xg002-accent: #d73d85;--xg002-green: #3b8578;--xg002-ink: #193b36;color:var(--xg002-ink)}.xg002-before-after__viewport{overflow:hidden}.xg002-before-after__track{display:flex;transition:transform .52s ease;will-change:transform}.xg002-before-after__slide{display:grid;flex:0 0 100%;grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);gap:42px;align-items:center}.xg002-before-after__media{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.xg002-before-after__frame{position:relative;margin:0;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 10px 30px #193b3614}.xg002-before-after__frame img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.xg002-before-after__frame figcaption{position:absolute;left:10px;top:10px;border-radius:999px;background:#ffffffeb;color:var(--xg002-green);font-size:12px;font-weight:700;line-height:1;padding:7px 10px}.xg002-before-after__arrow{position:absolute;z-index:2;left:50%;top:50%;width:46px;height:46px;border:3px solid #ffffff;border-radius:999px;background:var(--xg002-accent);box-shadow:0 8px 20px #d73d8540;transform:translate(-50%,-50%)}.xg002-before-after__arrow:before,.xg002-before-after__arrow:after{content:"";position:absolute;top:50%;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;transform:translateY(-50%)}.xg002-before-after__arrow:before{left:7px;border-right:12px solid #ffffff}.xg002-before-after__arrow:after{right:7px;border-left:12px solid #ffffff}.xg002-before-after__copy{max-width:420px}.xg002-before-after__eyebrow{margin:0 0 10px;color:var(--xg002-green);font-size:14px;font-weight:800;line-height:1.2;text-transform:uppercase}.xg002-before-after__copy h2{margin:0;color:var(--xg002-accent);font-family:"DM Serif Display",serif;font-size:44px;font-weight:400;line-height:1}.xg002-before-after__copy p:last-child{margin:18px 0 0;color:#244f48;font-size:18px;line-height:1.45}.xg002-before-after__controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.xg002-before-after__button{position:relative;width:38px;height:38px;border:1px solid rgba(59,133,120,.28);border-radius:999px;background:#fff;cursor:pointer}.xg002-before-after__button:before{content:"";position:absolute;left:15px;top:12px;width:11px;height:11px;border-left:2px solid var(--xg002-green);border-bottom:2px solid var(--xg002-green);transform:rotate(45deg)}.xg002-before-after__button--next:before{left:11px;transform:rotate(225deg)}.xg002-before-after__dots{display:flex;gap:8px}.xg002-before-after__dots button{width:9px;height:9px;border:0;border-radius:999px;background:#3b857847;cursor:pointer;padding:0}.xg002-before-after__dots button.is-active{width:24px;background:var(--xg002-green)}@media screen and (max-width:899px){.xg002-before-after__slide{grid-template-columns:1fr;gap:22px}.xg002-before-after__copy{max-width:none;text-align:center}.xg002-before-after__copy h2{font-size:36px}.xg002-before-after__copy p:last-child{font-size:16px}}@media screen and (max-width:520px){.xg002-before-after__media{gap:8px}.xg002-before-after__frame figcaption{left:7px;top:7px;font-size:10px;padding:6px 8px}.xg002-before-after__arrow{width:36px;height:36px;border-width:2px}.xg002-before-after__arrow:before{left:6px;border-top-width:6px;border-right-width:9px;border-bottom-width:6px}.xg002-before-after__arrow:after{right:6px;border-top-width:6px;border-left-width:9px;border-bottom-width:6px}.xg002-before-after__copy h2{font-size:30px;line-height:1.06}}
/*# sourceMappingURL=/cdn/shop/t/52/compiled_assets/styles.css.map */