.hotspot{--hotspot-size:44px;--hotspot-inner-size:16px}
.hotspot .grp-hotspot{position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-text-primary) transparent}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__background{aspect-ratio:16/9;min-width:928px}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__background .cmp-image__image{width:100%;height:auto}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__background .map-light-mode{display:block}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__background .map-dark-mode{display:none}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay{position:absolute;left:0;top:0;min-width:928px;width:100%;height:100%;overflow:hidden}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__hotspot{position:absolute;width:var(--hotspot-size);height:var(--hotspot-size);transform:translate(-50%,-50%);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;border-radius:44px;border:1px solid rgba(255,255,255,0.3019607843);background:rgba(255,255,255,0.3019607843);transition:width 750ms,height 750ms}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__hotspot.lightBackground{border:1px solid rgba(16,22,44,0.5019607843);background:rgba(16,22,44,0.5019607843)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__hotspot.darkBackground:focus-visible{outline:1px solid #fff}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__hotspot .grp-hotspot__hotspot-inner{width:var(--hotspot-inner-size);height:var(--hotspot-inner-size);flex-shrink:0;border:1px solid var(--color-border-default);border-radius:16px;background:radial-gradient(372.84% 141.42% at 0 0,#FFF 0,#a8a8a7 100%);box-shadow:0 3px 8px 0 rgba(0,0,0,0.5019607843);transition:width 750ms,height 750ms}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay a.grp-hotspot__hotspot:hover .grp-hotspot__hotspot-inner,.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay button.grp-hotspot__hotspot:hover .grp-hotspot__hotspot-inner{cursor:pointer;width:calc(6px + var(--hotspot-inner-size));height:calc(6px + var(--hotspot-inner-size));transition:width 750ms,height 750ms}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label{color:var(--color-text-primary);font-family:"BMWGroupTNCondensedProTT-Regular",Tahoma,Geneva,sans-serif;font-size:16px;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--color-text-black-static);padding:8px 12px;border-radius:4px;box-shadow:0 2px 8px 0 rgba(0,0,0,0.25);background-color:var(--color-hotspot-label-bg);position:absolute;display:flex;flex-direction:column;row-gap:8px;scrollbar-color:var(--color-text-black-static) transparent;scrollbar-width:thin}
@media(min-width:768px) and (max-width:1279.99px){.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label{font-size:16px}
}
@media(max-width:767.99px){.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label{font-size:16px}
}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label .grp-hotspot__text{scrollbar-width:thin;color:var(--color-text-black-static)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.lightBackground{color:var(--color-text-white-static);background-color:var(--color-hotspot-label-bg-dark);scrollbar-color:var(--color-text-white-static) transparent}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.lightBackground .grp-hotspot__text{color:var(--color-text-white-static)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.lightBackground .grp-hotspot__close{background-color:var(--color-text-white-static)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.lightBackground .grp-hotspot__close:hover{background-color:var(--color-text-highlighted-on-dark)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label::after{position:absolute;display:block;content:"";width:12px;height:12px;background:var(--color-hotspot-label-bg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.lightBackground::after{background:var(--color-hotspot-label-bg-dark)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.aboveCenter{bottom:calc(100% + var(--hotspot-size) / 2);left:50%;transform:translate(-50%,0)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.aboveCenter::after{top:100%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.aboveLeft{bottom:calc(100% + var(--hotspot-size) / 2);left:0;transform:translate(calc(-100% + 15px),0)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.aboveLeft::after{top:100%;left:100%;transform:translate(-20px,-50%) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.aboveRight{bottom:calc(100% + var(--hotspot-size) / 2);left:50%;transform:translate(-15px,0)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.aboveRight::after{top:100%;left:15px;transform:translate(-50%,-50%) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.belowCenter{top:calc(100% + var(--hotspot-size) / 2);left:50%;transform:translate(-50%,0)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.belowCenter::after{top:0;left:50%;transform:translate(-50%,-6px) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.belowLeft{top:calc(100% + var(--hotspot-size) / 2);left:0;transform:translate(calc(-100% + 15px),0)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.belowLeft::after{top:0;left:100%;transform:translate(-20px,-50%) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.belowRight{top:calc(100% + var(--hotspot-size) / 2);left:50%;transform:translate(-15px,0)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.belowRight::after{top:0;left:15px;transform:translate(-50%,-50%) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.right{left:calc(100% + var(--hotspot-size) / 2);top:50%;transform:translate(0,-50%)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.right::after{right:100%;top:50%;transform:translate(50%,-50%) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.left{left:0;top:50%;transform:translate(calc(-100% - var(--hotspot-size) / 2),-50%)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__label.left::after{left:calc(100% - 12px);top:50%;transform:translate(50%,-50%) rotate(45deg)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__text{width:196px;display:-webkit-box;overflow-y:auto;-webkit-line-clamp:3;-webkit-box-orient:vertical;hyphens:auto;padding-right:8px;color:var(--color-text-primary);font-family:"BMWGroupTNCondensedProTT-Regular",Tahoma,Geneva,sans-serif;font-size:14px;line-height:1.4;letter-spacing:0;text-transform:none}
@media(min-width:768px) and (max-width:1279.99px){.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__text{font-size:14px}
}
@media(max-width:767.99px){.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__text{font-size:14px}
}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__title-container{display:flex;justify-content:flex-start;align-items:center;column-gap:8px}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__title{font-weight:bold;text-align:center;width:max-content;flex-grow:1}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__close{margin:0 2px;display:block;mask-repeat:no-repeat;mask-size:24px;mask-position:center center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:24px;-webkit-mask-position:center center;width:10px;height:10px;background-color:var(--color-text-black-static);mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/close_rg.svg");-webkit-mask-image:url("../../../../../etc.clientlibs/grpw-web/clientlibs/grpw-base/resources/images/regular/close_rg.svg")}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__close:hover{background-color:var(--color-text-highlighted-on-light)}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item{position:absolute}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item .grp-hotspot__text,.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item .grp-hotspot__close{display:none}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item.expanded{z-index:13}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item.expanded .grp-hotspot__hotspot{width:calc(10px + var(--hotspot-size));height:calc(10px + var(--hotspot-size));transition:width 750ms,height 750ms}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item.expanded .grp-hotspot__hotspot:hover .grp-hotspot__hotspot-inner{width:calc(var(--hotspot-inner-size));height:calc(var(--hotspot-inner-size));transition:width 750ms,height 750ms}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item.expanded .grp-hotspot__label{padding:8px 8px 8px 12px}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item.expanded .grp-hotspot__text{display:-webkit-box}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item.expanded .grp-hotspot__close{display:block}
.hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__overlay .grp-hotspot__item.expanded .grp-hotspot__title{text-align:left}
html.grp-dark-mode .hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__background img.map-dark-mode{display:block}
html.grp-dark-mode .hotspot .grp-hotspot .grp-hotspot__wrapper .grp-hotspot__background img.map-light-mode{display:none}