.hotspot-slider-image{--hsi-radius:16px;--hsi-controls-gap:32px;--hsi-buttons-gap:40px;--hsi-arrow-size:42px;--hsi-arrow-gap:20px}.hotspot-slider-image .hsiTopButtons{margin-bottom:var(--hsi-buttons-gap);margin-top:40px}.hotspot-slider-image .image-container{aspect-ratio:16/9;position:relative;width:100%}.hotspot-slider-image .image-frame{border-radius:var(--hsi-radius);inset:0;overflow:hidden;position:absolute}.hotspot-slider-image .image-frame .map-image{display:block;height:100%;object-fit:cover;width:100%}.hotspot-slider-image .image-container .pin{color:var(--textWhite);cursor:pointer;position:absolute;z-index:2}.hotspot-slider-image .image-container .popup{display:none;position:absolute;z-index:3}.hotspot-slider-image .close-popup{color:var(--textWhite);cursor:pointer}.hotspot-slider-image .close-popup:focus-visible,.hotspot-slider-image .image-container .pin:focus-visible{outline:2px solid currentColor;outline-offset:3px}.hotspot-slider-image .swiper .bottom-row .swiperControls{bottom:0;height:inherit;margin-top:var(--hsi-controls-gap);position:relative}.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiper-pagination{bottom:0;position:relative;top:0;width:auto}.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiper-pagination .swiper-pagination-bullet{background-color:var(--bgSecondary)}.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiperNavigation{gap:var(--hsi-arrow-gap);width:calc(var(--hsi-arrow-size)*2 + var(--hsi-arrow-gap))}.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiperNavigation .swiper-button-next,.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiperNavigation .swiper-button-prev{height:var(--hsi-arrow-size);margin:0;width:var(--hsi-arrow-size)}.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiperNavigation .swiper-button-prev{transform:rotate(180deg)}@media screen and (max-width:767px){.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiperNavigation .swiper-button-next svg path,.hotspot-slider-image .swiper .bottom-row .swiperControls .controlsRow .swiperNavigation .swiper-button-prev svg path{stroke-width:2px}.hotspot-slider-image{--hsi-radius:12px;--hsi-controls-gap:24px;--hsi-buttons-gap:24px;--hsi-arrow-size:32px}}