@layer components{.c-member-map-overlay{--infobox-opacity:0;--infobox-visibility:hidden;--infobox-movement:-30px;--pin-transform:scale(0.9);--pin-background-color:var(--brand-blue);position:relative}.c-member-map-overlay:has(.c-member-map-overlay__pin:hover){--pin-background-color:var(--brand-yellow)}.c-member-map-overlay.is-focused{--infobox-opacity:1;--infobox-visibility:visible;--infobox-movement:0px;--pin-transform:scale(1);--pin-background-color:var(--brand-yellow)}.c-member-map-overlay__pin{background-color:var(--pin-background-color);background-image:url(../../../img/icons/member-map-icon.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;border:2px solid #fff;border-radius:50%;box-shadow:0 3px 8px 0 rgba(0,0,0,.2);height:60px;transform:var(--pin-transform);transform-origin:bottom center;transition:.15s ease;transition-property:transform,background-color;width:60px}.c-member-map-overlay__infobox{inset:0 0 auto auto;opacity:var(--infobox-opacity);position:absolute;transform:translateX(calc(100% + 30px + var(--infobox-movement)));transition:.2s ease;transition-property:transform,opacity,visibility;visibility:var(--infobox-visibility);width:500px}@media (max-width:1200px){.c-member-map-overlay{--infobox-movement:-10px}.c-member-map-overlay__infobox{inset:0 auto auto 50%;transform:translate(-50%,calc(-100% - 20px - var(--infobox-movement)));width:calc(100vw - 40px)}}}