:root{--wb-ds-viewport--xxs:0px;--wb-ds-viewport--xs:0px;--wb-ds-viewport--sm:700px;--wb-ds-viewport--md:900px;--wb-ds-viewport--lg:1200px;--wb-ds-viewport--xl:1600px;--wb-ds-viewport--xxl:1600px}:host{display:block}.map__canvas{height:0;overflow:hidden;padding-bottom:150%;position:relative;width:100%}.map__canvas>*{bottom:0;height:100%;left:0;position:absolute;width:100%}@media(min-width:700px){.map__canvas{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.map__canvas>*{bottom:0;height:100%;left:0;position:absolute;width:100%}}.map__overlay{position:absolute;inset:var(--wb-ds-space--xs);display:none}@media(min-width:900px){.map__overlay{left:calc(100% - var(--wb-ds-grid__column-width)*5 - var(--wb-ds-grid__gutter-x)*4 - var(--wb-ds-space--xs))}}.map__overlay--visible{display:block}