ul.map-filter{display:flex;flex-flow:row wrap;grid-gap:.5em 1em;padding:0;margin:0 0 1em;justify-content:center}li.map-filter__item img{width:26px;height:26px}li.map-filter__item{display:flex;grid-gap:.5em;font-size:.8em;line-height:26px;padding:5px 1em;border-radius:100px;background-color:var(--primary25);background-image:linear-gradient(to right,var(--primary25) 0,transparent 100%);cursor:pointer;transition:.2s background ease-in-out}li.map-filter__item:has(img){padding-left:5px}li.map-filter__item:hover{background-color:var(--primary50)}li.map-filter__item--active,li.map-filter__item--active:hover{color:#fff;background:var(--primary)}li.map-filter__item--active img{box-shadow:0 0 4px 1px var(--primary25);border-radius:100%}.area-map #map{width:100%;aspect-ratio:16/9;background:#fff;max-height:calc(90vh - 120px)}.area-map .leaflet-container{font:inherit}.area-map .leaflet-popup-content-wrapper{padding:0;border-radius:0}.area-map .leaflet-popup-content{width:400px !important;max-width:calc(90vw - clamp(1em,2vw,2rem));margin:0;line-height:inherit}.area-map .leaflet-container a{color:inherit}.area-map .leaflet-container a.leaflet-popup-close-button{position:absolute;top:10px;right:10px;width:34px;height:34px;background-color:var(--primary25);border-radius:100%;text-indent:-6000px;box-sizing:border-box;transition:.2s background ease-in-out}.area-map .leaflet-container a.leaflet-popup-close-button:hover{background-color:var(--primary50)}.area-map .leaflet-container a.leaflet-popup-close-button:before,.area-map .leaflet-container a.leaflet-popup-close-button:after{display:block;content:'';position:absolute;left:7px;top:16px;transform:rotate(45deg);width:20px;height:2px;background-color:var(--text)}.area-map .leaflet-container a.leaflet-popup-close-button:after{transform:rotate(-45deg)}.area-map .poi__content{font-size:.9em;padding:1em 1.2em}.area-map .poi__title{font-size:1.8em;margin:0 0 .25em}.area-map .poi__text{margin-bottom:1em}.area-map .leaflet-bar{box-shadow:none;border-radius:4px}.area-map .leaflet-touch .leaflet-control-layers,.area-map .leaflet-touch .leaflet-bar{border:0}.area-map .leaflet-bar a,.area-map .leaflet-bar a:hover{position:relative;border-bottom:none;width:40px;height:40px;text-indent:-1000px}.area-map .leaflet-bar a:hover{background-color:#fff}.area-map .leaflet-bar a:first-child{border-radius:30px 30px 0 0}.area-map .leaflet-bar a:last-child{border-radius:0 0 30px 30px;margin-top:2px}.area-map .leaflet-bar a.leaflet-control-zoom-in:before,.area-map .leaflet-bar a.leaflet-control-zoom-in:after,.area-map .leaflet-bar a.leaflet-control-zoom-out:before{content:'';display:block;position:absolute;left:10px;top:20px;width:20px;height:2px;background-color:var(--primaryDark)}.area-map .leaflet-bar a.leaflet-control-zoom-out:before{top:18px}.area-map .leaflet-bar a.leaflet-control-zoom-in:after{transform:rotate(90deg)}.area-map .leaflet-bar a.leaflet-disabled{cursor:default;background-color:#fff;opacity:.5}@media screen and (max-width:800px){.area-map #map{aspect-ratio:16/12}}@media screen and (max-width:580px){.area-map #map{aspect-ratio:16/20}}