.pending-transaction-section{color:#fff}.pending-transaction-section .head{display:flex;justify-content:space-between;text-transform:uppercase}.pending-transaction-section .head span{color:var(--pending-trans-section-head-span-color)}.pending-transaction-section .head a,.pending-transaction-section .head a:hover{color:var(--pending-trans-section-head-a-hover-color)}.pending-transaction-carousel{display:flex;flex-direction:row;width:100%;max-width:100%;overflow-x:scroll;gap:8px;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:16px 0}.transaction-item{width:310px;min-height:72px;max-height:120px;scroll-snap-align:start;flex-shrink:0;padding:16px 12px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;gap:8px;cursor:pointer;background-color:var(--pending-trans-car-item-bg)}.transaction-item .info-section{display:flex;align-items:center;gap:8px}.transaction-item img{height:100%;width:auto}.transaction-item .info-section .details{flex-grow:1;display:flex;flex-direction:row;justify-content:space-between;font-size:14px}.transaction-item .info-section .details .highlight{padding-left:4px;color:#f99702}.transaction-item .info-section .details small{font-size:12px}.transaction-item .info-section .details small.ticket-number{display:flex;gap:4px;align-items:center}.transaction-item .info-section .details small .copy-btn{height:12px;width:auto;filter:invert(50%);cursor:pointer}.transaction-item .info-section .details>div:last-child{text-align:right}.transaction-item .info-section .details .primary{color:var(--pending-trans-car-item-info-section-details-primary-color)}.transaction-item .info-section .details .secondary{color:var(--pending-trans-car-item-info-section-details-secondary-color)}.transaction-item .download-qr-btn{background:var(--pending-trans-car-item-download-qr-btn-bg);color:var(--pending-trans-car-item-download-qr-btn-color);align-self:flex-end;border:0}.transaction-item .download-qr-btn:hover{background:var(--pending-trans-car-item-download-qr-btn-hover-bg);color:var(--pending-trans-car-item-download-qr-btn-hover-color)}table:has(+.empty-table-container){margin-bottom:0;padding-bottom:0}table tr td{cursor:pointer}.empty-table-container{background-color:#212121;width:100%;height:233px;display:flex;flex-direction:column;justify-content:center;align-items:center}.pending-transaction-detail-container{display:flex;flex-direction:column;gap:24px}.pending-transaction-detail-container .primary{color:var(--pending-trans-detail-primary-color)}.pending-transaction-detail-container .secondary{color:var(--pending-trans-detail-secondary-color)}.pending-transaction-detail-container .pending{color:#f99702}.pending-transaction-detail-container .pending-transaction-detail-header{display:flex;flex-direction:column;align-items:center;gap:16px}.pending-transaction-detail-container .pending-transaction-detail-header img{width:74px;height:74px}.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container{display:flex;flex-direction:column;align-items:center;gap:8px}.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .status-title{line-height:16px;font-size:16px;font-weight:500}.pending-transaction-detail-container .pending-transaction-detail-header .payment-method-info-container .payment-method{line-height:16px;font-size:12px;font-weight:500}.pending-transaction-detail-body{display:flex;flex-direction:column;gap:16px}.pending-transaction-payment-link-container{display:flex;flex-direction:column;align-items:center;gap:12px}.pending-transaction-payment-link-container a{color:#f99702}.pending-transaction-detail-card{display:flex;flex-direction:column;border-radius:8px;background-color:var(--pending-trans-detail-card-bg);border:1px solid var(--pending-trans-detail-card-border-color)}.pending-transaction-detail-card .secondary-section{background-color:var(--pending-trans-detail-card-secondary-section-bg)}.pending-transaction-detail-card>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:14px}.pending-transaction-detail-card>div .bank-icon{max-width:120px;max-height:20px}.pending-transaction-detail-card>div>div{width:calc((100% - 8px)/2);flex-grow:0;flex-shrink:0}.pending-transaction-detail-card .destination-account-name{text-align:left}.pending-transaction-detail-card .destination-account-number-section .destination-account-number{width:80%;display:flex;flex-direction:column;gap:4px;font-size:20px;font-weight:500;line-height:24px}.pending-transaction-detail-card .destination-account-number-section .destination-account-number span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.pending-transaction-detail-card .destination-account-number-section .destination-account-number .payment-account-name-label{font-size:12px}.pending-transaction-detail-card[data-payment-type="CRYPTO"] .destination-account-number-section,.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section{align-items:end}.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number{font-size:16px;gap:0}.pending-transaction-detail-card[data-payment-type="QR"] .destination-account-number-section .destination-account-number .payment-account-name-label{font-size:14px}.pending-transaction-detail-card .destination-account-number-section .standard-button-group{width:max-content;text-align:right}.pending-transaction-detail-card .standard-button-group,.pending-transaction-detail-card .standard-button-group .btn{width:100%;margin:0;text-transform:capitalize;color:#fff}.pending-transaction-detail-card .copy-account-number-button{padding:4px 8px;margin:0}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;background-color:var(--pending-trans-detail-card-secondary-section-bg)}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container img{width:156px;height:156px;border-radius:8px;background-color:#fff}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container br{display:none}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container p{margin:0;font-size:14px}.pending-transaction-detail-card .pending-transaction-detail-qr-code-container .standard-button-group{align-self:stretch}.pending-transaction-remarks{display:flex;justify-content:center;align-items:center;padding:12px;border-radius:4px;text-align:center;background-color:#f8e68917;color:var(--pending-trans-detail-remarks-color);border:1px dashed #f8e689}.pending-transaction-info-section{display:flex;flex-direction:column;gap:8px}.pending-transaction-info-section .icon{width:16px;height:16px;margin-top:-2px}.pending-transaction-info-section .icon.chevron-icon{width:16px;height:16px;filter:var(--pending-trans-info-chevron-icon-filter);transform:rotate(270deg)}.pending-transaction-info-section.open .icon.chevron-icon{transform:rotate(90deg)}.pending-transaction-info-section .icon.copy-icon{filter:var(--pending-trans-info-copy-icon-filter)}.pending-transaction-info-section .info-section-header{padding:16px;cursor:pointer}.pending-transaction-info-section .info-section-body{display:none;padding:0 16px 16px}.pending-transaction-info-section.open .info-section-body{display:flex;flex-direction:column;gap:10px;border-top:0}.pending-transaction-info-section .info-section-body>div{display:flex;justify-content:space-between;align-items:center;width:100%}.pending-transaction-info-section .info-section-body>div>div{width:calc((100% - 8px)/2);flex-grow:0;flex-shrink:0;display:flex;align-items:center;gap:4px}.pending-transaction-info-section .info-section-body>div>div:nth-child(2){justify-content:flex-end;text-align:right}.how-to-pay-list{list-style:decimal;padding-left:24px}.how-to-pay-list li{margin-bottom:8px}