@import url(https://fonts.googleapis.com/css2?family=Knewave&family=Manrope:wght@200..800&display=swap);
@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-1rem)}}.regions-map .grid{gap:10rem;align-items:center}.regions-map .start{aspect-ratio:1/.6;position:relative}.regions-map .start svg{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}.regions-map .start svg path,.regions-map .start svg polygon,.regions-map .start svg rect{fill:transparent;stroke:var(--main-color);stroke-width:1px;transition:all .5s cubic-bezier(.19,1,.22,1);cursor:pointer}.regions-map .start svg path:hover,.regions-map .start svg polygon:hover,.regions-map .start svg rect:hover{fill:color-mix(in srgb,var(--accent-color),transparent 50%)}.regions-map .start svg path.active,.regions-map .start svg polygon.active,.regions-map .start svg rect.active{fill:color-mix(in srgb,var(--accent-color),transparent 20%)}.regions-map .start svg path#sea,.regions-map .start svg polygon#sea,.regions-map .start svg rect#sea{fill:var(--light-grey-color);stroke:none;cursor:default}.regions-map .start .infobox{opacity:0;position:absolute;top:0;left:0;padding:2rem;color:var(--white-color);background:var(--main-color);transition:all .5s cubic-bezier(.19,1,.22,1);pointer-events:none}.regions-map .start .infobox.active{opacity:1}.regions-map .end{padding:5rem}.regions-map .end .title{margin-bottom:3rem}.regions-map .end .regioncell .intro{margin:3rem 0}@media only screen and (max-width:768px){.regions-map .grid{gap:5rem}.regions-map .regioncell:nth-child(2n){padding-top:0}}