.blog-loading{padding:2rem}.blog-loading__header{width:200px;height:40px;margin-bottom:1.5rem}.blog-loading__description{margin-bottom:2.5rem}.blog-loading__description .skeleton-line{height:16px;margin-bottom:8px}.blog-loading__description .skeleton-line.short{width:60%}.blog-loading__description .skeleton-line.medium{width:80%}.blog-loading__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.blog-loading__card{background:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);overflow:hidden}.blog-loading__card .blog-loading__image{height:180px;width:100%}.blog-loading__card .blog-loading__content{padding:1rem}.blog-loading__card .blog-loading__content .title{height:18px;width:70%;margin-bottom:.5rem}.blog-loading__card .blog-loading__content .date{height:14px;width:50%;margin-bottom:.5rem}.blog-loading__card .blog-loading__content .small{height:12px;width:100%}.skeleton{background:#e2e2e2;border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-150px;width:150px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:loading 1.2s infinite}@keyframes loading{0%{left:-150px}to{left:100%}}