/**------------ LOADING ANIMATION -----------*/
.loading-animation {
    border: 5px solid #f3f3f3;
    border-top: 5px solid var(--main-color-content);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    margin: 2vw auto 0 auto;
    position: absolute;
    top: 33vh;
    left: 50%;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.imp-seekda-grid-item {
    transform: translateY(50px);
    /* Start slightly off-position */
    opacity: 0;
    /* Tiles are initially invisible */
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    /* Smooth transition for sliding up and fading in */
}

.tile-in-view {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    opacity: 1;
    transform: translateY(0);
}

/**gird*/
.post-grid-wrapper {
    position: relative;
}

#posts-grid {
    display: grid;
    position: relative;
}

#posts-grid[grid-cols="1"] {
    grid-template-columns: repeat(1, 1fr);
}

#posts-grid[grid-cols="2"] {
    grid-template-columns: repeat(2, 1fr);
}

#posts-grid[grid-cols="3"] {
    grid-template-columns: repeat(3, 1fr);
}

#posts-grid[grid-cols="4"] {
    grid-template-columns: repeat(4, 1fr);
}

#posts-grid[grid-cols="5"] {
    grid-template-columns: repeat(5, 1fr);
}