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