.atelier-action{max-width:100%;transition:width var(--motion-standard) var(--ease-work), background-color var(--motion-state), color var(--motion-state), box-shadow var(--motion-state);border-radius:999px;justify-content:center;overflow:clip}.atelier-action>.atelier-button-content{position:relative}.atelier-action[data-state=pending]{background:var(--color-info-soft);color:var(--color-info)}.atelier-action[data-state=success]{background:var(--color-accent-soft);color:var(--color-accent)}.atelier-action[data-state=error]{background:var(--color-issue-soft);color:var(--color-issue)}.atelier-action[data-state=pending],.atelier-action[data-state=success]{opacity:1}.atelier-action-measure{flex-shrink:0;width:max-content;max-width:none;display:inline-flex}@property --atelier-ripple-r{syntax:"<length>";inherits:false;initial-value:0}.atelier-action-stage{max-width:100%;display:inline-flex;position:relative}.atelier-action-stage>.atelier-action{position:relative}.atelier-action-flourish{pointer-events:none;background-image:radial-gradient(var(--color-accent) .5px, transparent 1px);width:16rem;height:16rem;-webkit-mask-image:radial-gradient(circle at 50% 50%, transparent calc(var(--atelier-ripple-r) - 14px), black var(--atelier-ripple-r), transparent calc(var(--atelier-ripple-r) + 14px));mask-image:radial-gradient(circle at 50% 50%, transparent calc(var(--atelier-ripple-r) - 14px), black var(--atelier-ripple-r), transparent calc(var(--atelier-ripple-r) + 14px));background-position:50%;background-size:3px 3px;animation:.8s ease-out 80ms both atelier-ripple;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes atelier-ripple{0%{--atelier-ripple-r:0px;opacity:0}1%{opacity:1}to{--atelier-ripple-r:110px;opacity:0}}@media (prefers-reduced-motion:reduce){.atelier-action-flourish{display:none}}