.before-after{overflow:hidden;--before-after-value: 50}.before-after__heading{margin-bottom:7.2rem}.before-after__heading:not(:has(*)){display:none}.before-after__root{display:block}.before-after__root[data-image-ratio="2/1"] .before-after__layer:after{padding-bottom:min(var(--padding-bottom, 56.25%),91.2rem)}.before-after__container{position:relative;width:100%}.before-after__media{position:relative;width:100%;display:grid;grid-template:1fr/1fr;border-radius:var(--border-radius-block);overflow:hidden;background-color:transparent}.before-after__media:after{content:"";position:absolute;inset:0 auto;left:calc(var(--before-after-value) * 1%);width:.1rem;background:rgb(var(--color-background));pointer-events:none;z-index:2;transform:translate(-50%)}.before-after__layer{grid-area:1/1;position:relative;display:grid;grid-template:1fr/1fr}.before-after__layer:after{content:"";grid-area:1/1;padding-bottom:var(--padding-bottom, 56.25%)}.before-after__layer--before{clip-path:inset(0 calc((100 - var(--before-after-value)) * 1%) 0 0)}.before-after__layer--after{z-index:0;clip-path:inset(0 0 0 calc(var(--before-after-value) * 1%))}.before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.before-after__slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;-moz-appearance:none;appearance:none}.before-after__slider::-webkit-slider-thumb,.before-after__slider::-moz-range-thumb{width:3.2rem;height:3.2rem;border:0;background:transparent;cursor:inherit;-webkit-appearance:none;appearance:none}.before-after__slider::-webkit-slider-track,.before-after__slider::-moz-range-track{background:transparent;border:0;-webkit-appearance:none;appearance:none}.before-after__slider:focus-visible+.before-after__handle{outline:.2rem solid rgba(var(--color-focus-ring, var(--color-foreground)),.5);outline-offset:.2rem}.before-after__handle.slider-drag-cursor{top:50%;left:calc(var(--before-after-value) * 1%);transform:translate(-50%,-50%);display:flex;transition:width var(--duration-default) ease,height var(--duration-default) ease}.before-after__label{grid-area:1/1;position:relative;display:flex;align-items:center;max-width:34%;margin-inline:1.2rem;color:rgb(var(--color-background));word-break:break-word;pointer-events:none;font-size:1.4rem;font-weight:500;padding:3.2rem 0}@media screen and (min-width:576px){.before-after__label{max-width:15rem;margin-inline:3.6rem;padding:1.8rem 0}}.before-after__label--before{justify-self:start}.before-after__label--after{justify-self:end}.before-after__label--after span{text-align:end}[data-labels-position=top] .before-after__label{align-self:start;margin-top:.4rem}[data-labels-position=middle] .before-after__label{align-self:center}[data-labels-position=bottom] .before-after__label{align-self:end;margin-bottom:.4rem}.before-after__info-grid{display:grid;grid-template-columns:1fr;gap:2.4rem;margin-top:3.2rem;text-align:start}@media(min-width:750px){.before-after__info-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.before-after__info-grid{grid-template-columns:repeat(min(var(--info-columns, 3),3),1fr)}}.before-after-info{display:flex;flex-direction:column;gap:1.6rem}.before-after-info .block-heading{margin:0}.before-after-info .block-heading{max-width:60rem}.before-after-info .block-description{max-width:44.4rem}[dir=rtl] .before-after__layer--before{clip-path:inset(0 0 0 calc(var(--before-after-value) * 1%))}[dir=rtl] .before-after__layer--after{clip-path:inset(0 calc((100 - var(--before-after-value)) * 1%) 0 0)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-before-after.css.map */