@layer components{.confirma{width:var(--confirma-t,72px);height:var(--confirma-t,72px);background:var(--teal-50);color:var(--teal-700);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.confirma--grande{--confirma-t:96px}.confirma--cafe{background:var(--mist-100);color:var(--ink-800)}.confirma svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:56%;height:56%;overflow:visible}.confirma:after{content:"";border:2px solid var(--teal-500);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:0}.confirma--cafe:after{border-color:var(--ink-400)}.confirma .confirma__trazo{stroke-dasharray:1;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){html:not(.no-motion) .confirma{animation:confirma-posa .7s var(--ease-out) both}html:not(.no-motion) .confirma:after{animation:confirma-onda 1.3s var(--ease-out) .35s both}html:not(.no-motion) .confirma .confirma__trazo{stroke-dashoffset:1px;animation:confirma-dibuja .55s var(--ease-out) .3s forwards}}@keyframes confirma-posa{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}@keyframes confirma-onda{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}@keyframes confirma-dibuja{to{stroke-dashoffset:0}}}