:root{--skeleton-padding: 24px;--skeleton-height: 340px;--skeleton-skeleton: linear-gradient(#ead7f9 var(--skeleton-height), transparent 0);--title-height: 35%;--title-width: 200px;--title-position: var(--skeleton-padding) 10%;--title-skeleton: linear-gradient(#f1e9da var(--title-height), transparent 0);--blog-date-height: 10%;--blog-date-skeleton: linear-gradient(#f1e9da var(--desc-line-height), transparent 0);--blog-date-width: 30%;--blog-date-position: var(--skeleton-padding) 80px;--desc-line-height: 60%;--desc-line-skeleton: linear-gradient(#f1e9da var(--desc-line-height), transparent 0);--desc-line-1-width: 90%;--desc-line-1-position: var(--skeleton-padding) 120px;--blog-post-link-height: 20%;--blog-post-link-width:40%;--blog-post-link-position: var(--skeleton-padding) 265px;--blog-post-link-skeleton: linear-gradient(#f1e9da var(--desc-line-height), transparent 0);--footer-height: 0%;--footer-position: 0 calc(var(--skeleton-height) - var(--footer-height));--footer-skeleton: linear-gradient(#f1e9da var(--footer-height), transparent 0);--blur-width: 200px;--blur-size: var(--blur-width) calc(var(--skeleton-height) - var(--footer-height))}.skeleton{width:100%;height:var(--skeleton-height)}.skeleton:empty::after{content:"";display:block;width:100%;height:100%;border-radius:6px;box-shadow:0 10px 45px rgba(0,0,0,0.1);background-image:linear-gradient(90deg, rgba(234,215,249,0) 0, rgba(234,215,249,0.8) 50%, rgba(234,215,249,0) 100%),var(--title-skeleton),var(--blog-date-skeleton),var(--desc-line-skeleton),var(--blog-post-link-skeleton),var(--footer-skeleton),var(--skeleton-skeleton);background-size:var(--blur-size),var(--title-width) var(--title-height),var(--blog-date-width) var(--blog-date-height),var(--desc-line-1-width) var(--desc-line-height),var(--blog-post-link-width) var(--blog-post-link-height),100% var(--footer-height),100% 100%;background-position:-150% 0,var(--title-position),var(--blog-date-position),var(--desc-line-1-position),var(--blog-post-link-position),var(--footer-position),0 0;background-repeat:no-repeat;animation:loading 1.5s infinite}@keyframes loading{to{background-position:350% 0,var(--title-position),var(--blog-date-position),var(--desc-line-1-position),var(--blog-post-link-position),var(--footer-position),0 0}}