.bobex-before-after-wrapper{margin:1.5rem 0;font-family:'Montserrat',sans-serif}.bobex-before-after-wrapper--dark{background:linear-gradient(to right,#2878C8,#0D4785);border-radius:12px;padding:1.5rem}@media (min-width:640px){.bobex-before-after-wrapper--dark{padding:2rem}}@media (min-width:768px){.bobex-before-after-wrapper--dark{padding:2.5rem}}.bobex-before-after-header{text-align:center;margin-bottom:1.5rem}.bobex-before-after-subtitle{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;line-height:1.2;font-family:'Montserrat',sans-serif}.bobex-before-after-wrapper--light .bobex-before-after-subtitle{color:#2878C8}.bobex-before-after-wrapper--dark .bobex-before-after-subtitle{color:rgba(255,255,255,.8)}.bobex-before-after-title{font-size:1.25rem;font-weight:700;margin:0;line-height:1.2;font-family:'Montserrat',sans-serif}.bobex-before-after-wrapper--light .bobex-before-after-title{color:#0D4785}.bobex-before-after-wrapper--dark .bobex-before-after-title{color:#fff}@media (min-width:640px){.bobex-before-after-title{font-size:1.5rem}}@media (min-width:768px){.bobex-before-after-title{font-size:1.875rem}}.bobex-before-after-container{position:relative;overflow:hidden;border-radius:12px;cursor:ew-resize;user-select:none;box-shadow:0 2px 12px rgba(0,0,0,.08);aspect-ratio:16/9;max-height:500px;min-height:180px;width:100%}.bobex-before-after-after-layer{position:absolute;inset:0;z-index:1;background-color:#fff}.bobex-before-after-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.bobex-before-after-before-layer{position:absolute;inset:0;overflow:hidden;z-index:2;background-color:#fff}.bobex-before-after-img--before{position:absolute;top:0;left:0;width:var(--ba-container-width,200%);height:100%;max-width:none;object-fit:cover;object-position:left center}.bobex-before-after-divider{position:absolute;top:0;bottom:0;width:4px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.3);transform:translateX(-50%);z-index:3}.bobex-before-after-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.5rem;height:2.5rem;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;color:#0D4785;cursor:pointer}.bobex-before-after-handle:focus{outline:2px solid #2878C8;outline-offset:2px}.bobex-before-after-wrapper--dark .bobex-before-after-handle{border:2px solid #0D4785}@media (min-width:640px){.bobex-before-after-handle{width:3rem;height:3rem}}.bobex-before-after-label{position:absolute;bottom:1rem;padding:.375rem .75rem;background:rgba(255,255,255,.9);border-radius:9999px;font-size:.75rem;font-weight:600;color:#0D4785;box-shadow:0 2px 6px rgba(0,0,0,.15);pointer-events:none;white-space:nowrap;font-family:'Montserrat',sans-serif;z-index:4}.bobex-before-after-label--before{left:1rem}.bobex-before-after-label--after{right:1rem}@media (prefers-reduced-motion:no-preference){.bobex-before-after-divider,.bobex-before-after-before-layer{transition:left 0.05s,width 0.05s}}