._comp_button_redesign__base{--bg:transparent;--bg-hover:color-mix(in srgb, var(--bg) 90%, var(--fg));--fg:var(--color-text-primary);background-color:var(--bg);border-radius:var(--radius-round);color:var(--fg);appearance:none;cursor:pointer;-moz-column-gap:var(--space-2xs);justify-content:center;align-items:center;column-gap:var(--space-2xs);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:700;line-height:var(--lh-tight);letter-spacing:var(--ls-normal);box-sizing:border-box;border:0;transition:background-color .2s,color .2s,opacity .2s;display:inline-flex}._comp_button_redesign__base:hover:not(:active):not(:disabled):not([aria-pressed=true]):not([aria-expanded=true]){background-color:var(--bg-hover)}._comp_button_redesign__base:focus-visible,._comp_button_redesign__base:focus-within{outline:2px solid var(--color-bg-brand-base);outline-offset:2px}._comp_button_redesign__base:disabled{cursor:not-allowed;opacity:.5}a._comp_button_redesign__base{-webkit-text-decoration:none;text-decoration:none}a._comp_button_redesign__base:focus{border-radius:var(--radius-round)}a._comp_button_redesign__base:hover{-webkit-text-decoration:inherit;text-decoration:inherit}._comp_button_redesign__xs{padding-inline:var(--space-xs);min-height:20px}._comp_button_redesign__sm{padding:var(--space-2xs) var(--space-sm);min-height:32px}._comp_button_redesign__md{padding:var(--space-xs) var(--space-md);min-height:40px}._comp_button_redesign__lg{padding:var(--space-sm) var(--space-lg);min-height:48px}._comp_button_redesign__solid{--bg:var(--color-bg-inverted);--fg:var(--color-text-inverted)}._comp_button_redesign__solid._comp_button_redesign__accent{--bg:var(--color-bg-brand-base);--fg:var(--color-text-on-brand-base)}._comp_button_redesign__solid._comp_button_redesign__destructive{--bg:var(--color-bg-error-base);--fg:var(--color-text-on-error-base)}._comp_button_redesign__tonal{--bg-color:var(--color-text-primary);--bg-opacity:4%;--bg:rgb(from var(--bg-color) r g b / var(--bg-opacity));--bg-hover-opacity:10%;--bg-hover:rgb(from var(--bg-color) r g b / var(--bg-hover-opacity))}._comp_button_redesign__tonal._comp_button_redesign__neutral:active,._comp_button_redesign__tonal._comp_button_redesign__neutral[aria-pressed=true],._comp_button_redesign__tonal._comp_button_redesign__neutral[aria-expanded=true]{--bg:var(--color-bg-inverted);--fg:var(--color-text-inverted)}._comp_button_redesign__tonal._comp_button_redesign__accent,._comp_button_redesign__tonal._comp_button_redesign__destructive{--bg-opacity:10%;--bg-hover-opacity:20%}._comp_button_redesign__tonal._comp_button_redesign__accent:active,._comp_button_redesign__tonal._comp_button_redesign__accent[aria-pressed=true],._comp_button_redesign__tonal._comp_button_redesign__accent[aria-expanded=true],._comp_button_redesign__tonal._comp_button_redesign__destructive:active,._comp_button_redesign__tonal._comp_button_redesign__destructive[aria-pressed=true],._comp_button_redesign__tonal._comp_button_redesign__destructive[aria-expanded=true]{--bg-opacity:100%}._comp_button_redesign__tonal._comp_button_redesign__accent{--bg-color:var(--color-bg-brand-base);--fg:var(--color-text-brand)}._comp_button_redesign__tonal._comp_button_redesign__accent:active,._comp_button_redesign__tonal._comp_button_redesign__accent[aria-pressed=true],._comp_button_redesign__tonal._comp_button_redesign__accent[aria-expanded=true]{--fg:var(--color-text-on-brand-base)}._comp_button_redesign__tonal._comp_button_redesign__destructive{--bg-color:var(--color-bg-error-base);--fg:var(--color-text-error)}._comp_button_redesign__tonal._comp_button_redesign__destructive:active,._comp_button_redesign__tonal._comp_button_redesign__destructive[aria-pressed=true],._comp_button_redesign__tonal._comp_button_redesign__destructive[aria-expanded=true]{--fg:var(--color-text-on-error-base)}._comp_button_redesign__ghost:active,._comp_button_redesign__ghost[aria-pressed=true],._comp_button_redesign__ghost[aria-expanded=true]{--bg:var(--color-bg-inverted);--fg:var(--color-text-inverted)}._comp_button_redesign__ghost._comp_button_redesign__accent{--fg:var(--color-text-brand)}._comp_button_redesign__ghost._comp_button_redesign__accent:active,._comp_button_redesign__ghost._comp_button_redesign__accent[aria-pressed=true],._comp_button_redesign__ghost._comp_button_redesign__accent[aria-expanded=true]{--bg:var(--color-bg-brand-base);--fg:var(--color-text-on-brand-base)}._comp_button_redesign__ghost._comp_button_redesign__destructive{--fg:var(--color-text-error)}._comp_button_redesign__ghost._comp_button_redesign__destructive:active,._comp_button_redesign__ghost._comp_button_redesign__destructive[aria-pressed=true],._comp_button_redesign__ghost._comp_button_redesign__destructive[aria-expanded=true]{--bg:var(--color-bg-error-base);--fg:var(--color-text-on-error-base)}._comp_button_redesign__icon,._comp_button_redesign__loading{width:var(--fs-xl);height:var(--fs-xl)}._comp_button_redesign__iconCustom{width:inherit;height:inherit}._comp_button_redesign__iconOnly{aspect-ratio:1;padding:0}._comp_button_redesign__loading{color:inherit}._comp_button_redesign__toggle._comp_button_redesign__tonal:active,._comp_button_redesign__toggle._comp_button_redesign__tonal[aria-pressed=true],._comp_button_redesign__toggle._comp_button_redesign__tonal[aria-expanded=true]{--bg:rgb(from var(--color-bg-brand-base) r g b / 10%);--fg:var(--color-text-brand)}._comp_button_redesign__toggle._comp_button_redesign__solid:active,._comp_button_redesign__toggle._comp_button_redesign__solid[aria-pressed=true],._comp_button_redesign__toggle._comp_button_redesign__solid[aria-expanded=true],._comp_button_redesign__toggle._comp_button_redesign__ghost:active,._comp_button_redesign__toggle._comp_button_redesign__ghost[aria-pressed=true],._comp_button_redesign__toggle._comp_button_redesign__ghost[aria-expanded=true]{--bg:var(--color-bg-brand-base);--fg:var(--color-text-on-brand-base)}
