.pst-ba{position:relative;overflow:hidden;font-family:var(--pst-font-body);padding-top:var(--section-padding-top-mobile, 44px);padding-bottom:var(--section-padding-bottom-mobile, 44px)}.pst-ba__inner{position:relative;max-width:1000px;margin-inline:auto;display:flex;flex-direction:column;gap:20px}.pst-ba__head{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.pst-ba__title{color:#fff}.pst-ba__sub{max-width:56rem;color:var(--pst-on-dark)}.pst-ba__compare{--pst-ba-pos: 50%;position:relative;width:100%;max-width:620px;margin-inline:auto;aspect-ratio:1 / 1;border-radius:24px;overflow:hidden;background:var(--pst-navy-deep);box-shadow:0 30px 70px #0006}.pst-ba__layer{position:absolute;top:0;right:0;bottom:0;left:0}.pst-ba__layer img{display:block;width:100%;height:100%;object-fit:cover}.pst-ba__layer--top{clip-path:inset(0 calc(100% - var(--pst-ba-pos)) 0 0)}.pst-ba__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ffffff17,#ffffff05)}.pst-ba__tag{position:absolute;top:14px;z-index:2;padding:6px 13px;font-size:1.1rem;letter-spacing:.15rem;pointer-events:none}.pst-ba__tag--before{left:14px}.pst-ba__tag--after{right:14px;background:var(--pst-green);color:var(--pst-navy)}.pst-ba__divider{position:absolute;top:0;bottom:0;left:var(--pst-ba-pos);z-index:2;width:3px;margin-left:-1.5px;background:var(--pst-gold);box-shadow:0 0 18px #ffb3218c;pointer-events:none}.pst-ba__handle{position:absolute;top:50%;left:var(--pst-ba-pos);z-index:2;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--pst-gold);color:var(--pst-navy);font-family:var(--pst-font-display);font-weight:800;font-size:1.9rem;line-height:1;box-shadow:0 8px 24px #00000059;pointer-events:none;transition:transform .25s ease,box-shadow .25s ease}.pst-ba__compare[data-pst-ba-demo=running] .pst-ba__handle{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 10px 30px #0006,0 0 0 7px #ffb32138}.pst-ba__hint{position:absolute;bottom:13px;left:50%;z-index:2;transform:translate(-50%);border-radius:100px;padding:6px 13px;background:#1f183ad9;color:#fff;font-family:var(--pst-font-display);font-weight:600;font-size:1.05rem;letter-spacing:.15rem;text-transform:uppercase;white-space:nowrap;pointer-events:none}.pst-ba__range{position:absolute;left:0;top:34%;z-index:3;width:100%;height:32%;margin:0;padding:0;border:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:ew-resize;touch-action:pan-y}.pst-ba__range::-webkit-slider-runnable-track{height:100%;border:0;background:transparent}.pst-ba__range::-moz-range-track{height:100%;border:0;background:transparent}.pst-ba__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2px;height:24px;border:0;border-radius:0;background:transparent;cursor:ew-resize}.pst-ba__range::-moz-range-thumb{width:2px;height:24px;border:0;border-radius:0;background:transparent;cursor:ew-resize}.pst-ba__range:focus{outline:none}.pst-ba__range:focus-visible{outline:3px solid var(--pst-gold);outline-offset:-3px;border-radius:8px}.pst-ba__cta{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.pst-ba__btn{align-self:stretch}.pst-ba__reassure{margin:0;font-family:var(--pst-font-body);font-size:1.25rem;line-height:1.5;color:#f5f3f899}@media(min-width:750px){.pst-ba{padding-top:var(--section-padding-top, 88px);padding-bottom:var(--section-padding-bottom, 88px)}.pst-ba__inner{gap:36px}.pst-ba__head{gap:12px}.pst-ba__compare{border-radius:32px;box-shadow:0 40px 90px #0006}.pst-ba__tag{top:16px;padding:7px 16px;font-size:1.2rem;letter-spacing:.2rem}.pst-ba__tag--before{left:16px}.pst-ba__tag--after{right:16px}.pst-ba__handle{width:56px;height:56px;font-size:2rem;box-shadow:0 10px 30px #00000059}.pst-ba__hint{bottom:14px;padding:6px 14px;font-size:1.1rem}.pst-ba__range{top:38%;height:24%}.pst-ba__cta{gap:10px}.pst-ba__btn{align-self:center}.pst-ba__reassure{font-size:1.35rem}}@media(prefers-reduced-motion:reduce){.pst-ba__layer--top,.pst-ba__divider,.pst-ba__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-posture-before-after.css.map */
