.resourcelistskeleton .skeleton-titleAndButton .skeleton-title,
.resourcelistskeleton .skeleton-titleAndButton .skeleton-button,
.resourcelistskeleton .skeleton-searchContainer,
.resourcelistskeleton .skeleton-itemsContainer .skeleton-iconAndItem .skeleton-icon,
.resourcelistskeleton .skeleton-itemsContainer .skeleton-iconAndItem .skeleton-item {
    animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
    0% {
        background-color: rgb(225, 225, 225);
    }
    100% {
        background-color: rgb(245, 245, 245);
    }
}

.resourcelistskeleton {
    height: 100%;
    overflow: hidden;
}

.resourcelistskeleton .skeleton-titleAndButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resourcelistskeleton .skeleton-titleAndButton .skeleton-title {
    width: 40%;
    height: 30px;
    border-radius: 8px;
}

.resourcelistskeleton .skeleton-titleAndButton .skeleton-button {
    min-width: 25px;
    min-height: 25px;
    border-radius: 50%;
}

.resourcelistskeleton .skeleton-searchContainer {
    height: 36px;
    margin-block: 16px 20px;
    border-radius: 8px;
}

.resourcelistskeleton .skeleton-itemsContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
}

.resourcelistskeleton .skeleton-itemsContainer .skeleton-iconAndItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.resourcelistskeleton .skeleton-itemsContainer .skeleton-iconAndItem .skeleton-icon {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

.resourcelistskeleton .skeleton-itemsContainer .skeleton-iconAndItem .skeleton-item {
    height: 30px;
    width: 80%;
    border-radius: 8px;
}