.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font:inherit;font-weight:600;line-height:1.2;border-radius:var(--radius-md);cursor:pointer;text-decoration:none}.ui-button:disabled{cursor:not-allowed;opacity:.55}.ui-button--sm{padding:.28rem .65rem;font-size:.85rem}.ui-button--md{padding:.5rem 1rem}.ui-button--lg{padding:.7rem 1.2rem;font-size:1.05rem}.ui-button--primary{background:var(--color-accent);color:var(--color-accent-ink);border:1px solid var(--color-accent)}.ui-button--secondary{background:var(--color-btn-secondary-bg, var(--color-surface));color:var(--color-btn-secondary-text, var(--color-ink));border:1px solid var(--color-btn-secondary-border, var(--color-border))}.ui-button--tertiary{background:var(--color-btn-tertiary-bg, var(--color-bg));color:var(--color-btn-tertiary-text, var(--color-ink-muted));border:1px solid var(--color-btn-tertiary-border, var(--color-border))}.ui-button--danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}.ui-button--positive{background:var(--color-positive-fill);color:var(--color-on-fill);border:1px solid var(--color-positive-border)}.ui-button--warning{background:var(--color-warning-fill);color:var(--color-on-fill);border:1px solid var(--color-warning-border)}.ui-button--info{background:var(--color-info-fill);color:var(--color-on-fill);border:1px solid var(--color-info-border)}.ui-button--alert{background:var(--color-alert-fill);color:var(--color-on-fill);border:1px solid var(--color-alert-border)}.ui-button--special{background:var(--color-special-fill);color:var(--color-on-fill);border:1px solid var(--color-special-border)}.ui-button--outline.ui-button--positive{background:transparent;color:var(--color-positive);border-color:var(--color-positive)}.ui-button--outline.ui-button--warning{background:transparent;color:var(--color-warning);border-color:var(--color-warning)}.ui-button--outline.ui-button--danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.ui-button--outline.ui-button--info{background:transparent;color:var(--color-info);border-color:var(--color-info)}.ui-button--outline.ui-button--alert{background:transparent;color:var(--color-alert);border-color:var(--color-alert)}.ui-button--outline.ui-button--special{background:transparent;color:var(--color-special);border-color:var(--color-special)}.ui-button--outline.ui-button--primary{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.ui-button--primary:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-btn-primary-bg-hover, color-mix(in srgb, var(--color-accent) 88%, white));border-color:var(--color-btn-primary-border, var(--color-accent));color:var(--color-accent-ink);text-decoration:none}.ui-button--secondary:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-btn-secondary-bg-hover, color-mix(in srgb, var(--color-btn-secondary-bg, var(--color-surface)) 82%, white));color:var(--color-btn-secondary-text, var(--color-ink));text-decoration:none}.ui-button--tertiary:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-btn-tertiary-bg-hover, color-mix(in srgb, var(--color-btn-tertiary-bg, var(--color-bg)) 78%, white));color:var(--color-btn-tertiary-text-hover, var(--color-ink));text-decoration:none}.ui-button--positive:not(.ui-button--outline):is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-positive-fill-hover, color-mix(in srgb, var(--color-positive-fill) 82%, white));text-decoration:none}.ui-button--warning:not(.ui-button--outline):is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-warning-fill-hover, color-mix(in srgb, var(--color-warning-fill) 82%, white));text-decoration:none}.ui-button--info:not(.ui-button--outline):is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-info-fill-hover, color-mix(in srgb, var(--color-info-fill) 82%, white));text-decoration:none}.ui-button--alert:not(.ui-button--outline):is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-alert-fill-hover, color-mix(in srgb, var(--color-alert-fill) 82%, white));text-decoration:none}.ui-button--special:not(.ui-button--outline):is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-special-fill-hover, color-mix(in srgb, var(--color-special-fill) 82%, white));text-decoration:none}.ui-button--danger:not(.ui-button--outline):is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-danger-fill-hover, color-mix(in srgb, var(--color-danger) 18%, transparent));color:var(--color-danger-hover, var(--color-danger));border-color:var(--color-danger-hover, var(--color-danger));text-decoration:none}.ui-button--outline.ui-button--positive:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-positive-outline-hover-bg, color-mix(in srgb, var(--color-positive-fill) 35%, transparent));color:var(--color-positive-hover, var(--color-positive));border-color:var(--color-positive-fill-hover, var(--color-positive));text-decoration:none}.ui-button--outline.ui-button--warning:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-warning-outline-hover-bg, color-mix(in srgb, var(--color-warning-fill) 35%, transparent));color:var(--color-warning-hover, var(--color-warning));border-color:var(--color-warning-fill-hover, var(--color-warning));text-decoration:none}.ui-button--outline.ui-button--danger:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-danger-outline-hover-bg, color-mix(in srgb, var(--color-danger-fill) 35%, transparent));color:var(--color-danger-hover, var(--color-danger));border-color:var(--color-danger-fill-hover, var(--color-danger));text-decoration:none}.ui-button--outline.ui-button--info:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-info-outline-hover-bg, color-mix(in srgb, var(--color-info-fill) 35%, transparent));color:var(--color-info-hover, var(--color-info));border-color:var(--color-info-fill-hover, var(--color-info));text-decoration:none}.ui-button--outline.ui-button--alert:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-alert-outline-hover-bg, color-mix(in srgb, var(--color-alert-fill) 35%, transparent));color:var(--color-alert-hover, var(--color-alert));border-color:var(--color-alert-fill-hover, var(--color-alert));text-decoration:none}.ui-button--outline.ui-button--special:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-special-outline-hover-bg, color-mix(in srgb, var(--color-special-fill) 35%, transparent));color:var(--color-special-hover, var(--color-special));border-color:var(--color-special-fill-hover, var(--color-special));text-decoration:none}.ui-button--outline.ui-button--primary:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:color-mix(in srgb,var(--color-accent) 14%,transparent);color:var(--color-accent);text-decoration:none}.ui-button:focus-visible{outline:2px solid var(--color-focus, var(--color-accent, #888));outline-offset:2px}[data-chrome=backend] .ui-button{font-weight:400}[data-chrome=backend] .ui-button--danger:not(.ui-button--outline){background:var(--color-danger-fill);color:var(--color-on-fill);border-color:var(--color-danger-border)}[data-chrome=backend] .ui-button--danger:not(.ui-button--outline):is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-danger-fill-hover);color:var(--color-on-fill);border-color:var(--color-danger-border)}[data-chrome=backend] .ui-button--primary{background:var(--color-btn-primary-bg);color:var(--color-accent-ink);border-color:var(--color-btn-primary-border)}[data-chrome=backend] .ui-button--primary:is(:hover,:active,.is-hover,.is-active):not(:disabled){background:var(--color-btn-primary-bg-hover);color:var(--color-accent-ink);border-color:var(--color-btn-primary-border)}[data-chrome=backend] a.ui-button:hover,[data-chrome=backend] a.ui-button:active,[data-chrome=backend] a.ui-button:focus{text-decoration:none}.ui-button-cue{display:inline-flex;align-items:center;gap:.35em}.ui-button-cue__external{flex:none;opacity:.85}
