.skeleton__part {
    background: rgba(0, 0, 0, 0.12);
    color: transparent;
    overflow: hidden;
}
.skeleton__part--text {
    position: relative;
    border-radius: var(--size);
    display: inline-flex;
}
.skeleton__part:after {
    background: linear-gradient(
        90deg,
        hsla(0, 0%, 100%, 0),
        hsla(0, 0%, 100%, 0.3),
        hsla(0, 0%, 100%, 0)
    );
    animation: skeleton__loading 1.5s infinite;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
}
@keyframes skeleton__loading {
    to {
        transform: translateX(100%);
    }
}