.htHovered{
    z-index: 1 !important;
}

.htBg{
    transition: box-shadow 0.3s ease, background 0.3s ease, transform 0.5s ease !important;
    box-shadow: 0 0 0 3px var(--colorSecondary);
}
.htBg.htAir{
    box-shadow: 0 0 0 3px #ffffff80;
}

body.hasHover .htBg:hover,
body.hasHover .htBg:focus-visible,
body.hasHover .htBg:hover, .htNodeImage>img
{
    box-shadow: 0 0 0 7px #ffffff80;
}

body.hasHover .htBg:hover .ggskin_svg img,
body.hasHover .htBg:focus-visible .ggskin_svg img
{
    filter: brightness(0.8) sepia(1) saturate(0) brightness(0.6);
}

.hotspotChevronHovered{
    transition: opacity 0.3s ease !important;
}

body.hasHover .hotspot:hover .hotspotChevronHovered,
body.hasHover .hotspot:focus-visible .hotspotChevronHovered
{
    opacity: 1 !important;
}

body.onBoardingRun .hotspot{
    opacity:0 !important;
}