.md-compare-slider{position:relative;width:100%;max-width:100%;height:400px;overflow:hidden;border-radius:var(--bs-border-radius-lg, .75rem);box-shadow:var(--bs-box-shadow, 0 .5rem 1rem rgba(0, 0, 0, .15))}@media(min-width:768px){.md-compare-slider{height:500px}}@media(max-width:767.98px){.md-compare-slider{height:300px}}.md-compare-slider__inner{position:relative;width:100%;height:100%}.md-compare-slider__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;object-fit:cover;display:block}.md-compare-slider__image--before{z-index:1}.md-compare-slider__image--after{z-index:2;clip-path:inset(0 calc(100% - var(--after-width, 50%)) 0 0);transition:clip-path .05s ease-out}.md-compare-slider--dragging .md-compare-slider__image--after{transition:none}.md-compare-slider__label{position:absolute;top:1rem;padding:.4rem .8rem;background:#000c;color:#fff;font-size:.8rem;font-weight:500;border-radius:999px;z-index:3;pointer-events:none}.md-compare-slider__label--before{left:1rem}.md-compare-slider__label--after{right:1rem}.md-compare-slider__handle{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;outline:0}.md-compare-slider__handle:focus-visible .md-compare-slider__handle-line{box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.3),0 0 8px #00000080}.md-compare-slider__handle:focus-visible .md-compare-slider__handle-knob{box-shadow:0 0 0 4px rgba(var(--bs-primary-rgb),.3),0 .5rem 1rem #00000059}.md-compare-slider__handle-line{position:absolute;top:0;bottom:0;width:3px;left:calc(var(--after-width, 50%));transform:translate(-50%);background:#fff;box-shadow:0 0 8px #00000080;pointer-events:auto;cursor:ew-resize;touch-action:none;transition:none}.md-compare-slider__handle-knob{position:absolute;top:50%;left:calc(var(--after-width, 50%));transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#fff;border:3px solid var(--bs-primary, #0d6efd);box-shadow:0 .5rem 1rem #00000059;pointer-events:auto;cursor:ew-resize;touch-action:none;transition:none}.md-compare-slider__handle-knob:before,.md-compare-slider__handle-knob:after{content:"";position:absolute;background:var(--bs-primary, #0d6efd)}.md-compare-slider__handle-knob:before{top:6px;bottom:6px;left:50%;width:3px;transform:translate(-50%)}.md-compare-slider__handle-knob:after{left:6px;right:6px;top:50%;height:3px;transform:translateY(-50%)}@media(max-width:767.98px){.md-compare-slider__handle-knob{width:34px;height:34px}}