/* Extracted from index.html inline style block 1. */

.payment-banner-section{padding:34px 0 10px;}
.payment-banner-card{width:min(100%,1200px);margin-inline:auto;padding:10px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(148,163,184,.2);box-shadow:0 24px 70px rgba(2,6,23,.3);overflow:hidden;}
.payment-banner-rotator{position:relative;width:100%;aspect-ratio:1200/664;border-radius:18px;overflow:hidden;}
.payment-options-banner{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease,transform .65s ease;transform:translateX(-105%);z-index:0;}
.payment-options-banner.is-active{opacity:1;transform:translateX(0);z-index:2;}
.payment-options-banner.is-exiting{opacity:0;transform:translateX(105%);z-index:1;}
.payment-banner-progress{position:relative;height:4px;margin-top:10px;border-radius:999px;background:rgba(148,163,184,.24);overflow:hidden;}
.payment-banner-progress::before{content:"";position:absolute;inset-block:0;left:0;width:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#2563eb);transform-origin:left center;animation:paymentBannerProgress 8s linear infinite;}
@keyframes paymentBannerProgress{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@media (max-width: 767.98px){.payment-banner-section{padding:22px 0 8px;}.payment-options-banner{border-radius:12px;}.payment-banner-card{padding:6px;border-radius:16px;box-shadow:0 16px 34px rgba(2,6,23,.24);}.payment-banner-rotator{border-radius:12px;}.payment-banner-progress{height:3px;margin-top:7px;}}
@media (max-width: 640px){.payment-banner-card{padding:6px;border-radius:14px;}.payment-banner-rotator{border-radius:10px;}.payment-banner-section{padding-top:18px;}}