.ti-outline-button{font-weight:500}.ti-outline-button--size-large{font-family:Roboto,sans-serif;font-size:18px;letter-spacing:.36px;line-height:24px}.ti-outline-button--size-medium{font-family:Roboto,sans-serif;font-size:14px;letter-spacing:.28px;line-height:18px}.ti-outline-button--size-small{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:.24px;line-height:16px}.ti-outline-button--size-tiny{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:.24px;line-height:12px}.ti-outline-button{position:relative;display:flex;width:fit-content;align-items:center;justify-content:center;border-radius:var(--border-radius);transition:all var(--transition),border-color var(--transition)}.ti-outline-button--size-large{min-width:84px;height:40px;padding:0 24px;gap:8px}.ti-outline-button--size-large.ti-outline-button--left-icon:not(.ti-outline-button--right-icon){padding:0 24px 0 20px}.ti-outline-button--size-large.ti-outline-button--right-icon:not(.ti-outline-button--left-icon){padding:0 20px 0 24px}.ti-outline-button--size-large.ti-outline-button--left-icon.ti-outline-button--right-icon{padding:0 20px}.ti-outline-button--size-large .ti-outline-button__spinner,.ti-outline-button--size-large .ti-outline-button__spinner .ti-spinner__wrap{width:21px;height:21px}.ti-outline-button--size-large .ti-outline-button__spinner .ti-spinner{--ti-spinner-size: 21px}.ti-outline-button--size-medium{min-width:60px;height:32px;padding:0 16px;gap:8px}.ti-outline-button--size-medium.ti-outline-button--left-icon:not(.ti-outline-button--right-icon){padding:0 16px 0 12px}.ti-outline-button--size-medium.ti-outline-button--right-icon:not(.ti-outline-button--left-icon){padding:0 12px 0 16px}.ti-outline-button--size-medium.ti-outline-button--left-icon.ti-outline-button--right-icon{padding:0 12px}.ti-outline-button--size-medium .ti-outline-button__spinner,.ti-outline-button--size-medium .ti-outline-button__spinner .ti-spinner__wrap{width:17px;height:17px}.ti-outline-button--size-medium .ti-outline-button__spinner .ti-spinner{--ti-spinner-size: 17px}.ti-outline-button--size-small{min-width:48px;height:24px;padding:0 12px;gap:8px}.ti-outline-button--size-small.ti-outline-button--left-icon:not(.ti-outline-button--right-icon){padding:0 12px 0 8px}.ti-outline-button--size-small.ti-outline-button--right-icon:not(.ti-outline-button--left-icon){padding:0 8px 0 12px}.ti-outline-button--size-small.ti-outline-button--left-icon.ti-outline-button--right-icon{padding:0 8px}.ti-outline-button--size-small .ti-outline-button__spinner,.ti-outline-button--size-small .ti-outline-button__spinner .ti-spinner__wrap{width:17px;height:17px}.ti-outline-button--size-small .ti-outline-button__spinner .ti-spinner{--ti-spinner-size: 17px}.ti-outline-button--size-tiny{min-width:40px;height:20px;padding:0 8px;gap:4px}.ti-outline-button--size-tiny.ti-outline-button--left-icon:not(.ti-outline-button--right-icon){padding:0 8px 0 4px}.ti-outline-button--size-tiny.ti-outline-button--right-icon:not(.ti-outline-button--left-icon){padding:0 4px 0 8px}.ti-outline-button--size-tiny.ti-outline-button--left-icon.ti-outline-button--right-icon{padding:0 4px}.ti-outline-button--size-tiny .ti-outline-button__spinner,.ti-outline-button--size-tiny .ti-outline-button__spinner .ti-spinner__wrap{width:13px;height:13px}.ti-outline-button--size-tiny .ti-outline-button__spinner .ti-spinner{--ti-spinner-size: 13px}.ti-outline-button--type-primary{border:1px solid var(--color-button-primary-outline-stroke-default);background-color:transparent;color:var(--color-button-primary-outline-text-default)}.ti-outline-button--type-primary .ti-outline-button__left-icon,.ti-outline-button--type-primary .ti-outline-button__right-icon{color:var(--color-button-primary-outline-icon-default)}.ti-outline-button--type-primary:hover:not(.ti-outline-button--disabled){border-color:var(--color-button-primary-outline-stroke-hover);background-color:var(--color-button-primary-outline-background-hover);color:var(--color-button-primary-outline-text-hover)}.ti-outline-button--type-primary:hover:not(.ti-outline-button--disabled) .ti-outline-button__left-icon,.ti-outline-button--type-primary:hover:not(.ti-outline-button--disabled) .ti-outline-button__right-icon{color:var(--color-button-primary-outline-icon-hover)}.ti-outline-button--type-primary:active:not(.ti-outline-button--disabled){border-color:var(--color-button-primary-outline-stroke-active);background-color:var(--color-button-primary-outline-background-active);color:var(--color-button-primary-outline-text-active)}.ti-outline-button--type-primary:active:not(.ti-outline-button--disabled) .ti-outline-button__left-icon,.ti-outline-button--type-primary:active:not(.ti-outline-button--disabled) .ti-outline-button__right-icon{color:var(--color-button-primary-outline-icon-active)}.ti-outline-button--type-primary.ti-outline-button--disabled{border-color:var(--color-button-primary-outline-stroke-disabled);color:var(--color-button-primary-outline-text-disabled)}.ti-outline-button--type-primary.ti-outline-button--disabled .ti-outline-button__left-icon,.ti-outline-button--type-primary.ti-outline-button--disabled .ti-outline-button__right-icon{color:var(--color-button-primary-outline-icon-disabled)}.ti-outline-button--type-secondary{border:1px solid var(--color-button-secondary-outline-stroke-default);background-color:transparent;color:var(--color-button-secondary-outline-text-default)}.ti-outline-button--type-secondary .ti-outline-button__left-icon,.ti-outline-button--type-secondary .ti-outline-button__right-icon{color:var(--color-button-secondary-outline-icon-default)}.ti-outline-button--type-secondary:hover:not(.ti-outline-button--disabled){border-color:var(--color-button-secondary-outline-stroke-hover);background-color:var(--color-button-secondary-outline-background-hover);color:var(--color-button-secondary-outline-text-hover)}.ti-outline-button--type-secondary:hover:not(.ti-outline-button--disabled) .ti-outline-button__left-icon,.ti-outline-button--type-secondary:hover:not(.ti-outline-button--disabled) .ti-outline-button__right-icon{color:var(--color-button-secondary-outline-icon-hover)}.ti-outline-button--type-secondary:active:not(.ti-outline-button--disabled){border-color:var(--color-button-secondary-outline-stroke-active);background-color:var(--color-button-secondary-outline-background-active);color:var(--color-button-secondary-outline-text-active)}.ti-outline-button--type-secondary:active:not(.ti-outline-button--disabled) .ti-outline-button__left-icon,.ti-outline-button--type-secondary:active:not(.ti-outline-button--disabled) .ti-outline-button__right-icon{color:var(--color-button-secondary-outline-icon-active)}.ti-outline-button--type-secondary.ti-outline-button--disabled{border-color:var(--color-button-secondary-outline-stroke-disabled);color:var(--color-button-secondary-outline-text-disabled)}.ti-outline-button--type-secondary.ti-outline-button--disabled .ti-outline-button__left-icon,.ti-outline-button--type-secondary.ti-outline-button--disabled .ti-outline-button__right-icon{color:var(--color-button-secondary-outline-icon-disabled)}.ti-outline-button--type-destructive{border:1px solid var(--color-button-destructive-outline-stroke-default);background-color:transparent;color:var(--color-button-destructive-outline-text-default)}.ti-outline-button--type-destructive .ti-outline-button__left-icon,.ti-outline-button--type-destructive .ti-outline-button__right-icon{color:var(--color-button-destructive-outline-icon-default)}.ti-outline-button--type-destructive:hover:not(.ti-outline-button--disabled){border-color:var(--color-button-destructive-outline-stroke-hover);background-color:var(--color-button-destructive-outline-background-hover);color:var(--color-button-destructive-outline-text-hover)}.ti-outline-button--type-destructive:hover:not(.ti-outline-button--disabled) .ti-outline-button__left-icon,.ti-outline-button--type-destructive:hover:not(.ti-outline-button--disabled) .ti-outline-button__right-icon{color:var(--color-button-destructive-outline-icon-hover)}.ti-outline-button--type-destructive:active:not(.ti-outline-button--disabled){border-color:var(--color-button-destructive-outline-stroke-active);background-color:var(--color-button-destructive-outline-background-active);color:var(--color-button-destructive-outline-text-active)}.ti-outline-button--type-destructive:active:not(.ti-outline-button--disabled) .ti-outline-button__left-icon,.ti-outline-button--type-destructive:active:not(.ti-outline-button--disabled) .ti-outline-button__right-icon{color:var(--color-button-destructive-outline-icon-active)}.ti-outline-button--type-destructive.ti-outline-button--disabled{border-color:var(--color-button-destructive-outline-stroke-disabled);color:var(--color-button-destructive-outline-text-disabled)}.ti-outline-button--type-destructive.ti-outline-button--disabled .ti-outline-button__left-icon,.ti-outline-button--type-destructive.ti-outline-button--disabled .ti-outline-button__right-icon{color:var(--color-button-destructive-outline-icon-disabled)}.ti-button-outline--disabled,.ti-button-outline--loading{pointer-events:none}.ti-outline-button__label{display:flex;align-items:center}.ti-outline-button__spinner .ti-spinner circle{stroke:currentcolor}