.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control);padding:0 var(--space-3);border:1px solid var(--outline);border-radius:var(--capsule);background:var(--raised);color:var(--text-primary);font:var(--type-body);white-space:nowrap;cursor:pointer;transition:background var(--motion-quick) var(--motion-curve);display:inline-flex;position:relative}.ui-button:hover{background:var(--hover)}.ui-button:active,.ui-button[data-pressed]{background:var(--pressed)}.ui-button[data-variant=prominent]{border-color:var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:var(--weight-semibold)}.ui-button[data-variant=prominent]:hover,.ui-button[data-variant=prominent]:active{border-color:var(--accent-pressed);background:var(--accent-pressed)}.ui-button[data-variant=quiet]{color:var(--text-secondary);background:0 0;border-color:#0000}.ui-button[data-variant=quiet]:hover{background:var(--hover)}.ui-button[data-variant=quiet]:active{background:var(--pressed)}.ui-button[data-variant=destructive]{border-color:var(--error);color:var(--error)}.ui-button[data-size=small]{min-height:var(--control-small);padding:0 var(--space-2);font:var(--type-footnote)}.ui-button[data-size=small]:after{inset:calc(var(--space-1) * -1);content:"";position:absolute}.ui-button[data-size=large]{min-height:var(--control-large);padding:0 var(--space-4)}.ui-button[data-disabled],.ui-button:disabled{border-color:var(--separator);background:var(--hover);color:var(--text-muted);cursor:default}.ui-button[data-icon]{width:var(--control);padding:0}.ui-button[data-icon][data-size=small]{width:var(--control-small)}.ui-button[data-icon][data-size=large]{width:var(--control-large)}.ui-icon{width:var(--icon);height:var(--icon);flex:none}