:root{--motion-stagger:40ms;--motion-shimmer:1.25s}.my-cards-page .my-cards-showcase button{transition:transform var(--motion-duration-spring) var(--motion-ease-spring), opacity var(--motion-duration-slow) var(--motion-ease-standard);will-change:transform, opacity}.my-cards-page .my-cards-showcase[data-dragging] button,.my-cards-page .my-cards-showcase[data-dragging] .my-cards-card-gloss>i{transition:none}.my-cards-card-gloss{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.my-cards-card-gloss>i{opacity:0;width:40%;transition:transform var(--motion-duration-spring) var(--motion-ease-spring), opacity var(--motion-duration-slow) var(--motion-ease-standard);background:linear-gradient(100deg,#0000,#ffffff57,#0000);position:absolute;top:-20%;bottom:-20%;left:30%}.my-cards-page .my-cards-showcase button.is-arriving{animation:cards-arrive var(--motion-duration-spring) var(--motion-ease-spring) backwards}@keyframes cards-arrive{0%{opacity:0;translate:0 56px;scale:.8}}.my-cards-card-sheen{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.my-cards-card-sheen:before{content:"";width:45%;animation:cards-sheen calc(var(--motion-shimmer) * 2) var(--motion-ease-standard) infinite;background:linear-gradient(100deg,#0000,#ffffff6b,#0000);position:absolute;top:-20%;bottom:-20%;left:0;transform:translate(-120%)skew(-14deg)}@keyframes cards-sheen{60%,to{transform:translate(260%)skew(-14deg)}}.my-cards-card-overlay.cards-badge-swap{animation:cards-pill-in var(--motion-duration-spring) var(--motion-ease-spring) backwards}@keyframes cards-pill-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.82)}}.my-cards-card-veil .cards-badge-swap{animation:cards-badge-in var(--motion-duration-spring) var(--motion-ease-spring) backwards}@keyframes cards-badge-in{0%{opacity:0;scale:.82}}.my-cards-card-alive{pointer-events:none;border-radius:16px;position:absolute;inset:0;overflow:hidden}.my-cards-card-alive-cover{animation:motion-fade-out var(--motion-duration-slower) var(--motion-ease-standard) both}.my-cards-card-alive-glint{opacity:0;width:45%;animation:motion-frost-glint var(--motion-duration-slower) var(--motion-ease-emphasized) var(--motion-duration-base) both;background:linear-gradient(100deg,#0000,#fff9,#0000);position:absolute;top:-20%;bottom:-20%;left:0}.cards-check-badge.my-cards-card-alive-check{animation:motion-pop-in var(--motion-duration-spring) var(--motion-ease-spring-bouncy) var(--motion-duration-fast) backwards, motion-fade-out var(--motion-duration-base) var(--motion-ease-standard) calc(var(--motion-duration-slower) * 2) forwards;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.my-cards-page .my-cards-showcase button{transition:transform var(--motion-duration-base) var(--motion-ease-standard), opacity var(--motion-duration-base) var(--motion-ease-standard)}.my-cards-card-gloss,.my-cards-card-sheen,.my-cards-card-alive-glint{display:none}.my-cards-page .my-cards-showcase button.is-arriving,.my-cards-card-veil .cards-badge-swap{animation-name:motion-fade-in}.my-cards-card-overlay.cards-badge-swap{animation:none}.cards-check-badge.my-cards-card-alive-check{animation:motion-fade-in var(--motion-duration-base) var(--motion-ease-standard) backwards, motion-fade-out var(--motion-duration-base) var(--motion-ease-standard) calc(var(--motion-duration-slower) * 2) forwards}}html[data-motion=reduced] .my-cards-page .my-cards-showcase button{transition:transform var(--motion-duration-base) var(--motion-ease-standard), opacity var(--motion-duration-base) var(--motion-ease-standard)}html[data-motion=reduced] .my-cards-card-gloss,html[data-motion=reduced] .my-cards-card-sheen,html[data-motion=reduced] .my-cards-card-alive-glint{display:none}html[data-motion=reduced] .my-cards-page .my-cards-showcase button.is-arriving,html[data-motion=reduced] .my-cards-card-veil .cards-badge-swap{animation-name:motion-fade-in}html[data-motion=reduced] .my-cards-card-overlay.cards-badge-swap{animation:none}html[data-motion=reduced] .cards-check-badge.my-cards-card-alive-check{animation:motion-fade-in var(--motion-duration-base) var(--motion-ease-standard) backwards, motion-fade-out var(--motion-duration-base) var(--motion-ease-standard) calc(var(--motion-duration-slower) * 2) forwards}.cards-swap-in{animation:cards-swap-in var(--motion-duration-slow) var(--motion-ease-emphasized) backwards}@keyframes cards-swap-in{0%{opacity:0;transform:translate3d(calc(var(--card-swap-dir,1) * 16px), 0, 0)}}.my-cards-page .my-cards-actions>*{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) backwards}.my-cards-page .my-cards-actions>:nth-child(2){animation-delay:var(--motion-stagger)}.my-cards-page .my-cards-actions>:nth-child(3){animation-delay:calc(var(--motion-stagger) * 2)}.my-cards-page .my-cards-actions>:nth-child(4){animation-delay:calc(var(--motion-stagger) * 3)}.my-cards-page .my-cards-action-surface{transition:transform var(--motion-duration-base) var(--motion-ease-spring-bouncy)}.my-cards-page .my-cards-actions>button:not(:disabled):active .my-cards-action-surface{transition-duration:var(--motion-duration-fast);transform:scale(.88)}.my-cards-page .my-cards-wallet-action>:not(.wallet-guide-buttons),.my-cards-page .wallet-guide-buttons>*{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) calc(var(--motion-stagger) * 3) backwards}.my-cards-page .wallet-guide-buttons>:nth-child(2){animation-delay:calc(var(--motion-stagger) * 4)}.my-cards-tx{display:grid}.my-cards-tx.is-cascade{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) calc(var(--row-i,0) * var(--motion-stagger)) backwards}.my-cards-tx.is-pop{animation:cards-row-pop var(--motion-duration-spring) var(--motion-ease-spring) backwards}@keyframes cards-row-pop{0%{opacity:0;transform:translateY(-10px)scale(.94)}}@media (prefers-reduced-motion:reduce){.cards-swap-in,.my-cards-page .my-cards-actions>*,.my-cards-page .my-cards-wallet-action>:not(.wallet-guide-buttons),.my-cards-page .wallet-guide-buttons>*,.my-cards-tx.is-cascade,.my-cards-tx.is-pop{animation-name:motion-fade-in}.my-cards-page .my-cards-actions>button:not(:disabled):active .my-cards-action-surface{transform:none}}html[data-motion=reduced] .cards-swap-in,html[data-motion=reduced] .my-cards-page .my-cards-actions>*,html[data-motion=reduced] .my-cards-page .my-cards-wallet-action>:not(.wallet-guide-buttons),html[data-motion=reduced] .my-cards-page .wallet-guide-buttons>*,html[data-motion=reduced] .my-cards-tx.is-cascade,html[data-motion=reduced] .my-cards-tx.is-pop{animation-name:motion-fade-in}html[data-motion=reduced] .my-cards-page .my-cards-actions>button:not(:disabled):active .my-cards-action-surface{transform:none}.cards-details-toggle{align-items:center;gap:6px;display:inline-flex}.cards-countdown-ring{animation:motion-fade-in var(--motion-duration-base) var(--motion-ease-standard) backwards;flex:none;transform:rotate(-90deg)}.cards-countdown-ring-left{stroke-dasharray:1;animation:cards-countdown var(--countdown-ms,60s) steps(60, end) both}@keyframes cards-countdown{to{stroke-dashoffset:1px}}.my-cards-detail-note.is-flipback{animation:cards-flip-back var(--motion-duration-slow) var(--motion-ease-emphasized) both;backface-visibility:hidden}@keyframes cards-flip-back{0%{opacity:0;transform:perspective(900px)rotateY(90deg)}40%{opacity:1}to{transform:perspective(900px)rotateY(0)}}@media (prefers-reduced-motion:reduce){.my-cards-detail-note.is-flipback{animation-name:motion-fade-in}}html[data-motion=reduced] .my-cards-detail-note.is-flipback{animation-name:motion-fade-in}.cards-check-badge{background:var(--color-gain);color:var(--color-on-dark);animation:motion-pop-in var(--motion-duration-spring) var(--motion-ease-spring-bouncy) var(--motion-duration-base) backwards;border-radius:50%;place-items:center;display:inline-grid;box-shadow:0 4px 14px #00000029}.cards-check-badge path{stroke-dasharray:1;animation:motion-draw var(--motion-duration-slow) var(--motion-ease-emphasized) calc(var(--motion-duration-base) + var(--motion-duration-fast)) both}@media (prefers-reduced-motion:reduce){.cards-check-badge,.cards-check-badge path{animation-name:motion-fade-in}}html[data-motion=reduced] .cards-check-badge,html[data-motion=reduced] .cards-check-badge path{animation-name:motion-fade-in}.card-topup-done-stage{display:inline-block;position:relative}.card-topup-done-stage>img{animation:motion-card-land var(--motion-duration-slower) var(--motion-ease-spring) backwards;display:block}.card-topup-done-stage>.cards-check-badge{position:absolute;bottom:-12px;right:-12px}@media (prefers-reduced-motion:reduce){.card-topup-done-stage>img{animation-name:motion-fade-in}}html[data-motion=reduced] .card-topup-done-stage>img{animation-name:motion-fade-in}.card-topup-amount{place-items:center end;display:inline-grid}.card-topup-amount>*{grid-area:1/1}.card-topup-amount[data-loading]>.card-topup-amount-value{opacity:0}.wallet-guide-steps>li{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) calc(var(--step-i,0) * var(--motion-stagger)) backwards}@supports selector(:has(*)){.wallet-guide-body .segmented-tabs{isolation:isolate;position:relative}.wallet-guide-body .segmented-tabs:before{z-index:-1;background:var(--color-surface);content:"";width:calc(50% - 4px);transition:transform var(--motion-duration-spring) var(--motion-ease-spring);border-radius:16px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 4px #10131814}.wallet-guide-body .segmented-tabs:has(.segmented-tab:nth-child(2).is-selected):before{transform:translate(100%)}.wallet-guide-body .segmented-tab.is-selected{box-shadow:none;background:0 0}}@media (prefers-reduced-motion:reduce){.wallet-guide-steps>li{animation-name:motion-fade-in}.wallet-guide-body .segmented-tabs:before{transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard)}}html[data-motion=reduced] .wallet-guide-steps>li{animation-name:motion-fade-in}html[data-motion=reduced] .wallet-guide-body .segmented-tabs:before{transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard)}.card-preview-item{animation:motion-rise-in var(--motion-duration-slow) var(--motion-ease-emphasized) calc(var(--row-i,0) * var(--motion-stagger)) backwards;transition:transform var(--motion-duration-base) var(--motion-ease-spring)}.card-preview-item:active{transition-duration:var(--motion-duration-fast);transition-timing-function:var(--motion-ease-standard);transform:scale(.98)}@media (prefers-reduced-motion:reduce){.card-preview-item{transition:none;animation-name:motion-fade-in}.card-preview-item:active{transform:none}}html[data-motion=reduced] .card-preview-item{transition:none;animation-name:motion-fade-in}html[data-motion=reduced] .card-preview-item:active{transform:none}