.before-after__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:750px){.before-after__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.before-after__grid{grid-template-columns:repeat(3,1fr)}}.before-after-card{position:relative;overflow:hidden;aspect-ratio:3 / 4;cursor:ew-resize;-webkit-user-select:none;user-select:none;background-color:var(--color-gray-100)}.before-after-card__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.before-after-card__after{clip-path:inset(0 50% 0 0);z-index:1}.before-after-card__before{z-index:0}.before-after-card__handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:var(--color-white);z-index:2;transform:translate(-50%);pointer-events:none}.before-after-card__handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--color-white);box-shadow:var(--shadow-md);border:2px solid var(--color-gray-200)}.before-after-card__label{position:absolute;bottom:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-white);background-color:#292929b3;z-index:3}.before-after-card__label--before{right:var(--space-3)}.before-after-card__label--after{left:var(--space-3)}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-before-after.css.map */