[data-id^=base-button]:active:not(:disabled,[aria-disabled=true]),[data-id^=base-button]:focus{outline:var(--focus-size)solid var(--color-focus);outline-offset:var(--focus-offset)}[data-id^=base-button]{cursor:pointer;--btn-bg:transparent;--btn-border:transparent;--btn-text:inherit;--btn-text-hover:var(--text-color-inverted);--btn-bg-hover:var(--btn-bg);--btn-border-hover:var(--btn-border);--btn-padding-block:calc(var(--spacing,4px)*5);align-items:center;background-color:var(--btn-bg);border:var(--field-border-size)solid var(--btn-border);color:var(--btn-text);display:inline-flex;justify-content:center;padding-block:var(--btn-padding-block)}[data-id^=base-button] .base-button-icon{display:inline-block;margin-inline-end:calc(var(--spacing,4px)*2)}[data-id^=base-button]:disabled,[data-id^=base-button][aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled);pointer-events:none}[data-id^=base-button]:active:not(:disabled,[aria-disabled=true]),[data-id^=base-button]:hover:not(:disabled,[aria-disabled=true]){background-color:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--btn-text-hover)}[data-id^=base-button][data-variant=primary]{--btn-bg:var(--color-button-primary-default);--btn-border:var(--color-button-primary-default);--btn-text:var(--text-color-inverted);--btn-bg-hover:var(--color-button-primary-hover);--btn-border-hover:var(--color-button-primary-hover)}[data-id^=base-button][data-variant=secondary]{--btn-bg:var(--background-color-secondary-card);--btn-border:var(--background-color-secondary-card);--btn-text:var(--color-button-primary-default);--btn-bg-hover:var(--color-button-primary-inverted-hover);--btn-border-hover:var(--color-bg-accent-secondary);--btn-text-hover:var(--color-button-primary-default)}[data-id^=base-button][data-variant=outline]{--btn-bg:transparent;--btn-border:var(--color-button-primary-default);--btn-text:var(--text-color-subtle);--btn-text-hover:var(--text-color-subtle);--btn-bg-hover:var(--color-button-primary-inverted-hover);--btn-border-hover:var(--color-button-primary-default)}[data-id^=base-button][data-variant=outline-inverted]{--btn-bg:transparent;--btn-border:var(--color-button-primary-inverted-default);--btn-text:var(--color-button-primary-inverted-default);--btn-text-hover:var(--text-color-subtle);--btn-bg-hover:var(--color-button-primary-inverted-hover);--btn-border-hover:var(--color-button-primary-inverted-hover)}[data-id^=base-button][data-variant=primary-inverted]{--btn-bg:var(--color-button-primary-inverted-default);--btn-border:var(--color-button-primary-inverted-default);--btn-text:var(--text-color-subtle);--btn-text-hover:var(--text-color-subtle);--btn-bg-hover:var(--color-button-primary-inverted-hover);--btn-border-hover:var(--color-button-primary-inverted-hover)}[data-id^=base-button][data-variant=link]{--btn-text:var(--color-button-primary-default);--btn-text-hover:var(--color-button-primary-hover)}[data-id^=base-button][data-variant=link-inverted]{--btn-text:var(--color-button-primary-inverted-default);--btn-text-hover:var(--color-button-primary-inverted-hover)}[data-id^=base-button][data-variant=link-inverted],[data-id^=base-button][data-variant=link]{border-radius:var(--radius-sm,4px);padding:calc(var(--spacing,4px)*1);text-decoration-line:underline}:is([data-id^=base-button][data-variant=link],[data-id^=base-button][data-variant=link-inverted]):active:not(:disabled,[aria-disabled=true]),:is([data-id^=base-button][data-variant=link],[data-id^=base-button][data-variant=link-inverted]):focus{outline:var(--focus-size)solid var(--color-focus);outline-offset:var(--focus-offset)}:is([data-id^=base-button][data-variant=primary-inverted],[data-id^=base-button][data-variant=outline-inverted],[data-id^=base-button][data-variant=link-inverted]):active:not(:disabled,[aria-disabled=true]),:is([data-id^=base-button][data-variant=primary-inverted],[data-id^=base-button][data-variant=outline-inverted],[data-id^=base-button][data-variant=link-inverted]):focus{outline:var(--focus-size)solid var(--color-focus-inverted);outline-offset:var(--focus-offset)}[data-id^=base-button][data-size=lg]{--btn-padding-block:calc(var(--spacing,4px)*6);font-family:var(--font-sans);font-size:1.25rem;font-weight:600;letter-spacing:normal;line-height:1;padding-inline:calc(var(--spacing,4px)*8)}[data-id^=base-button][data-size=md]{--btn-padding-block:calc(var(--spacing,4px)*5);font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:normal;line-height:1}[data-id^=base-button][data-size=sm]{--btn-padding-block:13px;font-family:var(--font-sans);font-size:.875rem;font-weight:600;letter-spacing:normal;line-height:1}[data-id^=base-button][data-squared=true]{padding-inline:var(--btn-padding-block)}[data-id^=base-button][data-squared=true] .base-button-icon{margin-inline-end:0}