.btn-confirm-swap{--btn-confirm-dur:var(--duration-fast);--btn-confirm-blur:var(--blur-small);--btn-confirm-scale:var(--scale-small);--btn-confirm-ease:var(--ease-in-out);place-items:center;display:inline-grid}.btn-confirm-swap .btn-confirm-face{justify-content:center;align-items:center;gap:inherit;transition:opacity var(--btn-confirm-dur) var(--btn-confirm-ease), filter var(--btn-confirm-dur) var(--btn-confirm-ease), transform var(--btn-confirm-dur) var(--btn-confirm-ease);will-change:opacity, filter, transform;grid-area:1/1;display:inline-flex}.btn-confirm-swap[data-state=idle] .btn-confirm-face[data-face=idle],.btn-confirm-swap[data-state=done] .btn-confirm-face[data-face=done]{opacity:1;filter:blur();transform:scale(1)}.btn-confirm-swap[data-state=idle] .btn-confirm-face[data-face=done],.btn-confirm-swap[data-state=done] .btn-confirm-face[data-face=idle]{opacity:0;filter:blur(var(--btn-confirm-blur));transform:scale(var(--btn-confirm-scale));pointer-events:none}@media (prefers-reduced-motion:reduce){.btn-confirm-swap .btn-confirm-face{transition:none!important}}
