.bubbles-angels-image-compare.before-after{background:var(--color-surface-cream);padding:var(--space-48) 0}.bubbles-angels-image-compare .before-after__section{display:flex;flex-direction:column;gap:var(--space-36);margin:0 auto;max-width:1680px;padding:0 var(--space-16)}.bubbles-angels-image-compare .before-after__intro{align-items:center;display:flex;flex-direction:column;gap:var(--space-16);text-align:center}.bubbles-angels-image-compare .before-after__heading{color:var(--color-black);font-family:var(--font-body);font-size:27px;font-weight:500;letter-spacing:-1.08px;line-height:30px;margin:0;text-transform:none}.bubbles-angels-image-compare .before-after__heading em{font-family:var(--font-display);font-size:35px;font-style:italic;font-weight:500;letter-spacing:-1.08px;line-height:30px}.bubbles-angels-image-compare .before-after__body{color:var(--color-black);font-family:var(--font-body);font-size:14px;font-weight:500;line-height:18px;margin:0;max-width:287px;text-align:center}.bubbles-angels-image-compare .media-compare-slider{--compare-position: 50%;width:100%}.bubbles-angels-image-compare .media-compare-slider__frame{height:350px;overflow:hidden;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.bubbles-angels-image-compare .media-compare-slider__image{display:block;height:100%;object-fit:cover;width:100%}.bubbles-angels-image-compare .media-compare-slider__image--after{object-position:center 50%}.bubbles-angels-image-compare .media-compare-slider__before-layer{clip-path:inset(0 calc(100% - var(--compare-position)) 0 0);top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.bubbles-angels-image-compare .media-compare-slider__image--before{object-position:center 50%}.bubbles-angels-image-compare .media-compare-slider__overlay{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.bubbles-angels-image-compare .media-compare-slider__label{color:#00000080;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:1.2px;line-height:15px;position:absolute;text-transform:uppercase;top:15px}.bubbles-angels-image-compare .media-compare-slider__label--before{left:14px}.bubbles-angels-image-compare .media-compare-slider__label--after{right:10px}.bubbles-angels-image-compare .media-compare-slider__range{-webkit-appearance:none;appearance:none;cursor:ew-resize;top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;width:100%}.bubbles-angels-image-compare .media-compare-slider__divider{background:var(--color-white);bottom:0;cursor:ew-resize;left:var(--compare-position);position:absolute;top:0;transform:translate(-50%);width:4px}.bubbles-angels-image-compare .media-compare-slider__handle-shell{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff40;border-radius:var(--radius-full);display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}.bubbles-angels-image-compare .media-compare-slider__handle-core{align-items:center;background:var(--color-white);border-radius:var(--radius-md);display:flex;height:48px;justify-content:center;width:48px}.bubbles-angels-image-compare .media-compare-slider__handle-icon{display:block;height:14px;width:14px}.bubbles-angels-image-compare .media-proof-pair{display:grid;gap:3px;grid-template-columns:repeat(2,minmax(0,1fr))}.bubbles-angels-image-compare .media-proof-pair__card{height:350px;overflow:hidden;position:relative}.bubbles-angels-image-compare .media-proof-pair__image{display:block;height:100%;object-fit:cover;width:100%}.bubbles-angels-image-compare .media-proof-pair__card--before .media-proof-pair__image,.bubbles-angels-image-compare .media-proof-pair__card--after .media-proof-pair__image{object-position:center}.bubbles-angels-image-compare .media-proof-pair__label{color:#00000080;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:1.2px;line-height:15px;position:absolute;text-transform:uppercase;top:17px}.bubbles-angels-image-compare .media-proof-pair__label--before{left:15px}.bubbles-angels-image-compare .media-proof-pair__label--after{right:13px}.bubbles-angels-image-compare .before-after__progress{background:#11111140;height:2px;overflow:hidden;width:100%}.bubbles-angels-image-compare .before-after__progress-active{background:var(--color-black);display:block;height:100%;margin:0 auto;width:100px}@media(min-width:768px){.bubbles-angels-image-compare.before-after{padding:var(--space-80) 0}.bubbles-angels-image-compare .before-after__section{column-gap:var(--space-64);display:grid;grid-template-columns:387px minmax(0,902px);justify-content:center;padding:0 var(--space-36);row-gap:var(--space-52)}.bubbles-angels-image-compare .before-after__intro{align-items:flex-start;align-self:start;gap:23.39px;grid-column:1;grid-row:1;padding-top:1px;text-align:left;width:387px}.bubbles-angels-image-compare .before-after__heading{font-size:48px;letter-spacing:0;line-height:1;max-width:387px;text-align:left}.bubbles-angels-image-compare .before-after__heading em{font-size:54px;letter-spacing:-1.88px;line-height:47px}.bubbles-angels-image-compare .before-after__body{font-size:20px;line-height:24px;margin-top:0;max-width:387px;text-align:left}.bubbles-angels-image-compare .media-compare-slider{grid-column:2;grid-row:1;width:902px}.bubbles-angels-image-compare .media-compare-slider__frame{height:601.53px;width:902px}.bubbles-angels-image-compare .media-compare-slider__image--after,.bubbles-angels-image-compare .media-compare-slider__image--before{object-position:center 46%}.bubbles-angels-image-compare .media-compare-slider__label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff40;border-radius:4px;color:#111;font-family:var(--font-utility),sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:19.2px;padding:7.5px 16px 7.69px;top:15px;text-transform:uppercase}.bubbles-angels-image-compare .media-compare-slider__label--before{left:28px}.bubbles-angels-image-compare .media-compare-slider__label--after{right:15px}.bubbles-angels-image-compare .media-proof-pair{gap:var(--space-24);grid-column:1 / -1;width:100%}.bubbles-angels-image-compare .media-proof-pair__card{height:600px}.bubbles-angels-image-compare .media-proof-pair__image{object-fit:cover}.bubbles-angels-image-compare .media-proof-pair__card--before .media-proof-pair__image,.bubbles-angels-image-compare .media-proof-pair__card--after .media-proof-pair__image{object-position:center top}.bubbles-angels-image-compare .media-proof-pair__label{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000001a;border-radius:4px;color:#111;font-family:var(--font-utility),sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:19.2px;padding:7.5px 16px 7.69px;top:23px}.bubbles-angels-image-compare .media-proof-pair__label--before{left:23px}.bubbles-angels-image-compare .media-proof-pair__label--after{right:23px}.bubbles-angels-image-compare .before-after__progress{grid-column:1 / -1}.bubbles-angels-image-compare .before-after__progress-active{width:255.8px}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/bubbles-angels-image-compare.css.map */