@keyframes border-md-to-full{0%{border-radius:8px}to{border-radius:9999px}}@keyframes border-full-to-md{0%{border-radius:9999px}to{border-radius:8px}}.confetti-button-async{transition:opacity .1s ease-in-out,width .5s cubic-bezier(.68,-.1,.32,1.1),background-color .1s ease-in-out,transform .1s}.confetti-button-async[pm-animation-state=awaitingPromiseAnimatingIn],.confetti-button-async[pm-animation-state=awaitingPromiseAnimatedIn]{width:var(--button-size);animation:.5s cubic-bezier(.5,0,.75,0) border-md-to-full}.confetti-button-async[pm-animation-state=awaitingPromiseAnimatingIn] .confetti-resting-copy,.confetti-button-async[pm-animation-state=awaitingPromiseAnimatedIn] .confetti-resting-copy{opacity:0}.confetti-button-async[pm-animation-state=awaitingPromiseAnimatedIn]{border-radius:9999px}.confetti-button-async[pm-animation-state=awaitingPromiseAnimatedIn] .confetti-loading-spinner{opacity:1}.confetti-button-async[pm-animation-state=awaitingPromiseAnimatingOut],.confetti-button-async[pm-animation-state=animatingIn],.confetti-button-async[pm-animation-state=animatedIn]{width:100%;animation:.5s cubic-bezier(.25,1,.5,1) border-full-to-md}.confetti-button-async[pm-animation-state=awaitingPromiseAnimatingOut] .confetti-loading-spinner,.confetti-button-async[pm-animation-state=animatingIn] .confetti-loading-spinner,.confetti-button-async[pm-animation-state=animatedIn] .confetti-loading-spinner{opacity:0}.confetti-button-async[pm-animation-state=animatingIn],.confetti-button-async[pm-animation-state=animatedIn]{background-color:#27ae60}.confetti-button-async[pm-animation-state=animatingIn] .confetti-resting-copy,.confetti-button-async[pm-animation-state=animatedIn] .confetti-resting-copy{opacity:0}.confetti-button-async[pm-animation-state=animatedIn] .confetti-success-copy{opacity:1;translate:-50% -50%}.confetti-button-async[pm-animation-state=animatingOut] .confetti-success-copy{opacity:0;translate:-50% 150%}.confetti-button-async[pm-animation-state=animatingOut] .confetti-resting-copy{opacity:0}.confetti-button-sync:before{content:"";background-color:#27ae60;border-radius:8px;width:100%;height:100%;transition:transform .25s ease-in-out,background-color .25s ease-in-out;position:absolute;top:50%;left:0;transform:translate(-100%,-50%)}.confetti-button-sync[pm-animation-state=resting]:before{opacity:0}.confetti-button-sync[pm-animation-state=animatingIn]:before,.confetti-button-sync[pm-animation-state=animatedIn]:before{transform:translateY(-50%)scale(1.001)}.confetti-button-sync[pm-animation-state=animatingIn] .confetti-resting-copy,.confetti-button-sync[pm-animation-state=animatedIn] .confetti-resting-copy{opacity:0}.confetti-button-sync[pm-animation-state=animatedIn] .confetti-success-copy{opacity:1;translate:-50% -50%}.confetti-button-sync[pm-animation-state=animatingOut]:before{background-color:var(--confetti-button-bg,#1652f0);transform:translate(-100%,-50%)}.confetti-button-sync[pm-animation-state=animatingOut] .confetti-success-copy{opacity:0;translate:-50% -50%}.confetti-button-sync.bg-brand-500[pm-animation-state=animatingOut]:before{background-color:#1652f0}.confetti-button-sync.bg-\(--legacy-red\)[pm-animation-state=animatingOut]:before{background-color:#e64800}.confetti-button-sync.bg-\(--legacy-green2\)[pm-animation-state=animatingOut]:before,.confetti-button-sync.bg-\(--legacy-red\)[pm-animation-state=animatedIn]{background-color:#27ae60}