@keyframes payment-transition-slide-from-left{0%{transform:translate(-1%)}}@keyframes payment-transition-slide-from-right{0%{transform:translate(1%)}}@keyframes payment-transition-fade-in{0%{opacity:0}}@keyframes payment-transition-slide-to-left{to{transform:translate(-1%)}}@keyframes payment-transition-slide-to-right{to{transform:translate(1%)}}@keyframes payment-transition-fade-out{to{opacity:0}}@keyframes payment-transition-clip-content{0%,99%{overflow:hidden}to{overflow:visible}}@supports (view-transition-name: none){@media(prefers-reduced-motion:no-preference){:root{--payment-transition-fade-out-animation: payment-transition-fade-out 50ms both;--payment-transition-exit-slide-delay: var(--x-duration-base)}html:active-view-transition-type(payment-selector-change) .payment-transition-selector{display:block;view-transition-name:payment-selector;view-transition-class:payment-fade}html:active-view-transition-type(payment-details-slide-start,payment-details-slide-end) .payment-transition-details{display:block;view-transition-name:payment-method-details;view-transition-class:payment-details}:is(html:active-view-transition-type(payment-details-slide-start,payment-details-slide-end) .payment-transition-details):where(:empty),:is(html:active-view-transition-type(payment-details-slide-start,payment-details-slide-end) .payment-transition-details):where(:not(:has(>:not([data-collapsed=true])>:not(:empty)))){display:contents}.payment-transition-extensions-enter-start{animation:payment-transition-fade-in var(--x-duration-fast) var(--x-timing-linear) both,payment-transition-slide-from-left var(--x-duration-slow) var(--x-timing-ease-out) both}.payment-transition-extensions-enter-start:where([dir=rtl]){animation-name:payment-transition-fade-in,payment-transition-slide-from-right}.payment-transition-extensions-enter-end{animation:payment-transition-fade-in var(--x-duration-fast) var(--x-timing-linear) both,payment-transition-slide-from-right var(--x-duration-slow) var(--x-timing-ease-out) both}.payment-transition-extensions-enter-end:where([dir=rtl]){animation-name:payment-transition-fade-in,payment-transition-slide-from-left}.payment-transition-extensions-clip{animation:payment-transition-clip-content var(--x-duration-slow) var(--x-timing-linear) forwards}::view-transition-group(*.payment-fade){overflow:clip;animation-duration:0s}::view-transition-old(*.payment-fade){animation:payment-transition-fade-out var(--x-duration-base) var(--x-timing-linear) both}::view-transition-new(*.payment-fade){animation:payment-transition-fade-in var(--x-duration-base) var(--x-timing-linear) both}::view-transition-group(*.payment-details){overflow:visible;animation-duration:0s}::view-transition-old(*.payment-details):only-child{--payment-transition-fade-out-animation: payment-transition-fade-out var(--x-duration-slow) var(--x-timing-ease-out) both;--payment-transition-exit-slide-delay: 0s}html:active-view-transition-type(payment-details-slide-start)::view-transition-old(*.payment-details){animation:var(--payment-transition-fade-out-animation),payment-transition-slide-to-right var(--x-duration-slow) var(--x-timing-ease-out) var(--payment-transition-exit-slide-delay) both}html:active-view-transition-type(payment-details-slide-start)::view-transition-new(*.payment-details){animation:payment-transition-fade-in var(--x-duration-fast) var(--x-timing-linear) both,payment-transition-slide-from-left var(--x-duration-slow) var(--x-timing-ease-out) both}html[dir=rtl]:active-view-transition-type(payment-details-slide-start)::view-transition-old(*.payment-details){animation:var(--payment-transition-fade-out-animation),payment-transition-slide-to-left var(--x-duration-slow) var(--x-timing-ease-out) var(--payment-transition-exit-slide-delay) both}html[dir=rtl]:active-view-transition-type(payment-details-slide-start)::view-transition-new(*.payment-details){animation:payment-transition-fade-in var(--x-duration-fast) var(--x-timing-linear) both,payment-transition-slide-from-right var(--x-duration-slow) var(--x-timing-ease-out) both}html:active-view-transition-type(payment-details-slide-end)::view-transition-old(*.payment-details){animation:var(--payment-transition-fade-out-animation),payment-transition-slide-to-left var(--x-duration-slow) var(--x-timing-ease-out) var(--payment-transition-exit-slide-delay) both}html:active-view-transition-type(payment-details-slide-end)::view-transition-new(*.payment-details){animation:payment-transition-fade-in var(--x-duration-fast) var(--x-timing-linear) both,payment-transition-slide-from-right var(--x-duration-slow) var(--x-timing-ease-out) both}html[dir=rtl]:active-view-transition-type(payment-details-slide-end)::view-transition-old(*.payment-details){animation:var(--payment-transition-fade-out-animation),payment-transition-slide-to-right var(--x-duration-slow) var(--x-timing-ease-out) var(--payment-transition-exit-slide-delay) both}html[dir=rtl]:active-view-transition-type(payment-details-slide-end)::view-transition-new(*.payment-details){animation:payment-transition-fade-in var(--x-duration-fast) var(--x-timing-linear) both,payment-transition-slide-from-left var(--x-duration-slow) var(--x-timing-ease-out) both}}}