.pb-ba{padding-top:var(--pb-ba-pt, 100px);padding-bottom:var(--pb-ba-pb, 100px)}.pb-ba>.page-width{max-width:var(--pb-ref-container);margin:0 auto;padding-left:var(--pb-ref-gutter);padding-right:var(--pb-ref-gutter);width:100%}.pb-ba__layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.pb-ba__visual{position:relative}.pb-ba__inner{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background-color:var(--pb-color-bg-light, #F5F5F5);--ba-split: 50%;-webkit-user-select:none;user-select:none;touch-action:none}.pb-ba__before,.pb-ba__after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.pb-ba__before.is-active,.pb-ba__after.is-active{opacity:1}.pb-ba__after-wrap{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--ba-split));pointer-events:none}.pb-ba__after-wrap .pb-ba__after{width:100%;height:100%}.pb-ba__divider{position:absolute;top:0;bottom:0;left:var(--ba-split);width:2px;background-color:#ffffffe6;transform:translate(-50%);box-shadow:0 0 12px #0003;pointer-events:none;z-index:3}.pb-ba__divider .pb-ba__handle{pointer-events:auto}.pb-ba__handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border-radius:50%;border:2px solid rgba(255,255,255,.95);background-color:#0b2a1b8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:2px;cursor:ew-resize;box-shadow:0 6px 16px #00000040;transition:background-color .2s ease;touch-action:none}.pb-ba__handle:hover{background-color:#0b2a1bb3}.pb-ba__inner.is-dragging{cursor:ew-resize}.pb-ba__inner.is-dragging .pb-ba__divider{transition:none}.pb-ba__label{position:absolute;bottom:16px;font-family:var(--pb-font-body, "Inter", sans-serif);font-size:var(--pb-ref-fs-body-xs);font-weight:var(--pb-ref-fw-500);line-height:var(--pb-ref-lh-tight);color:#fff;background-color:#0b2a1b8c;padding:6px 14px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2}.pb-ba__label--left{left:16px}.pb-ba__label--right{right:16px}.pb-ba__content{display:flex;flex-direction:column;gap:24px;max-width:440px}.pb-ba__eyebrow{font-family:var(--pb-font-body, "Inter", sans-serif);font-size:var(--pb-ref-fs-label);font-weight:var(--pb-ref-fw-500);line-height:var(--pb-ref-lh-body);letter-spacing:var(--pb-ref-ls-label);text-transform:uppercase;color:var(--pb-color-text-muted, #8A9A8E)}.pb-ba__heading,.pb-ba__heading p{font-family:var(--pb-font-heading, "Staatliches", sans-serif);font-size:var(--pb-ref-fs-h2);font-weight:400;line-height:1.15;letter-spacing:var(--pb-ref-ls-heading);color:var(--pb-color-text, #0B2A1B);margin:4px 0 0;text-transform:uppercase}.pb-ba__heading p{margin:0}.pb-ba__thumbs{display:flex;gap:12px;margin-top:4px}.pb-ba__thumb{width:56px;height:56px;border-radius:50%;border:1px solid rgba(11,42,27,.12);padding:0;background-color:#fff;overflow:hidden;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease;display:inline-flex;align-items:center;justify-content:center}.pb-ba__thumb img{width:100%;height:100%;object-fit:cover;display:block}.pb-ba__thumb-fallback{font-family:var(--pb-font-heading, "Staatliches", sans-serif);font-size:var(--pb-ref-fs-body-small);font-weight:var(--pb-ref-fw-700);color:var(--pb-color-primary, #0B2A1B);background:var(--pb-color-bg-mint, #E9EED8);width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}.pb-ba__thumb:hover{transform:translateY(-1px)}.pb-ba__thumb.is-active{border-color:var(--pb-color-primary, #0B2A1B);box-shadow:0 0 0 2px #0b2a1b14}.pb-ba__panels{display:flex;flex-direction:column;gap:16px;margin-top:8px}.pb-ba__panel{display:none;flex-direction:column;gap:16px}.pb-ba__panel.is-active{display:flex}.pb-ba__panel-title{font-family:var(--pb-font-heading, "Staatliches", sans-serif);font-size:var(--pb-ref-fs-h3);font-weight:var(--pb-ref-fw-400);line-height:var(--pb-ref-lh-heading);letter-spacing:var(--pb-ref-ls-heading);color:var(--pb-color-text, #0B2A1B);margin:0;text-transform:uppercase}.pb-ba__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.pb-ba__features li{display:flex;align-items:center;gap:12px;font-family:var(--pb-font-body, "Inter", sans-serif);font-size:var(--pb-ref-fs-body-small);font-weight:var(--pb-ref-fw-400);line-height:var(--pb-ref-lh-body);color:var(--pb-color-text, #0B2A1B)}.pb-ba__features svg{color:var(--pb-color-primary, #0B2A1B);flex-shrink:0}.pb-ba__cta{align-self:flex-start;margin-top:8px}@media(max-width:1024px){.pb-ba__layout{gap:40px}.pb-ba__thumb{width:50px;height:50px}}@media(max-width:768px){.pb-ba{padding-top:var(--pb-ba-pt-mobile, 56px);padding-bottom:var(--pb-ba-pb-mobile, 56px)}.pb-ba__layout{grid-template-columns:1fr;gap:40px}.pb-ba__content{max-width:100%}.pb-ba__heading{font-size:var(--pb-ref-fs-h2)}.pb-ba__panel-title{font-size:var(--pb-ref-fs-h3)}}@media(max-width:480px){.pb-ba__thumb{width:44px;height:44px}.pb-ba__handle{width:40px;height:40px}.pb-ba__label{font-size:12px;padding:6px 14px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-pb-before-after.css.map */