.sm-component-compare{position:relative;width:100%;height:100%}.sm-component-compare>div:not(.mapboxgl-compare){position:absolute;top:0;left:0;width:100%;height:100%}.sm-component-compare>.mapboxgl-compare{z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:var(--compare-swiper-background)}.sm-component-compare>.mapboxgl-compare .compare-swiper-horizontal,.sm-component-compare>.mapboxgl-compare .compare-swiper-vertical{-webkit-box-shadow:inset 0 0 0 2px;box-shadow:inset 0 0 0 2px;left:50%;margin:0;-webkit-box-shadow:none;box-shadow:none;border:2px solid;color:var(--compare-swiper-color);background-color:var(--primary-6);-webkit-box-sizing:content-box;box-sizing:content-box;background-size:contain;background-image:none;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:19px}.sm-component-compare>.mapboxgl-compare .compare-swiper-horizontal:before,.sm-component-compare>.mapboxgl-compare .compare-swiper-vertical:before{font-family:sm-components-icon-!important;content:"\e64a"}.sm-component-compare>.mapboxgl-compare .compare-swiper-horizontal{-webkit-transform:translate(-50%,-50%) rotate(90deg);-ms-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.sm-component-compare>.mapboxgl-compare .compare-swiper-vertical{-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}