*{
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    scrollbar-width: none;
}
body{
  



    

/**/
    background-color: var(--white); 
     /*overflow: hidden; */
}
/*.bload{*/
     /*overflow:hidden; */
/*}*/
::-webkit-scrollbar{
    display: none;

}
a{
    text-decoration: none;
}


.all-load{
       /*width: 100%;*/
     
    /* height: 120px; */
    /*position: fixed;*/
    /*top:90px;*/
    /*left:50%;*/
    /*transform: translateX(-50%);*/
        /*z-index: 22;*/
    
    /* overflow-y: hidden; */
}

.load-post{
    overflow-y: hidden;
    margin-top: 16px;
    max-width: 500px;
    width: 100%;
    height: 100%;
    /* padding: 14.5px 11px 10.86px 9px; */
    display: flex;
    position: relative;
    gap: 2px;
    /* overflow: hidden; */
    /*background-color: var(--white);*/
    overflow: hidden;
}

.load-post div{
    position: relative;
}

.load-post-one{
    width: 2.73rem;
    height: 2.73rem;
    position: relative;
    border-radius: 1000px;
    background-color: var(--load) ;
    left: 17px;
    top: 2px;
    


}
.load-post-tow{



}


.load-name{
    width: 70px;
    height: 18px;
    border-radius: 200px;
    background-color: var(--load) ;
    left: -85px;
}


.load-text-1{
    width: 120px;
    height: 18px; 
    border-radius: 200px;
    left: -65px;
    top: 8px;
     background-color: var(--load) ;
     /* margin-bottom: 20px; */
     margin-top: 11px;
}

.load-text-2{
    width: 240px;
    height: 21px; 
    border-radius: 200px;
    left: -8px;
  margin-top: 22px;
     background-color: var(--load) ;
}


.load-text-3{
    width: 300px;
    height: 21px; 
    border-radius: 200px;
    left: 18px;
  margin-top: 13px;
     background-color: var(--load) ;
}


.load-text-4{
    width: 300px;
    height: 21px; 
    border-radius: 200px;
    left: 18px;
  margin-top: 13px;
     background-color: var(--load) ;
}


.load-image{
    width: 305px;
    height: 270px; 
    border-radius: 25px;
    left: 17px;
  margin-top: 18px;
     background-color: var(--load) ;
     /* margin-bottom: 1px; */

}



.load-comment{
    max-width: 500px;
    margin-top: 12px;
    display: flex;
    gap: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid  var(--load)    ;
}
.load-comment div{
    width: 28px;
    height: 28px;
    background-color: var(--load);
    border-radius: 200px;
    border: 2.5px solid var(--white);
    position: relative;
}
.load-comment-1{
left: 22px;
}
.load-comment-2{
    left: 1px;
    
}
.load-comment-3{
    left: -20px;
}
.load-text-comment{
    width: 72px;
    height: 21px;
    background-color: var(--load);
    border-radius: 15px;
    /* border: 2.5px solid var(--white); */
    position: relative;
    top: 3px;
    left:-21px;
}

 
/*#lod {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  background-color: #d7d7d7;*/
/*  animation: fadeIn 0.4s ease-in-out;*/
/*}*/

/*#lod:before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  top: 0;*/
/*  left: -150%;*/
/*  width: 150%;*/
/*  height: 100%;*/
/*  background-image: linear-gradient(*/
/*    90deg,*/
/*    rgba(220, 220, 220, 0.2),*/
/*    rgba(243, 243, 243, 0.8),*/
/*    rgba(231, 231, 231, 0.4)*/
/*  );*/
/*  برای ایجاد جلوه بهتر */
/*  animation: shimmer 1.5s infinite;*/
/*  z-index: 1;*/
/*}*/

/*@keyframes shimmer {*/
/*  0% { background-position: -100% 0; }*/
/*  100% { background-position: 100% 0; }*/
/*}*/

/*@keyframes fadeIn {*/
/*  from { opacity: 0; transform: scale(0.98); }*/
/*  to { opacity: 1; transform: scale(1); }*/
/*}*/