.before-after-card{position:relative;box-sizing:border-box;height:100%;display:flex;flex-direction:column}.before-after-card__comparison{position:relative;overflow:hidden}.before-after-card__comparison .media{position:relative}.before-after-card__image--before,.before-after-card__image--after{display:block;width:100%;height:100%;object-fit:cover}.before-after-card__image--after{position:absolute;top:0;left:0;opacity:0;transition:opacity .4s ease}.before-after-card__comparison.show-after .before-after-card__image--after{opacity:1}.before-after-card__label{position:absolute;top:.8rem;left:.8rem;background:rgba(var(--color-foreground),.6);color:rgb(var(--color-background));font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .7rem;border-radius:.4rem;pointer-events:none;z-index:1;line-height:1.4}.before-after-card__label--after,.before-after-card__comparison.show-after .before-after-card__label--before{display:none}.before-after-card__comparison.show-after .before-after-card__label--after{display:block}.before-after-card__toggle{display:flex;border:.1rem solid rgba(var(--color-foreground),.15);border-radius:3rem;overflow:hidden;margin-top:1.2rem}.before-after-card__toggle-btn{flex:1;background:transparent;border:none;padding:.7rem 1.2rem;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:rgba(var(--color-foreground),.6);transition:background-color .2s ease,color .2s ease;font-family:inherit;line-height:1.4}.before-after-card__toggle-btn[aria-pressed=true]{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.before-after-card__toggle-btn:hover:not([aria-pressed=true]){color:rgb(var(--color-foreground))}.before-after-card__info{padding:2rem 2.5rem 2.5rem;flex:1;display:flex;flex-direction:column}.before-after-card__info h3{line-height:calc(1 + .5/max(1,var(--font-heading-scale)));margin:0}.before-after-card__info .rte{margin-top:1rem}.before-after-card__info .rte:first-child{margin-top:0}.before-after-card__caption{margin:.4rem 0 0;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.before-after-card__modal-btn{display:inline-flex;align-items:center;margin-top:auto;padding-top:1.5rem;font-size:inherit;text-decoration:none;color:rgba(var(--color-foreground),.75);background:none;border:none;padding:0;cursor:pointer;font-family:inherit;transition:color .2s ease}.before-after-card__modal-btn:hover{color:rgb(var(--color-foreground))}.before-after-card__modal-btn .icon-wrap{margin-left:.8rem;white-space:nowrap}.before-after-multicolumn:not(.background-none) .before-after-card{background:rgb(var(--color-background))}.before-after-multicolumn.background-primary .before-after-card{background:rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground),.04),rgba(var(--color-foreground),.04))}.before-after-multicolumn:not(.background-none) .before-after-card>.before-after-card__comparison:first-child{border-top-left-radius:calc(var(--text-boxes-radius) - var(--text-boxes-border-width));border-top-right-radius:calc(var(--text-boxes-radius) - var(--text-boxes-border-width));overflow:hidden}.before-after-multicolumn.background-none .before-after-card{border-radius:0}.before-after-multicolumn.background-none .before-after-card__info{padding-top:0;padding-left:0;padding-right:0}.before-after-multicolumn.background-none .slider .before-after-card__info{padding-bottom:0;padding-left:.5rem}.before-after-multicolumn.background-none .before-after-card__comparison+.before-after-card__info{padding-top:1.2rem}.before-after-card__comparison .media--portrait{padding-bottom:125%}.before-after-card__comparison .media--square{padding-bottom:100%}.before-after-card__comparison .media--portrait img,.before-after-card__comparison .media--square img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.before-after-card__info{padding:1.5rem}.before-after-card__toggle{margin-top:1rem}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/component-before-after.css.map */