@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.loading-skeleton {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: linear-gradient(to right, rgb(238 238 238 / 50%) 10%, rgb(221 221 221 / 50%) 18%, rgb(238 238 238 / 50%) 33%);
    border-radius: 6px;
    background-size: 800px 104px;
    height: 100%;
    position: relative;
}

.wrapper-skeleton {
    height: var(--size-20);
    width: 100%;
}

.loading-skeleton-breadcrumb {
    width: 30%;
}