.confirm-badge{--confirm-size:7rem;--confirm-check:2.5rem;width:var(--confirm-size);height:var(--confirm-size);position:relative}.confirm-badge-avatar{background:var(--color-brand-tint);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:.42s cubic-bezier(.2,1.3,.5,1) forwards confirm-badge-in;display:flex;overflow:hidden}.confirm-badge-avatar img{width:58%;height:auto}.confirm-badge-check{width:var(--confirm-check);height:var(--confirm-check);background:var(--color-success);border:3px solid var(--color-paper);opacity:0;border-radius:50%;justify-content:center;align-items:center;animation:.34s cubic-bezier(.2,1.6,.5,1) .3s forwards confirm-badge-pop;display:flex;position:absolute;bottom:0;right:0}.confirm-badge-check svg{fill:none;width:62%;height:62%;stroke:var(--color-paper);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.confirm-badge-check path{stroke-dasharray:24;stroke-dashoffset:24px;animation:.3s cubic-bezier(.4,0,.2,1) .46s forwards confirm-badge-draw}@keyframes confirm-badge-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes confirm-badge-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes confirm-badge-draw{to{stroke-dashoffset:0}}