[data-component=button]{isolation:isolate;border-radius:var(--ag-radius-full);font-style:normal;font-weight:var(--ag-weight-medium);color:var(--ag-text-primary);font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:var(--ag-cursor-action);transition-property:scale,color,background-color;transition-duration:var(--ag-duration-fast);transition-timing-function:var(--ag-ease-out);outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:14px;line-height:1;display:inline-flex;position:relative}[data-component=button]:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;transition:background-color var(--ag-duration-hover-out) var(--ag-ease-out);position:absolute;inset:0}[data-component=button]:is(:hover,[data-state=hover]):before{transition-duration:var(--ag-duration-hover-in)}[data-component=button]:active:not(:disabled):not([data-static]){scale:.975}[data-component=button]:is(:focus-visible,[data-state=focus]):not(:disabled):not([data-variant=loading]){outline:2px solid var(--ag-focus-ring);outline-offset:2px}[data-component=button]:is(:disabled,[data-state=disabled]){background-color:var(--ag-fill-hover);color:var(--ag-text-disabled);box-shadow:none}[data-component=button][data-size=small]{height:var(--ag-size-control-sm);gap:6px;padding:0 8px;font-size:13px}[data-component=button][data-size=normal]{height:var(--ag-size-control-md);padding:0 12px}[data-component=button][data-size=large]{height:var(--ag-size-control-lg);padding:0 14px}[data-component=button][data-icon][data-size=small]{padding-inline-start:6px}[data-component=button][data-icon][data-size=normal]{padding-inline-start:10px}[data-component=button][data-icon][data-size=large]{padding-inline-start:12px}[data-component=button] [data-slot=icon-svg]{color:currentColor}[data-component=button]:is([data-variant=neutral],[data-variant=warning]):not(:disabled){background-color:var(--ag-fill-active)}[data-component=button][data-variant=warning]{color:var(--ag-status-warning-text)}[data-component=button][data-variant=contrast]:not(:disabled){background-color:var(--ag-action-solid);color:var(--ag-text-on-action)}[data-component=button][data-variant=brand]:not(:disabled){background-color:var(--ag-accent-solid);color:var(--ag-text-on-accent);box-shadow:var(--ag-shadow-button-primary)}[data-component=button][data-variant=danger]:not(:disabled){background-color:var(--ag-status-danger-solid);color:var(--ag-text-on-danger)}[data-component=button]:is([data-variant=neutral],[data-variant=warning]):is(:hover,[data-state=hover]):not(:disabled):before{background-color:var(--ag-fill-hover)}[data-component=button]:is([data-variant=neutral],[data-variant=warning]):is(:active,[data-state=pressed],[data-expanded]):not(:disabled):before{background-color:var(--ag-fill-active)}[data-component=button]:is([data-variant=contrast],[data-variant=brand],[data-variant=danger]):is(:hover,[data-state=hover]):not(:disabled):before{background-color:color-mix(in oklab, currentColor 8%, transparent)}[data-component=button]:is([data-variant=contrast],[data-variant=brand],[data-variant=danger]):is(:active,[data-state=pressed]):not(:disabled):before{background-color:color-mix(in oklab, currentColor 14%, transparent)}[data-component=button][data-variant=outline]{color:var(--ag-text-primary);box-shadow:inset 0 0 0 1px var(--ag-border-default);background-color:#0000}[data-component=button]:is([data-variant=ghost],[data-variant=ghost-muted]){color:var(--ag-text-secondary);background-color:#0000}[data-component=button][data-variant=ghost]{color:var(--ag-text-primary)}[data-component=button][data-variant=ghost-muted] [data-slot=icon-svg]{color:var(--ag-icon-secondary)}[data-component=button]:is([data-variant=outline],[data-variant=ghost],[data-variant=ghost-muted]):is(:hover,[data-state=hover]):not(:disabled){color:var(--ag-text-primary)}[data-component=button]:is([data-variant=outline],[data-variant=ghost],[data-variant=ghost-muted]):is(:hover,[data-state=hover]):not(:disabled):before{background-color:var(--ag-fill-hover)}[data-component=button]:is([data-variant=outline],[data-variant=ghost],[data-variant=ghost-muted]):is(:active,[data-state=pressed],[data-expanded]):not(:disabled):before{background-color:var(--ag-fill-active)}[data-component=button][data-variant=ghost-muted][data-expanded]:not(:disabled){color:var(--ag-text-primary)}[data-component=button][data-variant=ghost-muted][data-expanded]:not(:disabled) [data-slot=icon-svg]{color:var(--ag-icon-primary)}[data-component=button][data-variant=loading]{background:var(--ag-bg-raised);color:var(--ag-text-secondary);box-shadow:inset 0 0 0 1px var(--ag-border-default);pointer-events:none}@media (prefers-reduced-motion:reduce){[data-component=button]{transition:none}[data-component=button]:active{scale:none}}