.et-before-after{--et-ba-gap: 64px;position:relative;background-color:var(--et-ba-bg, #42061f);color:var(--et-ba-text, #ffffff);padding-top:var(--et-ba-pt, 80px);padding-bottom:var(--et-ba-pb, 40px)}.et-before-after__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.et-before-after__bg-video,.et-before-after__bg-img{width:100%;height:100%;object-fit:cover;display:block}.et-before-after__bg-img--mobile{display:none}.et-before-after__sparkle{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:80px;height:80px;z-index:2;pointer-events:none}.et-before-after__sparkle img{display:block;width:100%;height:100%;object-fit:contain}.et-before-after__inner{position:relative;z-index:1;max-width:1336px;width:100%;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;gap:40px;box-sizing:border-box}.et-before-after__header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.et-before-after__header-text{display:flex;flex-direction:column;gap:8px}.et-before-after__eyebrow{font-family:Chillax,sans-serif;font-weight:600;font-size:16px;line-height:1.2;text-transform:uppercase;color:#ffffff80;margin:0}.et-before-after__title{font-family:Chillax,sans-serif;font-weight:600;font-size:40px;line-height:1.2;letter-spacing:-1.6px;color:var(--et-ba-text, #ffffff);margin:0}.et-before-after__title-accent{color:var(--et-ba-accent, #ff70aa);text-transform:uppercase}.et-before-after__nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.et-before-after__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:0;border-radius:50%;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;box-sizing:border-box}.et-before-after__arrow svg{width:24px;height:24px;display:block}.et-before-after__arrow--prev{background-color:#fff3;color:#fff}.et-before-after__arrow--next{background-color:#fff;color:#42061f}.et-before-after__arrow:hover{opacity:.85}.et-before-after__arrow.is-disabled{opacity:.35;cursor:default;pointer-events:none}.et-before-after__track{display:flex;gap:var(--et-ba-gap, 64px);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.et-before-after__track::-webkit-scrollbar{display:none}.et-before-after[data-layout=stacked] .et-before-after__track{display:grid;grid-template-columns:repeat(var(--et-ba-cols, 3),minmax(0,1fr));overflow:visible;scroll-snap-type:none}.et-before-after__card{flex:0 0 calc((100% - (var(--et-ba-gap, 64px) * (var(--et-ba-cols, 3) - 1))) / var(--et-ba-cols, 3));min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;background-color:var(--et-ba-card-bg, #4f1627);border:4px solid rgba(66,6,31,.24);border-radius:var(--et-ba-card-radius, 8px);overflow:hidden;box-sizing:border-box}.et-before-after[data-layout=stacked] .et-before-after__card{flex:initial}.et-before-after__media{position:relative;width:100%;height:288px;flex-shrink:0;background-color:var(--et-ba-card-bg, #4f1627)}.et-before-after__ba{display:flex;width:100%;height:100%}.et-before-after__ba-half{position:relative;flex:1 1 50%;min-width:0;overflow:hidden}.et-before-after__ba-half:before{content:"";position:absolute;top:0;left:0;right:0;height:96px;background:linear-gradient(to bottom,#00000059,#0000);pointer-events:none;z-index:1}.et-before-after__ba-img{width:100%;height:100%;object-fit:cover;display:block}.et-before-after__ba-divider{width:1px;flex:0 0 1px;background-color:var(--et-ba-card-bg, #4f1627)}.et-before-after__pill{position:absolute;top:16px;z-index:2;padding:4px 12px;border-radius:100px;font-family:Chillax,sans-serif;font-weight:700;font-size:14px;line-height:1.2;letter-spacing:.36px;text-transform:uppercase;color:#fff}.et-before-after__pill--before{left:16px;background-color:var(--et-ba-before-pill, #42061f)}.et-before-after__pill--after{right:16px;background-color:var(--et-ba-after-pill, #ff70aa)}.et-before-after__single,.et-before-after__video{width:100%;height:100%}.et-before-after__single-img,.et-before-after__video-el{width:100%;height:100%;object-fit:cover;display:block}.et-before-after__video{position:relative}.et-before-after__video--embed iframe{width:100%;height:100%;border:0;display:block}.et-before-after__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;z-index:2;transition:opacity .2s ease,transform .2s ease}.et-before-after__play svg{width:100%;height:100%;display:block}.et-before-after__play:hover{transform:translate(-50%,-50%) scale(1.05)}.et-before-after__play.is-hidden{display:none}.et-before-after__content{display:flex;flex-direction:column;justify-content:space-between;gap:24px;flex:1 1 auto;padding:24px}.et-before-after__group-top{display:flex;flex-direction:column;gap:16px}.et-before-after__stat-row{display:flex;align-items:flex-end;gap:12px}.et-before-after__stat{font-family:Chillax,sans-serif;font-weight:700;font-size:28px;line-height:1.4;letter-spacing:.36px;text-transform:uppercase;color:var(--et-ba-accent, #ff70aa)}.et-before-after__stat-label{font-family:Chillax,sans-serif;font-weight:700;font-size:12px;line-height:1.4;letter-spacing:.36px;text-transform:uppercase;color:#fff9;padding-bottom:4px}.et-before-after__review{font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;line-height:1.6;color:#fffc}.et-before-after__review p{margin:0 0 8px}.et-before-after__review p:last-child{margin-bottom:0}.et-before-after__group-bottom{display:flex;flex-direction:column;gap:16px}.et-before-after__divider{width:100%;height:1px;background-color:#ffffff1a}.et-before-after__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.et-before-after__name{font-family:Satoshi,sans-serif;font-weight:700;font-size:14px;line-height:24px;color:#fff}.et-before-after__country{display:flex;align-items:center;gap:8px;flex-shrink:0}.et-before-after__flag{width:24px;height:14px;border-radius:1px;object-fit:cover;display:block;flex-shrink:0}.et-before-after__country-name{font-family:Satoshi,sans-serif;font-weight:500;font-size:14px;line-height:24px;color:#fff}.et-before-after__progress{display:flex;justify-content:flex-start}.et-before-after__progress-track{position:relative;width:100%;max-width:240px;height:6px;border-radius:100px;background-color:#5d1d30;overflow:hidden}.et-before-after__progress-fill{position:absolute;top:0;left:0;height:100%;width:30%;border-radius:100px;background-color:var(--et-ba-accent, #ff70aa);transition:width .15s ease,left .15s ease;display:block!important}.et-before-after[data-layout=stacked] .et-before-after__nav,.et-before-after[data-layout=stacked] .et-before-after__progress{display:none}@media screen and (max-width:989px){.et-before-after__inner{gap:32px}.et-before-after__title{font-size:34px;letter-spacing:-1.36px}.et-before-after__card{flex-basis:calc((100% - var(--et-ba-gap, 64px)) / 2)}.et-before-after[data-layout=stacked] .et-before-after__track{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.et-before-after{--et-ba-gap: 16px}.et-before-after__bg-img--desktop{display:none}.et-before-after__bg-img--mobile{display:block}.et-before-after__sparkle{width:56px;height:56px;top:-21px}.et-before-after__inner{padding:0 16px;gap:24px}.et-before-after__title{font-size:30px;letter-spacing:-1.2px}.et-before-after__nav{display:none}.et-before-after__media{height:320px}.et-before-after[data-mobile-layout=slider] .et-before-after__track{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}.et-before-after[data-mobile-layout=slider] .et-before-after__card{flex:0 0 100%}.et-before-after[data-mobile-layout=slider] .et-before-after__progress{display:flex;justify-content:center}.et-before-after[data-mobile-layout=stack] .et-before-after__track{display:grid;grid-template-columns:1fr;overflow:visible;scroll-snap-type:none}.et-before-after[data-mobile-layout=stack] .et-before-after__card{flex:initial}.et-before-after[data-mobile-layout=stack] .et-before-after__progress{display:none}.et-before-after__content{padding:20px;gap:20px}}@media screen and (max-width:479px){.et-before-after__title{font-size:28px;letter-spacing:-1.12px}.et-before-after__media{height:300px}.et-before-after__stat{font-size:24px}}@media(prefers-reduced-motion:reduce){.et-before-after__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/et-before-after.css.map */