.pi-before-after{--pi-before-after-padding-top: 40;--pi-before-after-padding-bottom: 40;--pi-before-after-padding-inline: 16;--pi-before-after-heading-size: 24;--pi-before-after-heading-color: #1a1a1a;--pi-before-after-heading-weight: 700;--pi-before-after-heading-line-height: 1.2;--pi-before-after-heading-margin-bottom: 24;--pi-before-after-slider-margin-bottom: 20;--pi-before-after-card-bg: #fff;--pi-before-after-card-radius: 12;--pi-before-after-card-padding: 16;--pi-before-after-card-padding-bottom: 16;--pi-before-after-card-gap: 12;--pi-before-after-title-size: 14;--pi-before-after-title-color: #1a1a1a;--pi-before-after-title-weight: 600;--pi-before-after-title-margin-bottom: 12;--pi-before-after-images-gap: 8;--pi-before-after-image-radius: 8;--pi-before-after-badge-before-bg: #c62828;--pi-before-after-badge-after-bg: #2e7d32;--pi-before-after-badge-color: #fff;--pi-before-after-badge-size: 11;--pi-before-after-badge-weight: 600;--pi-before-after-badge-radius: 999;--pi-before-after-badge-padding-v: 6;--pi-before-after-badge-padding-h: 12;--pi-before-after-slides-per-view: 1.15;--pi-before-after-slide-gap: 16;--pi-before-after-nav-size: 44;--pi-before-after-nav-bg: #fff;--pi-before-after-nav-color: #1a1a1a;--pi-before-after-nav-radius: 50%;--pi-before-after-pagination-gap: 8;--pi-before-after-pagination-width: 24;--pi-before-after-pagination-height: 4;--pi-before-after-pagination-radius: 2;--pi-before-after-pagination-bg: rgba(0, 0, 0, .15);--pi-before-after-pagination-active-bg: #424242;--pi-before-after-breakpoint: 750}.pi-before-after{padding:calc(var(--pi-before-after-padding-top) * 1px) calc(var(--pi-before-after-padding-inline) * 1px) calc(var(--pi-before-after-padding-bottom) * 1px);background-color:var(--pi-before-after-bg)}.pi-before-after__inner{max-width:var(--pi-before-after-max-width, 1280px);margin:0 auto}.pi-before-after__heading{text-align:center;margin:0 0 calc(var(--pi-before-after-heading-margin-bottom) * 1px);font-size:calc(var(--pi-before-after-heading-size) * 1px);color:var(--pi-before-after-heading-color);font-weight:var(--pi-before-after-heading-weight);line-height:var(--pi-before-after-heading-line-height)}.pi-before-after__slider-wrap{position:relative;margin-bottom:calc(var(--pi-before-after-slider-margin-bottom) * 1px)}.pi-before-after__slider{overflow:hidden}.pi-before-after__slider .swiper-wrapper{align-items:stretch}.pi-before-after__slider .swiper-slide{height:auto}.pi-before-after__card{background:var(--pi-before-after-card-bg);border-radius:calc(var(--pi-before-after-card-radius) * 1px);padding:calc(var(--pi-before-after-card-padding) * 1px) calc(var(--pi-before-after-card-padding) * 1px) calc(var(--pi-before-after-card-padding-bottom) * 1px);height:100%;display:flex;flex-direction:column;box-sizing:border-box}.pi-before-after__card-title{text-align:center;margin:0 0 calc(var(--pi-before-after-title-margin-bottom) * 1px);font-size:calc(var(--pi-before-after-title-size) * 1px);color:var(--pi-before-after-title-color);font-weight:var(--pi-before-after-title-weight);text-transform:uppercase;letter-spacing:.05em}.pi-before-after__images{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--pi-before-after-images-gap) * 1px);flex:1;min-height:0}.pi-before-after__image-wrap{position:relative;border-radius:calc(var(--pi-before-after-image-radius) * 1px);overflow:visible;background:var(--pi-before-after-placeholder-bg)}.pi-before-after__image-wrap-inner{position:relative;border-radius:calc(var(--pi-before-after-image-radius) * 1px);overflow:hidden;padding-bottom:100%;background:var(--pi-before-after-placeholder-bg)}.pi-before-after__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.pi-before-after__badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);padding:calc(var(--pi-before-after-badge-padding-v) * 1px) calc(var(--pi-before-after-badge-padding-h) * 1px);font-size:calc(var(--pi-before-after-badge-size) * 1px);font-weight:var(--pi-before-after-badge-weight);color:var(--pi-before-after-badge-color);text-transform:uppercase;letter-spacing:.04em;border-radius:calc(var(--pi-before-after-badge-radius) * 1px);white-space:nowrap;line-height:1.2}.pi-before-after__badge--before{background:var(--pi-before-after-badge-before-bg)}.pi-before-after__badge--after{background:var(--pi-before-after-badge-after-bg)}.pi-before-after__nav{display:none}.pi-before-after__nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:calc(var(--pi-before-after-nav-size) * 1px);height:calc(var(--pi-before-after-nav-size) * 1px);border-radius:var(--pi-before-after-nav-radius);background:var(--pi-before-after-nav-bg);color:var(--pi-before-after-nav-color);border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000001a;transition:opacity .2s,box-shadow .2s}.pi-before-after__nav-btn:hover{opacity:.9;box-shadow:0 2px 12px #00000026}.pi-before-after__nav-btn svg{width:20px;height:20px}.pi-before-after__nav-btn--prev{left:8px}.pi-before-after__nav-btn--next{right:8px}.pi-before-after__pagination{display:flex;justify-content:center;align-items:center;gap:calc(var(--pi-before-after-pagination-gap) * 1px);margin-top:8px}.pi-before-after__pagination .swiper-pagination-bullet{width:calc(var(--pi-before-after-pagination-width) * 1px);height:calc(var(--pi-before-after-pagination-height) * 1px);border-radius:calc(var(--pi-before-after-pagination-radius) * 1px);background:var(--pi-before-after-pagination-bg);opacity:1;margin:0;transition:background .2s}.pi-before-after__pagination .swiper-pagination-bullet-active{background:var(--pi-before-after-pagination-active-bg)}.pi-before-after__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#eee;color:#999}.pi-before-after__placeholder svg{width:48%;height:48%;opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/97/assets/pi-before-after.css.map */