.feedCardSkeletonContainer{background-color:var(--white-color);flex-direction:column;gap:2rem;width:100%;padding:2rem;display:flex}.flewWrapperFeedCardSkelton{gap:1rem;display:flex}.nameSkeleton{flex-direction:column;gap:.25rem;display:flex}.imageSkeletonElement{margin-left:5rem}.commentLikeReply{justify-content:space-between;display:flex}.flexWrapperCommentSectionForSkeleton{align-items:center;gap:2rem;display:flex}.imageSkeletonMobile{display:none}@media only screen and (min-width:0) and (max-width:768px){.feedCardSkeletonContainer{display:none}}
@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}