.development-map{--development-map-height: 600px;position:relative}.development-map__map{height:600px;width:100%}@media (min-width: 640px){.development-map__map{height:var(--development-map-height)}}.development-map__popup{position:absolute;bottom:var(--spacing-2-half);left:var(--spacing-2-half);display:none;background:#fff;z-index:2;width:calc(100vw - var(--spacing-2-half) * 2);width:calc(100svw - var(--spacing-2-half) * 2);border-radius:var(--radius-md)}@media (min-width: 640px){.development-map__popup{width:476px;top:50px;right:50px;left:auto;left:initial;bottom:auto;bottom:initial}}.development-map__popup.open{display:block}.development-map__popup-inner{position:relative;display:flex;flex-direction:column;padding-top:var(--spacing-7-half);padding-bottom:var(--spacing-7-half);padding-left:var(--spacing-4-half);padding-right:var(--spacing-4-half);gap:var(--spacing-7-half)}@media (min-width: 640px){.development-map__popup-inner{padding-left:var(--spacing-7-half);padding-right:var(--spacing-7-half)}}.development-map__popup-close{position:absolute;top:-16px;left:30px;height:40px;width:40px;border-radius:50%;color:var(--colour-white);background:var(--colour-primary);display:flex;justify-content:center;align-items:center;font-size:24px;transform:rotate(45deg);cursor:pointer}.development-map__popup-image{position:relative;border-radius:var(--radius-md);overflow:hidden}@media (min-width: 640px){.development-map__popup-image{aspect-ratio:416/270}}.development-map__popup-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 639px){.development-map__popup-image img{display:none}}.development-map__popup-price{display:inline-block;padding:0 var(--spacing-4);border-radius:85px;line-height:32px;height:30px;font-size:var(--text-body-sm);font-weight:var(--font-weight-regular);background-color:#0000001a}@media (min-width: 640px){.development-map__popup-price{position:absolute;top:var(--spacing-2-half);right:var(--spacing-2-half);height:32px;background-color:var(--colour-white);font-weight:var(--font-weight-bold);line-height:35px}}.development-map__popup-content{display:flex;flex-direction:column;gap:var(--spacing-5)}.development-map__popup-name{font-size:var(--text-2xl);line-height:1.4}.development-map__popup-detail{display:flex;align-items:flex-start;-moz-column-gap:var(--spacing-1);column-gap:var(--spacing-1)}@media (max-width: 639px){.development-map__popup-detail{font-size:var(--text-body-sm)}}.development-map__popup-detail-icon{flex-shrink:0;width:20px;height:20px;color:var(--colour-primary)}@media (max-width: 639px){.development-map__popup-detail-icon{position:relative;top:-3px}}.development-map__popup-detail-icon svg{width:100%;height:100%}.development-map__popup-ctas{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2-half)}.development-map__popup-ctas .btn{flex-grow:1}.development-map__popup--selected .development-map__popup-close{display:none}.development-map__marker{--marker-colour: var(--colour-chartford-grey);align-items:center;border-radius:50%;display:flex;font-size:14px;gap:15px;height:40px;justify-content:center;padding:4px;position:relative;transition:all .3s ease-out;width:40px;background-color:var(--colour-chartford-grey);background-color:var(--marker-colour);background-image:url(/SiteFiles/dist/images/icons/logo-c-orange-and-white.svg);background-position:center;background-size:auto 30px;background-repeat:no-repeat}.development-map__marker:before{border-left:15px solid transparent;border-right:15px solid transparent;border-top:18px solid var(--marker-colour);content:"";height:0;left:50%;position:absolute;top:83%;transform:translate(-50%);transition:all .3s ease-out;width:0;z-index:-1}.development-map__marker--orange{background-image:url(/SiteFiles/dist/images/icons/logo-c-white.svg);--marker-colour: var(--colour-chartford-orange)}.development-map__marker--lightgrey{--marker-colour: var(--colour-neutral-grey-45);background-image:url(/SiteFiles/dist/images/icons/logo-c-white.svg)}.development-map__marker--poi{background-image:none!important}.development-map__marker--poi img{width:24px}.development-map__marker-info{font-weight:var(--font-weight-bold);font-size:16px;font-family:sans-serif;font-family:var(--font-family-body, sans-serif)}