button-ui:active{transform:scale(.97)}button-ui:not([disabled]):hover{--button-bg: var(--button-bg-hover)}button-ui[variant=primary]:not([disabled]):hover{--button-bg: var(--a-primary-hover)}button-ui[color=danger]:not([disabled]):hover{--button-bg: var(--a-danger-hover)}button-ui[color=success]:not([disabled]):hover{--button-bg: var(--a-success-hover)}button-ui[color=info]:not([disabled]):hover{--button-bg: var(--a-info-hover)}button-ui[color=warning]:not([disabled]):hover{--button-bg: var(--a-warning-bg)}button-ui[variant=tonal]:not([disabled]):hover{--button-bg: var(--a-primary-muted-hover)}button-ui[variant=tonal][color=danger]:not([disabled]):hover{--button-bg: var(--a-danger-muted-hover)}button-ui[variant=tonal][color=success]:not([disabled]):hover{--button-bg: var(--a-success-muted-hover)}button-ui[variant=tonal][color=info]:not([disabled]):hover{--button-bg: var(--a-info-muted-hover)}button-ui[variant=tonal][color=warning]:not([disabled]):hover{--button-bg: var(--a-warning-muted-hover)}button-ui[variant=outline]:not([disabled]):hover{--button-bg: transparent;--button-fg: var(--button-fg-hover)}button-ui[variant=ghost]:not([disabled]):hover{--button-bg: var(--button-bg-ghost-hover);--button-fg: var(--button-fg-ghost-hover);--button-border: var(--button-border-ghost-hover)}button-ui[variant=outline][color=danger]:not([disabled]):hover,button-ui[variant=ghost][color=danger]:not([disabled]):hover{--button-fg: var(--a-danger-strong)}button-ui[variant=outline][color=success]:not([disabled]):hover,button-ui[variant=ghost][color=success]:not([disabled]):hover{--button-fg: var(--a-success-strong)}button-ui[variant=outline][color=info]:not([disabled]):hover,button-ui[variant=ghost][color=info]:not([disabled]):hover{--button-fg: var(--a-info-strong)}button-ui[variant=outline][color=warning]:not([disabled]):hover,button-ui[variant=ghost][color=warning]:not([disabled]):hover{--button-fg: var(--a-warning-strong)}@scope(button-ui){:where(:scope){--button-bg: var(--a-ui-bg);--button-fg: var(--a-ui-text);--button-border: transparent;--button-height: var(--a-size);--button-px: var(--a-ui-inset);--button-radius: var(--a-radius);--button-font-size: var(--a-ui-size);--button-font-weight: var(--a-ui-weight);--button-font-family: var(--a-font-family-ui);--button-label-line-height: var(--a-font-leading-normal);--button-gap: var(--a-space-1);--button-bg-hover: var(--a-bg-strong);--button-fg-hover: var(--a-ui-text-hover);--button-border-hover: transparent;--button-bg-primary: var(--a-primary);--button-fg-primary: var(--a-primary-text-strong);--button-bg-outline: transparent;--button-fg-outline: var(--a-fg);--button-border-outline: var(--a-ui-border);--button-bg-ghost: transparent;--button-fg-ghost: var(--a-fg-muted);--button-fg-ghost-hover: var(--a-fg-strong);--button-bg-ghost-hover: transparent;--button-border-ghost: transparent;--button-border-ghost-hover: transparent;--button-bg-danger: var(--a-danger);--button-fg-danger: var(--a-chrome-light);--button-bg-disabled: var(--a-ui-bg-disabled);--button-fg-disabled: var(--a-ui-text-disabled);--button-border-disabled: transparent;--button-duration: var(--a-duration-fast);--button-easing: var(--a-easing);--button-focus-ring: var(--a-focus-ring);--button-touch-target: 2.75rem;--button-trailing-font-size: var(--a-ui-sm);--button-trailing-border: color-mix(in oklab, currentColor 28%, transparent);--button-trailing-radius: var(--a-radius-sm);--button-trailing-px: var(--a-space-0-5)}:scope{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:0;min-width:var(--button-height);min-height:var(--button-height);flex-shrink:0;max-width:100%;overflow:hidden;padding-inline:var(--button-px);border:1px solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-fg);font:inherit;font-family:var(--button-font-family);font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--a-font-leading-none);cursor:pointer;user-select:none;transition:background var(--button-duration) var(--button-easing),border-color var(--button-duration) var(--button-easing),color var(--button-duration) var(--button-easing),opacity var(--button-duration) var(--button-easing),transform var(--button-duration) var(--button-easing);white-space:nowrap}:scope[text]:after{content:attr(text);overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:var(--button-label-line-height)}:scope[icon][text]:after{padding-inline-start:var(--a-ui-inset)}:scope[icon-trailing][text]:after{padding-inline-end:var(--a-ui-inset)}:scope[data-icon-only]{display:inline-flex}:scope[inline]{display:inline-flex}icon-ui[slot=icon]{order:-99;display:flex;align-items:center;justify-content:center;width:var(--a-ui-icon-box);height:var(--a-ui-icon-box);flex-shrink:0}icon-ui[slot=icon-trailing]{order:99;display:flex;align-items:center;justify-content:center;width:var(--a-ui-icon-box);height:var(--a-ui-icon-box);flex-shrink:0}[slot=trailing]{order:99;margin-inline-start:auto;font-size:var(--button-trailing-font-size);color:inherit;font-family:inherit;border:1px solid var(--button-trailing-border);border-radius:var(--button-trailing-radius);padding:0 var(--button-trailing-px);line-height:var(--a-font-leading-none);--kbd-fg: currentColor;--kbd-bg: color-mix(in oklab, currentColor 16%, transparent);--kbd-border: color-mix(in oklab, currentColor 30%, transparent)}:scope:focus-visible{outline:none;box-shadow:var(--button-focus-ring);border-color:transparent}:scope[variant=primary]{--button-bg: var(--button-bg-primary);--button-fg: var(--button-fg-primary)}:scope[variant=outline]{--button-bg: var(--button-bg-outline);--button-fg: var(--button-fg-outline);--button-border: var(--button-border-outline)}:scope[variant=tonal]{--button-bg: var(--a-primary-muted);--button-fg: var(--a-primary-text-on-muted);--button-border: transparent}:scope[variant=ghost]{--button-bg: var(--button-bg-ghost);--button-fg: var(--button-fg-ghost);--button-border: var(--button-border-ghost)}:scope[touch-target]{position:relative;overflow:visible}:scope[touch-target]:before{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;inline-size:max(100%,var(--button-touch-target));block-size:max(100%,var(--button-touch-target))}:scope[color=danger]{--button-bg: var(--button-bg-danger);--button-fg: var(--button-fg-danger)}:scope[color=success]{--button-bg: var(--a-success-bg);--button-fg: var(--a-chrome-light)}:scope[color=info]{--button-bg: var(--a-info-bg);--button-fg: var(--a-chrome-light)}:scope[color=warning]{--button-bg: var(--a-warning-bg);--button-fg: var(--a-warning-text-strong)}:scope[variant=outline][color=danger]{--button-bg: transparent;--button-fg: var(--a-danger-text);--button-border: var(--a-danger-border)}:scope[variant=outline][color=info]{--button-bg: transparent;--button-fg: var(--a-info-text);--button-border: var(--a-info-border)}:scope[variant=outline][color=success]{--button-bg: transparent;--button-fg: var(--a-success-text);--button-border: var(--a-success-border)}:scope[variant=outline][color=warning]{--button-bg: transparent;--button-fg: var(--a-warning-text);--button-border: var(--a-warning-border)}:scope[variant=ghost][color=danger]{--button-bg: transparent;--button-fg: var(--a-danger-text)}:scope[variant=ghost][color=info]{--button-bg: transparent;--button-fg: var(--a-info-text)}:scope[variant=ghost][color=success]{--button-bg: transparent;--button-fg: var(--a-success-text)}:scope[variant=ghost][color=warning]{--button-bg: transparent;--button-fg: var(--a-warning-text)}:scope[variant=tonal][color=danger]{--button-bg: var(--a-danger-muted);--button-fg: var(--a-danger-text-on-muted)}:scope[variant=tonal][color=info]{--button-bg: var(--a-info-muted);--button-fg: var(--a-info-text-on-muted)}:scope[variant=tonal][color=success]{--button-bg: var(--a-success-muted);--button-fg: var(--a-success-text-on-muted)}:scope[variant=tonal][color=warning]{--button-bg: var(--a-warning-muted);--button-fg: var(--a-warning-text-on-muted)}:scope[stretch]{width:stretch}:scope[disabled]{--button-bg: var(--button-bg-disabled);--button-fg: var(--button-fg-disabled);--button-border: var(--button-border-disabled);pointer-events:none;cursor:not-allowed}:scope[data-icon-only]{--button-px: 0;width:var(--button-height)}}

/*# sourceMappingURL=button.css.map */