.bank-notice-ribbon{color:#fff;white-space:nowrap;z-index:100;text-align:center;background:#007afe;margin-top:20px;padding:10px 0;font-size:15px;font-weight:500;position:-webkit-sticky;position:sticky;top:80px;overflow:hidden}.bank-notice-ribbon .bank-notice-marquee{animation:40s linear infinite marquee-scroll;display:inline-flex}.bank-notice-ribbon .bank-notice-marquee span{padding-right:8px}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.redeem-sections-list{gap:12px;margin-top:70px;padding:16px}.redeem-sections-list .section{background:#fff;border:1px solid rgba(18,18,18,.12);border-radius:12px;padding:12px}.redeem-sections-list .section .img{border-radius:40px;place-content:center;width:40px;height:40px;display:grid}.redeem-sections-list .section .img.redeem{background:rgba(255,152,0,.1)}.redeem-sections-list .section .img.earned{background:rgba(0,122,254,.2)}.redeem-sections-list .section .img.redeemed{background:rgba(67,160,71,.1)}.history-card{background:#fff;border:1px solid rgba(18,18,18,.08);border-radius:8px;padding:16px 12px}.redeem-history-wrapper{background:#f5f5f5;margin-top:70px;padding:10px 16px}.redeem-history-wrapper .title-card{color:#121212;font-size:14px;font-weight:400}.redeem-history-wrapper .title-card img{margin-right:8px}.redeem-history-wrapper .title-card span{font-size:20px;font-weight:600}.earned-point-history-wrapper{background:#f5f5f5;gap:16px;margin-top:12px}.earned-point-history-wrapper .point{gap:4px;font-size:16px;font-weight:600}.earned-point-history-wrapper .details{gap:4px}.earned-point-history-wrapper .details .name{font-size:20px;font-weight:600}.earned-point-history-wrapper .details .serial{font-size:16px;font-weight:400}.earned-point-history-wrapper .details .date{color:#121212;opacity:.6;font-size:14px;font-weight:400}.earned-point-history-wrapper .redemeed-card{gap:16px}.earned-point-history-wrapper .redemeed-card .point-status{gap:10px}.earned-point-history-wrapper .redemeed-card .point-status .status{color:#fff;border-radius:91px;padding:3px 6px;font-size:10px;font-weight:500}.earned-point-history-wrapper .redemeed-card .point-status .status.success{background:#43a047}.earned-point-history-wrapper .redemeed-card .point-status .status.pending{background:#ffb200}.earned-point-history-wrapper .redemeed-card .point-status .status.failure,.earned-point-history-wrapper .redemeed-card .point-status .status.failed,.earned-point-history-wrapper .redemeed-card .point-status .status.internal_failure{background:#e1473d}.earned-point-history-wrapper .earned-card{gap:16px}.redemptions-card-wrapper{gap:12px;margin-top:12px}.redemptions-card-wrapper .redemptions-card .redeem-button{color:#fff;background:#007afe;border-radius:4px;min-width:96px;height:32px;padding:5px 12px;font-size:16px;font-weight:600}.redemptions-card-wrapper .redemptions-card{background:#fff;border:1px solid rgba(18,18,18,.12);border-radius:12px;gap:12px;padding:12px;box-shadow:0 0 16px rgba(0,0,0,.08)}.redemptions-card-wrapper .redemptions-card .no-details-card{padding:16px}.redemptions-card-wrapper .redemptions-card .no-details-card .message{margin-top:8px;font-size:14px;font-weight:600}.redemptions-card-wrapper .redemptions-card .no-details-card .des{opacity:.6;text-align:center;font-size:12px;font-weight:400}.redemptions-card-wrapper .redemptions-card .no-details-card button{margin-top:16px}.redemptions-card-wrapper .redemptions-card .card-details{grid-template-columns:1fr 1fr;gap:12px;display:grid}.redemptions-card-wrapper .redemptions-card .card-details .card-detail{flex-direction:column;gap:4px;display:flex}.redemptions-card-wrapper .redemptions-card .card-details .card-detail .key{color:#121212;opacity:.6;font-size:12px;font-weight:400}.redemptions-card-wrapper .redemptions-card .card-details .card-detail p{font-size:16px;font-weight:600}.redemptions-card-wrapper .redemptions-card .card-header .edit-image{background:linear-gradient(rgba(255,255,255,.8) 0%,rgba(255,255,255,.8) 100%),#007afe;border-radius:70px;place-content:center;width:32px;height:32px;display:grid}.redemptions-card-wrapper .redemptions-card .card-header .title-image-wrapper{gap:10px}.redemptions-card-wrapper .redemptions-card .card-header .title-image-wrapper .image{background:linear-gradient(#fff 0%,#fff 100%),#007afe;border:1px solid rgba(18,18,18,.12);border-radius:70px}.redemptions-card-wrapper .redemptions-card .card-header .title-image-wrapper p{font-size:20px;font-weight:600}.redeemed-points{grid-template-columns:1fr 1fr;display:grid}.redeem-success{padding:24px 16px;position:relative}.redeem-success .close-icon{position:absolute;top:16px;right:16px}.redeem-success .redemption-img{position:relative}.redeem-success .redemption-img .success{position:absolute;bottom:0;right:0}.redeem-success .title{font-size:18px;font-weight:600}.redeem-success .des{opacity:.6;font-size:14px;font-weight:400}.dialog-details{gap:16px;padding:0 20px 20px}.dialog-details .status{color:#fff;border-radius:91px;padding:5px 12px;font-size:16px;font-weight:500}.dialog-details .status.success{background:#43a047}.dialog-details .status.pending{background:#ffb200}.dialog-details .status.failure{background:#e1473d}.dialog-details .date{color:#121212;opacity:.6;font-size:16px;font-weight:400}.dialog-details .detail{flex-direction:column;gap:4px;display:flex}.dialog-details .detail .key{color:#121212;opacity:.6;font-size:16px;font-weight:400}.dialog-details .detail p{font-size:16px;font-weight:600}.redeem-success{position:relative}.redeem-success .close-icon{z-index:10;background:#fff;border:1px solid rgba(18,18,18,.12);border-radius:110px;place-content:center;width:32px;height:32px;display:grid;position:absolute;top:16px;right:16px}.redeem-success .close-icon img{width:16px;height:16px}.redeem-success .points-background{z-index:9;width:100%;height:60px;position:absolute;top:0%}.redeem-success .points-background img{object-fit:cover}.redeem-success .point{gap:2px;font-size:16px;font-weight:500}.redeem-success .point p{font-size:24px}.redeem-success .failure-image{z-index:1;background:#fef1f1;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-top:40px;margin-bottom:20px;display:flex;position:relative}.redeem-success .failure-image:before{content:"";z-index:-1;background:#fff8f8;border-radius:50%;width:130%;height:130%;position:absolute}.redeem-success .pending-image{z-index:1;background:#fff8e1;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-top:40px;margin-bottom:20px;display:flex;position:relative}.redeem-success .pending-image:before{content:"";z-index:-1;background:#fffaf0;border-radius:50%;width:130%;height:130%;position:absolute}.redeem-success .success-txt{color:#121212;text-align:center;margin-top:20px;font-size:24px;font-weight:700}.redeem-success .des{opacity:.6;text-align:center;margin-top:12px;padding:0 20px;font-size:16px;font-weight:400;line-height:1.5}.redeem-success .try-again-btn{color:#007afe;cursor:pointer;margin-top:32px;margin-bottom:20px;font-size:18px;font-weight:600;text-decoration:underline}.redeem-success .try-again-btn:hover{opacity:.8}.points-cards-wrapper{scrollbar-width:none;gap:6px;margin-top:12px;display:flex;overflow-x:auto}.points-cards-wrapper::-webkit-scrollbar{display:none}.points-cards-wrapper .point-card{background:#fff;border:1px solid rgba(18,18,18,.08);border-radius:8px;flex-direction:column;flex:1;align-items:center;min-width:120px;padding:10px 13px 8px;display:flex}.points-cards-wrapper .point-card .card-icon{justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:12px;display:flex}.points-cards-wrapper .point-card .card-icon img{object-fit:contain}.points-cards-wrapper .point-card .card-title{color:#121212;opacity:.6;margin-bottom:8px;font-size:16px;font-weight:400}.points-cards-wrapper .point-card .card-points{align-items:center;gap:6px;margin-bottom:16px;display:flex}.points-cards-wrapper .point-card .card-points .point-icon{width:20px;height:20px}.points-cards-wrapper .point-card .card-points .point-val{color:#121212;font-size:16px;font-weight:600}.points-cards-wrapper .point-card .redeem-btn{color:#007afe;cursor:pointer;text-align:center;background:#f5f5f5;border:none;border-radius:8px;width:100%;padding:6px;font-size:14px;font-weight:500;transition:all .2s}.points-cards-wrapper .point-card .redeem-btn:hover{background:rgba(0,122,254,.05)}