.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; } } } } } }