@keyframes loading {
to{transform:translateX(100%)}
}
.tp-skeleton{background-color:#fff;height:100%;width:100%;position:absolute;top:0;z-index:1;left:0;overflow:hidden;box-shadow:9px 17px 45px -29px rgb(0 0 0 / .44);background-position:center;background-size:cover;visibility:hidden;opacity:0}
.tp-skeleton-img, .loading::after{display:block;width:100%;height:100%}
.tp-skeleton-bottom{position:absolute;background:#3f404257;bottom:0;width:100%;height:80px}
.tp-skeleton-title{padding:8px;font-size:22px;font-weight:700}
.tp-skeleton-title.loading{height:1rem;width:50%;margin:1rem;border-radius:3px}
.tp-skeleton-description{padding:8px;font-size:16px}
.tp-skeleton-description.loading{height:23px;margin:1rem;width:74%;border-radius:3px}
.loading{position:relative;background-color:#e2e2e2}
.loading::after {
content: "";
position: absolute;
top: 0;
transform: translateX(-100%);
background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgb(255 255 255 / .2)), to(transparent));
background: linear-gradient(90deg, transparent, rgb(255 255 255 / .2), transparent);
animation: loading .8s infinite
}