@layer components{.ui-button{--btn-bg:transparent;--btn-bg-hover:var(--btn-bg);--btn-fg:var(--gray-12);--btn-fg-hover:var(--btn-fg);--btn-border:transparent;isolation:isolate;min-width:0;height:var(--control-h);padding-inline:var(--control-px);justify-content:center;align-items:center;gap:var(--control-gap);color:var(--btn-fg);font-size:var(--font-size-2,.875rem);line-height:var(--line-height-2,1.25rem);letter-spacing:var(--letter-spacing-2,0em);white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--motion-fast) var(--motion-ease);border-radius:6px;outline:none;flex-shrink:0;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.ui-button:before{content:"";z-index:-1;border-radius:inherit;background-color:var(--btn-bg);box-shadow:inset 0 0 0 1px var(--btn-border);transition:inset var(--motion-moderate) var(--motion-ease), border-radius var(--motion-moderate) var(--motion-ease), background-color var(--motion-fast) var(--motion-ease);position:absolute;inset:0}.ui-button:where(:not(:disabled,[aria-disabled=true])):is(:hover,[data-active]){--btn-bg:var(--btn-bg-hover);color:var(--btn-fg-hover)}.ui-button:where(:not(:disabled,[aria-disabled=true])):active:before{transition-duration:var(--motion-fast);border-radius:5px;inset:1px}.ui-button:focus-visible{box-shadow:0 0 0 2px var(--gray-1), 0 0 0 4px var(--accent-7)}.ui-button svg{width:var(--control-icon);height:var(--control-icon);flex-shrink:0}.ui-button[data-icon-start]{padding-inline-start:calc(var(--control-px) - 2px)}.ui-button[data-icon-end]{padding-inline-end:calc(var(--control-px) - 2px)}.ui-button[data-icon-only]{width:var(--control-h);padding-inline:0}.ui-button[data-variant=primary]{--btn-bg:var(--accent-9);--btn-bg-hover:var(--accent-10);--btn-fg:var(--accent-contrast)}.ui-button[data-variant=destructive]{--btn-bg:var(--red-9);--btn-bg-hover:var(--red-10);--btn-fg:white}.ui-button[data-variant=secondary]{--btn-bg:var(--gray-2);--btn-bg-hover:var(--gray-3);--btn-border:var(--gray-a6)}.ui-button[data-variant=tertiary]{--btn-bg-hover:var(--accent-a3);--btn-fg:var(--accent-11);--btn-fg-hover:var(--accent-12)}.ui-button[data-variant=ghost]{--btn-bg-hover:var(--gray-a3);--btn-fg:var(--gray-11);--btn-fg-hover:var(--gray-12)}.ui-button:is([data-variant=primary],[data-variant=destructive]):where(:disabled,[aria-disabled=true]):not([data-loading]){--btn-bg:var(--gray-3);--btn-fg:var(--gray-9)}.ui-button:not([data-variant=primary],[data-variant=destructive]):where(:disabled,[aria-disabled=true]):not([data-loading]){opacity:.5}.ui-button-content{display:contents}.ui-button-content>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.ui-button[data-loading] .ui-button-content>*{opacity:0}.ui-button-spinner{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}}.ui-button.ui-button:is(:disabled,[aria-disabled=true]){cursor:not-allowed}.ui-button.ui-button[data-loading]{cursor:progress}a.ui-button[aria-disabled=true]{pointer-events:none}