.ui-button{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--button-gap);min-block-size:var(--button-min-block-size);padding-block:var(--button-padding-block);padding-inline:var(--button-padding-inline);border:1px solid var(--button-border);border-radius:var(--border-radius);appearance:none;background-color:var(--button-bg);color:var(--button-text);font:inherit;font-weight:var(--font-medium);text-align:center;cursor:pointer;transition:background-color var(--transition-duration-turbo) ease-in-out, border-color var(--transition-duration-turbo) ease-in-out, color var(--transition-duration-turbo) ease-in-out;line-height:1.2;display:inline-flex}.ui-button--primary{--button-bg:var(--color-button-primary-bg);--button-bg-hover:var(--color-button-primary-bg-hover);--button-bg-active:var(--color-button-primary-bg-active);--button-border:transparent;--button-text:var(--color-button-text);--button-disabled-bg:var(--color-button-disabled-bg);--button-disabled-border:transparent;--button-disabled-text:var(--color-button-disabled-text)}.ui-button--secondary{--button-bg:var(--color-button-secondary-bg);--button-bg-hover:var(--color-button-secondary-bg-hover);--button-bg-active:var(--color-button-secondary-bg-active);--button-border:var(--color-button-secondary-border);--button-text:var(--color-button-secondary-text);--button-disabled-bg:transparent;--button-disabled-border:var(--color-button-disabled-border);--button-disabled-text:var(--color-button-disabled-text)}.ui-button--tertiary{--button-bg:var(--color-button-tertiary-bg);--button-bg-hover:var(--color-button-tertiary-bg-hover);--button-bg-active:var(--color-button-tertiary-bg-active);--button-border:transparent;--button-text:var(--color-button-tertiary-text);--button-disabled-bg:transparent;--button-disabled-border:transparent;--button-disabled-text:var(--color-button-disabled-text)}.ui-button--danger{--button-bg:var(--color-button-danger-bg);--button-bg-hover:var(--color-button-danger-bg-hover);--button-bg-active:var(--color-button-danger-bg-active);--button-border:transparent;--button-text:var(--color-button-danger-text);--button-disabled-bg:var(--color-button-disabled-bg);--button-disabled-border:transparent;--button-disabled-text:var(--color-button-disabled-text)}.ui-button:hover:not(:disabled){background-color:var(--button-bg-hover)}.ui-button:active:not(:disabled){background-color:var(--button-bg-active)}.ui-button:focus-visible{outline:.1875rem solid var(--color-focus);outline-offset:.1875rem}.ui-button:disabled{border-color:var(--button-disabled-border);background-color:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed}.ui-button--sm{--button-min-block-size:2.25rem;--button-padding-block:var(--space-2xs);--button-padding-inline:var(--space-xs);--button-gap:var(--space-3xs)}.ui-button--md{--button-min-block-size:2.75rem;--button-padding-block:var(--space-xs);--button-padding-inline:var(--space-s);--button-gap:var(--space-2xs)}.ui-button--lg{--button-min-block-size:3.25rem;--button-padding-block:var(--space-s);--button-padding-inline:var(--space-m);--button-gap:var(--space-xs)}.ui-button--full-width{inline-size:100%}.ui-button-icon{flex:none;justify-content:center;align-items:center;block-size:1em;inline-size:1em;line-height:0;display:inline-flex}.ui-button-icon svg{block-size:100%;inline-size:100%;display:block}.ui-button-label{min-inline-size:0}a.ui-button:any-link{color:var(--button-text);text-decoration:none}.ui-icon-button{inline-size:var(--button-min-block-size);min-inline-size:var(--button-min-block-size);block-size:var(--button-min-block-size);padding:0}.ui-icon-button.ui-button--sm{--icon-button-icon-size:1rem}.ui-icon-button.ui-button--md{--icon-button-icon-size:1.25rem}.ui-icon-button.ui-button--lg{--icon-button-icon-size:1.5rem}.ui-icon-button .ui-button-icon{inline-size:var(--icon-button-icon-size);block-size:var(--icon-button-icon-size)}.ui-button{position:relative}.ui-button-content{justify-content:center;align-items:center;gap:var(--button-gap);min-inline-size:0;display:inline-flex}.ui-button-spinner{border:.125em solid;border-inline-end-color:#0000;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite ui-button-spin;display:none;position:absolute;inset-block-start:50%;inset-inline-start:50%}.ui-button[aria-busy=true] .ui-button-content{visibility:hidden}.ui-button[aria-busy=true] .ui-button-spinner{display:block}.ui-button[aria-busy=true]:disabled{cursor:progress;opacity:1}.ui-icon-button .ui-button-spinner{inline-size:var(--icon-button-icon-size);block-size:var(--icon-button-icon-size)}@keyframes ui-button-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ui-button-spinner{animation:none;transform:translate(-50%,-50%)}}