.sugar-before-after-slider{position:relative;display:block;padding:var(--bas-pt) 0 var(--bas-pb);background:rgb(var(--color-background));color:rgb(var(--color-foreground));overflow:hidden}.sugar-before-after-slider .sugar-before-after-slider__bg{position:absolute;inset:0 0 auto;z-index:0;pointer-events:none}.sugar-before-after-slider .sugar-before-after-slider__bg img{display:block;width:100%;height:auto}.sugar-before-after-slider .sugar-before-after-slider__head{position:relative;z-index:1;padding:0 var(--bas-pad);text-align:center}.sugar-before-after-slider .sugar-before-after-slider__heading{margin:0;font-family:var(--bas-h-font);font-style:var(--bas-h-style);font-weight:var(--bas-h-weight);font-size:var(--bas-h);line-height:1.25}.sugar-before-after-slider .sugar-before-after-slider__heading em{font-style:inherit;color:rgb(var(--color-accent))}.sugar-before-after-slider .sugar-before-after-slider__subheading{margin:24px 0 0;font-family:var(--bas-l-font);font-style:var(--bas-l-style);font-weight:var(--bas-l-weight);font-size:var(--bas-sub);line-height:1;color:rgb(var(--color-accent))}.sugar-before-after-slider .sugar-before-after-slider__track{position:relative;z-index:1;display:flex;gap:var(--bas-gap);margin-top:24px;padding:0 var(--bas-pad) 30px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bas-pad);scrollbar-width:none;overscroll-behavior-x:contain}.sugar-before-after-slider .sugar-before-after-slider__track::-webkit-scrollbar{display:none}.sugar-before-after-slider .sugar-before-after-slider__slide{display:flex;flex-direction:column;gap:20px;flex:0 0 var(--bas-w);min-width:0;scroll-snap-align:start}.sugar-before-after-slider .sugar-before-after-slider__pair{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-radius:var(--bas-radius);overflow:hidden}.sugar-before-after-slider .sugar-before-after-slider__photos{position:relative;z-index:1;margin-top:24px;padding:0 var(--bas-pad);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--bas-pad);scrollbar-width:none}.sugar-before-after-slider .sugar-before-after-slider__photos::-webkit-scrollbar{display:none}.sugar-before-after-slider .sugar-before-after-slider__photo-list,.sugar-before-after-slider .sugar-before-after-slider__copy{display:flex;gap:var(--bas-gap)}.sugar-before-after-slider .sugar-before-after-slider__pair-slide{flex:0 0 var(--bas-w);min-width:0;scroll-snap-align:start}.sugar-before-after-slider .sugar-before-after-slider__photos--moving{overflow:hidden;scroll-snap-type:none}.sugar-before-after-slider .sugar-before-after-slider__photos--moving .sugar-before-after-slider__photo-list{width:max-content;--mq-shift: calc(var(--bas-n) * (var(--bas-w) + var(--bas-gap)) * -1);--mq-dur: calc(var(--bas-n) * var(--bas-sec) * 1s)}.sugar-before-after-slider .sugar-before-after-slider__track--cards .sugar-before-after-slider__slide{flex-basis:var(--bas-cw)}.sugar-before-after-slider .sugar-before-after-slider__track--cards{gap:var(--bas-cgap)}.sugar-before-after-slider .sugar-before-after-slider__side{display:flex;flex-direction:column;gap:8px;min-width:0}.sugar-before-after-slider .sugar-before-after-slider__label,.sugar-before-after-slider .sugar-before-after-slider__tag,.sugar-before-after-slider .sugar-before-after-slider__caption,.sugar-before-after-slider .sugar-before-after-slider__name{font-family:var(--bas-l-font);font-style:var(--bas-l-style);font-weight:var(--bas-l-weight);text-transform:uppercase}.sugar-before-after-slider .sugar-before-after-slider__label{margin:0;padding:8px 4px;font-size:var(--bas-l);line-height:28px;text-align:center;background:var(--bas-bl-bg);color:var(--bas-bl-text)}.sugar-before-after-slider .sugar-before-after-slider__side--after .sugar-before-after-slider__label{background:var(--bas-al-bg);color:var(--bas-al-text)}.sugar-before-after-slider .sugar-before-after-slider__photo{position:relative;aspect-ratio:var(--bas-ratio);overflow:hidden;background:rgba(var(--color-foreground),.06)}.sugar-before-after-slider .sugar-before-after-slider__photo img,.sugar-before-after-slider .sugar-before-after-slider__placeholder{display:block;width:100%;height:100%;object-fit:cover}.sugar-before-after-slider .sugar-before-after-slider__tag{position:absolute;left:12px;bottom:36px;padding:6px 12px;font-size:calc(var(--bas-l) * .89);line-height:1.2;white-space:nowrap;background:var(--bas-bt-bg);color:var(--bas-tag-text)}.sugar-before-after-slider .sugar-before-after-slider__side--after .sugar-before-after-slider__tag{background:var(--bas-at-bg)}.sugar-before-after-slider .sugar-before-after-slider__caption{position:absolute;left:0;right:0;bottom:10px;margin:0;font-size:calc(var(--bas-l) * .78);line-height:20px;text-align:center;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);pointer-events:none}.sugar-before-after-slider .sugar-before-after-slider__card{display:flex;flex-direction:column;flex:1;padding:25px;border:1px solid var(--bas-card-border);border-radius:var(--bas-radius);background:var(--bas-card);box-shadow:0 10px 30px #0000001f,inset 0 1px #ffffff38;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sugar-before-after-slider .sugar-before-after-slider__title{margin:0 0 8px;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight-bold, 700);font-size:var(--bas-title);line-height:1.15}.sugar-before-after-slider .sugar-before-after-slider__text{font-size:var(--bas-text);line-height:1.15}.sugar-before-after-slider .sugar-before-after-slider__text p{margin:0 0 12px}.sugar-before-after-slider .sugar-before-after-slider__text p:last-child{margin-bottom:0}.sugar-before-after-slider .sugar-before-after-slider__foot{display:grid;gap:16px;margin-top:auto;padding-top:24px}.sugar-before-after-slider .sugar-before-after-slider__name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;font-size:var(--bas-name);line-height:28px}.sugar-before-after-slider .sugar-before-after-slider__verified{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid var(--bas-verified);border-radius:999px;font-family:var(--font-body-family);font-size:11px;font-weight:400;line-height:1.5;text-transform:none;color:var(--bas-verified)}.sugar-before-after-slider .sugar-before-after-slider__verified .sugar-icon{font-size:13px}.sugar-before-after-slider .sugar-before-after-slider__dots{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:16px}.sugar-before-after-slider .sugar-before-after-slider__dot{display:block;width:8px;height:8px;padding:0;border:0;border-radius:999px;background:rgba(var(--color-foreground),.35);cursor:pointer;transition:width .25s ease,background-color .25s ease}.sugar-before-after-slider .sugar-before-after-slider__dot[aria-current=true]{width:24px;background:rgb(var(--color-foreground))}@media screen and (max-width:749px){.sugar-before-after-slider{padding:var(--bas-pt-m) 0 var(--bas-pb-m)}.sugar-before-after-slider .sugar-before-after-slider__heading{font-size:var(--bas-h-m)}.sugar-before-after-slider .sugar-before-after-slider__subheading{margin-top:15px;font-size:var(--bas-sub-m)}.sugar-before-after-slider .sugar-before-after-slider__track{gap:var(--bas-gap-m);padding-bottom:24px}.sugar-before-after-slider .sugar-before-after-slider__slide{flex-basis:var(--bas-w-m);gap:12px}.sugar-before-after-slider .sugar-before-after-slider__photo-list,.sugar-before-after-slider .sugar-before-after-slider__copy{gap:var(--bas-gap-m)}.sugar-before-after-slider .sugar-before-after-slider__pair-slide{flex-basis:var(--bas-w-m)}.sugar-before-after-slider .sugar-before-after-slider__photos--moving .sugar-before-after-slider__photo-list{--mq-shift: calc(var(--bas-n) * (var(--bas-w-m) + var(--bas-gap-m)) * -1)}.sugar-before-after-slider .sugar-before-after-slider__track--cards .sugar-before-after-slider__slide{flex-basis:var(--bas-cw-m)}.sugar-before-after-slider .sugar-before-after-slider__track--cards{gap:var(--bas-cgap-m)}.sugar-before-after-slider .sugar-before-after-slider__title{font-size:var(--bas-title-m)}.sugar-before-after-slider .sugar-before-after-slider__text{font-size:var(--bas-text-m)}.sugar-before-after-slider .sugar-before-after-slider__label{padding:8px 4px;font-size:var(--bas-l-m);line-height:20px}.sugar-before-after-slider .sugar-before-after-slider__tag{left:8px;bottom:28px;padding:4px 8px;font-size:calc(var(--bas-l-m) * .86)}.sugar-before-after-slider .sugar-before-after-slider__caption{font-size:calc(var(--bas-l-m) * .86);line-height:16px}}@media(prefers-reduced-motion:reduce){.sugar-before-after-slider .sugar-before-after-slider__track{scroll-behavior:auto}.sugar-before-after-slider .sugar-before-after-slider__photos--moving{overflow-x:auto}.sugar-before-after-slider .sugar-before-after-slider__photos--moving .sugar-before-after-slider__copy{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-before-after-slider.css.map */