@layer components{.button{display:flex;height:3.5rem;width:100%;align-items:center;justify-content:center;border-radius:1rem;padding:.5rem 1.5rem;font-size:var(--text-size-sm);line-height:120%;font-weight:500;cursor:pointer;position:relative;overflow:hidden}.button:disabled{cursor:not-allowed}.loading{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.button-primary{color:var(--color-neutral-1000)}.button-primary,.button-primary .loading{background-color:var(--color-primary)}.button-primary:disabled{background-color:var(--color-neutral-350);color:var(--color-neutral-800)}.button-primary.button-loading:disabled{background-color:var(--color-primary);color:var(--color-neutral-1000)}.button-secondary{color:var(--color-neutral-0)}.button-secondary,.button-secondary .loading{background-color:var(--color-neutral-850)}.button-secondary:disabled{background-color:var(--color-neutral-200);color:var(--color-neutral-600)}.button-secondary.button-loading:disabled{background-color:var(--color-neutral-850);color:var(--color-neutral-0)}.button-tertiary{color:var(--color-neutral-0)}.button-tertiary,.button-tertiary .loading{background-color:var(--color-neutral-1000)}.button-tertiary.button-loading:disabled,.button-tertiary:disabled{background-color:var(--color-neutral-1000);color:var(--color-neutral-0)}.loading-bubble{justify-content:flex-start;padding:1rem 1.25rem}.loading-bubble,.loading-dots{display:flex;align-items:center}.loading-dots{gap:.25rem}.loading-dot{width:.375rem;height:.375rem;border-radius:50%}.button-primary .loading-dot,.loading-dot{background-color:var(--color-neutral-250);animation:dotPulse 1.2s ease-in-out infinite}.button-secondary .loading-dot{background-color:var(--color-neutral-400);animation:dotPulseSecondary 1.2s ease-in-out infinite}.button-tertiary .loading-dot{background-color:var(--color-neutral-400);animation:dotPulseTertiary 1.2s ease-in-out infinite}.loading-dot:first-child{animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.4s}.loading-dot:nth-child(3){animation-delay:.8s}.button-primary .loading-dot:first-child,.button-secondary .loading-dot:first-child,.button-tertiary .loading-dot:first-child{animation-delay:0s}.button-primary .loading-dot:nth-child(2),.button-secondary .loading-dot:nth-child(2),.button-tertiary .loading-dot:nth-child(2){animation-delay:.4s}.button-primary .loading-dot:nth-child(3),.button-secondary .loading-dot:nth-child(3),.button-tertiary .loading-dot:nth-child(3){animation-delay:.8s}.loading-bubble--small{padding:.75rem 1rem}.loading-bubble--small .loading-dot{width:.25rem;height:.25rem}.loading-bubble--large{padding:1.25rem 1.5rem}.loading-bubble--large .loading-dot{width:.5rem;height:.5rem}.loading-bubble--large .loading-dots{gap:.375rem}}@layer components{@keyframes dotPulse{0%,80%,to{width:.375rem;height:.375rem;background-color:var(--color-neutral-250);transform:scale(1);opacity:.6}40%{width:.5rem;height:.5rem;background-color:var(--color-neutral-400);transform:scale(1.2);opacity:1}}.loading-bubble--small .loading-dot{animation:dotPulseSmall 1.2s ease-in-out infinite}@keyframes dotPulseSmall{0%,80%,to{width:.25rem;height:.25rem;background-color:var(--color-neutral-250);transform:scale(1);opacity:.6}40%{width:.375rem;height:.375rem;background-color:var(--color-neutral-400);transform:scale(1.2);opacity:1}}.loading-bubble--large .loading-dot{animation:dotPulseLarge 1.2s ease-in-out infinite}@keyframes dotPulseLarge{0%,80%,to{width:.5rem;height:.5rem;background-color:var(--color-neutral-250);transform:scale(1);opacity:.6}40%{width:.625rem;height:.625rem;background-color:var(--color-neutral-400);transform:scale(1.2);opacity:1}}@keyframes dotPulseSecondary{0%,80%,to{width:.375rem;height:.375rem;background-color:var(--color-neutral-400);transform:scale(1);opacity:.6}40%{width:.5rem;height:.5rem;background-color:var(--color-neutral-200);transform:scale(1.2);opacity:1}}@keyframes dotPulseTertiary{0%,80%,to{width:.375rem;height:.375rem;background-color:var(--color-neutral-400);transform:scale(1);opacity:.6}40%{width:.5rem;height:.5rem;background-color:var(--color-neutral-200);transform:scale(1.2);opacity:1}}.loading-bubble{animation:fadeInUp .3s cubic-bezier(.25,.46,.45,.94)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}}