button[data-action-feedback]{position:relative;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}button[data-action-feedback=pending]{cursor:progress;box-shadow:inset 0 -3px 0 #7890bd}button[data-action-feedback=pending]:after{content:"";position:absolute;top:-5px;right:-5px;width:17px;height:17px;border-radius:50%;border:3px solid #d7e2f2;border-top-color:#214d83;background:#fff;animation:action-working .8s linear infinite}button[data-action-feedback=success]{background:#146747!important;border-color:#146747!important;color:#fff!important;opacity:1!important;box-shadow:0 0 0 3px #16704d22}button[data-action-feedback=success]:after{content:"✓";position:absolute;top:-7px;right:-7px;display:grid;place-items:center;width:21px;height:21px;border:2px solid #fff;border-radius:50%;background:#146747;color:#fff;font:700 12px/1 system-ui}button[data-action-feedback=info]{box-shadow:0 0 0 3px #6d91cb55}button[data-action-feedback=error]{box-shadow:0 0 0 3px #d31c4055}html[data-theme=dark] button[data-action-feedback=success]{background:#165d46!important;border-color:#73d6ae!important}html[data-theme=dark] button[data-action-feedback=success]:after{border-color:#182334;background:#a6efcb;color:#15372a}@keyframes action-working{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){button[data-action-feedback]{transition:none}button[data-action-feedback=pending]:after{animation:none}}