:root{--compare-swiper-bg:#3887be;--compare-swiper-border:#fff;--compare-line-bg:#fff}@media (prefers-color-scheme:dark){:root:not([data-compare-theme=light]){--compare-swiper-bg:#60a5fa;--compare-swiper-border:#1f2937;--compare-line-bg:#374151}}:root[data-compare-theme=light]{--compare-swiper-bg:#3887be;--compare-swiper-border:#fff;--compare-line-bg:#fff}:root[data-compare-theme=dark]{--compare-swiper-bg:#60a5fa;--compare-swiper-border:#1f2937;--compare-line-bg:#374151}.maplibregl-compare{background-color:var(--compare-line-bg);z-index:1;width:2px;height:100%;position:absolute;top:0;left:0}.maplibregl-compare .compare-swiper-vertical{background:var(--compare-swiper-bg);box-shadow:inset 0 0 0 2px var(--compare-swiper-border);color:#fff;cursor:ew-resize;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.maplibregl-compare-horizontal{width:100%;height:2px;position:relative}.maplibregl-compare .compare-swiper-horizontal{background:var(--compare-swiper-bg);box-shadow:inset 0 0 0 2px var(--compare-swiper-border);color:#fff;cursor:ns-resize;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:20px;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}