.map-modal .wrap-btn-with-tooltip .tooltip{opacity:0;display:none;position:absolute;border-radius:4px;background:#231f20;color:#fff;font-size:12px;font-weight:400;line-height:20px;padding:6px 12px;width:max-content}.map-modal .wrap-btn-with-tooltip .tooltip__triangle{opacity:0;display:none;content:"";position:absolute;width:12px;height:6px}.map-modal{position:fixed;inset:0;background:#fff;z-index:1020;display:flex;flex-direction:column}.map-modal.hidden{display:none}.map-modal__container{display:flex;flex-direction:column;max-width:100%;margin:0 auto;padding-left:80px;padding-right:80px;width:100%;height:calc(100% - 54px)}@media (max-width: 744px){.map-modal__container{padding-left:15px;padding-right:15px}}.map-modal__header{padding-top:23px;padding-bottom:23px;margin:0 auto;width:100%;border-bottom:2px solid #231F20;position:relative;display:flex;align-items:center;justify-content:space-between}.map-modal__title{color:#000;font-family:e-UkraineHead;font-size:20px;font-weight:500;line-height:24px;width:100%;padding-top:8px;padding-bottom:8px}.map-modal__content{flex:1;display:flex;width:100%;position:relative;z-index:2}.map-modal__content #map-modal-map,.map-modal__content__map{position:relative;z-index:2;width:100%;height:100%}.map-modal__right-side{flex-shrink:0;margin-right:10px}.map-modal__right-side .wrap-btn-with-tooltip{z-index:3}.map-modal__right-side .wrap-btn-with-tooltip button{display:flex;align-items:center;justify-content:center;padding:8px}.map-modal__right-side .wrap-btn-with-tooltip button:hover{border-radius:50%;background:#e9e9e9}.map-modal__wrap-close{position:absolute;top:50%;z-index:3;left:calc(100% + 20px);transform:translateY(-50%);display:block}@media (max-width: 992px){.map-modal__wrap-close{position:static;transform:translateY(0);margin-left:auto}}.map-modal .wrap-btn-with-tooltip{position:relative}@keyframes showTooltip{to{opacity:1}}@media (min-width: 992px){.map-modal .wrap-btn-with-tooltip:hover .tooltip{display:inline-block;animation:showTooltip 0s .3s forwards}.map-modal .wrap-btn-with-tooltip:hover .tooltip__triangle{display:block;animation:showTooltip 0s .3s forwards}}.map-modal .wrap-btn-with-tooltip .tooltip{right:-3px;top:calc(100% + 6px)}.map-modal .wrap-btn-with-tooltip .tooltip__triangle{right:16px;top:-6px}.map-modal__close{display:flex;align-items:center;justify-content:center;height:40px;width:40px}.map-modal__close:hover{border-radius:50%;background:#e9e9e9}
