.before-after{--before-after-per-view: 1;--before-after-pair-gap: var(--space-x4);--before-after-seam: var(--space-x0-5);--before-after-photo-ratio: 178 / 340;--before-after-badge-height: 52px;--before-after-badge-gap: var(--space-x2);--before-after-badge-inline: var(--space-x2);--before-after-badge-blur: 16px;--before-after-heading-gap: var(--space-x8);--before-after-stack-gap: var(--space-x6);--before-after-dot-size: var(--space-x2);--before-after-dot-tap-block: calc(-1 * var(--space-x2));--before-after-dot-tap-inline: calc(-1 * var(--space-x1));--before-after-bleed: var(--grid-margin);--before-after-arrow-inset: var(--space-x6);--before-after-disclaimer-measure: 1152px;display:block;padding-block:var(--before-after-padding-top) var(--before-after-padding-bottom);background:var(--bg-primary)}.before-after--static{--before-after-stack-gap: var(--space-x8)}.before-after__inner{row-gap:0}.before-after__top{grid-column:1 / -1;margin-block-end:var(--before-after-heading-gap)}.before-after__body{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--before-after-stack-gap)}.before-after__media{position:relative;min-inline-size:0}.before-after__pairs{display:flex;flex-direction:column}.before-after .before-after__viewport{min-inline-size:0;margin-inline:calc(-1 * var(--before-after-bleed));padding-inline:var(--before-after-bleed)}.before-after__viewport:focus-visible{outline:var(--space-x0-5) solid var(--control-border-focus);outline-offset:calc(-1 * (var(--before-after-bleed) + var(--space-x0-5)))}[dir=rtl] .before-after__arrow .icon{scale:-1 1}.before-after__track{margin:0;padding:0;list-style:none}.before-after__pair{display:flex;gap:var(--before-after-seam)}.before-after .before-after__pair--slide{display:flex;inline-size:calc((100% - (var(--before-after-per-view, 1) - 1) * var(--before-after-pair-gap)) / var(--before-after-per-view, 1));block-size:auto}.before-after__photo{position:relative;flex:1 1 0;min-inline-size:0;aspect-ratio:var(--before-after-photo-ratio);overflow:hidden;border-radius:var(--radius-x2);background:var(--bg-secondary)}.before-after__photo--before{border-start-end-radius:0;border-end-end-radius:0}.before-after__photo--after{border-start-start-radius:0;border-end-start-radius:0}.before-after__picture{display:block}.before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;color:transparent;font-size:0}.before-after__image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary)}.before-after__badge{z-index:2;position:absolute;inset-inline:0;inset-block-end:0;block-size:var(--before-after-badge-height);margin:0;display:flex;align-items:center;justify-content:center;gap:var(--before-after-badge-gap);padding-inline:var(--before-after-badge-inline);background:var(--bg-overlay-badge);-webkit-backdrop-filter:blur(var(--before-after-badge-blur));backdrop-filter:blur(var(--before-after-badge-blur));color:var(--text-primary-inverse);text-transform:uppercase}.before-after__badge-label,.before-after__badge-value{min-inline-size:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.before-after__badge-label{flex-shrink:999}.before-after__disclaimer{margin-block-start:var(--before-after-stack-gap);text-align:start}.before-after__disclaimer:before{content:"";display:block;block-size:1px;margin-block-end:var(--space-x3);background:var(--border-divider)}.before-after__disclaimer-text{margin:0;color:var(--text-secondary)}.before-after__nav{display:none}.before-after__dots{display:flex;inline-size:fit-content;margin-inline:auto;gap:var(--space-x2);padding:var(--space-x2) var(--space-x3);border-radius:var(--radius-circle);background:var(--bg-secondary)}.before-after__dot{position:relative;inline-size:var(--before-after-dot-size);block-size:var(--before-after-dot-size);padding:0;border:0;border-radius:var(--radius-circle);-webkit-appearance:none;appearance:none;background:var(--bg-overlay-modal);cursor:pointer}.before-after__dot[aria-current=true]{background:var(--bg-primary-inverse)}@media(hover:hover){.before-after__dot:hover:not([aria-current=true]){background:var(--control-content-disabled)}}.before-after__dot:active{background:var(--bg-primary-inverse)}.before-after__dot:after{content:"";position:absolute;inset:var(--before-after-dot-tap-block) var(--before-after-dot-tap-inline)}.before-after__dot:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-secondary),0 0 0 4px var(--control-border-focus),0 0 0 6px var(--control-border-focus-inverse)}@media(prefers-reduced-motion:reduce){.before-after__viewport,.before-after__track{transition:none}}@media(min-width:768px){.before-after{--before-after-bleed: 0px;padding-block:var(--before-after-padding-top-tablet) var(--before-after-padding-bottom-tablet)}.before-after--static{--before-after-photo-ratio: 291 / 328;--before-after-stack-gap: var(--space-x6)}.before-after__body{grid-column:2 / span 10}}@media(min-width:1200px){.before-after{--before-after-per-view: 2;--before-after-badge-height: 64px;--before-after-badge-gap: var(--space-x4);--before-after-badge-inline: var(--space-x4);--before-after-heading-gap: var(--space-x12);--before-after-stack-gap: var(--space-x10);padding-block:var(--before-after-padding-top-desktop) var(--before-after-padding-bottom-desktop)}.before-after--static{--before-after-photo-ratio: 1 / 1;--before-after-seam: var(--space-x4)}.before-after--static .before-after__photo--before,.before-after--static .before-after__photo--after{border-radius:var(--radius-x2)}.before-after__body{grid-column:1 / -1}.before-after__disclaimer{grid-column:2 / 12;justify-self:center;inline-size:100%;max-inline-size:var(--before-after-disclaimer-measure);text-align:center}.before-after__disclaimer:before{display:none}.before-after__dots{display:none}.before-after[data-arrows] .before-after__nav{z-index:2;display:block;position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.before-after__arrow .btn-icon{position:absolute;inset-block-start:50%;translate:0 -50%;pointer-events:auto}.before-after__arrow--prev .btn-icon{inset-inline-start:var(--before-after-arrow-inset)}.before-after__arrow--next .btn-icon{inset-inline-end:var(--before-after-arrow-inset)}}@media(min-width:1200px)and (hover:hover){.before-after__nav{opacity:0}.before-after__nav .btn-icon{pointer-events:none}.before-after__media:hover .before-after__nav,.before-after__media:focus-within .before-after__nav{opacity:1}.before-after__media:hover .before-after__arrow .btn-icon,.before-after__media:focus-within .before-after__arrow .btn-icon{pointer-events:auto}}@media(min-width:1800px){.before-after--static{--before-after-photo-ratio: 714 / 560}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/rebirth-before-after.css.map */