.before-after__media{position:relative;overflow:hidden!important}.before-after__wrapper{display:flex;flex-direction:column;width:100%}.before-after__wrapper--align-left{align-items:flex-start}.before-after__wrapper--align-center{align-items:center}.before-after__wrapper--align-right{align-items:flex-end}.before-after__container{width:100%}.before-after__title{max-width:100%}.before-after-with-text .image-with-text__container{align-items:center}.before-after-with-text .image-with-text__media-item,.before-after-with-text .image-with-text__text-item{min-width:0}.before-after-with-text .image-with-text__media-item{display:flex;align-items:center}.before-after-with-text .before-after__media,.before-after-with-text .image-with-text__content{width:100%}@media screen and (max-width:749.98px){.before-after-with-text .image-with-text__content{align-self:stretch}}.before-after__media--viewport-height{max-height:calc(100vh - var(--header-height-live, 0px));max-height:calc(100dvh - var(--header-height-live, 0px))}.before-after__media--viewport-height:not(.section-height-responsive--desktop):not(.section-height-responsive--mobile) .before-after__slider{width:min(100%,calc((100dvh - var(--header-height-live, 0px)) * var(--before-after-ratio, 1.77)));max-height:calc(100vh - var(--header-height-live, 0px));max-height:calc(100dvh - var(--header-height-live, 0px));margin-inline:auto}.before-after__media.section-height-responsive--mobile,.before-after__media.section-height-responsive--desktop{position:relative}.before-after__media.section-height-responsive--mobile .before-after__slider,.before-after__media.section-height-responsive--desktop .before-after__slider{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:unset}.before-after__media.section-height-responsive--mobile .before-after__slider img,.before-after__media.section-height-responsive--desktop .before-after__slider img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:unset;object-fit:cover;object-position:center}.before-after__slider{display:block;width:100%;line-height:0;aspect-ratio:var(--before-after-ratio, 1.77);cursor:col-resize;--divider-width: 2px;--divider-color: rgb(var(--color-button));--divider-shadow: 0 0 8px rgba(var(--color-shadow), .3);--default-handle-width: 0;--default-handle-opacity: 0}.before-after__slider img{display:block;width:100%;aspect-ratio:var(--before-after-ratio, 1.77);object-fit:cover;object-position:center;height:auto;max-width:100%;cursor:inherit}.before-after__slider.is-dragging,.before-after__slider.is-dragging img,.before-after__slider:active,.before-after__slider:active img{cursor:grabbing}body.before-after-dragging,body.before-after-dragging *{cursor:grabbing!important}.before-after__handle{display:flex;align-items:center;justify-content:center}.before-after__handle-circle{display:flex;align-items:center;justify-content:center;gap:.4rem;width:4.4rem;height:4.4rem;border-radius:50%;background-color:rgb(var(--color-button));background-image:var(--color-button-gradient, none);color:rgb(var(--color-button-text));box-shadow:0 .2rem .8rem rgba(var(--color-shadow),.25);transition:transform var(--duration-short, .2s) ease,box-shadow var(--duration-short, .2s) ease}.before-after__slider:hover .before-after__handle-circle{transform:scale(1.06)}.before-after__slider.is-dragging .before-after__handle-circle,.before-after__slider:active .before-after__handle-circle{transform:scale(.96)}.before-after__handle-icon{width:.9rem;height:1.1rem;flex-shrink:0}.before-after__media--rounding-none,.before-after__media--rounding-none img{border-radius:0}.before-after__media--rounding-outer{border-radius:var(--text-boxes-radius)}.before-after__media--rounding-outer img{border-radius:0}.before-after__labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.before-after__label{position:absolute;top:1.2rem;padding:.4rem 1rem;border-radius:var(--badge-corner-radius, .4rem);background-color:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));font-size:var(--font-size-small, 1.2rem);font-weight:var(--font-weight-medium, 500);letter-spacing:.02em;line-height:1.2}.before-after__label--before{inset-inline-start:1.2rem}.before-after__label--after{inset-inline-end:1.2rem}.before-after__placeholder{display:flex;align-items:center;justify-content:center;min-height:30rem;background-color:rgba(var(--color-foreground),.04)}.before-after__placeholder .placeholder-svg{width:100%;max-width:40rem;height:auto}@media screen and (max-width:749.98px){.before-after__label{top:.8rem;padding:.3rem .8rem;font-size:1.1rem}.before-after__label--before{inset-inline-start:.8rem}.before-after__label--after{inset-inline-end:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-before-after.css.map */