.procurement-orders{background:#fff;border:1px solid #e7e7e7;border-radius:36px;flex-direction:column;flex:1;align-items:center;gap:24px;height:105%;padding:16px;display:flex;box-shadow:0 0 48px #0000001f}.procurement-orders .title{text-align:center;color:#292929;margin-top:12px;font-size:15px;font-weight:600;line-height:16px}.procurement-orders .products{background:#fff;border:1px solid #e7e7e7;border-radius:24px;flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;padding:12px;display:flex;overflow:hidden}.procurement-orders .products .product{background:#f6f6f6;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;width:100%;height:96px;min-height:96px;padding:16px;display:flex}.procurement-orders .products .product .product-img{border-radius:12px;width:64px;height:64px;position:relative;overflow:hidden}.procurement-orders .products .product .product-img .brand{position:absolute;top:5px;right:5px}.procurement-orders .products .product .content{flex-direction:column;flex:1;justify-content:space-between;align-items:flex-end;gap:12px;height:100%;display:flex}.procurement-orders .products .product .content .skeleton{flex-direction:column;align-items:flex-start;gap:6px;width:100%;display:flex}.procurement-orders .products .product .content .skeleton .bar-1{background:#c3c3c3;border-radius:60px;width:100%;height:15px}.procurement-orders .products .product .content .skeleton .bar-2{background:#c3c3c3;border-radius:60px;width:70%;height:6px}.procurement-orders .products .product .content .contain{text-align:center;letter-spacing:.01em;color:#292929;white-space:nowrap;text-overflow:ellipsis;border-radius:76px;flex-direction:row;justify-content:center;align-items:center;height:26px;padding:6px 16px;font-size:12px;font-style:normal;font-weight:500;line-height:normal;display:flex;overflow:hidden}@media (max-width:575px){.procurement-orders{flex:unset;border-radius:36px;gap:16px;width:100%;height:260px;padding:14px}.procurement-orders .products{border-radius:24px;padding:10px}}@media (min-width:576px) and (max-width:769px){.procurement-orders{flex:unset;border-radius:24px;gap:16px;width:100%;height:260px;padding:14px}.procurement-orders .products{border-radius:18px;padding:10px}}@media (min-width:769px) and (max-width:991px){.procurement-orders{border-radius:28px;flex:1;gap:18px;width:100%;height:280px;padding:16px}}@media (min-width:992px) and (max-width:1102px){.procurement-orders{border-radius:28px;flex:1;height:313px;padding:14px}.procurement-orders .products{border-radius:18px}}