:root{--skeleton-color:#e0e0e0;--skeleton-shimmer:#f5f5f5;--skeleton-radius:4px}.skeleton-wrapper{animation:fadeIn 0.3s ease-in}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.skeleton-wave .skeleton-card,.skeleton-wave .skeleton-list-item,.skeleton-wave .skeleton-table-row,.skeleton-wave .skeleton-post,.skeleton-wave .skeleton-comment,.skeleton-wave .skeleton-product{position:relative;overflow:hidden}.skeleton-wave .skeleton-card::before,.skeleton-wave .skeleton-list-item::before,.skeleton-wave .skeleton-table-row::before,.skeleton-wave .skeleton-post::before,.skeleton-wave .skeleton-comment::before,.skeleton-wave .skeleton-product::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .8),transparent);animation:wave 1.5s infinite;z-index:1}@keyframes wave{0%{left:-100%}100%{left:100%}}.skeleton-pulse .skeleton-card,.skeleton-pulse .skeleton-list-item,.skeleton-pulse .skeleton-table-row,.skeleton-pulse .skeleton-post,.skeleton-pulse .skeleton-comment,.skeleton-pulse .skeleton-product{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.skeleton-title,.skeleton-text,.skeleton-image,.skeleton-avatar,.skeleton-category,.skeleton-meta,.skeleton-price,.skeleton-rating,.skeleton-text-line,.skeleton-image-box,.skeleton-table-cell,.skeleton-post-image,.skeleton-product-image{background:var(--skeleton-color);border-radius:var(--skeleton-radius)}.skeleton-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow:hidden}.skeleton-card .skeleton-image{width:100%;height:200px;background:var(--skeleton-color)}.skeleton-card .skeleton-content{padding:20px}.skeleton-card .skeleton-title{height:24px;width:70%;margin-bottom:15px}.skeleton-card .skeleton-text{height:14px;width:100%;margin-bottom:10px}.skeleton-card .skeleton-text.short{width:60%}.skeleton-list-item{display:flex;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0}.skeleton-list-item .skeleton-avatar{width:50px;height:50px;border-radius:50%;margin-right:15px;flex-shrink:0}.skeleton-list-item .skeleton-list-content{flex:1}.skeleton-list-item .skeleton-title{height:16px;width:40%;margin-bottom:10px}.skeleton-list-item .skeleton-text.short{height:12px;width:60%}.skeleton-table-row{display:flex;gap:15px;padding:15px;border-bottom:1px solid #e0e0e0}.skeleton-table-cell{height:20px;flex:1}.skeleton-text-line{height:16px;width:100%;margin-bottom:10px}.skeleton-image-box{width:100%;height:300px;margin-bottom:15px}.skeleton-post{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;overflow:hidden}.skeleton-post .skeleton-post-image{width:100%;height:250px}.skeleton-post .skeleton-post-content{padding:25px}.skeleton-post .skeleton-category{height:12px;width:80px;margin-bottom:12px}.skeleton-post .skeleton-title.large{height:28px;width:85%;margin-bottom:15px}.skeleton-post .skeleton-meta{display:flex;gap:15px;margin-bottom:15px}.skeleton-post .skeleton-text.tiny{height:12px;width:100px}.skeleton-post .skeleton-text{height:14px;width:100%;margin-bottom:8px}.skeleton-post .skeleton-text.short{width:70%}.skeleton-comment{display:flex;margin-bottom:20px;padding:15px;background:#f9f9f9;border-radius:8px}.skeleton-comment .skeleton-avatar{width:40px;height:40px;border-radius:50%;margin-right:15px;flex-shrink:0}.skeleton-comment .skeleton-comment-content{flex:1}.skeleton-comment .skeleton-text{height:14px;width:100%;margin-bottom:8px}.skeleton-comment .skeleton-text.short{width:50%}.skeleton-product{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;overflow:hidden}.skeleton-product .skeleton-product-image{width:100%;height:200px}.skeleton-product .skeleton-product-content{padding:15px}.skeleton-product .skeleton-title{height:18px;width:80%;margin-bottom:12px}.skeleton-product .skeleton-price{height:24px;width:40%;margin-bottom:10px}.skeleton-product .skeleton-rating{height:16px;width:100px;margin-bottom:10px}.skeleton-product .skeleton-text.short{height:14px;width:60%}@media (max-width:768px){.skeleton-card .skeleton-image{height:150px}.skeleton-post .skeleton-post-image{height:180px}.skeleton-product .skeleton-product-image{height:150px}}