.goo-button{--goo-button-bg:var(--goo-theme-border-subtle,color-mix(in srgb, var(--goo-theme-fg,#fff) 12%, transparent));--goo-button-bg-hover:var(--goo-theme-border,color-mix(in srgb, var(--goo-theme-fg,#fff) 18%, transparent));--goo-button-border:var(--goo-theme-border,color-mix(in srgb, var(--goo-theme-fg,#fff) 15%, transparent));--goo-button-fg:var(--goo-theme-fg,#ffffffe6);--goo-button-radius:var(--goo-theme-radius-md,.25rem);--goo-button-focus:var(--goo-theme-accent,#3b82f6);background:var(--goo-button-bg);border:1px solid var(--goo-button-border);border-radius:var(--goo-button-radius);color:var(--goo-button-fg);cursor:pointer;font-size:var(--goo-theme-font-size-sm,.8125rem);height:var(--goo-theme-control-height-md,2rem);min-height:0;padding:var(--goo-theme-control-padding-md,0 1rem);pointer-events:auto;text-align:center;text-transform:capitalize;outline:none;justify-content:center;align-items:center;gap:.5em;font-weight:400;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.goo-button:focus{outline:none}.goo-button:focus-visible{z-index:1;box-shadow:0 0 0 1px var(--goo-button-focus)}.goo-button:hover:not([disabled]):not(.goo-button--disabled){background:var(--goo-button-bg-hover)}.goo-button:active:not([disabled]):not(.goo-button--disabled){transform:translateY(1px)}.goo-button.goo-button--primary,.goo-button[variant=primary]{--goo-button-fg:var(--goo-theme-accent-fg,#fff);--goo-button-bg:var(--goo-theme-accent,#3b82f6);--goo-button-bg-hover:var(--goo-theme-secondary,#2563eb);--goo-button-border:var(--goo-theme-accent,#3b82f6)}.goo-button.goo-button--secondary,.goo-button[variant=secondary]{--goo-button-fg:var(--goo-theme-accent,#3b82f6);--goo-button-bg:color-mix(in srgb, var(--goo-theme-fg,#fff) 5%, transparent);--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-fg,#fff) 10%, transparent);--goo-button-border:var(--goo-theme-accent,#3b82f6)}.goo-button.goo-button--attention,.goo-button[variant=attention]{--goo-button-fg:var(--goo-theme-warning,#fbbf24);--goo-button-bg:color-mix(in srgb, var(--goo-theme-warning,#fbbf24) 5%, transparent);--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-warning,#fbbf24) 10%, transparent);--goo-button-border:color-mix(in srgb, var(--goo-theme-warning,#fbbf24) 20%, transparent)}.goo-button.goo-button--danger,.goo-button[variant=danger]{--goo-button-fg:var(--goo-theme-negative,#f87171);--goo-button-bg:color-mix(in srgb, var(--goo-theme-negative,#ef4444) 5%, transparent);--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-negative,#ef4444) 10%, transparent);--goo-button-border:color-mix(in srgb, var(--goo-theme-negative,#ef4444) 20%, transparent)}.goo-button.goo-button--ghost,.goo-button[variant=ghost]{--goo-button-bg:transparent;--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-fg,#fff) 10%, transparent);--goo-button-border:transparent;background:0 0}.goo-button.goo-button--selected,.goo-button[selected],.goo-button[variant=selected]{--goo-button-bg:var(--goo-theme-accent,#3b82f6);--goo-button-bg-hover:var(--goo-theme-secondary,#2563eb);--goo-button-fg:var(--goo-theme-accent-fg,#fff);--goo-button-border:var(--goo-theme-accent,#3b82f6)}.goo-button.goo-button--link,.goo-button[variant=link]{line-height:inherit;text-transform:none;background:0 0;border:0;border-bottom:1px solid;border-radius:0;min-width:auto;min-height:auto;padding:0;display:inline}:is(.goo-button.goo-button--link,.goo-button[variant=link]):hover{background:0 0}.goo-button-group>.goo-button{border-radius:0}.goo-button__icon,.goo-button>.goo-icon,.goo-button>.icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.goo-button__icon>svg,.goo-button>.goo-icon>svg,.goo-button>.icon>svg{display:block}.goo-button[square]{aspect-ratio:1;padding:0}.goo-button__title{display:inline-block}.goo-button[disabled],.goo-button.goo-button--disabled{cursor:not-allowed;pointer-events:none;--goo-button-bg:color-mix(in srgb, var(--goo-theme-fg,#888) 15%, transparent)!important;--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-fg,#888) 15%, transparent)!important;--goo-button-border:color-mix(in srgb, var(--goo-theme-fg,#888) 20%, transparent)!important;--goo-button-fg:var(--goo-theme-text-disabled,#80808080)!important;background:color-mix(in srgb, var(--goo-theme-fg,#888) 15%, transparent)!important;border-color:color-mix(in srgb, var(--goo-theme-fg,#888) 20%, transparent)!important;color:var(--goo-theme-text-disabled,#80808080)!important}.goo-button[size=compact]{font-size:var(--goo-theme-font-size-xs,.75rem);height:var(--goo-theme-control-height-sm,1.5rem);padding:var(--goo-theme-control-padding-sm,0 .5rem);gap:.25em}.goo-button[layout=stacked]{min-height:unset;text-transform:none;flex-direction:column;gap:.25em;padding:.5rem .75rem;line-height:1.2}.goo-button[layout=stacked] .goo-button__icon,.goo-button[layout=stacked]>.goo-icon,.goo-button[layout=stacked]>.icon,.goo-button[layout=stacked]>svg{margin:0}.goo-button[layout=stacked] .goo-button__title,.goo-button[layout=stacked]>span{font-size:var(--goo-theme-font-size-xs,.75rem);letter-spacing:.02em;font-weight:500}