.mb-destination-compare{margin:2rem 0;color:#512538}.mb-destination-compare .mb-compare-stage{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:4px;background:#eedde1;--split:50%}.mb-destination-compare .mb-compare-stage img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;max-width:none!important}.mb-destination-compare .mb-compare-left{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}.mb-destination-compare .mb-compare-label{position:absolute;top:16px;z-index:2;padding:7px 12px;background:rgba(37,19,28,.85);color:#fff8ed!important;font:600 14px/1.4 sans-serif;pointer-events:none}.mb-destination-compare .mb-compare-label.left{left:12px}.mb-destination-compare .mb-compare-label.right{right:12px}.mb-destination-compare .mb-compare-handle{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff8ed;z-index:3;pointer-events:none;transform:translateX(-50%)}.mb-destination-compare .mb-compare-handle:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:2px solid #fff8ed;border-radius:50%;background:#512538;color:#fff8ed;font:24px sans-serif;box-shadow:0 2px 12px #0005}.mb-destination-compare input[type=range]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;opacity:0;cursor:ew-resize;z-index:4;touch-action:pan-y}.mb-destination-compare .mb-compare-stage:focus-within{outline:3px solid #512538;outline-offset:4px}.mb-destination-compare figcaption{font-size:14px;line-height:1.6;margin-top:12px;color:#512538}

.mb-destination-compare .mb-compare-stage{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.mb-destination-compare .mb-compare-stage img{pointer-events:none;-webkit-user-drag:none}
.mb-destination-compare .mb-compare-handle:after{width:44px;height:44px;border:1px solid #fff8ed;background-color:#512538;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 24' fill='none' stroke='%23fff8ed' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 7-5 5 5 5M21 7l5 5-5 5'/%3E%3C/svg%3E");background-size:30px 24px;background-repeat:no-repeat;background-position:center;box-shadow:0 2px 10px #0003}