.goo-button{--goo-button-bg:var(--goo-theme-surface-raised);--goo-button-bg-hover:var(--goo-theme-border);--goo-button-bg-active:color-mix(in srgb, var(--goo-button-bg-hover) 84%, black);--goo-button-border:var(--goo-theme-border);--goo-button-fg:var(--goo-theme-fg);--goo-button-radius:var(--goo-theme-radius-md);--goo-button-focus:var(--goo-theme-accent);--goo-button-gap:var(--goo-theme-space-sm);--goo-button-font-size:var(--goo-theme-font-size-sm);--goo-button-height:var(--goo-theme-control-height-md);--goo-button-icon-size:var(--goo-theme-icon-md);--goo-button-padding:var(--goo-theme-control-padding-md);--goo-button-compact-font-size:var(--goo-theme-font-size-xs);--goo-button-compact-height:var(--goo-theme-control-height-sm);--goo-button-compact-padding:var(--goo-theme-control-padding-sm);--goo-button-stacked-gap:calc(var(--goo-theme-space-2xs) * 1.5);--goo-button-stacked-line-height:var(--goo-theme-line-height-base);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;justify-content:center;align-items:center;gap:var(--goo-button-gap);font-size:var(--goo-button-font-size);font-weight:var(--goo-theme-font-weight-semibold);line-height:var(--goo-theme-line-height-tight);height:var(--goo-button-height);min-height:0;padding:var(--goo-button-padding);pointer-events:auto;text-align:center;text-transform:none;transition:background var(--goo-theme-transition-normal), border-color var(--goo-theme-transition-normal), box-shadow var(--goo-theme-transition-normal), color var(--goo-theme-transition-normal), transform var(--goo-theme-transition-fast);outline:none;text-decoration:none;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), 0 0 0 3px color-mix(in srgb, var(--goo-button-focus) 24%, transparent)}.goo-button:hover:not([disabled]):not(.goo-button--disabled){background:var(--goo-button-bg-hover);border-color:var(--goo-theme-border-strong)}.goo-button:active:not([disabled]):not(.goo-button--disabled){background:var(--goo-button-bg-active);border-color:var(--goo-theme-border-strong);transition-duration:0s;transform:translateY(1px);box-shadow:inset 0 1px 2px #00000038}.goo-button.goo-button--primary,.goo-button[variant=primary]{--goo-button-fg:var(--goo-theme-accent-fg);--goo-button-bg:var(--goo-theme-accent);--goo-button-bg-hover:var(--goo-theme-accent);--goo-button-border:var(--goo-theme-accent)}.goo-button.goo-button--secondary,.goo-button[variant=secondary]{--goo-button-fg:var(--goo-theme-accent);--goo-button-bg:color-mix(in srgb, var(--goo-theme-fg) 5%, transparent);--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-fg) 10%, transparent);--goo-button-border:var(--goo-theme-accent)}.goo-button.goo-button--attention,.goo-button[variant=attention]{--goo-button-fg:var(--goo-theme-warning);--goo-button-bg:color-mix(in srgb, var(--goo-theme-warning) 5%, transparent);--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-warning) 10%, transparent);--goo-button-border:color-mix(in srgb, var(--goo-theme-warning) 20%, transparent)}.goo-button.goo-button--danger,.goo-button[variant=danger]{--goo-button-fg:var(--goo-theme-danger);--goo-button-bg:color-mix(in srgb, var(--goo-theme-danger) 5%, transparent);--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-danger) 10%, transparent);--goo-button-border:color-mix(in srgb, var(--goo-theme-danger) 20%, transparent)}.goo-button.goo-button--ghost,.goo-button[variant=ghost],.goo-button.goo-button--quiet,.goo-button[variant=quiet]{--goo-button-bg:transparent;--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-fg) 10%, transparent);--goo-button-border:transparent;background:0 0}.goo-button.goo-button--quiet,.goo-button[variant=quiet]{--goo-button-fg:var(--goo-theme-muted);--goo-button-fg-hover:var(--goo-theme-fg)}:is(.goo-button.goo-button--quiet,.goo-button[variant=quiet]):hover:not([disabled]):not(.goo-button--disabled),:is(.goo-button.goo-button--quiet,.goo-button[variant=quiet]):focus-visible{background:var(--goo-button-bg-hover);color:var(--goo-button-fg-hover);border-color:#0000}:is(.goo-button.goo-button--quiet,.goo-button[variant=quiet]):active:not([disabled]):not(.goo-button--disabled){border-color:#0000}.goo-button.goo-button--selected,.goo-button[selected],.goo-button[variant=selected]{--goo-button-bg:var(--goo-theme-accent);--goo-button-bg-hover:var(--goo-theme-accent);--goo-button-fg:var(--goo-theme-accent-fg);--goo-button-border:var(--goo-theme-accent)}.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{height:var(--goo-button-icon-size);width:var(--goo-button-icon-size);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{width:100%;height:100%;display:block}.goo-button[square]{aspect-ratio:1;padding:0}.goo-button--full-row{--goo-button-full-row-height:var(--goo-theme-control-height-lg);--goo-button-icon-size:var(--goo-theme-icon-md);box-sizing:border-box;gap:var(--goo-theme-space-sm);height:var(--goo-button-full-row-height);inline-size:100%;line-height:var(--goo-theme-line-height-tight);min-height:var(--goo-button-full-row-height);min-inline-size:100%;border-radius:0;justify-content:center;width:100%;padding-block:0}.goo-button--full-row.goo-button--attention,.goo-button--full-row[variant=attention]{--goo-button-bg:color-mix(in srgb, var(--goo-theme-warning) 12%, transparent);--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-warning) 18%, transparent);--goo-button-border:color-mix(in srgb, var(--goo-theme-warning) 32%, transparent)}.goo-button__title{line-height:var(--goo-theme-line-height-tight);align-items:center;display:inline-flex}.goo-button[disabled],.goo-button.goo-button--disabled{cursor:not-allowed;opacity:var(--goo-theme-disabled-opacity);pointer-events:none;--goo-button-bg:color-mix(in srgb, var(--goo-theme-fg) 15%, transparent)!important;--goo-button-bg-hover:color-mix(in srgb, var(--goo-theme-fg) 15%, transparent)!important;--goo-button-border:color-mix(in srgb, var(--goo-theme-fg) 20%, transparent)!important;--goo-button-fg:var(--goo-theme-text-disabled)!important;background:var(--goo-button-bg)!important;border-color:var(--goo-button-border)!important;color:var(--goo-button-fg)!important}.goo-button[size=compact]{font-size:var(--goo-button-compact-font-size);height:var(--goo-button-compact-height);padding:var(--goo-button-compact-padding);gap:var(--goo-button-stacked-gap)}.goo-button[layout=stacked]{gap:var(--goo-button-stacked-gap);padding:var(--goo-theme-space-sm) var(--goo-theme-space-md);line-height:var(--goo-button-stacked-line-height);min-height:unset;text-transform:none;flex-direction:column}.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);font-weight:var(--goo-theme-font-weight-medium);letter-spacing:0}@media (hover:none) and (pointer:coarse){.goo-button{height:max(var(--goo-theme-control-height-touch), var(--goo-theme-control-height-md));min-height:max(var(--goo-theme-control-height-touch), var(--goo-theme-control-height-md))}.goo-button[size=compact]{height:max(var(--goo-theme-control-height-touch), var(--goo-theme-control-height-sm))}.goo-button[layout=stacked]{min-height:max(var(--goo-theme-control-height-touch), var(--goo-theme-control-height-md))}}@media (prefers-reduced-motion:reduce){.goo-button{transition:none}}