.interactive-map{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:1rem 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.interactive-map [class^=plaque]{position:absolute}@media screen and (max-width: 576px){.interactive-map [class^=plaque] svg{height:auto;width:80%}}.interactive-map [class^=plaque] svg:hover path:nth-of-type(1){fill:#f45876}.interactive-map [class^=plaque] svg path{transition:fill .2s ease-in-out}.interactive-map .plaque-gavle{top:30%;left:65%}.interactive-map .plaque-sandviken{top:40%;left:-10%}.interactive-map .plaque-hofors{top:64%;left:-7.5%}.interactive-map .plaque-ockelbo{top:15%;left:-2.5%}.interactive-map .plaque-alvkarleby{top:55%;left:83%}@media screen and (max-width: 576px){.interactive-map .plaque-alvkarleby svg{width:95px}}.interactive-map .plaque-alvkarleby svg:hover path:nth-of-type(1){fill:#f45876}.interactive-map .plaque-alvkarleby svg path{transition:fill .2s ease-in-out}.interactive-map>svg{height:auto}@media screen and (min-width: 576px){.interactive-map>svg{width:350px}}.interactive-map>svg>path{transition:fill .2s ease-in-out}.interactive-map>svg>path:hover{fill:#004e56}.interactive-map:has(#gavle:hover) .plaque-gavle path:nth-of-type(1),.interactive-map:has(#sandviken:hover) .plaque-sandviken path:nth-of-type(1),.interactive-map:has(#hofors:hover) .plaque-hofors path:nth-of-type(1),.interactive-map:has(#ockelbo:hover) .plaque-ockelbo path:nth-of-type(1),.interactive-map:has(#alvkarleby:hover) .plaque-alvkarleby path:nth-of-type(1){fill:#f45876}.interactive-map:has(.plaque-gavle path:hover) #gavle,.interactive-map:has(.plaque-sandviken path:hover) #sandviken,.interactive-map:has(.plaque-hofors path:hover) #hofors,.interactive-map:has(.plaque-ockelbo path:hover) #ockelbo,.interactive-map:has(.plaque-alvkarleby path:hover) #alvkarleby{fill:#004e56}.interactive-map:has(>svg #gavle:hover) .sweden-map #Gävle.cls-1,.interactive-map:has(>svg #sandviken:hover) .sweden-map #Sandviken.cls-1,.interactive-map:has(>svg #hofors:hover) .sweden-map #Hofors.cls-1,.interactive-map:has(>svg #ockelbo:hover) .sweden-map #Ockelbo.cls-1,.interactive-map:has(>svg #alvkarleby:hover) .sweden-map #_Älvkarleby.cls-1,.interactive-map:has(>.plaque-gavle path:hover) .sweden-map #Gävle.cls-1,.interactive-map:has(>.plaque-sandviken path:hover) .sweden-map #Sandviken.cls-1,.interactive-map:has(>.plaque-hofors path:hover) .sweden-map #Hofors.cls-1,.interactive-map:has(>.plaque-ockelbo path:hover) .sweden-map #Ockelbo.cls-1,.interactive-map:has(>.plaque-alvkarleby path:hover) .sweden-map #_Älvkarleby.cls-1{fill:#f45876}.interactive-map .sweden-map,.interactive-map #alvkarleby,.interactive-map .plaque-alvkarleby{display:none}.interactive-map[data-show-sweden-map=true] .sweden-map{display:block}.interactive-map[data-show-alvkarleby-region=true] #alvkarleby,.interactive-map[data-show-alvkarleby-region=true] .plaque-alvkarleby{display:block}.interactive-map .sweden-map{position:absolute;top:2rem;left:100%}@media screen and (min-width: 576px){.interactive-map .sweden-map{top:0}}@media screen and (min-width: 768px){.interactive-map .sweden-map{left:120%}}@media screen and (min-width: 992px){.interactive-map .sweden-map{left:125%}}.interactive-map .sweden-map svg{height:8rem}.interactive-map .sweden-map svg .cls-1{fill:#004e56;transition:fill .2s ease-in-out}@media screen and (min-width: 576px){.interactive-map .sweden-map svg{height:15rem}}@media screen and (min-width: 768px){.interactive-map .sweden-map svg{height:18rem}}@media screen and (min-width: 992px){.interactive-map .sweden-map svg{height:22rem}}