@layer reset,tokens,base;@layer components{.ui-button{font:inherit;font-size:var(--fx-font-label);cursor:pointer;min-height:var(--fx-control-min-size);min-width:var(--fx-control-min-size);color:inherit;box-sizing:border-box;border-radius:calc(var(--fx-radius-button) * var(--fx-corner-radius-scale));align-items:center;line-height:1.4;text-decoration:none;display:inline-flex;@supports (corner-shape:squircle){corner-shape:var(--fx-corner-shape)}}.ui-button:disabled{opacity:var(--fx-opacity-disabled);cursor:default}.ui-button[data-press-feedback]:not(:disabled){transition:transform .1s cubic-bezier(.23,1,.32,1)}.ui-button[data-feedback-active]{transform:scale(.98)}@media (prefers-reduced-motion:reduce){.ui-button[data-press-feedback]:not(:disabled){transition:none}.ui-button[data-feedback-active]{background:var(--fx-hover-bg);transform:none}}.ui-button--default{justify-content:center;gap:var(--fx-control-space-2);border:var(--fx-border-width) solid var(--fx-control-line);background:var(--fx-button-bg);box-shadow:var(--fx-control-highlight);padding:var(--fx-control-space-1) var(--fx-control-space-2)}.ui-button--primary{border:var(--fx-border-width) solid var(--fx-accent);background:var(--fx-accent);box-shadow:var(--fx-control-highlight);color:var(--fx-bg);padding:var(--fx-control-space-1) var(--fx-control-space-2)}@media (hover:hover) and (pointer:fine){.ui-button--primary:not(:disabled):hover{background:color-mix(in srgb, var(--fx-accent) 92%, var(--fx-text))}}.ui-button--primary.is-hover:not(:disabled){background:color-mix(in srgb, var(--fx-accent) 92%, var(--fx-text))}.ui-button--primary:not(:disabled):active,.ui-button--primary[data-feedback-active]:not(:disabled){background:color-mix(in srgb, var(--fx-accent) 85%, var(--fx-text))}@media (hover:hover) and (pointer:fine){.ui-button--default:hover{border-color:var(--fx-control-hover-line);color:var(--fx-control-hover-text)}}.ui-button--default.is-hover{border-color:var(--fx-control-hover-line);color:var(--fx-control-hover-text)}.ui-button--ghost{border:var(--fx-border-width) solid var(--fx-control-line);color:var(--fx-text);padding:var(--fx-control-space-1) var(--fx-control-space-2);background:0 0}@media (hover:hover) and (pointer:fine){.ui-button--ghost:hover{border-color:var(--fx-control-hover-line);color:var(--fx-control-hover-text)}}.ui-button--ghost.is-hover{border-color:var(--fx-control-hover-line);color:var(--fx-control-hover-text)}.ui-button--ghost.is-on{border-color:var(--fx-accent);color:var(--fx-accent)}.ui-button:is(.ui-button--default,.ui-button--ghost):not(:disabled):active{background:var(--fx-control-active-bg);border-color:var(--fx-control-hover-line);color:var(--fx-control-hover-text)}.ui-button--icon{color:var(--fx-muted);padding:var(--fx-control-space-1);background:0 0;border:0}.ui-button--icon,.ui-button--ghost:has(>.ui-icon:only-child){justify-content:center;align-items:center;display:inline-flex}.ui-button--ghost:has(>.ui-icon:only-child){color:var(--fx-muted);padding:var(--fx-control-space-1);background:0 0;border:0}@media (hover:hover) and (pointer:fine){.ui-button--ghost:has(>.ui-icon:only-child):not(:disabled):hover{background:var(--fx-hover-bg);color:var(--fx-text)}}.ui-button--ghost:has(>.ui-icon:only-child).is-hover:not(:disabled){background:var(--fx-hover-bg);color:var(--fx-text)}.ui-button--ghost:has(>.ui-icon:only-child).is-on:not(:disabled),.ui-button--ghost:has(>.ui-icon:only-child)[aria-expanded=true]:not(:disabled){background:var(--fx-accent-subtle);color:var(--fx-accent)}.ui-button--icon{font-size:var(--fx-font-label)}@media (hover:hover) and (pointer:fine){.ui-button--icon:not(:disabled):hover{background:var(--fx-hover-bg);color:var(--fx-text)}}.ui-button--icon.is-hover:not(:disabled){background:var(--fx-hover-bg);color:var(--fx-text)}.ui-button--icon.is-on:not(:disabled),.ui-button--icon[aria-expanded=true]:not(:disabled){background:var(--fx-accent-subtle);color:var(--fx-accent)}.ui-button--icon:not(:disabled):active,.ui-button--icon[data-force=active]:not(:disabled),.ui-button--ghost:has(>.ui-icon:only-child):not(:disabled):active{background:color-mix(in srgb, var(--fx-hover-bg) 80%, var(--fx-accent));color:var(--fx-text)}.ui-button:focus-visible,.ui-button.is-focus{outline:var(--fx-focus-width) solid var(--fx-accent);outline-offset:var(--fx-focus-offset)}}@layer layouts,skins,density,utilities;