.button{justify-content:center;align-items:center;gap:var(--button-gap);cursor:pointer;transition:background-color var(--speed-medium)var(--ease-linear),border-color var(--speed-medium)var(--ease-linear);white-space:nowrap;display:inline-flex;position:relative}.button-icon>svg{transition:all var(--speed-medium)var(--ease-linear)}.button:focus{outline:2px solid var(--support-focus);outline-offset:2px}.button-label{height:16px;font-family:var(--font-sans);font-size:var(--size-label);font-weight:var(--weight-label);line-height:var(--line-label);letter-spacing:var(--spacing-label);align-items:center;display:inline-flex}.button-icon{width:var(--space-16);height:var(--space-16);color:currentColor;justify-content:center;align-items:center;display:flex}.button-icon>svg,.button-icon>img{width:100%;height:100%}.button-size-xxl{padding:var(--space-20);border-radius:var(--radius-20);gap:var(--space-8)}.button-size-xl{padding:var(--space-16);border-radius:var(--radius-16);gap:var(--space-6)}.button-size-l{padding:var(--space-12);border-radius:var(--radius-12);gap:var(--space-6)}.button-size-m{padding:var(--space-8);border-radius:var(--radius-8);gap:var(--space-4)}.button-size-s{padding:var(--space-6);border-radius:var(--radius-6);gap:var(--space-4)}.button-size-xs{padding:var(--space-4);border-radius:var(--radius-4);gap:var(--space-4)}.button-size-xxs{padding:var(--space-2);border-radius:var(--radius-2);gap:var(--space-4)}.button-type-primary.button-style-filled{background-color:var(--color-surface-primary);border:var(--stroke-components)solid var(--color-border-primary);color:var(--neutral-content-oncolor)!important}.button-type-primary .button-icon>svg{stroke:var(--neutral-content-oncolor)!important}.button-type-primary.button-style-filled:hover{background-color:var(--brand-600);border:var(--stroke-components)solid var(--brand-600)}.button-type-primary.button-style-outline{border:var(--stroke-components)solid var(--color-border-primary);background-color:#0000;color:var(--color-content-primary)!important}.button-type-primary.button-style-outline .button-icon>svg{stroke:var(--color-surface-primary)!important}.button-type-primary.button-style-outline:hover{border:var(--stroke-components)solid var(--brand-400);color:var(--brand-400)!important}.button-type-primary.button-style-outline:hover .button-icon>svg{stroke:var(--brand-400)!important}.button-type-secondary.button-style-filled{background-color:var(--color-surface-secondary);border:var(--stroke-components)solid var(--color-border-secondary);color:var(--neutral-content-main-titles)!important}.button-type-secondary .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-filled:hover{background-color:var(--grey-400);border:var(--stroke-components)solid var(--grey-400)}.button-type-secondary.button-style-outline{border:var(--stroke-components)solid var(--color-border-secondary);background-color:#0000;color:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-outline .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-outline:hover{border:var(--stroke-components)solid var(--grey-400);color:var(--neutral-content-main-titles)!important}.button-type-secondary.button-style-outline:hover .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-neutral.button-style-filled{background-color:var(--neutral-surface-oncolor);border:var(--stroke-components)solid var(--neutral-surface-oncolor);color:var(--neutral-content-oncolor)!important}.button-type-neutral .button-icon>svg{stroke:var(--neutral-content-oncolor)!important}.button-type-neutral.button-style-filled:hover{background-color:var(--grey-800);border:var(--stroke-components)solid var(--grey-800)}.button-type-neutral.button-style-outline{border:var(--stroke-components)solid var(--neutral-surface-oncolor);background-color:#0000;color:var(--neutral-surface-oncolor)!important}.button-type-neutral.button-style-outline .button-icon>svg{stroke:var(--neutral-surface-oncolor)!important}.button-type-neutral.button-style-outline:hover{border:var(--stroke-components)solid var(--grey-800);color:var(--grey-800)!important}.button-type-neutral.button-style-outline:hover .button-icon>svg{stroke:var(--grey-800)!important}.button-type-destructive.button-style-filled{background-color:var(--color-surface-error);border:var(--stroke-components)solid var(--color-surface-error);color:var(--neutral-content-oncolor)!important}.button-type-destructive .button-icon>svg{stroke:var(--neutral-content-oncolor)!important}.button-type-destructive.button-style-filled:hover{background-color:var(--color-surface-error-light);border:var(--stroke-components)solid var(--color-surface-error-light);color:var(--color-surface-error)!important}.button-type-destructive:hover .button-icon>svg{stroke:var(--color-surface-error)!important}.button-type-destructive.button-style-outline{border:var(--stroke-components)solid var(--color-surface-error);background-color:#0000;color:var(--color-surface-error)!important}.button-type-destructive.button-style-outline .button-icon>svg{stroke:var(--color-surface-error)!important}.button-type-destructive.button-style-outline:hover{border:var(--stroke-components)solid var(--color-surface-error-light);color:var(--color-surface-error)!important}.button-type-destructive.button-style-outline:hover .button-icon>svg{stroke:var(--color-surface-error)!important}.button-type-reversed.button-style-filled{background-color:var(--neutral-surface-background);border:var(--stroke-components)solid var(--neutral-surface-background);color:var(--neutral-content-main-titles)!important}.button-type-reversed .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-reversed.button-style-filled:hover{background-color:var(--grey-200);border:var(--stroke-components)solid var(--grey-200)}.button-type-reversed.button-style-outline{border:var(--stroke-components)solid var(--neutral-surface-background);background-color:#0000;color:var(--neutral-content-main-titles)!important}.button-type-reversed.button-style-outline .button-icon>svg{stroke:var(--neutral-content-main-titles)!important}.button-type-reversed.button-style-outline:hover{border:var(--stroke-components)solid var(--grey-800);color:var(--grey-800)!important}.button-type-reversed.button-style-outline:hover .button-icon>svg{stroke:var(--grey-800)!important}