.interactive-us-map {
position: relative;
display: inline-block;
max-width: 100%;
line-height: 0;
}
.interactive-us-map__svg-wrap {
line-height: 0;
}
.interactive-us-map__svg {
display: block;
width: 100%;
height: auto;
max-width: 959px;
}
.interactive-us-map path[data-info]:hover,
.interactive-us-map #DC path:hover {
cursor: pointer;
}
.interactive-us-map__border {
fill: none !important;
cursor: default;
}
.interactive-us-map__dc-star {
transform-box: fill-box;
transform-origin: center;
animation: interactive-us-map-dc-pulse 2s ease-in-out infinite;
}
@keyframes interactive-us-map-dc-pulse {
0%,
100% {
transform: scale(1);
}
50% {
transform: scale(1.4);
}
}
@media (prefers-reduced-motion: reduce) {
.interactive-us-map__dc-star {
animation: none;
}
}
.interactive-us-map__info-box {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background-color: #ffffff;
padding: 1rem;
font-family: "Satoshi-Regular", sans-serif;
font-size: clamp(1.9rem, 1.04vw, 2.1rem);
font-style: normal;
font-weight: 400;
line-height: 1.45;
letter-spacing: -0.22px;
pointer-events: none;
}