.map-wrap{position:relative;width:100%;height:calc(100vh - 77px)}.map{position:absolute;width:100%;height:100%}.mapdetails-wrap{position:relative;width:100%;height:350px}@media (max-width:768px){.map-wrap{position:relative;width:100%;height:65vh}}.mapdetails{position:absolute;width:100%;height:100%}.mapcreate-wrap{position:relative;width:100%;height:25vh}.mapcreate{position:absolute;width:100%;height:250px}.maplibregl-popup-content{background-color:#ffffff;padding:6px 10px 5px 5px;box-shadow:0 4px 12px rgba(0,0,0,.5);max-width:300px}.popup-content{display:flex;align-items:flex-start;padding:0;margin:0}.popup-image{width:50px;height:50px;border-radius:8%;margin:5px 10px 5px 5px;object-fit:cover}.popup-text{display:flex;flex-direction:column;justify-content:center;padding:0;margin:0}.popup-name{font-weight:700;margin:0}.popup-city,.popup-movie{margin:0;color:gray;font-size:1em}.map-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);color:white;display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;font-size:18px;font-weight:700;text-align:center;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}.map-overlay-text{margin-bottom:10px}.map-overlay-icon{width:60px;height:60px;margin-top:10px;mix-blend-mode:difference}