.map-with-area{--width-icon: 100%;--height-icon: 100%;--marker-size: 45px;--primary-color-icon: var(--white)}.map-with-area .map-with-area__container{display:flex;flex-direction:column;gap:20px}.map-with-area .map-with-area__header{display:flex;flex-direction:column;gap:10px;max-width:69%}.map-with-area .map-with-area__title{font-family:var(--font-montserrat);font-weight:var(--subtitle-weight, 700);font-size:var(--subtitle-size, 22px);line-height:1.2;font-size:20px}.map-with-area .map-with-area__info{--primary-color-icon: var(--blue);--width-icon: 18px;--height-icon: 18px;display:flex;gap:20px;align-items:center;font-family:var(--font-inter);font-weight:500;font-size:13px;line-height:1.3;font-size:12px}.map-with-area .map-with-area__info svg{min-width:var(--width-icon, 24px);min-height:var(--height-icon, 24px)}.map-with-area .map-with-area__content{position:relative;min-height:500px}.map-with-area .map-with-area__controllers{z-index:1;--width-icon: 24px;--height-icon: 24px;--radius-btn: 25px;--background-btn: var(--orange);position:absolute;display:flex;flex-direction:column;gap:5px;right:25px;top:50%;padding:5px;border-radius:var(--radius-btn, 25px);background-color:var(--white)}.map-with-area .map-with-area__marker{display:flex;align-items:center;justify-content:center;max-width:max-content}.map-with-area .map-with-area__marker-icon{z-index:1;border-radius:50%;border:3px solid var(--white);background-color:var(--orange);width:var(--marker-size, 50px);height:var(--marker-size, 50px);min-width:var(--marker-size, 50px);min-height:var(--marker-size, 50px)}.map-with-area .map-with-area__marker-title{position:absolute;width:0;height:0;overflow:hidden;transition:all 0.3s ease-in-out;top:50%;right:0;transform:translate(calc(100% - var(--marker-size) + 2px), -50%);border-radius:6px;background-color:var(--white);padding:3px}.map-with-area .map-with-area__marker:hover,.map-with-area .map-with-area__marker--active{cursor:pointer}.map-with-area .map-with-area__marker:hover .map-with-area__marker-title,.map-with-area .map-with-area__marker--active .map-with-area__marker-title{width:max-content;height:max-content;max-width:max-content;white-space:nowrap;padding:3px 5px 3px var(--marker-size)}.map-with-area .map-with-area__content-shadow{z-index:3;position:absolute;height:var(--shadow-height, 1px);width:var(--shadow-width, 1px);box-shadow:0 0 18px 20px #FBFBFB;background-color:#FBFBFB}.map-with-area .map-with-area__content-shadow--top{--shadow-width: 100%;top:-2px}.map-with-area .map-with-area__content-shadow--right{--shadow-height: 100%;right:-2px}.map-with-area .map-with-area__content-shadow--bottom{--shadow-width: 100%;bottom:-2px}.map-with-area .map-with-area__content-shadow--left{--shadow-height: 100%;left:-2px}.map-with-area .map-with-area__footer-text{display:none;font-family:var(--font-inter);font-weight:500;font-size:13px;line-height:1.3;text-align:center;color:var(--grey-blue)}@media (max-width:768px){.map-with-area .map-with-area__content{margin-left:-20px;margin-right:-20px}}@media (min-width:768px){.map-with-area .map-with-area__header{flex-direction:row;justify-content:space-between;align-items:center;max-width:100%}.map-with-area .map-with-area__title{max-width:45%;font-size:35px}.map-with-area .map-with-area__content{margin-top:20px}.map-with-area .map-with-area__footer-text{display:block}}