.antes-despues{display:grid;gap:20px;grid-template-columns:repeat(2,1fr);height:350px;min-height:200px}@media (min-width: 1200px){.antes-despues{grid-template-columns:repeat(4,1fr);gap:30px}}.antes-despues--container{position:relative;width:100%;max-height:450px;height:100%;overflow:hidden;border-radius:var(--block-border-radius, 16px);isolation:isolate}.antes-despues--image{position:relative;width:100%;height:100%}.antes-despues--image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.antes-despues--1,.antes-despues--2{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.antes-despues--2{clip-path:inset(0px 0px 0px var(--percent));z-index:3}.antes-despues--content{position:absolute;top:0;left:0;width:100%;display:flex;padding:20px;align-items:flex-start;z-index:2}.antes-despues--2 .antes-despues--content{justify-content:flex-end}.antes-despues--label{background:#4c8032;color:#fff;border-radius:calc(var(--block-border-radius, 16px) / 2);padding:8px 14px;font-size:.9375rem;line-height:1}.antes-despues--divider{position:absolute;top:0;bottom:0;left:calc(var(--percent) - 1px);width:2px;background:var(--color-line, #3f72e5);z-index:10}.antes-despues--divider svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;border-radius:20px;cursor:pointer}.antes-despues--slider{position:absolute;top:50%;left:0;width:100%;height:54px;transform:translateY(-50%);opacity:0;cursor:pointer;z-index:40}
/*# sourceMappingURL=/cdn/shop/t/4/assets/antes-despues.css.map */