.qube-before-after{background-color:var(--bg-color);padding:4rem 2rem}.qube-before-after__container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:3rem;align-items:center}@media screen and (max-width:989px){.qube-before-after__container{grid-template-columns:1fr;gap:2rem}}.qube-before-after__heading{font-size:clamp(2rem,4vw,3.5rem);line-height:1.1;margin-bottom:1.5rem;font-family:var(--font-heading-family)}.qube-before-after__text{font-size:1.1rem;color:var(--color-foreground);margin-bottom:2rem;line-height:1.6}.qube-before-after__btn{display:inline-block;background-color:#000;color:#fff;padding:1rem 2rem;text-decoration:none;border-radius:4px;font-weight:700;text-transform:uppercase}.qube-before-after__btn:hover{background-color:#333}.qube-ba-slider{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:12px;background:#f4f4f4}.qube-ba-slider__image{position:absolute;top:0;left:0;width:100%;height:100%}.qube-ba-slider__image img,.qube-ba-slider__image svg{width:100%;height:100%;object-fit:cover;display:block}.qube-ba-slider__image--before{z-index:2;clip-path:polygon(0 0,var(--position) 0,var(--position) 100%,0 100%)}.qube-ba-slider__input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:10;margin:0}.qube-ba-slider__handle{position:absolute;top:0;bottom:0;left:var(--position);width:2px;background-color:#fff;transform:translate(-50%);z-index:5;pointer-events:none}.qube-ba-slider__button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000026;border:2px solid #e74c3c;color:#333}.qube-ba-slider__button svg{width:18px;height:18px}.qube-before-after__features{display:flex;flex-direction:column;gap:2rem}.qube-ba-feature{display:flex;flex-direction:column;gap:.5rem}.qube-ba-feature__icon{width:40px;height:40px;object-fit:contain}.qube-ba-feature__title{font-size:1.2rem;margin:0;font-weight:600;font-family:var(--font-heading-family)}.qube-ba-feature__desc{font-size:.95rem;color:var(--color-foreground);line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-qube-before-after.css.map */