.pi-before-after-split{--pi-bas-padding-top: 32;--pi-bas-padding-bottom: 32;--pi-bas-padding-inline: 16;--pi-bas-stack-gap: 24;--pi-bas-inner-max-width: 1280;--pi-bas-media-gap: 8;--pi-bas-image-radius: 10;--pi-bas-label-size: 10;--pi-bas-label-offset-x: 10;--pi-bas-label-offset-y: 10;--pi-bas-label-weight: 600;--pi-bas-label-tracking: 1;--pi-bas-content-radius: 12;--pi-bas-content-padding: 24;--pi-bas-heading-size: 20;--pi-bas-heading-weight: 600;--pi-bas-heading-margin-bottom: 16;--pi-bas-heading-line-height: 1.25;--pi-bas-body-size: 15;--pi-bas-body-line-height: 1.55;--pi-bas-body-weight: 400;--pi-bas-tags-margin-top: 20;--pi-bas-tag-gap: 8;--pi-bas-tag-padding-x: 12;--pi-bas-tag-padding-y: 6;--pi-bas-tag-size: 12;--pi-bas-tag-weight: 500;--pi-bas-tag-radius: 999;box-sizing:border-box}.pi-before-after-split *,.pi-before-after-split *:before,.pi-before-after-split *:after{box-sizing:border-box}.pi-before-after-split{padding:calc(var(--pi-bas-padding-top) * 1px) calc(var(--pi-bas-padding-inline) * 1px) calc(var(--pi-bas-padding-bottom) * 1px);background-color:var(--pi-bas-section-bg, #f0f0f0);font-family:var(--font--paragraph--family, inherit)}.pi-before-after-split__inner{display:flex;flex-direction:column;gap:calc(var(--pi-bas-stack-gap) * 1px);max-width:calc(var(--pi-bas-inner-max-width) * 1px);margin:0 auto;min-width:0}.pi-before-after-split__media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--pi-bas-media-gap) * 1px);min-width:0}.pi-before-after-split__media-column{display:flex;flex-direction:column;gap:12px;min-width:0}.pi-before-after-split__media-carousel-shell{position:relative;width:100%;min-width:0}.pi-before-after-split__media-viewport{overflow:hidden;width:100%;border-radius:0}.pi-before-after-split__media-track{display:flex;width:calc(100% * var(--pi-bas-slide-count, 1));will-change:transform}.pi-before-after-split__media-slide{flex:0 0 calc(100% / var(--pi-bas-slide-count, 1));min-width:0}.pi-before-after-split__nav{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.pi-before-after-split__arrow{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff;color:var(--pi-bas-heading-color, #1a1a1a);cursor:pointer;box-shadow:0 2px 14px #0000001f;pointer-events:auto;transition:opacity .2s ease,background .2s ease,box-shadow .2s ease}.pi-before-after-split__arrow--prev{left:0;transform:translate(-50%,-50%)}.pi-before-after-split__arrow--next{left:auto;right:0;transform:translate(50%,-50%)}.pi-before-after-split__arrow:hover{opacity:.95;background:#fffffffa;box-shadow:0 3px 18px #00000029}@media(max-width:767px){.pi-before-after-split__nav{display:none!important}}.pi-before-after-split__dots{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.pi-before-after-split__dot{width:8px;height:8px;padding:0;border:none;border-radius:999px;background:#0003;cursor:pointer;transition:transform .2s ease,background .2s ease}.pi-before-after-split__dot.is-active{background:var(--pi-bas-heading-color, #1a1a1a);transform:scale(1.15)}@media(min-width:768px){.pi-before-after-split__dots{display:none!important}}.pi-before-after-split__content-column{min-width:0}.pi-before-after-split__content-stack{display:grid;align-items:stretch;min-height:0;height:100%}.pi-before-after-split__content--slide{grid-area:1 / 1;opacity:0;pointer-events:none}.pi-before-after-split__content--slide.is-active{opacity:1;pointer-events:auto}.pi-before-after-split__figure{position:relative;margin:0;border-radius:calc(var(--pi-bas-image-radius) * 1px);overflow:hidden;background-color:var(--pi-bas-image-placeholder-bg, #e8e8e8);aspect-ratio:var(--pi-bas-image-aspect-w, 4) / var(--pi-bas-image-aspect-h, 5)}.pi-before-after-split__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pi-before-after-split__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12px}.pi-before-after-split__placeholder svg{width:48px;height:auto;opacity:.35}.pi-before-after-split__label{position:absolute;left:calc(var(--pi-bas-label-offset-x) * 1px);bottom:calc(var(--pi-bas-label-offset-y) * 1px);z-index:1;margin:0;padding:0;font-size:calc(var(--pi-bas-label-size) * 1px);font-weight:var(--pi-bas-label-weight, 600);letter-spacing:calc(var(--pi-bas-label-tracking) * 1px);text-transform:uppercase;line-height:1.2;color:var(--pi-bas-label-color, #ffffff);text-shadow:0 1px 3px rgba(0,0,0,.45);pointer-events:none}.pi-before-after-split__content{border-radius:calc(var(--pi-bas-content-radius) * 1px);padding:calc(var(--pi-bas-content-padding) * 1px);background-color:var(--pi-bas-content-bg, #e8efe8);min-width:0;display:flex;flex-direction:column;justify-content:center}.pi-before-after-split__heading{margin:0 0 calc(var(--pi-bas-heading-margin-bottom) * 1px);font-size:calc(var(--pi-bas-heading-size) * 1px);font-weight:var(--pi-bas-heading-weight, 600);line-height:var(--pi-bas-heading-line-height, 1.25);color:var(--pi-bas-heading-color, #1a1a1a)}.pi-before-after-split__text{margin:0;font-size:calc(var(--pi-bas-body-size) * 1px);font-weight:var(--pi-bas-body-weight, 400);line-height:var(--pi-bas-body-line-height, 1.55);color:var(--pi-bas-body-color, #333333)}.pi-before-after-split__text p{margin:0 0 .75em}.pi-before-after-split__text p:last-child{margin-bottom:0}.pi-before-after-split__tags{display:flex;flex-wrap:wrap;gap:calc(var(--pi-bas-tag-gap) * 1px);margin-top:calc(var(--pi-bas-tags-margin-top) * 1px);list-style:none;padding:0}.pi-before-after-split__tag{display:inline-flex;align-items:center;justify-content:center;padding:calc(var(--pi-bas-tag-padding-y) * 1px) calc(var(--pi-bas-tag-padding-x) * 1px);border-radius:calc(var(--pi-bas-tag-radius) * 1px);font-size:calc(var(--pi-bas-tag-size) * 1px);font-weight:var(--pi-bas-tag-weight, 500);line-height:1.2;color:var(--pi-bas-tag-text, #1a1a1a);background-color:var(--pi-bas-tag-bg, rgba(0, 0, 0, .06))}
/*# sourceMappingURL=/cdn/shop/t/74/assets/pi-before-after-split.css.map */