.tf-button[data-v-5a62ade3]{align-items:center;cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm-8);justify-content:center;letter-spacing:var(--tracking-normal);line-height:var(--text-sm--line-height);transition:background-color .15s ease,background-image .15s ease,color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tf-button--primary[data-v-5a62ade3]{background-color:var(--ui-container-primary);color:var(--ui-container-on-primary)}.tf-button--secondary[data-v-5a62ade3]{background-color:var(--ui-container-secondary);color:var(--ui-container-on-secondary)}.tf-button--tertiary[data-v-5a62ade3]{background-color:transparent;color:var(--ui-container-on-tertiary)}.tf-button--conversion[data-v-5a62ade3]{background-color:var(--ui-tertiary);color:#fff}.tf-button--neutral[data-v-5a62ade3]{background-color:var(--color-grey-50);color:var(--ui-container-on-tertiary)}.tf-button--vivid[data-v-5a62ade3]{background-color:var(--ui-secondary);color:#fff}@media(hover:hover){.tf-button--primary[data-v-5a62ade3]:hover,.tf-button--vivid[data-v-5a62ade3]:hover{background-image:linear-gradient(#ffffff14,#ffffff14)}}.tf-button--primary[data-v-5a62ade3]:active,.tf-button--primary[data-v-5a62ade3]:focus-visible,.tf-button--vivid[data-v-5a62ade3]:active,.tf-button--vivid[data-v-5a62ade3]:focus-visible{background-image:linear-gradient(#ffffff1a,#ffffff1a)}@media(hover:hover){.tf-button--neutral[data-v-5a62ade3]:hover,.tf-button--secondary[data-v-5a62ade3]:hover{background-image:linear-gradient(#00000014,#00000014)}}.tf-button--conversion[data-v-5a62ade3]:active,.tf-button--conversion[data-v-5a62ade3]:focus-visible,.tf-button--neutral[data-v-5a62ade3]:active,.tf-button--neutral[data-v-5a62ade3]:focus-visible,.tf-button--secondary[data-v-5a62ade3]:active,.tf-button--secondary[data-v-5a62ade3]:focus-visible{background-image:linear-gradient(#0000001a,#0000001a)}@media(hover:hover){.tf-button--conversion[data-v-5a62ade3]:hover,.tf-button--tertiary[data-v-5a62ade3]:hover{background:linear-gradient(0deg,#00000014 0 100%),var(--ui-tertiary)}}.tf-button--tertiary[data-v-5a62ade3]:active,.tf-button--tertiary[data-v-5a62ade3]:focus-visible{background-color:#0000001a}.tf-button[data-v-5a62ade3]:focus-visible{outline:2px solid var(--ui-active);outline-offset:2px}.tf-button[data-v-5a62ade3]:disabled,.tf-button[aria-disabled=true][data-v-5a62ade3]{background-color:var(--ui-container-disabled);background-image:none;color:var(--ui-disabled);cursor:not-allowed;pointer-events:none}.tf-button[data-v-5a62ade3]:disabled:focus-visible,.tf-button[aria-disabled=true][data-v-5a62ade3]:focus-visible{outline:none}