.mol-socialfeed {
    .swiper-container {
        overflow: unset;
    }

    .socialfeed-post {
        @apply bg-white border border-gray-100 rounded-xl overflow-hidden;

        &:hover {
            .atm-image img,
            .atm-video video {
                transform: scale(1.05);
            }
        }

        .atm-image {
            @apply overflow-hidden;

            img {
                @apply w-full h-full object-cover object-top transition duration-300 aspect-[4/3];
            }
        }

        .atm-video {
            @apply overflow-hidden p-0;

            video {
                @apply w-full aspect-[4/3] object-cover transition duration-300 relative;
            }
        }

        .socialfeed-post--content {
            @apply p-4 md:p-6;

            .content--heading {
                @apply flex items-center mb-4 gap-4;

                .socialfeed-post--icon {
                    @apply border border-gray-100 w-10 h-10 grid place-items-center rounded-full;

                    img {
                        @apply w-6;
                    }
                }

                .atm-icon {
                    @apply text-secondary-col-1;
                }

                .atm-heading {
                    @apply m-0;
                }

                .socialfeed-post--posttype {
                    @apply ml-auto;
                }
            }
        }
    }
}