| 1 |
- .payment-list[data-v-68e15a36]{display:grid;grid-row-gap:.5rem;grid-column-gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.payment-card[data-v-68e15a36]{background-color:#fff;border-radius:.375rem;padding:.5rem;display:flex;align-items:flex-start;border:1px solid rgba(14,15,12,.08);transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;box-sizing:border-box;gap:.5rem}.payment-card[data-v-68e15a36]:hover{transform:translateY(-.0625rem);background-color:#fff;box-shadow:0 .25rem .625rem rgba(0,0,0,.06);border-color:var(--color-primary, #007aff)}.payment-card.disabled[data-v-68e15a36]{opacity:.5;cursor:not-allowed;filter:grayscale(100%)}.payment-card .icon-wrapper[data-v-68e15a36]{width:3.75rem;height:3.75rem;flex-shrink:0;border-radius:.25rem;background-color:var(--color-zinc-50, #f9f9f9);display:flex;align-items:center;justify-content:center;overflow:hidden}.payment-card .icon-wrapper .icon[data-v-68e15a36]{width:80%}.payment-card .content[data-v-68e15a36]{flex:1;min-width:0}.payment-card .content .header[data-v-68e15a36]{margin-bottom:.375rem;display:flex;align-items:center;justify-content:space-between}.payment-card .content .header .title[data-v-68e15a36]{font-size:.5rem;font-weight:700;color:var(--color-navy-900, #1e2a3a);word-break:break-all;flex:1;margin-right:.375rem}.payment-card .content .header .pay-box[data-v-68e15a36]{width:3.5rem;flex-shrink:0;overflow:hidden}.payment-card .content .header .carousel-box[data-v-68e15a36]{width:100%;overflow:hidden}.payment-card .content .header .carousel-track[data-v-68e15a36]{display:flex;gap:.25rem;width:-webkit-max-content;width:max-content}.payment-card .content .header .carousel-animate[data-v-68e15a36]{animation:carousel-68e15a36 8s linear infinite}@keyframes carousel-68e15a36{0%{transform:translate(0)}to{transform:translate(-50%)}}.payment-card .content .header .pay-icon-container[data-v-68e15a36]{width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;background-color:var(--color-zinc-50, #f9f9f9);border-radius:.1875rem;border:1px solid var(--color-zinc-100, #f3f4f6);flex-shrink:0}.payment-card .content .header .pay-icon[data-v-68e15a36]{width:.625rem;height:.625rem;object-fit:contain}.payment-card .content .info-list .info-item[data-v-68e15a36]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.40625rem;line-height:1.4}.payment-card .content .info-list .info-item .info-label[data-v-68e15a36]{color:var(--color-zinc-500, #7f8c8d);margin-right:.25rem;white-space:nowrap}.payment-card .content .info-list .info-item .info-value[data-v-68e15a36]{color:var(--color-navy-900, #1e2a3a);font-weight:600;text-align:right;word-break:break-all}.payment-card .content .info-list .info-item[data-v-68e15a36]:last-child{margin-bottom:0}@media screen and (max-width: 768px){.payment-list[data-v-68e15a36]{grid-template-columns:1fr;grid-row-gap:.375rem}.payment-card[data-v-68e15a36]{padding:.375rem;gap:.375rem}.payment-card .icon-wrapper[data-v-68e15a36]{width:2.8125rem;height:2.8125rem}.payment-card .content .header[data-v-68e15a36]{margin-bottom:.25rem}.payment-card .content .header .title[data-v-68e15a36]{font-size:.46875rem}.payment-card .content .info-list .info-item[data-v-68e15a36]{margin-bottom:.125rem;font-size:.375rem}}.popup-content[data-v-b4703312]{text-align:center;padding:.625rem}.icon[data-v-b4703312]{font-size:1.5rem;margin-bottom:.5rem}.des1[data-v-b4703312],.des2[data-v-b4703312]{font-size:.5625rem;font-weight:700;margin:.625rem 0}
|
