@import "../../../styles/varibale.scss";
.title{
    font-weight: 500;
    font-size: 32px; 
    color:$primaryColor;
}
.itemContainer{
    width: 100%;
    display: inline-flex;
    align-items: center;
    border: 1px solid #ccc;
    padding: 0 1rem;
}
.image{
    width: 100px;
    height: 100px;
    object-fit: contain;
    object-position: center;
    float: left;
}
.contentContainer{
    width: calc(100% - 100px);
    float: left;
}
.productName{

}

.iconRightDisplay{
    color: #B7B7B7;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    right: -25px;
    top: calc(50% - 16px);
    font-size: 30px;
    &:hover {
      color:$primaryColor;
    }
  }
  .loaderContainer{
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    width: 100%;
    background: rgb(0 0 0 / 50%);
    height: 100%;
    transform: translate(-50%, -50%);
     & span{
      font-size: xxx-large;
      position: fixed !important;
      top: 50%;
      left: 50%;
      z-index: 99999;
     }
  }
  
  .iconLeftDisplay{
    color: #B7B7B7;
      width: 32px;
      height: 32px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      position: absolute;
      left: -25px;
      top: calc(50% - 16px);
      z-index: 9;
      font-size: 30px;
      &:hover {
        color:$primaryColor;
      }
  }