.ba-compare{--ba-light:var(--bgsand);--ba-dark:var(--textDark);--ba-label-text:var(--textWhite)}@property --ba-pos{syntax:"<percentage>";inherits:true;initial-value:50%}.ba-outer{margin-top:0}.before-after-module .bottom-row{margin-top:40px}.before-after-module .btn-group,.before-after-module .btn-group.text-center,.before-after-module .btn-group.text-right{justify-content:flex-start}.ba-compare{aspect-ratio:1400/672;border-radius:16px;cursor:ew-resize;isolation:isolate;max-height:800px;min-height:300px;overflow:hidden;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;width:100%;-webkit-tap-highlight-color:transparent}.ba-layer{align-items:center;display:flex;inset:0;isolation:isolate;padding:0 56px;position:absolute}.ba-layer--before{justify-content:flex-end}.ba-layer--after{clip-path:inset(0 calc(100% - var(--ba-pos, 50%)) 0 0);justify-content:flex-start}.ba-img{height:100%;inset:0;max-width:none;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:-1}.ba-label{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--ba-light) 20%,transparent);border-radius:80px;color:var(--ba-label-text);display:inline-flex;font-size:18px;font-weight:600;height:48px;letter-spacing:-.35px;line-height:1.1;padding:0 32px;white-space:nowrap}.ba-compare.ba-animate{transition:--ba-pos .8s cubic-bezier(.22,1,.36,1)}.ba-compare.ba-in-zone{cursor:pointer}@media (prefers-reduced-motion:reduce){.ba-compare.ba-animate{transition:none}}.ba-divider{background:color-mix(in srgb,var(--ba-light) 20%,transparent);bottom:0;left:var(--ba-pos,50%);pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:2}.ba-handle{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:color-mix(in srgb,var(--ba-light) 80%,transparent);border-radius:80px;color:var(--ba-dark);display:flex;height:68px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:68px}.ba-handle svg{display:block;height:auto;width:30px}.ba-range{-webkit-appearance:none;appearance:none;background:transparent;height:100%;inset:0;margin:0;opacity:0;padding:0;pointer-events:none;position:absolute;width:100%;z-index:3}.ba-range:focus-visible~.ba-divider .ba-handle{outline:2px solid var(--ba-dark);outline-offset:3px}.ba-empty{border:1px dashed;border-radius:16px;padding:40px;text-align:center}@media (max-width:767px){.before-after-module .bottom-row{margin-top:28px}.ba-compare{aspect-ratio:1/1;min-height:0}.ba-label,.ba-layer{padding:0 16px}.ba-label{font-size:14px;height:36px}.ba-handle{height:44px;width:44px}.ba-handle svg{width:22px}}