.ui-button{align-items:center;border:1px solid transparent;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:500;justify-content:center;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),color var(--transition-fast);white-space:nowrap}.ui-button:focus-visible{outline:.125rem solid var(--accent-500);outline-offset:.125rem}.ui-button:disabled{cursor:not-allowed}.ui-button--md{border-radius:.875rem;font-size:1rem;gap:.75rem;height:3rem;letter-spacing:-.02rem;line-height:1.5rem;padding:1rem 1.25rem}.ui-button--md .icon,.ui-button--md svg{height:1rem;width:1rem}.ui-button--sm{border-radius:.75rem;font-size:.875rem;gap:.5rem;height:2.5rem;letter-spacing:-.0175rem;line-height:1.25rem;padding:.75rem 1rem}.ui-button--sm .icon,.ui-button--sm svg{height:1rem;width:1rem}.ui-button--xs{border-radius:.625rem;font-size:.75rem;gap:.25rem;height:2rem;letter-spacing:-.015rem;line-height:1rem;padding:.5625rem .75rem}.ui-button--xs .icon,.ui-button--xs svg{height:.875rem;width:.875rem}.ui-button--icon-only.ui-button--md{padding:0;width:3rem}.ui-button--icon-only.ui-button--sm{padding:0;width:2.5rem}.ui-button--icon-only.ui-button--xs{padding:0;width:2rem}.ui-button--primary{background:var(--color-primary);color:var(--base-0)}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-button--primary:active:not(:disabled){background:var(--color-primary-active)}.ui-button--primary:disabled{background:var(--base-200)}.ui-button--secondary{background:var(--accent-100);color:var(--color-primary)}.ui-button--secondary:hover:not(:disabled){background:var(--color-primary);color:var(--base-0)}.ui-button--secondary:active:not(:disabled){background:var(--color-primary-hover);color:var(--base-0)}.ui-button--secondary:disabled{background:var(--base-200);color:var(--base-0)}.ui-button--tertiary{background:transparent;border-color:var(--accent-200);color:var(--color-primary)}.ui-button--tertiary:hover:not(:disabled){background:var(--base-0);box-shadow:0 0 0 4px #245bf326}.ui-button--tertiary:active:not(:disabled){background:var(--accent-100);border-color:var(--accent-400);box-shadow:0 0 0 4px #245bf326}.ui-button--tertiary:disabled{border-color:var(--base-200);color:var(--base-200)}.ui-button--alert{background:var(--color-error);color:var(--base-0)}.ui-button--alert:hover:not(:disabled){background:var(--color-error-hover)}.ui-button--alert:active:not(:disabled){background:var(--color-error-active)}.ui-button--alert:disabled{background:var(--base-200)}.ui-button--ghost{background:transparent;border-color:var(--base-200);color:var(--color-text)}.ui-button--ghost:hover:not(:disabled){background:var(--base-100)}.ui-button--ghost:active:not(:disabled){background:var(--base-200)}.ui-button--ghost:disabled{border-color:var(--base-200);color:var(--base-200)}.ui-button--loading .ui-button__content{opacity:0}.ui-button__content{display:inline-flex;gap:inherit;transition:opacity var(--transition-fast)}.ui-button__content,.ui-button__loader{align-items:center;justify-content:center}.ui-button__loader{display:flex;gap:.25rem;inset:0;position:absolute}.ui-button__dot{animation:ui-button-pulse 1s ease-in-out infinite;background:currentColor;border-radius:50%;height:.25rem;width:.25rem}.ui-button__dot:nth-child(2){animation-delay:.15s}.ui-button__dot:nth-child(3){animation-delay:.3s}@keyframes ui-button-pulse{0%,to{opacity:.3}50%{opacity:1}}