.PurchaseOrderAttachmentCom{width:100%;margin-top:24px;overflow:hidden;border:1px solid #e7ebf1;border-radius:18px;background:#f7f9fc;-webkit-box-shadow:0 14px 36px rgba(32,55,80,.08);box-shadow:0 14px 36px rgba(32,55,80,.08)}.PurchaseOrderAttachmentCom .ant-card-head{min-height:88px;padding:0 24px;border-bottom:1px solid #e7ebf1;background:linear-gradient(108deg,#f8fbff,#eef4f8)}.PurchaseOrderAttachmentCom .ant-card-head-wrapper{min-height:88px}.PurchaseOrderAttachmentCom .ant-card-body,.PurchaseOrderAttachmentCom .ant-card-extra,.PurchaseOrderAttachmentCom .ant-card-head-title{padding:0}.attachment-heading{min-width:0}.attachment-heading,.attachment-heading-mark{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attachment-heading-mark{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:42px;height:42px;margin-right:13px;border-radius:13px;background:#17324d;-webkit-box-shadow:5px 5px 0 #e4b35c;box-shadow:5px 5px 0 #e4b35c;color:#f7d28b;font-size:20px;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}.attachment-heading-mark .anticon{-webkit-transform:rotate(4deg);transform:rotate(4deg)}.attachment-heading-copy{min-width:0}.attachment-heading-title{overflow:hidden;color:#15293d;font-size:16px;font-weight:700;letter-spacing:.01em;line-height:23px;text-overflow:ellipsis;white-space:nowrap}.attachment-heading-meta{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:3px;color:#7c8b99;font-size:12px;line-height:18px}.attachment-count,.attachment-heading-meta{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.attachment-count{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:22px;height:20px;margin-right:7px;padding:0 6px;border-radius:10px;background:#dce9f2;color:#17324d;font-size:11px;font-weight:800;letter-spacing:.04em}.attachment-upload-button{height:38px;padding:0 17px;border:0;border-radius:10px;background:#d9823b;-webkit-box-shadow:0 7px 14px rgba(217,130,59,.22);box-shadow:0 7px 14px rgba(217,130,59,.22);font-weight:700}.attachment-upload-button:focus,.attachment-upload-button:hover{border-color:#c46f2c;background:#c46f2c}.attachment-upload-button .anticon{margin-right:7px}.attachment-content{padding:20px 24px 24px}.attachment-list{display:grid;gap:10px}.attachment-row{display:grid;grid-template-columns:34px 44px minmax(0,1fr) 38px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:75px;padding:10px 12px 10px 9px;border:1px solid #e5ebf0;border-radius:14px;background:#fff;-webkit-box-shadow:0 3px 12px rgba(39,61,83,.035);box-shadow:0 3px 12px rgba(39,61,83,.035);-webkit-animation:attachment-row-in .36s ease both;animation:attachment-row-in .36s ease both;-webkit-transition:border-color .18s ease,-webkit-box-shadow .18s ease,-webkit-transform .18s ease;transition:border-color .18s ease,-webkit-box-shadow .18s ease,-webkit-transform .18s ease;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,-webkit-box-shadow .18s ease,-webkit-transform .18s ease}.attachment-row:nth-child(2){-webkit-animation-delay:35ms;animation-delay:35ms}.attachment-row:nth-child(3){-webkit-animation-delay:70ms;animation-delay:70ms}.attachment-row:nth-child(4){-webkit-animation-delay:105ms;animation-delay:105ms}@-webkit-keyframes attachment-row-in{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes attachment-row-in{0%{opacity:0;-webkit-transform:translateY(6px);transform:translateY(6px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.attachment-row:hover{border-color:#b9cddd;-webkit-box-shadow:0 10px 22px rgba(39,61,83,.1);box-shadow:0 10px 22px rgba(39,61,83,.1);-webkit-transform:translateX(3px);transform:translateX(3px)}.attachment-index{color:#a1adb8;font-family:Georgia,Times New Roman,serif;font-size:12px;font-style:italic;text-align:center}.attachment-file-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:38px;height:42px;border-radius:10px;background:#e8eef4;color:#496781;font-size:21px}.attachment-file-icon.is-pdf{background:#fae5e2;color:#c55c55}.attachment-file-icon.is-word{background:#e3ebfa;color:#4771b6}.attachment-file-icon.is-sheet{background:#e2f1e8;color:#3b8a61}.attachment-file-icon.is-image{background:#f6ecd8;color:#b57a2e}.attachment-file-icon.is-archive{background:#eee6f6;color:#8054a5}.attachment-details{min-width:0;padding:0 12px}.attachment-name{display:block;overflow:hidden;color:#203c56;font-size:14px;font-weight:700;line-height:22px;text-overflow:ellipsis;white-space:nowrap}.attachment-name:hover{color:#c46f2c}.attachment-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3px 15px;margin-top:3px;color:#8a98a5;font-size:12px;line-height:18px}.attachment-meta-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0}.attachment-meta-item .anticon{margin-right:5px;color:#a4b1bc}.attachment-download{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:34px;height:34px;border:1px solid #dce5ec;border-radius:10px;background:#f8fafc;color:#496781;font-size:16px;-webkit-transition:background .18s ease,border-color .18s ease,color .18s ease;transition:background .18s ease,border-color .18s ease,color .18s ease}.attachment-download:hover{border-color:#d9823b;background:#fff5ea;color:#c46f2c}.attachment-empty-state{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:214px;border:1px dashed #cfdae3;border-radius:14px;background:linear-gradient(135deg,hsla(0,0%,100%,.9),rgba(239,245,249,.8))}.attachment-empty-orbit,.attachment-empty-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.attachment-empty-orbit{width:58px;height:58px;margin-bottom:12px;border:1px solid #dce6ed;border-radius:50%;background:hsla(0,0%,100%,.72);-webkit-box-shadow:0 0 0 8px rgba(220,230,237,.26);box-shadow:0 0 0 8px rgba(220,230,237,.26);color:#afbfcb;font-size:23px;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}.attachment-empty-title{color:#6f8190;font-size:12px;letter-spacing:.08em;text-transform:uppercase}@media (max-width:640px){.PurchaseOrderAttachmentCom .ant-card-head{padding:0 16px}.PurchaseOrderAttachmentCom .ant-card-extra{margin-left:12px}.attachment-upload-button{width:38px;padding:0;font-size:0}.attachment-upload-button .anticon{margin-right:0;font-size:16px}.attachment-content{padding:16px}.attachment-row{grid-template-columns:28px 40px minmax(0,1fr) 34px;padding-right:8px}.attachment-details{padding:0 8px}}