.list-find-supplier-container{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px;width:100%}.list-find-supplier-container .single-line-ellipsis{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-find-supplier-container .three-line-ellipsis{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.list-find-supplier-container .find-supplier-top-left{display:flex;align-items:center;gap:8px}.list-find-supplier-container .find-supplier-top-left__avatar{width:60px;height:60px;border-radius:100%;overflow:hidden}.list-find-supplier-container .find-supplier-top-left__info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.list-find-supplier-container .find-supplier-top__button{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:600;font-size:14px}.find-supplier-top__button .find-supplier-top__button-send{width:140px;padding:4px;background-color:#4d4d4d;transition:all .3s ease;color:#fff;border-radius:8px;border:1px solid #4d4d4d}.find-supplier-top__button .find-supplier-top__button-send:hover{background-color:#fff;color:#4d4d4d}.find-supplier-top__button .find-supplier-top__button-detail{width:140px;padding:4px;background-color:#fff;color:#4d4d4d;border:1px solid #4d4d4d;transition:all .3s ease;border-radius:8px}.find-supplier-top__button .find-supplier-top__button-detail:hover{background-color:#4d4d4d;color:#fff}.list-find-supplier-container .find-supplier-body{padding:12px;background-color:#fff;display:flex;align-items:flex-start;gap:8px}.list-find-supplier-container .find-supplier-body__image{width:200px;height:200px;overflow:hidden;flex-shrink:0}.list-find-supplier-container .find-supplier-body__title{font-size:20px;font-weight:600;text-transform:capitalize}.list-find-supplier-container .find-supplier-body__date-quantity{display:flex;align-items:center;justify-content:space-between;font-style:italic;font-size:14px;line-height:20px}.list-find-supplier-container .find-supplier-body__desc{font-size:14px;line-height:20px}@media (max-width:880.98px){.list-find-supplier-container{grid-template-columns:1fr}}@media (max-width:550.98px){.find-supplier-body .find-supplier-body__image{width:150px;height:150px}.list-find-supplier-container .find-supplier-body__title{font-size:18px}.list-find-supplier-container .find-supplier-body__date-quantity,.list-find-supplier-container .find-supplier-body__desc{font-size:12px}}@media (max-width:500.98px){.find-supplier-body .find-supplier-body__image{width:120px;height:120px}}@media (max-width:430.98px){.list-find-supplier-container .find-supplier-top-left__avatar{width:50px;height:50px}.list-find-supplier-container .find-supplier-top-left__info{font-size:14px}.find-supplier-top__button .find-supplier-top__button-detail,.find-supplier-top__button .find-supplier-top__button-send{width:125px;font-size:14px}.list-find-supplier-container .find-supplier-body__title{font-size:16px}}