.skeleton-area{width:100%;margin-top:50px}.skeleton-item{position:relative;width:100%;padding:10px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}.skeleton-header{display:flex;align-items:center;gap:10px}.skeleton-avater{background-color:#2c2c2c;width:50px;height:50px;border-radius:50%}.skeleton-name-date{position:absolute;padding-bottom:15px;left:20%;display:flex;align-items:center;gap:10px}.skeleton-author-name{width:100px;height:20px}.skeleton-author-name,.skeleton-date{background-color:#2c2c2c;border-radius:5px}.skeleton-date{width:80px;height:15px}.skeleton-body{position:relative;margin-top:0;margin-bottom:30px;left:15%;width:87%;height:100%}.skeleton-tag{width:55px;height:-moz-fit-content;height:fit-content;background-color:#2c2c2c;padding:8px 15px;border-radius:50px;font-weight:600}.skeleton-title{width:50%;height:30px;border-radius:10px;margin-top:15px}.skeleton-paragraph,.skeleton-title{background-color:#2c2c2c;margin-bottom:10px}.skeleton-paragraph{width:90%;height:20px;border-radius:5px}.skeleton-paragrap2{width:60%!important;height:20px;background-color:#2c2c2c;border-radius:5px;margin-bottom:10px}.skeleton-action-btn{display:flex;align-items:center;gap:10px;margin-top:10px;position:absolute;bottom:5px;right:10px;color:var(--secondary-color)}.skeleton-link-icon{width:20px;height:20px;background-color:#2c2c2c;border-radius:50%}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#2c2c2c 25%,#3c3c3c 50%,#2c2c2c 75%);background-size:200% 100%;animation:shimmer 3s linear infinite}@media screen and (min-width:768px){.skeleton-area{padding:0 20%}}