[x-cloak] {
    display: none !important;
}

.alert {
    visibility: visible;
    animation: fade-in 0.5s;
}

.alert.hide {
    visibility: hidden;
    animation: fade-out 0.5s;
}

@keyframes fade-out {
    from {
        visibility: visible;
        opacity: 100%;
        transform: translateX(0px);
    }

    to {
        visibility: hidden;
        opacity: 0%;
        transform: translateX(-10px);
    }
}

@keyframes fade-in {
    from {
        visibility: hidden;
        opacity: 0%;
        transform: translateX(-10px);
    }

    to {
        visibility: visible;
        opacity: 100%;
        transform: translateX(0px);
    }
}

/* Masonry grid styles */
.masonry-container {
    position: relative;
}

.masonry-item {
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.5s ease-in-out;
}

.lazyload {
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
}

/* Search bar styles */
#search-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #D1D5DB inset;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #ffffff inset;
}