:root .app-action-button[data-ui-control]{--button-bg:var(--surface);--button-text:var(--action);--button-border:var(--actionBorder);max-width:100%;min-height:var(--control-targetHeight);padding:var(--space-xs) var(--space-sm);border:var(--control-softOutlineWidth) solid var(--button-border);border-radius:var(--radius-sm);background:var(--button-bg);color:var(--button-text);font-size:var(--text-secondary);font-weight:var(--weight-regular);transition:background-color var(--interaction-duration),color var(--interaction-duration),box-shadow var(--interaction-duration);place-items:center;line-height:1.25;display:inline-grid;position:relative}:root .app-action-button[data-variant=primary]{--button-bg:var(--action);--button-text:var(--surface);--button-border:transparent}:root .app-action-button[data-variant=soft]{--button-bg:var(--brandSurface);--button-border:transparent}:root .app-action-button[data-variant=quiet]{--button-bg:transparent;--button-text:var(--ink);--button-border:transparent}.app-action-content,.app-action-loading{justify-content:center;align-items:center;gap:var(--space-xs);grid-area:1/1;min-width:0;display:flex}:is(.app-action-content,.app-action-loading)[data-placeholder=true]{visibility:hidden}:root .app-action-button svg{width:var(--icon-sm);height:var(--icon-sm);flex:none}@media (hover:hover){:root .app-action-button[data-ui-control]:not([aria-disabled=true]):hover{background:var(--brandSurface);color:var(--action)}}:root .app-action-button[data-ui-control]:focus-visible{background:var(--focus-background);color:var(--focus-foreground)}:root .app-action-button[data-ui-control]:not([aria-disabled=true]):active{background:var(--action);color:var(--surface)}:root .app-action-button[data-ui-control][aria-disabled=true]{background:var(--disabledSurface);color:var(--muted);cursor:not-allowed;border-color:#0000}:root .app-action-button[data-ui-control][data-loading=true]{background:var(--brandSurface);color:var(--action);cursor:progress}:root .app-action-button[data-ui-control][aria-disabled=true]:focus-visible{background:var(--focus-background);color:var(--focus-foreground)}.app-action-reason{margin:var(--space-xs) 0 0;font-size:var(--text-caption);color:var(--muted)}.app-action-spinner{flex:none;display:inline-flex}[data-loading=true] .app-action-spinner{animation:action-button-spin var(--skeleton-duration) linear infinite}@keyframes action-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){:root .app-action-button[data-ui-control]{transition:none}[data-loading=true] .app-action-spinner{animation:none}}@media (forced-colors:active){:root .app-action-button[data-ui-control]{border-color:buttontext}:root .app-action-button[data-ui-control]:focus-visible{forced-color-adjust:none;color:highlighttext;background:highlight}:root .app-action-button[data-ui-control][aria-disabled=true]{color:graytext}}@media (hover:hover){:root .app-action-button[data-elevation=subtle]:not([aria-disabled=true]):hover{box-shadow:var(--shadow-subtle)}}