#mauritius_map {
    .property {
        & > .icon {
            display: flex;
            align-items: center;
            justify-content: center;
            svg {
                aspect-ratio: 1/1;
                width: 40px;
                fill: var(--yellow);
            }
        }
        & > .details {
            display: none;
            position: absolute;
            width: 200px;
            background-color: var(--white);
            border-radius: 10px;
            padding: 5px 10px;
            bottom: 10px;
            left: 0;
            transform: translateX(-50%);

            &::after {
                content: "";
                border-top: 8px solid var(--white);
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                width: 0;
                height: 0;
                position: absolute;
                top: 100%;
                left: 50%;
                transform: translate(-50%);
            }
            .image {
                img {
                    aspect-ratio: 1/1;
                    width: 100%;
                }
            }
            .title {
                color: var(--blue);
                font-size: 13px;
                font-weight: 800;
                margin-bottom: 5px;
            }
            .price {
                font-weight: 800;
                margin-bottom: 5px;
            }
            .address {
                margin-bottom: 5px;
            }
            .features {
                display: flex;
                align-items: center;
                justify-content: start;
                gap: 10px;
                
                & > div {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border: 1px solid #ccc;
                    border-radius: 5px;
                    padding: 5px;
                    gap: 5px;


                    svg {
                        aspect-ratio: 1/1;
                        width: 14px;
                        fill: var(--yellow);
                    }
                }
            }
        }
        &.selected {
            & > .icon {
                display: none;
            }
            & > .details {
                display: block;
            }
        }
    }
}