.ui-button:not(.fui-Button){--ui-button-bg:var(--hx-action-secondary);--ui-button-fg:var(--hx-action-secondary-fg);--ui-button-line:var(--hx-action-secondary-border);--ui-button-shadow:var(--hx-elev-sm);--ui-button-h:var(--hx-control-h);--ui-button-pad:var(--hx-space-4);position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;gap:var(--hx-space-2);box-sizing:border-box;min-block-size:var(--ui-button-h);min-inline-size:var(--ui-button-h);margin:0;padding-block:0;padding-inline:var(--ui-button-pad);border:1px solid var(--ui-button-line);border-radius:var(--hx-radius-control);background:var(--ui-button-bg);box-shadow:var(--ui-button-shadow);color:var(--ui-button-fg);font-family:var(--hx-font-sans);font-size:var(--hx-type-button-size);font-weight:var(--hx-weight-semibold);line-height:var(--hx-type-button-leading);letter-spacing:0;text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;transition:background-color var(--hx-duration-fast) var(--hx-ease-standard),border-color var(--hx-duration-fast) var(--hx-ease-standard),box-shadow var(--hx-duration-fast) var(--hx-ease-standard),color var(--hx-duration-fast) var(--hx-ease-standard),transform var(--hx-duration-instant) var(--hx-ease-standard);-webkit-tap-highlight-color:transparent}.ui-button:not(.fui-Button)[data-size=small]{--ui-button-h:var(--hx-control-h-sm);--ui-button-pad:var(--hx-space-3);gap:var(--hx-space-1);font-size:var(--hx-type-button-sm-size);line-height:var(--hx-type-button-sm-leading)}.ui-button:not(.fui-Button)[data-size=large]{--ui-button-h:var(--hx-control-h-lg);--ui-button-pad:var(--hx-space-6);font-size:var(--hx-type-button-lg-size);line-height:var(--hx-type-button-lg-leading)}@media (pointer:coarse){.ui-button:not(.fui-Button){min-block-size:max(var(--ui-button-h),var(--hx-touch-min))}}@media (width < 48rem){.ui-button:not(.fui-Button){min-block-size:max(var(--ui-button-h),var(--hx-touch-min))}}@media (hover:hover){.ui-button:not(.fui-Button):is([data-hovered],:where(a):hover){--ui-button-bg:var(--hx-action-secondary-hover);--ui-button-line:var(--hx-border-bold)}}.ui-button:not(.fui-Button)[data-pressed]{--ui-button-bg:var(--hx-action-secondary-pressed);--ui-button-shadow:none;transform:scale(var(--hx-press-scale))}.ui-button:not(.fui-Button):is([data-focus-visible],:where(a):focus-visible){outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:var(--hx-focus-offset)}.ui-button:not(.fui-Button)[data-variant=commit],.ui-button:not(.fui-Button)[data-variant=primary]{--ui-button-bg:var(--hx-action);--ui-button-fg:var(--hx-action-fg);--ui-button-line:var(--hx-action);--ui-button-shadow:var(--hx-elev-sm)}@media (hover:hover){.ui-button:not(.fui-Button):is([data-variant=primary],[data-variant=commit]):is([data-hovered],:where(a):hover){--ui-button-bg:var(--hx-action-hover);--ui-button-line:var(--hx-action-hover)}}.ui-button:not(.fui-Button):is([data-variant=primary],[data-variant=commit])[data-pressed]{--ui-button-bg:var(--hx-action-pressed);--ui-button-line:var(--hx-action-pressed)}.ui-button:not(.fui-Button)[data-variant=tertiary]{--ui-button-bg:var(--hx-surface-sunken);--ui-button-fg:var(--hx-text);--ui-button-line:transparent;--ui-button-shadow:none}@media (hover:hover){.ui-button:not(.fui-Button)[data-variant=tertiary]:is([data-hovered],:where(a):hover){--ui-button-bg:var(--hx-surface-selected);--ui-button-line:transparent}}.ui-button:not(.fui-Button)[data-variant=tertiary][data-pressed]{--ui-button-bg:var(--hx-border)}.ui-button:not(.fui-Button)[data-variant=outline]{--ui-button-bg:transparent;--ui-button-fg:var(--hx-text);--ui-button-line:var(--hx-border-bold);--ui-button-shadow:none}@media (hover:hover){.ui-button:not(.fui-Button)[data-variant=outline]:is([data-hovered],:where(a):hover){--ui-button-bg:var(--hx-action-ghost-hover);--ui-button-line:var(--hx-text-2)}}.ui-button:not(.fui-Button)[data-variant=outline][data-pressed]{--ui-button-bg:var(--hx-action-ghost-pressed)}.ui-button:not(.fui-Button)[data-variant=ghost]{--ui-button-bg:transparent;--ui-button-fg:var(--hx-text);--ui-button-line:transparent;--ui-button-shadow:none}@media (hover:hover){.ui-button:not(.fui-Button)[data-variant=ghost]:is([data-hovered],:where(a):hover){--ui-button-bg:var(--hx-action-ghost-hover);--ui-button-line:transparent}}.ui-button:not(.fui-Button)[data-variant=ghost][data-pressed]{--ui-button-bg:var(--hx-action-ghost-pressed)}.ui-button:not(.fui-Button)[data-variant=link]{--ui-button-bg:transparent;--ui-button-fg:var(--hx-link);--ui-button-line:transparent;--ui-button-shadow:none;--ui-button-pad:0;min-block-size:var(--hx-space-6);min-inline-size:0;border-radius:var(--hx-radius-xs);font-weight:var(--hx-weight-medium);text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.2em}@media (hover:hover){.ui-button:not(.fui-Button)[data-variant=link]:is([data-hovered],:where(a):hover){--ui-button-bg:transparent;--ui-button-fg:var(--hx-link-hover);--ui-button-line:transparent;text-decoration-thickness:2px}}.ui-button:not(.fui-Button)[data-variant=link][data-pressed]{--ui-button-bg:transparent;transform:none}.ui-button:not(.fui-Button)[data-variant=danger],.ui-button:not(.fui-Button)[data-variant=destructive]{--ui-button-bg:var(--hx-action-danger);--ui-button-fg:var(--hx-text-on-danger);--ui-button-line:var(--hx-action-danger);--ui-button-shadow:var(--hx-elev-sm)}.ui-button:not(.fui-Button):is([data-variant=danger],[data-variant=destructive])[data-pressed]{--ui-button-bg:var(--hx-action-danger-hover);--ui-button-line:var(--hx-action-danger-hover)}@media (hover:hover){.ui-button:not(.fui-Button):is([data-variant=danger],[data-variant=destructive]):is([data-hovered],:where(a):hover){--ui-button-bg:var(--hx-action-danger-hover);--ui-button-line:var(--hx-action-danger-hover)}}.ui-button:not(.fui-Button)[data-disabled]{--ui-button-bg:var(--hx-action-disabled);--ui-button-fg:var(--hx-action-disabled-fg);--ui-button-line:var(--hx-action-disabled);--ui-button-shadow:none;transform:none;cursor:not-allowed}.ui-button:not(.fui-Button):is([data-variant=ghost],[data-variant=link],[data-variant=outline])[data-disabled]{--ui-button-bg:transparent;--ui-button-line:transparent}.ui-button:not(.fui-Button)[data-variant=outline][data-disabled]{--ui-button-line:var(--hx-border-disabled)}.ui-button__label{display:inline-flex;align-items:center;gap:inherit;min-inline-size:0;transition:opacity var(--hx-duration-fast) var(--hx-ease-standard)}.ui-button__label>svg{flex:none;inline-size:var(--icon-md);block-size:var(--icon-md)}.ui-button__spinner{display:none}.ui-button[data-pending]{cursor:progress}.ui-button[data-pending] .ui-button__label{opacity:0}.ui-button[data-pending] .ui-button__spinner{display:block;position:absolute;inset:0;margin:auto;inline-size:var(--icon-sm);block-size:var(--icon-sm);border:2px solid;border-block-start-color:transparent;border-radius:var(--hx-radius-pill);animation:ui-spin var(--duration-spin) linear infinite}@keyframes ui-spin{to{transform:rotate(1turn)}}.ui-icon-button:not(.fui-Button){--ui-icon-button-size:var(--hx-control-h);display:inline-grid;place-items:center;flex:none;box-sizing:border-box;inline-size:var(--ui-icon-button-size);block-size:var(--ui-icon-button-size);margin:0;padding:0;border:1px solid var(--hx-action-secondary-border);border-radius:var(--hx-radius-control);background:var(--hx-action-secondary);box-shadow:var(--hx-elev-sm);color:var(--hx-icon);cursor:pointer;transition:background-color var(--hx-duration-fast) var(--hx-ease-standard),border-color var(--hx-duration-fast) var(--hx-ease-standard),color var(--hx-duration-fast) var(--hx-ease-standard),transform var(--hx-duration-instant) var(--hx-ease-standard);-webkit-tap-highlight-color:transparent}@media (pointer:coarse){.ui-icon-button:not(.fui-Button){--ui-icon-button-size:max(var(--hx-control-h),var(--hx-touch-min))}}@media (width < 48rem){.ui-icon-button:not(.fui-Button){--ui-icon-button-size:max(var(--hx-control-h),var(--hx-touch-min))}}.ui-icon-button:not(.fui-Button)[data-tone=plain]{border-color:transparent;background:transparent;box-shadow:none}.ui-icon-button:not(.fui-Button)[data-hovered]{border-color:var(--hx-border-bold);background:var(--hx-action-secondary-hover);color:var(--hx-text)}.ui-icon-button:not(.fui-Button)[data-tone=plain][data-hovered]{border-color:transparent;background:var(--hx-action-ghost-hover)}.ui-icon-button:not(.fui-Button)[data-pressed]{background:var(--hx-action-ghost-pressed);box-shadow:none;transform:scale(var(--hx-press-scale))}.ui-icon-button:not(.fui-Button)[data-focus-visible]{outline:var(--hx-focus-width) solid var(--hx-focus);outline-offset:var(--hx-focus-offset)}.ui-icon-button:not(.fui-Button)[data-disabled]{border-color:transparent;background:transparent;box-shadow:none;color:var(--hx-icon-disabled);transform:none;cursor:not-allowed}.ui-icon-button__glyph{display:inline-grid;place-items:center;inline-size:var(--icon-md);block-size:var(--icon-md)}.ui-icon-button__glyph>svg{inline-size:100%;block-size:100%;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}@media (forced-colors:active){.ui-button:not(.fui-Button),.ui-icon-button:not(.fui-Button){border-color:ButtonText;box-shadow:none}.ui-button:not(.fui-Button):is([data-variant=primary],[data-variant=commit],[data-variant=danger],[data-variant=destructive]){border-color:Highlight;border-width:2px}.ui-button:not(.fui-Button)[data-disabled],.ui-icon-button:not(.fui-Button)[data-disabled]{border-color:GrayText;color:GrayText}.ui-button:not(.fui-Button):is([data-focus-visible],:where(a):focus-visible),.ui-icon-button:not(.fui-Button)[data-focus-visible]{outline-color:Highlight}}.ui-button.fui-Button,.ui-icon-button.fui-Button{position:relative;flex:none;-webkit-tap-highlight-color:transparent}.ui-button.fui-Button[data-pending]{cursor:progress}.ui-button.fui-Button:is([data-variant=danger],[data-variant=destructive]):not([data-disabled]){border-color:transparent;background-color:var(--colorStatusDangerBackground3);color:var(--colorNeutralForegroundStaticInverted)}.ui-button.fui-Button:is([data-variant=danger],[data-variant=destructive]):not([data-disabled]):hover{background-color:var(--colorStatusDangerBackground3Hover)}.ui-button.fui-Button:is([data-variant=danger],[data-variant=destructive]):not([data-disabled]):hover:active{background-color:var(--colorStatusDangerBackground3Pressed)}.ui-icon-button.fui-Button[data-tone=raised]{box-shadow:none}.ui-icon-button.fui-Button{overflow:visible}@media (pointer:coarse),(width < 48rem){.ui-button.fui-Button{min-inline-size:0;min-block-size:var(--hx-touch-min)}.ui-icon-button.fui-Button{min-inline-size:var(--hx-touch-min);min-block-size:var(--hx-touch-min)}}.ui-button[data-size=touch]{min-block-size:calc(var(--hx-touch-min) * 1.5);padding-inline:var(--hx-space-6);font-size:var(--hx-type-button-lg-size);line-height:var(--hx-type-button-lg-leading)}.ui-button[data-full-width=true]{display:flex;inline-size:100%;max-inline-size:none}@media (pointer:coarse),(width < 48rem){.ui-button.fui-Button[data-size=touch]{min-block-size:calc(var(--hx-touch-min) * 1.5)}}