.hot-spot img{
    width:100%;
    max-width:100%;
    height:auto;
    margin:0 auto;
    align-self:center
}
.hot-spot__image{
    position:relative;
    display:inline-flex
}
.hot-spot__indicator{
    height:var(--30pt);
    width:var(--30pt);
    position:absolute;
    display:inline-block;
    z-index:20;
    font-family:HelveticaNeueBold, Helvetica Neue,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    padding:0;
    font-size:var(--20pt);
    line-height:var(--20px);
    text-align:center;
    transform:translate(-50%,-50%);
    background:0 0;
    border:0;
    overflow:visible
}
.hot-spot__content li span:before,.hot-spot__indicator:before{
    content:'';
    background:var(--linktext);
    border:solid 2px var(--white);
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    transform:rotate(45deg)
}
@media (min-width:595px){
    .hot-spot__indicator{
        height:2.188rem;
        width:2.188rem;
    }
}
.hot-spot__indicator .-number{
    content:counter(hotspot-counter) "";
    color:var(--white);
    font-size:var(--20pt);
    line-height:var(--28pt);
    font-family:HelveticaNeueBold, Helvetica Neue,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    display:block;
    position:relative;
    z-index:1
}
@media screen and (min--moz-device-pixel-ratio:0){
    .hot-spot__indicator .-number{
        line-height:var(--32pt)
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .hot-spot__indicator .-number{
        line-height:var(--32pt)
    }
}
@media (min-width:595px){
    .hot-spot__indicator .-number{
        line-height:2.063rem
    }
}
@media screen and (min-width:595px) and (min--moz-device-pixel-ratio:0){
    .hot-spot__indicator .-number{
        line-height:2.313rem
    }
}
@media screen and (min-width:595px) and (-ms-high-contrast:active),(min-width:595px) and (-ms-high-contrast:none){
    .hot-spot__indicator .-number{
        line-height:2.313rem
    }
}
.hot-spot__indicator:focus{
    outline:0
}
.hot-spot__indicator:focus:before{
    outline:auto
}
.hot-spot__content{
    counter-reset:hotspot-counter;
    list-style:none;
    margin:var(--20pt) 0;
    columns:25rem 2
}
.hot-spot__content li{
    counter-increment:hotspot-counter;
    display:inline-block;
    position:relative;
    padding-left:4.375rem;
    padding-top:var(--15pt);
    margin-bottom:2.188rem;
    min-height:3.125rem;
    break-inside:avoid;
    width:100%;
    outline-offset:var(--5pt)
}
.hot-spot__content li span{
    height:2.188rem;
    width:2.188rem;
    text-align:center;
    position:absolute;
    left:var(--10pt);
    top:var(--10pt)
}
@media (min-width:595px){
    .hot-spot__content li span{
        height:2.188rem;
        width:2.188rem
    }
}
.hot-spot__content li span:after{
    content:counter(hotspot-counter) "";
    color:var(--white);
    font-size:var(--20pt);
    line-height:2.063rem;
    font-family:HelveticaNeueBold, Helvetica Neue,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    display:block;
    position:relative;
    z-index:1
}
@media screen and (min--moz-device-pixel-ratio:0){
    .hot-spot__content li span:after{
        line-height:2.313rem
    }
}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){
    .hot-spot__content li span:after{
        line-height:2.313rem
    }
}
@media (min-width:595px){
    .hot-spot__content li span:after{
        line-height:2.063rem;
    }
}
@media screen and (min-width:595px) and (min--moz-device-pixel-ratio:0){
    .hot-spot__content li span:after{
        line-height:2.313rem
    }
}
@media screen and (min-width:595px) and (-ms-high-contrast:active),(min-width:595px) and (-ms-high-contrast:none){
    .hot-spot__content li span:after{
        line-height:2.313rem
    }
}
@media (min-width:595px){
    .hot-spot__content li{
        margin-right:2.5rem;
    }
}
.hot-spot .tooltip{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.hot-spot .tooltip__trigger.-is-open{
    z-index:30
}
.hot-spot .tooltip__trigger.-is-open:before{
    border:solid 3px var(--caption);
}
.hot-spot .tooltip__trigger.-is-open+.tooltip__overlay{
    display:block
}
@media (min-width:900px){
    .hot-spot .tooltip__trigger:focus,.hot-spot .tooltip__trigger:hover{
        z-index:30
    }
    .hot-spot .tooltip__trigger:focus:before,.hot-spot .tooltip__trigger:hover:before{
        border:solid 3px var(--caption);
    }
    .hot-spot .tooltip__trigger:focus+.tooltip__overlay,.hot-spot .tooltip__trigger:hover+.tooltip__overlay{
        display:block
    }
}
.hot-spot .tooltip__overlay{
    display:none;
    position:relative;
    z-index:25;
    width:90%;
    padding:2.813rem var(--30pt) var(--20pt);
    background:rgba(255,255,255,.9);
    border-bottom:4px solid var(--caption)
}

.hot-spot .tooltip__overlay a{
    font-family:HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    text-decoration: none;
}
.hot-spot .tooltip__overlay a:hover{
    color:var(--NGBtnHover500);
    text-decoration: none;
}

.hot-spot__content a{
    font-family:HelveticaNeueBold,Helvetica,Arial Nova,Arial,sans-serif;
    font-weight:700;
    text-decoration: none;
}
.hot-spot__content a:hover{
    color:var(--NGBtnHover500);
    text-decoration: none;
}



@media (min-width:595px){
    .hot-spot .tooltip__overlay{
        width:100%;
        max-width:28.125rem;
        transform:translateX(-50%)
    }
}
@media (max-width:595px){
    .hot-spot .tooltip__overlay{
        left:5%!important
    }
}
.hot-spot.-tooltip>*{
    text-align:left
}