.map-container{
    @apply aspect-square md:aspect-[4/3] lg:md:aspect-[16/9] mb-lg;
    .map{
        @apply h-full z-10;
        .leaflet-popup{
            .leaflet-popup-content-wrapper{
                @apply shadow-none rounded-none;
                .leaflet-popup-content{
                    @apply m-2.5 font-sans;
                    a{
                        @apply text-black underline;
                    }
                }
            }
            .leaflet-popup-tip-container, .leaflet-popup-close-button{
                @apply hidden;
            }
        }
        .leaflet-control-container{
            .leaflet-control-zoom{
                @apply border-0;
            }
        }
        &.leaflet-touch{
            .leaflet-bar{
                a{
                    @apply w-9 h-9 rounded-none border-b-0 -indent-[9999px] flex items-center justify-center;
                    &::after{
                        content: '';
                        @apply w-[17px] h-[17px] bg-no-repeat bg-center bg-contain;
                    }
                    &:first-child{
                        @apply mb-px;
                        &::after{
                            background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 9H0V8h17v1Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0v17H8V0h1Z' fill='%23000'/%3E%3C/svg%3E");
                        }
                        &:hover{
                            &::after{
                                background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 9H0V8h17v1Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0v17H8V0h1Z' fill='%23fff'/%3E%3C/svg%3E");
                            }    
                        }
                    }
                    &:last-child{
                        &::after{
                            background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 1H0V0h17v1Z' fill='%23000'/%3E%3C/svg%3E");
                        }
                        &:hover{
                            &::after{
                                background-image: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 1'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 1H0V0h17v1Z' fill='%23fff'/%3E%3C/svg%3E");
                            }
                        }
                    }
                    &:hover{
                        @apply bg-black;
                    }
                }
            }
        }
    }
}