.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:1rem;left:1rem;background:rgba(var(--color-foreground),.85);color:rgb(var(--color-background));font-size:1.5rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1.1rem;border-radius:.4rem;box-shadow:0 .2rem .6rem #0000002e;pointer-events:none;z-index:1;line-height:1.3}.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;justify-content:center;margin-top:1.4rem}.before-after-card__switch{display:inline-flex;align-items:center;gap:1rem;padding:.4rem;background:none;border:none;cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.before-after-card__switch-track{position:relative;display:block;flex:none;width:5rem;height:2.8rem;border-radius:3rem;background:rgba(var(--color-foreground),.25);transition:background-color .25s ease}.before-after-card__switch[aria-checked=true] .before-after-card__switch-track{background:rgb(var(--color-foreground))}.before-after-card__switch-thumb{position:absolute;top:.3rem;left:.3rem;width:2.2rem;height:2.2rem;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .1rem .3rem #00000040;transition:transform .25s ease}.before-after-card__switch[aria-checked=true] .before-after-card__switch-thumb{transform:translate(2.2rem)}.before-after-card__switch-text{display:grid;font-size:1.3rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(var(--color-foreground),.75);line-height:1.4;text-align:left}.before-after-card__switch-text>span{grid-area:1 / 1}.before-after-card__switch-text--on,.before-after-card__switch[aria-checked=true] .before-after-card__switch-text--off{visibility:hidden}.before-after-card__switch[aria-checked=true] .before-after-card__switch-text--on{visibility:visible}.before-after-card__switch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem;border-radius:.6rem}.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 */