.ui-techfx-accounting-partner-card {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-accounting-partner-card__asset-logo {
  width: 91px;
  height: 44px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-xs);
  overflow: hidden;
  --asset-fill-0: var(--color-background-neutral-subtle);
}

.ui-techfx-accounting-partner-card__name {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-accounting-time-slot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-24);
  border-width: var(--border-width-md);
  border-style: solid;
  position: relative;
}

.ui-techfx-accounting-time-slot--false {
  border-color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-accounting-time-slot--true {
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-accounting-time-slot__label {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-accounting-time-slot[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-accounting-time-slot[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-action-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  border-radius: var(--border-radius-md);
  position: relative;
  flex-shrink: 0;
  transition: box-shadow var(--duration-fast) ease;
}

.ui-techfx-action-button {
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-action-button:hover:not([aria-busy="true"]) {
  color: var(--color-stroke-brand-default);
}

.ui-techfx-action-button:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-action-button__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-action-button:hover:not([aria-busy="true"]) .ui-techfx-action-button__content {
  color: var(--color-stroke-brand-default);
}

.ui-techfx-action-button[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-action-button[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: var(--border-radius-full);
}

.ui-techfx-avatar--initials--sm {
  width: 24px;
  height: 24px;
  background: var(--color-background-brand-light);
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-avatar--initials--md {
  width: 32px;
  height: 32px;
  background: var(--color-background-brand-light);
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-avatar--initials--lg {
  width: 40px;
  height: 40px;
  background: var(--color-background-brand-light);
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-avatar--icon--sm {
  width: 24px;
  height: 24px;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-avatar--icon--md {
  width: 32px;
  height: 32px;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-avatar--icon--lg {
  width: 40px;
  height: 40px;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-avatar--image--sm {
  width: 24px;
  height: 24px;
}

.ui-techfx-avatar--image--md {
  width: 32px;
  height: 32px;
}

.ui-techfx-avatar--image--lg {
  width: 40px;
  height: 40px;
}

.ui-techfx-avatar__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-avatar--initials--md .ui-techfx-avatar__label,
.ui-techfx-avatar--icon--md .ui-techfx-avatar__label,
.ui-techfx-avatar--image--md .ui-techfx-avatar__label {
  font-size: var(--font-size-14);
  line-height: var(--line-height-20);
}

.ui-techfx-avatar--initials--lg .ui-techfx-avatar__label,
.ui-techfx-avatar--icon--lg .ui-techfx-avatar__label,
.ui-techfx-avatar--image--lg .ui-techfx-avatar__label {
  font-size: var(--font-size-16);
  line-height: var(--line-height-24);
}

.ui-techfx-avatar__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-techfx-avatar-menu__div-2 {
  flex-direction: column;
  width: fit-content;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-avatar-menu__div-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-avatar-menu__indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-avatar-menu__options {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  align-items: flex-end;
  width: fit-content;
}

.ui-techfx-avatar-menu {
  position: relative;
  display: inline-block;
}

[data-ui-popover-menu-target="menu"][hidden] {
  display: none;
}

[data-ui-popover-menu-target="menu"] {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  margin-block-start: var(--spacing-8, 8px);
  min-width: 100%;
  z-index: 20;
}

.ui-techfx-avatar-menu__div-2 :is(svg, .ui-techfx-icon) {
  flex-shrink: 0;
}

.ui-techfx-avatar-upload {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 72px;
  height: 72px;
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-avatar-upload__no-image {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-full);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-avatar-upload__no-image[hidden] {
  display: none;
}

.ui-techfx-avatar-upload__image {
  position: absolute;
  border-radius: var(--border-radius-full);
  right: 0px;
  bottom: 0px;
}

.ui-techfx-avatar-upload__edit-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  position: absolute;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-sm);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
  top: 0px;
  right: 0px;
}

.ui-techfx-avatar-upload__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-techfx-backoffice-alert {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-background-danger-subtle);
  color: var(--color-text-danger-secondary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
}

.ui-techfx-backoffice-alert__text {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  color: var(--color-text-neutral-secondary);
  flex-shrink: 0;
}

.ui-techfx-backoffice-breadcrumbs__trail {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-confirmation-word {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-confirmation-word__span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.ui-techfx-backoffice-confirmation-word__prompt {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-confirmation-word__confirmation-word {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 300px;
  flex-shrink: 0;
  align-self: stretch;
  background: var(--color-surface-light);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  overflow: hidden;
  padding-top: var(--spacing-16);
  padding-bottom: var(--spacing-16);
}

.ui-techfx-backoffice-confirmation-word__word {
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-18);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-28);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-confirmation-word__span-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.ui-techfx-backoffice-confirmation-word__hint {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-confirmation-word .ui-techfx-input {
  width: 100%;
  height: 40px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-description-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 536px;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-description-list__items {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-description-list-item {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-secondary);
  padding-top: var(--spacing-8);
  padding-bottom: var(--spacing-8);
}

.ui-techfx-backoffice-description-list-item__dt {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-backoffice-description-list-item__term {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-description-list-item__dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-backoffice-description-list-item__detail {
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-detail-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-backoffice-detail-header__h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-backoffice-detail-header__label {
  flex-shrink: 0;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-32);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-detail-header__status {
  width: 100%;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-positive-tertiary);
}

.ui-techfx-backoffice-document-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-backoffice-document-item__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-document-item__row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-document-item__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.ui-techfx-backoffice-document-item__file-name {
  flex-shrink: 0;
  align-self: stretch;
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-backoffice-document-item__file-meta {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-14);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-backoffice-document-item__created-at {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-14);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-backoffice-document-item__trailing {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-positive-tertiary);
}

.ui-techfx-backoffice-document-item--initial .ui-techfx-backoffice-document-item__trailing {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-document-item--rejected .ui-techfx-backoffice-document-item__trailing {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-backoffice-document-item--review-required .ui-techfx-backoffice-document-item__trailing {
  color: var(--color-text-warning-secondary);
}

.ui-techfx-backoffice-document-item__padding {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-backoffice-document-item__popover-menu {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ui-techfx-backoffice-document-item .ui-techfx-document-icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.ui-techfx-backoffice-document-item .ui-techfx-dropdown-pill {
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-backoffice-information-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-backoffice-information-section__section-title {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-information-section__h2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-backoffice-information-section__has-icon {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-backoffice-information-section__title {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-information-section__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-backoffice-information-section__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-information-section-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-information-section-item__title {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-information-section-item__list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-backoffice-information-section-item__value {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  white-space: pre-wrap;
}

.ui-techfx-backoffice-information-section-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-information-section-row__content {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-24);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-backoffice-limit-request-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-start;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-32);
  border-color: var(--color-stroke-brand-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-backoffice-limit-request-card__header {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
  padding-right: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-backoffice-limit-request-card__title {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card__status {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-warning-secondary);
}

.ui-techfx-backoffice-limit-request-card__div {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  padding-right: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-backoffice-limit-request-card__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-limit-request-card__requested-on {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card__value {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card__table {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-limit-request-card__thead {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-limit-request-card__tr {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-limit-request-card__limit-type {
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card__current-limit {
  width: 180px;
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card__requested-limit {
  width: 180px;
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card__tbody {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-limit-request-card__footer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-primary);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  border-top-color: var(--color-stroke-brand-subtle);
  border-top-width: var(--border-width-md);
  border-top-style: solid;
}

.ui-techfx-backoffice-limit-request-card__actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-brand-primary);
}

.ui-techfx-backoffice-limit-request-card-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-backoffice-limit-request-card-row__label {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card-row__current {
  width: 180px;
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-limit-request-card-row__requested {
  width: 180px;
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-overall-status {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-20);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-20);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-backoffice-overall-status__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-overall-status__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-overall-status__div {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-overall-status__updated {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-overall-status__actions {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-backoffice-overall-status__dl {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-overall-status__items {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-overall-status-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: fit-content;
  color: var(--color-text-neutral-secondary);
  flex-shrink: 0;
}

.ui-techfx-backoffice-overall-status-item__dt {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-backoffice-overall-status-item__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-overall-status-item__dd {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-positive-tertiary);
}

.ui-techfx-backoffice-overall-status-item__status {
  width: 100%;
  height: 16px;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-positive-tertiary);
}

.ui-techfx-backoffice-page-title {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-backoffice-page-title__breadcrumbs {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-backoffice-page-title__title-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-backoffice-page-title__h1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-backoffice-page-title__label {
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-headline);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-32);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-backoffice-page-title__actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-8);
}

.ui-techfx-badge--active {
  background: var(--color-background-danger-default);
}

.ui-techfx-badge--inactive {
  background: var(--color-background-neutral-light);
}

.ui-techfx-badge__count {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: box-shadow var(--duration-fast) ease;
}

.ui-techfx-button--primary--lg--auto {
  width: fit-content;
  height: 56px;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--primary--lg--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
}

.ui-techfx-button--primary--lg--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--primary--lg--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--primary--lg--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
}

.ui-techfx-button--primary--lg--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--primary--sm--auto {
  width: fit-content;
  height: 32px;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--primary--sm--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
}

.ui-techfx-button--primary--sm--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--primary--sm--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--primary--sm--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
}

.ui-techfx-button--primary--sm--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--secondary--lg--auto {
  width: fit-content;
  height: 56px;
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--secondary--lg--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--secondary--lg--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--secondary--lg--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--secondary--lg--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--secondary--lg--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--secondary--sm--auto {
  width: fit-content;
  height: 32px;
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--secondary--sm--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--secondary--sm--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--secondary--sm--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--secondary--sm--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--secondary--sm--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--positive--lg--auto {
  width: fit-content;
  height: 56px;
  background: var(--color-background-positive-subtle);
  color: var(--color-text-positive-secondary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--positive--lg--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--positive--lg--auto:disabled:not([aria-busy="true"]) {
  color: var(--color-text-positive-primary);
  opacity: 0.4;
}

.ui-techfx-button--positive--lg--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-positive-subtle);
  color: var(--color-text-positive-secondary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--positive--lg--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--positive--lg--full:disabled:not([aria-busy="true"]) {
  color: var(--color-text-positive-primary);
  opacity: 0.4;
}

.ui-techfx-button--positive--sm--auto {
  width: fit-content;
  height: 32px;
  background: var(--color-background-positive-subtle);
  color: var(--color-text-positive-secondary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--positive--sm--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--positive--sm--auto:disabled:not([aria-busy="true"]) {
  color: var(--color-text-positive-primary);
  opacity: 0.4;
}

.ui-techfx-button--positive--sm--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-positive-subtle);
  color: var(--color-text-positive-secondary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--positive--sm--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-button--positive--sm--full:disabled:not([aria-busy="true"]) {
  color: var(--color-text-positive-primary);
  opacity: 0.4;
}

.ui-techfx-button--neutral--lg--auto {
  width: fit-content;
  height: 56px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-button--neutral--lg--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--neutral--lg--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--neutral--lg--full {
  width: 100%;
  height: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-button--neutral--lg--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--neutral--lg--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--neutral--sm--auto {
  width: fit-content;
  height: 32px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-button--neutral--sm--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--neutral--sm--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--neutral--sm--full {
  width: 100%;
  height: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-button--neutral--sm--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--neutral--sm--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--danger--lg--auto {
  width: fit-content;
  height: 56px;
  background: var(--color-background-danger-default);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--danger--lg--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-button--danger--lg--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--danger--lg--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-danger-default);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--danger--lg--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-button--danger--lg--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--danger--sm--auto {
  width: fit-content;
  height: 32px;
  background: var(--color-background-danger-default);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--danger--sm--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-button--danger--sm--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--danger--sm--full {
  width: 100%;
  height: 100%;
  background: var(--color-background-danger-default);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--danger--sm--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-button--danger--sm--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--external--lg--auto {
  width: fit-content;
  height: 56px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--external--lg--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--external--lg--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--external--lg--full {
  width: 100%;
  height: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-xl);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--external--lg--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--external--lg--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--external--sm--auto {
  width: fit-content;
  height: 32px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--external--sm--auto:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--external--sm--auto:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button--external--sm--full {
  width: 100%;
  height: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-button--external--sm--full:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-button--external--sm--full:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-button__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-button__padding {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
}

.ui-techfx-button__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-button[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-button[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-calendar-cell {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40px;
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-8);
  position: relative;
  transition: border-color var(--duration-fast) ease, border-style var(--duration-fast) ease, border-width var(--duration-fast) ease;
}

.ui-techfx-calendar-cell--inactive {
  color: var(--color-text-neutral-primary);
}

.ui-techfx-calendar-cell--inactive:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
  color: var(--color-text-brand-secondary);
}

.ui-techfx-calendar-cell--inactive:disabled:not([aria-busy="true"]) {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-calendar-cell--active {
  background: var(--color-background-brand-strong);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-calendar-cell--active:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-default);
}

.ui-techfx-calendar-cell--active:disabled:not([aria-busy="true"]) {
  background: var(--color-disabled-surface);
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-calendar-cell--today {
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-primary);
}

.ui-techfx-calendar-cell--today:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
  color: var(--color-text-brand-secondary);
}

.ui-techfx-calendar-cell--today:disabled:not([aria-busy="true"]) {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-calendar-cell__day {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-calendar-cell[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-calendar-cell[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-callout {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  overflow: hidden;
}

.ui-techfx-callout--filled--brand {
  width: 100%;
  background: var(--color-background-brand-subtle);
  color: var(--color-text-brand-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-callout--filled--neutral {
  width: 100%;
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-callout--filled--warning {
  width: 100%;
  background: var(--color-background-warning-subtle);
  color: var(--color-text-warning-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-callout--filled--positive {
  width: 100%;
  background: var(--color-background-positive-subtle);
  color: var(--color-text-positive-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-callout--filled--strongest {
  width: 100%;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-callout--filled--danger {
  width: 100%;
  background: var(--color-background-danger-subtle);
  color: var(--color-text-danger-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-callout--plain--brand {
  width: 100%;
  color: var(--color-text-brand-primary);
  border-radius: var(--border-radius-none);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-callout--plain--neutral {
  width: 100%;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-callout--plain--warning {
  width: 100%;
  color: var(--color-text-warning-primary);
  border-radius: var(--border-radius-none);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-callout--plain--positive {
  width: 100%;
  color: var(--color-text-positive-primary);
  border-radius: var(--border-radius-none);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-callout--plain--danger {
  width: 100%;
  color: var(--color-text-danger-primary);
  border-radius: var(--border-radius-none);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-callout__content {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-callout__has-artwork {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}

.ui-techfx-callout__has-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: var(--color-background-brand-light);
  border-radius: var(--border-radius-full);
}

.ui-techfx-callout__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  padding-top: var(--spacing-4);
}

.ui-techfx-callout__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-callout__body {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-callout--filled--strongest .ui-techfx-callout__body,
.ui-techfx-callout--plain--strongest .ui-techfx-callout__body {
  color: var(--color-text-inverse-secondary);
}

.ui-techfx-callout--filled--neutral .ui-techfx-callout__body,
.ui-techfx-callout--plain--neutral .ui-techfx-callout__body {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-callout--filled--warning .ui-techfx-callout__body,
.ui-techfx-callout--plain--warning .ui-techfx-callout__body {
  color: var(--color-text-warning-secondary);
}

.ui-techfx-callout--filled--positive .ui-techfx-callout__body,
.ui-techfx-callout--plain--positive .ui-techfx-callout__body {
  color: var(--color-text-positive-secondary);
}

.ui-techfx-callout--filled--danger .ui-techfx-callout__body,
.ui-techfx-callout--plain--danger .ui-techfx-callout__body {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-callout__link {
  flex-shrink: 0;
  color: var(--color-text-brand-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-callout--filled--strongest .ui-techfx-callout__link,
.ui-techfx-callout--plain--strongest .ui-techfx-callout__link {
  color: var(--color-text-inverse-primary);
}

.ui-techfx-callout--filled--warning .ui-techfx-callout__link,
.ui-techfx-callout--plain--warning .ui-techfx-callout__link {
  color: var(--color-text-warning-secondary);
}

.ui-techfx-callout--filled--positive .ui-techfx-callout__link,
.ui-techfx-callout--plain--positive .ui-techfx-callout__link {
  color: var(--color-text-positive-secondary);
}

.ui-techfx-callout--filled--danger .ui-techfx-callout__link,
.ui-techfx-callout--plain--danger .ui-techfx-callout__link {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-callout .ui-techfx-exchange-feedback-icon {
  width: 56px;
  height: 56px;
  flex-shrink: 0;
}

.ui-techfx-checkbox {
  display: inline-flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  position: relative;
  cursor: pointer;
}

.ui-techfx-checkbox__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.ui-techfx-checkbox__box {
  width: 16px;
  height: 16px;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-sm);
  border-width: var(--border-width-md);
  border-style: solid;
  flex-shrink: 0;
}

.ui-techfx-checkbox__input:indeterminate ~ .ui-techfx-checkbox__box {
  background: var(--color-background-brand-subtle);
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-checkbox__input:indeterminate:disabled ~ .ui-techfx-checkbox__box {
  background: var(--color-disabled-background);
  border-color: var(--color-disabled-border);
}

.ui-techfx-checkbox__input ~ .ui-techfx-checkbox__box {
  background: var(--color-surface-white);
  border-color: var(--color-stroke-neutral-default);
}

.ui-techfx-checkbox__input:hover ~ .ui-techfx-checkbox__box {
  background: var(--color-background-brand-subtle);
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-checkbox__input:disabled ~ .ui-techfx-checkbox__box {
  background: var(--color-disabled-background);
  border-color: var(--color-disabled-border);
}

.ui-techfx-checkbox__input:checked ~ .ui-techfx-checkbox__box {
  background: var(--color-background-brand-subtle);
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-checkbox__input:checked:disabled ~ .ui-techfx-checkbox__box {
  background: var(--color-disabled-background);
  border-color: var(--color-disabled-border);
}

.ui-techfx-checkbox__label-2 {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-checkbox__icon {
  position: absolute;
  top: 2px;
  left: 2px;
}

.ui-techfx-checkbox .ui-techfx-checkbox__icon {
  display: none;
}

.ui-techfx-checkbox__input:indeterminate ~ .ui-techfx-checkbox__box .ui-techfx-checkbox__icon {
  display: block;
}

.ui-techfx-checkbox .ui-techfx-checkbox__glyph--yes {
  position: absolute;
  top: 2px;
  left: 2px;
  display: none;
}

.ui-techfx-checkbox__input:checked ~ .ui-techfx-checkbox__box .ui-techfx-checkbox__glyph--yes {
  display: flex;
}

.ui-techfx-checkbox__input:focus-visible ~ .ui-techfx-checkbox__box {
  outline: auto;
}

.ui-techfx-collapsible-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-collapsible-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-collapsible-card--open .ui-techfx-collapsible-card__content {
  gap: var(--spacing-12);
}

.ui-techfx-collapsible-card__div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-collapsible-card__header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-collapsible-card__header-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-32);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-4);
}

.ui-techfx-collapsible-card__actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: flex-start;
  justify-content: flex-end;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.ui-techfx-collapsible-card__trigger {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-default);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-4);
}

.ui-techfx-collapsible-card__indicator {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-collapsible-card__body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-tertiary);
  padding-top: var(--spacing-12);
}

.ui-techfx-collapsible-card__body-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-tertiary);
}

[data-ui-collapsible-card-target="menu"][hidden] {
  display: none;
}

.ui-techfx-collapsible-card__trigger :is(svg, .ui-techfx-icon) {
  flex-shrink: 0;
}

.ui-techfx-date-picker {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
}

.ui-techfx-date-picker__month {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-date-picker__button {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-date-picker__text {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-date-picker__button-2 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-date-picker__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-document-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: var(--border-radius-full);
}

.ui-techfx-document-icon--danger {
  background: var(--color-background-danger-subtle);
  color: var(--color-stroke-danger-default);
}

.ui-techfx-document-icon--warning {
  background: var(--color-background-warning-subtle);
  color: var(--color-stroke-warning-default);
}

.ui-techfx-document-icon--success {
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-default);
}

.ui-techfx-document-icon--neutral {
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-document-icon__document-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  position: absolute;
  background: var(--color-background-danger-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  overflow: hidden;
  top: 2px;
  right: -5px;
}

.ui-techfx-document-icon--warning .ui-techfx-document-icon__document-icon {
  background: var(--color-background-warning-strong);
}

.ui-techfx-document-icon--success .ui-techfx-document-icon__document-icon {
  background: var(--color-background-positive-strong);
}

.ui-techfx-document-icon--neutral .ui-techfx-document-icon__document-icon {
  background: var(--color-background-neutral-strongest);
}

.ui-techfx-dropdown-button__button {
  flex-direction: column;
  width: fit-content;
}

.ui-techfx-dropdown-button__button {
  color: var(--color-text-neutral-primary);
}

.ui-techfx-dropdown-button__button:disabled {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-dropdown-button__button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 32px;
  flex-shrink: 0;
  background: var(--color-surface-white);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-dropdown-button__button:disabled {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-dropdown-button__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-dropdown-button__button:disabled .ui-techfx-dropdown-button__content {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-dropdown-button__padding {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  padding-right: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-dropdown-button__button:disabled .ui-techfx-dropdown-button__padding {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-dropdown-button__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-dropdown-button__button:disabled .ui-techfx-dropdown-button__label {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-dropdown-button__dropdown {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-stroke-neutral-strong);
  padding-right: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-left-color: var(--color-stroke-neutral-subtle);
  border-left-width: var(--border-width-md);
  border-left-style: solid;
}

.ui-techfx-dropdown-button__button:disabled .ui-techfx-dropdown-button__dropdown {
  color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-dropdown-button__indicator {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-dropdown-button__button:disabled .ui-techfx-dropdown-button__indicator {
  color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-dropdown-button__options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
}

.ui-techfx-dropdown-button {
  position: relative;
  display: inline-block;
}

[data-ui-dropdown-button-target="menu"][hidden] {
  display: none;
}

[data-ui-dropdown-button-target="menu"] {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  margin-block-start: var(--spacing-8, 8px);
  min-width: 100%;
  z-index: 20;
}

.ui-techfx-dropdown-button__button :is(svg, .ui-techfx-icon) {
  flex-shrink: 0;
}

.ui-techfx-dropdown-pill {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
  width: fit-content;
  border-radius: var(--border-radius-sm);
  transition: border-color var(--duration-fast) ease, border-style var(--duration-fast) ease, border-width var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
}

.ui-techfx-dropdown-pill--positive .ui-techfx-dropdown-pill__span {
  color: var(--color-text-positive-tertiary);
}

.ui-techfx-dropdown-pill--positive .ui-techfx-dropdown-pill__span:disabled {
  color: var(--color-text-neutral-secondary);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-dropdown-pill--danger .ui-techfx-dropdown-pill__span {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-dropdown-pill--danger .ui-techfx-dropdown-pill__span:disabled {
  color: var(--color-text-neutral-secondary);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-dropdown-pill--warning .ui-techfx-dropdown-pill__span {
  color: var(--color-text-warning-secondary);
}

.ui-techfx-dropdown-pill--warning .ui-techfx-dropdown-pill__span:disabled {
  color: var(--color-text-neutral-secondary);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-dropdown-pill--neutral .ui-techfx-dropdown-pill__span {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-dropdown-pill--neutral .ui-techfx-dropdown-pill__span:disabled {
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-dropdown-pill__span {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  background: var(--color-background-positive-light);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
}

.ui-techfx-dropdown-pill--danger .ui-techfx-dropdown-pill__span {
  background: var(--color-background-danger-subtle);
}

.ui-techfx-dropdown-pill--warning .ui-techfx-dropdown-pill__span {
  background: var(--color-background-warning-subtle);
}

.ui-techfx-dropdown-pill--neutral .ui-techfx-dropdown-pill__span {
  background: var(--color-background-neutral-subtle);
}

.ui-techfx-dropdown-pill__leading {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-dropdown-pill__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-dropdown-pill__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-dropdown-pill__trailing {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-positive-strong);
}

.ui-techfx-dropdown-pill__span:disabled .ui-techfx-dropdown-pill__trailing {
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-dropdown-pill__indicator {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-positive-strong);
  padding-left: var(--spacing-4);
}

.ui-techfx-dropdown-pill__span:disabled .ui-techfx-dropdown-pill__indicator {
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-dropdown-pill__options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  position: absolute;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  top: 32px;
  right: 1px;
}

[data-ui-dropdown-button-target="menu"][hidden] {
  display: none;
}

.ui-techfx-dropdown-pill__span :is(svg, .ui-techfx-icon) {
  flex-shrink: 0;
}

.ui-techfx-exchange-account-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-account-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-account-card__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-account-card__header {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-account-card__name {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-account-card__actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-account-card__dl {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-exchange-account-card__line1 {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-account-card__line2 {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-account-card__line3 {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  position: relative;
  width: 100%;
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-2xl);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-amount-card__top {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-32);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-32);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-exchange-amount-card__div {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-end;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-bottom: var(--spacing-4);
}

.ui-techfx-exchange-amount-card__div-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-amount-card__currency {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-amount-card__label-top {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card__tag {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 83px;
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
}

.ui-techfx-exchange-amount-card__currency-top {
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card__amount {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-amount-card--empty .ui-techfx-exchange-amount-card__amount {
  color: var(--color-text-inverse-tertiary);
}

.ui-techfx-exchange-amount-card__div-3 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  height: 29px;
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-amount-card--empty .ui-techfx-exchange-amount-card__div-3 {
  color: var(--color-text-inverse-tertiary);
}

.ui-techfx-exchange-amount-card__value-top {
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-headline);
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-60);
  letter-spacing: var(--letter-spacing-tighter);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card--empty .ui-techfx-exchange-amount-card__value-top {
  color: var(--color-text-inverse-tertiary);
}

.ui-techfx-exchange-amount-card__is-caret {
  width: 2px;
  height: 40px;
  flex-shrink: 0;
  background: var(--color-background-brand-default);
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}

.ui-techfx-exchange-amount-card__meta {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-end;
  width: 100%;
  height: 24px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-exchange-amount-card__is-badge {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  background: var(--color-surface-subtle);
  color: var(--color-text-brand-secondary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
  border-color: var(--color-stroke-brand-default);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-amount-card__badge-label {
  flex-shrink: 0;
  color: var(--color-text-brand-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card__bottom {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-32);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-40);
  padding-left: var(--spacing-32);
}

.ui-techfx-exchange-amount-card__div-4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-amount-card__div-5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-amount-card__div-6 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-end;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-amount-card__currency-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-amount-card__label-bottom {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card__tag-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 83px;
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-16);
}

.ui-techfx-exchange-amount-card__currency-bottom {
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card__amount-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: flex-end;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-amount-card--empty .ui-techfx-exchange-amount-card__amount-2 {
  color: var(--color-text-inverse-tertiary);
}

.ui-techfx-exchange-amount-card__value-bottom {
  flex-shrink: 0;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-60);
  letter-spacing: var(--letter-spacing-tighter);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-card--empty .ui-techfx-exchange-amount-card__value-bottom {
  color: var(--color-text-inverse-tertiary);
}

.ui-techfx-exchange-amount-card__swap {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  position: absolute;
  transform: translate(calc(-50% + 2px), 0);
  color: var(--color-background-neutral-default);
  top: 97.6px;
  left: 50%;
}

.ui-techfx-exchange-amount-card__div-7 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  color: var(--color-background-neutral-default);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-exchange-amount-input {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  color: var(--color-text-neutral-primary);
  border-radius: var(--opacity-20);
  padding-top: var(--spacing-32);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-32);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-amount-input--empty {
  height: 122px;
}

.ui-techfx-exchange-amount-input--filled {
  height: 100%;
}

.ui-techfx-exchange-amount-input__amount-row {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-bottom: var(--spacing-4);
}

.ui-techfx-exchange-amount-input__currency {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-amount-input__tag {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
}

.ui-techfx-exchange-amount-input__currency-2 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-input__amount {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
  color: var(--color-text-inverse-tertiary);
}

.ui-techfx-exchange-amount-input--filled .ui-techfx-exchange-amount-input__amount {
  color: inherit;
}

.ui-techfx-exchange-amount-input__div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex: 1 0 auto;
  color: var(--color-text-inverse-tertiary);
}

.ui-techfx-exchange-amount-input--filled .ui-techfx-exchange-amount-input__div {
  color: inherit;
}

.ui-techfx-exchange-amount-input__value {
  flex-shrink: 0;
  color: var(--color-text-inverse-tertiary);
  font-family: var(--font-family-headline);
  font-size: var(--font-size-40);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-60);
  letter-spacing: var(--letter-spacing-tighter);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-input--filled .ui-techfx-exchange-amount-input__value {
  color: inherit;
}

.ui-techfx-exchange-amount-input__meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-exchange-amount-input__is-badge {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  background: var(--color-surface-subtle);
  color: var(--color-text-brand-secondary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
  border-color: var(--color-stroke-brand-default);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-amount-input__badge-label {
  flex-shrink: 0;
  color: var(--color-text-brand-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-subtle);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-amount-summary__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: center;
  width: 245px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-amount-summary__div {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 245px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-amount-summary__title {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-summary__meta {
  width: 188px;
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-summary__div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: 51px;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-amount-summary__value {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-amount-summary__value-secondary {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-balance-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-balance-card__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-balance-card__header {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-balance-card__div-3 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-balance-card__label {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-card__div-4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-balance-card__div-5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-balance-card__amount {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-headline);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-40);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-card__amount-secondary {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-card__dl {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-balance-card__div-6 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-bottom: var(--spacing-4);
}

.ui-techfx-exchange-balance-card__row-1-term {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-card__row-1-detail {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: right;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-card__div-7 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-balance-card__row-2-term {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-card__row-2-detail {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: right;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-summary {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-overlay-dark-25);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-balance-summary__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: center;
  width: 245px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-balance-summary__div {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 245px;
  flex-shrink: 0;
}

.ui-techfx-exchange-balance-summary__title-available {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-summary__title-pending {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-summary__title-scheduled {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-summary__div-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  height: 51px;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-balance-summary__value-available {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-summary__value-pending {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-balance-summary__value-scheduled {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-chip {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: fit-content;
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  flex-shrink: 0;
}

.ui-techfx-exchange-chip--main--dark {
  background: var(--color-overlay-bright-25);
  color: var(--color-text-inverse-primary);
  border-color: var(--color-overlay-bright-25);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-chip--main--light {
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-primary);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-chip--others--dark {
  color: var(--color-text-inverse-primary);
}

.ui-techfx-exchange-chip--others--light {
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-chip__iso {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-chip--others--dark .ui-techfx-exchange-chip__iso,
.ui-techfx-exchange-chip--others--light .ui-techfx-exchange-chip__iso {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
}

.ui-techfx-exchange-contractor-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: var(--border-radius-full);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-sm);
  border-style: solid;
}

.ui-techfx-exchange-contractor-badge--company-logo {
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-exchange-contractor-badge--waiting {
  background: var(--color-background-warning-strong);
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-contractor-badge__company-logo {
  position: absolute;
  border-radius: var(--border-radius-full);
  top: 0px;
  left: 0px;
}

.ui-techfx-exchange-contractor-badge__company-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-techfx-exchange-currency-option {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-currency-option--false {
  border-color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-exchange-currency-option--true {
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-exchange-currency-option__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-currency-option__exchange-internal-currency-option-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-currency-option__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-currency-option__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-currency-option__code {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-currency-option__selected {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-brand-default);
}

.ui-techfx-exchange-disclaimer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-secondary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-40);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-40);
}

.ui-techfx-exchange-disclaimer__disclaimer-text {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-fee-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-exchange-fee-row__label-group {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-fee-row__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-fee-row__div {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-fee-row--true .ui-techfx-exchange-fee-row__div {
  color: var(--color-text-positive-secondary);
}

.ui-techfx-exchange-fee-row__badge {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-fee-row--true .ui-techfx-exchange-fee-row__badge {
  background: var(--color-background-positive-light);
  color: var(--color-text-positive-secondary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-2);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-2);
  padding-left: var(--spacing-4);
}

.ui-techfx-exchange-fee-row__value {
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-fee-row--true .ui-techfx-exchange-fee-row__value {
  color: var(--color-text-positive-secondary);
}

.ui-techfx-exchange-feedback-chip {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
  width: fit-content;
  border-radius: var(--border-radius-md);
  border-width: var(--border-width-md);
  border-style: solid;
  flex-shrink: 0;
}

.ui-techfx-exchange-feedback-chip--positive--md {
  background: var(--color-background-positive-subtle);
  color: var(--color-text-positive-secondary);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-positive-subtle);
}

.ui-techfx-exchange-feedback-chip--positive--sm {
  background: var(--color-background-positive-subtle);
  color: var(--color-text-positive-secondary);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
  border-color: var(--color-stroke-positive-subtle);
}

.ui-techfx-exchange-feedback-chip--warning--md {
  background: var(--color-background-warning-subtle);
  color: var(--color-text-warning-tertiary);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-warning-subtle);
}

.ui-techfx-exchange-feedback-chip--warning--sm {
  background: var(--color-background-warning-subtle);
  color: var(--color-text-warning-tertiary);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
  border-color: var(--color-stroke-warning-subtle);
}

.ui-techfx-exchange-feedback-chip__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-feedback-content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: center;
  width: 100%;
  color: var(--color-text-brand-primary);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-feedback-content__icon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-feedback-content__copy {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-feedback-content__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-28);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-38);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-feedback-content__title {
    font-size: var(--font-size-24);
    line-height: var(--line-height-32);
  }
}

.ui-techfx-exchange-feedback-content__body {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-feedback-content__body {
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
}

.ui-techfx-exchange-feedback-content__note {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-feedback-content__note {
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
}

.ui-techfx-exchange-feedback-content__question {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-feedback-content__question {
    font-size: var(--font-size-16);
    line-height: var(--line-height-24);
  }
}

.ui-techfx-exchange-feedback-icon {
  position: relative;
}

.ui-techfx-exchange-feedback-icon--alert--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--alert--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--alert--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--check--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--check--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--check--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--clock--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--clock--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--clock--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--danger--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--danger--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--danger--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--loading--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--loading--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--loading--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--empty-search--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--empty-search--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--empty-search--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--money--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--money--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--money--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--calendar--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--calendar--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--calendar--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--lock--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--lock--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--lock--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--review--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--review--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--review--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--certificate--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--certificate--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--certificate--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--sent--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--sent--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--sent--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--receipt--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--receipt--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--receipt--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-check--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-check--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-check--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-refresh--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-refresh--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-refresh--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-calendar--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-calendar--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-calendar--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-clock--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-clock--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-clock--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-alert--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-alert--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-alert--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-gear--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-gear--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-gear--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--contacts--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--contacts--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--contacts--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-warning--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-warning--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-warning--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--docs-user--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--docs-user--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--docs-user--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon--empty-receipt--lg {
  width: 184px;
  height: 184px;
}

.ui-techfx-exchange-feedback-icon--empty-receipt--sm {
  width: 112px;
  height: 112px;
}

.ui-techfx-exchange-feedback-icon--empty-receipt--md {
  width: 160px;
  height: 160px;
}

.ui-techfx-exchange-feedback-icon__art-image {
  position: absolute;
  background: url("/assets/ui/techfx/backgrounds/bg-7da78bf8-23eb99d6.png") center / cover no-repeat;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-feedback-icon--danger--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--danger--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--danger--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-99eacabd-786d3582.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--alert--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--alert--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--alert--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-e26f0580-54979b9a.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--check--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--check--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--check--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-a537b842-d2ac4caa.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--loading--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--loading--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--loading--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-e9ca4ea0-ec4145aa.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-26982e64-6490e046.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--empty-search--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--empty-search--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--empty-search--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-1837c375-8fc1f4a3.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--money--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--money--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--money--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-62c4f854-8e4dca07.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--calendar--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--calendar--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--calendar--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-01fd47f7-61a36bf6.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--lock--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--lock--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--lock--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-30f5e82a-c4cadaae.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--review--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--review--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--review--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-e9b924ea-bf89b7fe.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--certificate--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--certificate--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--certificate--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-7b74aae1-e84de60a.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--sent--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--sent--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--sent--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-5937d0a4-33f48257.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--receipt--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--receipt--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--receipt--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-aaa7be7f-18a7b586.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-check--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-check--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-check--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-f6081981-4dbe8ba5.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-refresh--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-refresh--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-refresh--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-473e33b4-96782abe.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-alert--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-alert--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-alert--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-3ab258ca-179052be.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-calendar--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-calendar--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-calendar--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-061fb5ab-7b040b54.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-clock--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-clock--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-clock--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-b169f91a-12aa8a62.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-gear--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-gear--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-gear--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-0df3bc36-a6be08bd.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--contacts--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--contacts--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--contacts--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-b745f542-e8e5b10f.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-warning--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-warning--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-warning--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-9bd7023e-9c1aa9d1.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--docs-user--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-user--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--docs-user--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-5422d032-213436f4.png") center / cover no-repeat;
}

.ui-techfx-exchange-feedback-icon--empty-receipt--lg .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--empty-receipt--sm .ui-techfx-exchange-feedback-icon__art-image,
.ui-techfx-exchange-feedback-icon--empty-receipt--md .ui-techfx-exchange-feedback-icon__art-image {
  background: url("/assets/ui/techfx/backgrounds/bg-82a050be-e7d3150f.png") center / cover no-repeat;
}

.ui-techfx-exchange-field-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 58px;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-field-row__div-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-field-row__term {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-field-row__detail {
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: right;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-field-row__has-trailing {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-exchange-field-row__has-divider {
  height: 1px;
  position: absolute;
  background: var(--color-surface-default);
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-graphic {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-graphic__has-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: var(--border-radius-md);
  padding-right: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-graphic__currency {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: var(--border-radius-md);
  padding-right: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-graphic__currency[hidden] {
  display: none;
}

.ui-techfx-exchange-graphic__dropdown {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  justify-content: center;
  width: 67px;
  min-width: 0;
  flex: 1 0 0;
  padding-right: var(--spacing-12);
}

.ui-techfx-exchange-graphic__pair {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 67px;
  flex-shrink: 0;
  position: relative;
  padding-right: var(--spacing-12);
}

.ui-techfx-exchange-graphic__flag {
  position: absolute;
  top: 0px;
  left: 23px;
}

.ui-techfx-exchange-graphic__quotation {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-graphic__quote {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-graphic__value {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-end;
  width: fit-content;
  height: 22px;
  flex-shrink: 0;
}

.ui-techfx-exchange-graphic__quote-value {
  flex-shrink: 0;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-32);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__currency-code {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__skeleton-value {
  width: 64px;
  height: 12px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__closing-note {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__skeleton-value-2 {
  width: 174px;
  height: 12px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__see-more {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-exchange-graphic__see-more-label {
  flex-shrink: 0;
  color: var(--color-text-brand-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__chart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 418px;
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
  background: var(--color-surface-white);
}

.ui-techfx-exchange-graphic__chart-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 0.5px;
  right: 25px;
  left: 0px;
}

.ui-techfx-exchange-graphic__has-period-selector {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-graphic__period-selector {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  flex-shrink: 0;
  align-self: stretch;
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-graphic__period-selector[hidden] {
  display: none;
}

.ui-techfx-exchange-graphic__period-1-day {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-graphic__period-label-1d {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__period-delta-1d {
  flex-shrink: 0;
  color: var(--color-text-positive-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__skeleton-delta {
  width: 34px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__period-5-days {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-graphic__period-label-15d {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__period-delta-15d {
  flex-shrink: 0;
  color: var(--color-text-danger-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__skeleton-delta-2 {
  width: 34px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__period-1-month {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-md);
  overflow: hidden;
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-graphic__period-label-1m {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__period-delta-1m {
  flex-shrink: 0;
  color: var(--color-text-danger-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic--quote-chart--empty .ui-techfx-exchange-graphic__period-delta-1m,
.ui-techfx-exchange-graphic--quote-tracks--empty .ui-techfx-exchange-graphic__period-delta-1m,
.ui-techfx-exchange-graphic--quote-target--empty .ui-techfx-exchange-graphic__period-delta-1m {
  color: var(--color-text-neutral-secondary);
  font-size: var(--font-size-10);
  line-height: var(--line-height-14);
}

.ui-techfx-exchange-graphic__skeleton-delta-3 {
  width: 34px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__period-6-months {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-graphic__period-label-6m {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__period-delta-6m {
  flex-shrink: 0;
  color: var(--color-text-danger-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__skeleton-delta-4 {
  width: 34px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__period-year-to-date {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  border-radius: var(--border-radius-md);
  overflow: hidden;
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-graphic__period-label-1y {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__period-delta-1y {
  flex-shrink: 0;
  color: var(--color-text-danger-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__skeleton-delta-5 {
  width: 34px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__handbuilt-plot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 304px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-graphic__empty-state {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 304px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  padding-right: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-graphic__estado-texto {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-graphic__skeleton-plot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  width: 362.9px;
  height: 304px;
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
  color: var(--color-background-neutral-subtle);
}

.ui-techfx-exchange-graphic__skeleton-curve {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 304px;
  position: absolute;
  color: var(--color-background-neutral-subtle);
  top: 0px;
  right: 70.1px;
  left: 0px;
  --asset-fill-0: var(--color-background-neutral-subtle);
  --asset-fill-1: var(--color-background-neutral-subtle);
}

.ui-techfx-exchange-graphic__axis-y {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-end;
  width: 60px;
  position: absolute;
  top: 55px;
  right: 0px;
}

.ui-techfx-exchange-graphic__skeleton-axis {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__skeleton-axis-2 {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__skeleton-axis-3 {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__skeleton-axis-4 {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__skeleton-axis-5 {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__skeleton-axis-6 {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__skeleton-axis-7 {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__skeleton-axis-8 {
  width: 45px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-sm);
}

.ui-techfx-exchange-graphic__baseline {
  position: absolute;
  top: 374.5px;
  right: 47px;
  left: 0px;
}

.ui-techfx-exchange-graphic .ui-techfx-exchange-feedback-icon {
  width: 160px;
  height: 160px;
  flex-shrink: 0;
}

/* The Graphic's Figma contract: the component reads these via getComputedStyle. */
.ui-techfx-exchange-graphic {
  --exchange-graphic-band-a2: var(--color-background-positive-subtle);
  --exchange-graphic-band-a1: var(--color-background-positive-subtle);
  --exchange-graphic-band-b1: var(--color-background-warning-subtle);
  --exchange-graphic-band-b2: var(--color-background-danger-subtle);
  --exchange-graphic-area: linear-gradient(180deg, var(--color-background-brand-light) 0%, var(--color-surface-white) 100%);
  --exchange-graphic-trend: var(--color-stroke-brand-default);
  --exchange-graphic-trend-stroke-width: var(--border-width-md);
  --exchange-graphic-lock-line: var(--color-stroke-warning-subtle);
  --exchange-graphic-lock-line-stroke-width: var(--border-width-md);
  --exchange-graphic-marker-circle: var(--color-background-brand-default);
  --exchange-graphic-marker-circle-stroke-width: var(--border-width-md);
  --exchange-graphic-marker-icon-gap: var(--spacing-4);
  --exchange-graphic-icon: var(--color-stroke-neutral-white);
  --exchange-graphic-icon-stroke-width: var(--border-width-md);
  --exchange-graphic-target-line: var(--color-stroke-brand-default);
  --exchange-graphic-target-line-stroke-width: var(--border-width-md);
  --exchange-graphic-current-quote-line: var(--color-stroke-neutral-subtle);
  --exchange-graphic-current-quote-line-stroke-width: var(--border-width-md);
  --exchange-graphic-current-quote-label: var(--color-text-neutral-tertiary);
  --exchange-graphic-current-quote-label-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-current-quote-label-font-size: var(--font-size-12);
  --exchange-graphic-current-quote-label-font-family: var(--font-family-paragraph);
  --exchange-graphic-current-quote-label-line-height: var(--line-height-18);
  --exchange-graphic-current-quote-label-font-weight: var(--font-weight-medium);
  --exchange-graphic-average-line: var(--color-surface-strong);
  --exchange-graphic-average-line-stroke-width: var(--border-width-md);
  --exchange-graphic-average-label: var(--color-text-neutral-tertiary);
  --exchange-graphic-average-label-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-average-label-font-size: var(--font-size-12);
  --exchange-graphic-average-label-font-family: var(--font-family-paragraph);
  --exchange-graphic-average-label-line-height: var(--line-height-18);
  --exchange-graphic-average-label-font-weight: var(--font-weight-medium);
  --exchange-graphic-lock-circle: var(--color-background-warning-strongest);
  --exchange-graphic-lock-circle-stroke-width: var(--border-width-md);
  --exchange-graphic-axis-y-gap: var(--spacing-24);
  --exchange-graphic-y-axis-1: var(--color-text-neutral-tertiary);
  --exchange-graphic-y-axis-1-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-y-axis-1-font-size: var(--font-size-12);
  --exchange-graphic-y-axis-1-font-family: var(--font-family-paragraph);
  --exchange-graphic-y-axis-1-line-height: var(--line-height-18);
  --exchange-graphic-y-axis-1-font-weight: var(--font-weight-medium);
  --exchange-graphic-y-axis-2: var(--color-text-neutral-tertiary);
  --exchange-graphic-y-axis-2-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-y-axis-2-font-size: var(--font-size-12);
  --exchange-graphic-y-axis-2-font-family: var(--font-family-paragraph);
  --exchange-graphic-y-axis-2-line-height: var(--line-height-18);
  --exchange-graphic-y-axis-2-font-weight: var(--font-weight-medium);
  --exchange-graphic-y-axis-3: var(--color-text-neutral-tertiary);
  --exchange-graphic-y-axis-3-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-y-axis-3-font-size: var(--font-size-12);
  --exchange-graphic-y-axis-3-font-family: var(--font-family-paragraph);
  --exchange-graphic-y-axis-3-line-height: var(--line-height-18);
  --exchange-graphic-y-axis-3-font-weight: var(--font-weight-medium);
  --exchange-graphic-y-axis-4: var(--color-text-neutral-tertiary);
  --exchange-graphic-y-axis-4-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-y-axis-4-font-size: var(--font-size-12);
  --exchange-graphic-y-axis-4-font-family: var(--font-family-paragraph);
  --exchange-graphic-y-axis-4-line-height: var(--line-height-18);
  --exchange-graphic-y-axis-4-font-weight: var(--font-weight-medium);
  --exchange-graphic-y-axis-5: var(--color-text-neutral-tertiary);
  --exchange-graphic-y-axis-5-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-y-axis-5-font-size: var(--font-size-12);
  --exchange-graphic-y-axis-5-font-family: var(--font-family-paragraph);
  --exchange-graphic-y-axis-5-line-height: var(--line-height-18);
  --exchange-graphic-y-axis-5-font-weight: var(--font-weight-medium);
  --exchange-graphic-y-axis-6: var(--color-text-neutral-tertiary);
  --exchange-graphic-y-axis-6-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-y-axis-6-font-size: var(--font-size-12);
  --exchange-graphic-y-axis-6-font-family: var(--font-family-paragraph);
  --exchange-graphic-y-axis-6-line-height: var(--line-height-18);
  --exchange-graphic-y-axis-6-font-weight: var(--font-weight-medium);
  --exchange-graphic-current-badge: var(--color-background-danger-default);
  --exchange-graphic-current-badge-radius: var(--border-radius-xs);
  --exchange-graphic-current-badge-padding-top: var(--spacing-4);
  --exchange-graphic-current-badge-padding-bottom: var(--spacing-4);
  --exchange-graphic-current-label: var(--color-text-inverse-primary);
  --exchange-graphic-current-label-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-current-label-font-size: var(--font-size-12);
  --exchange-graphic-current-label-font-family: var(--font-family-paragraph);
  --exchange-graphic-current-label-line-height: var(--line-height-18);
  --exchange-graphic-current-label-font-weight: var(--font-weight-medium);
  --exchange-graphic-y-axis-7: var(--color-text-neutral-tertiary);
  --exchange-graphic-y-axis-7-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-y-axis-7-font-size: var(--font-size-12);
  --exchange-graphic-y-axis-7-font-family: var(--font-family-paragraph);
  --exchange-graphic-y-axis-7-line-height: var(--line-height-18);
  --exchange-graphic-y-axis-7-font-weight: var(--font-weight-medium);
  --exchange-graphic-marker: var(--color-background-brand-default);
  --exchange-graphic-axis-x-gap: var(--spacing-24);
  --exchange-graphic-x-axis-1: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-1-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-1-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-1-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-1-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-1-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-2: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-2-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-2-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-2-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-2-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-2-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-3: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-3-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-3-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-3-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-3-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-3-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-4: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-4-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-4-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-4-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-4-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-4-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-5: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-5-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-5-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-5-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-5-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-5-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-6: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-6-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-6-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-6-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-6-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-6-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-7: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-7-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-7-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-7-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-7-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-7-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-8: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-8-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-8-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-8-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-8-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-8-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-9: var(--color-text-neutral-tertiary);
  --exchange-graphic-x-axis-9-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-9-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-9-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-9-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-9-font-weight: var(--font-weight-medium);
  --exchange-graphic-x-axis-month: var(--color-text-neutral-primary);
  --exchange-graphic-x-axis-month-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-x-axis-month-font-size: var(--font-size-12);
  --exchange-graphic-x-axis-month-font-family: var(--font-family-paragraph);
  --exchange-graphic-x-axis-month-line-height: var(--line-height-18);
  --exchange-graphic-x-axis-month-font-weight: var(--font-weight-semibold);
  --exchange-graphic-band-badge-a2: var(--color-background-positive-strong);
  --exchange-graphic-band-badge-a2-radius: var(--border-radius-sm);
  --exchange-graphic-band-badge-a2-padding-left: var(--spacing-4);
  --exchange-graphic-band-badge-a2-padding-right: var(--spacing-4);
  --exchange-graphic-band-badge-a2-padding-top: var(--spacing-4);
  --exchange-graphic-band-badge-a2-padding-bottom: var(--spacing-4);
  --exchange-graphic-band-label-a2: var(--color-text-inverse-primary);
  --exchange-graphic-band-label-a2-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-band-label-a2-font-size: var(--font-size-12);
  --exchange-graphic-band-label-a2-font-family: var(--font-family-paragraph);
  --exchange-graphic-band-label-a2-line-height: var(--line-height-18);
  --exchange-graphic-band-label-a2-font-weight: var(--font-weight-medium);
  --exchange-graphic-band-badge-a1: var(--color-background-positive-strong);
  --exchange-graphic-band-badge-a1-radius: var(--border-radius-sm);
  --exchange-graphic-band-badge-a1-padding-left: var(--spacing-4);
  --exchange-graphic-band-badge-a1-padding-right: var(--spacing-4);
  --exchange-graphic-band-badge-a1-padding-top: var(--spacing-4);
  --exchange-graphic-band-badge-a1-padding-bottom: var(--spacing-4);
  --exchange-graphic-band-label-a1: var(--color-text-inverse-primary);
  --exchange-graphic-band-label-a1-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-band-label-a1-font-size: var(--font-size-12);
  --exchange-graphic-band-label-a1-font-family: var(--font-family-paragraph);
  --exchange-graphic-band-label-a1-line-height: var(--line-height-18);
  --exchange-graphic-band-label-a1-font-weight: var(--font-weight-medium);
  --exchange-graphic-band-badge-b1: var(--color-background-warning-strong);
  --exchange-graphic-band-badge-b1-radius: var(--border-radius-sm);
  --exchange-graphic-band-badge-b1-padding-left: var(--spacing-4);
  --exchange-graphic-band-badge-b1-padding-right: var(--spacing-4);
  --exchange-graphic-band-badge-b1-padding-top: var(--spacing-4);
  --exchange-graphic-band-badge-b1-padding-bottom: var(--spacing-4);
  --exchange-graphic-band-label-b1: var(--color-text-inverse-primary);
  --exchange-graphic-band-label-b1-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-band-label-b1-font-size: var(--font-size-12);
  --exchange-graphic-band-label-b1-font-family: var(--font-family-paragraph);
  --exchange-graphic-band-label-b1-line-height: var(--line-height-18);
  --exchange-graphic-band-label-b1-font-weight: var(--font-weight-medium);
  --exchange-graphic-band-badge-b2: var(--color-background-danger-strong);
  --exchange-graphic-band-badge-b2-radius: var(--border-radius-sm);
  --exchange-graphic-band-badge-b2-padding-left: var(--spacing-4);
  --exchange-graphic-band-badge-b2-padding-right: var(--spacing-4);
  --exchange-graphic-band-badge-b2-padding-top: var(--spacing-4);
  --exchange-graphic-band-badge-b2-padding-bottom: var(--spacing-4);
  --exchange-graphic-band-label-b2: var(--color-text-inverse-primary);
  --exchange-graphic-band-label-b2-letter-spacing: var(--letter-spacing-regular);
  --exchange-graphic-band-label-b2-font-size: var(--font-size-12);
  --exchange-graphic-band-label-b2-font-family: var(--font-family-paragraph);
  --exchange-graphic-band-label-b2-line-height: var(--line-height-18);
  --exchange-graphic-band-label-b2-font-weight: var(--font-weight-medium);
}

.ui-techfx-exchange-home {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-inverse-primary);
}

.ui-techfx-exchange-home__glow {
  width: 440px;
  height: 541px;
  position: absolute;
  background: url("/assets/ui/techfx/backgrounds/bg-74835178-22f88ca8.png") center / cover no-repeat;
  overflow: hidden;
  top: 0px;
  left: 0px;
}

.ui-techfx-exchange-home__brand {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-72);
  padding-bottom: var(--spacing-24);
}

.ui-techfx-exchange-home__div-2 {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-right: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-home__div-3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-home__nav {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-home__actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-home__nav-button-search {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100px;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-home__div-4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: fit-content;
  height: 100px;
  flex-shrink: 0;
  position: relative;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-home__has-unread {
  width: 8px;
  height: 8px;
  position: absolute;
  background: var(--color-background-danger-default);
  border-radius: 50%;
  top: 30px;
  left: 79.5px;
}

.ui-techfx-exchange-home__div-5 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-end;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-home__div-6 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-home__greeting {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-28);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-38);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-home-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-inverse-primary);
  padding-bottom: var(--spacing-32);
}

.ui-techfx-exchange-home-header__nav {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-stroke-neutral-white);
  padding-top: var(--spacing-72);
  padding-right: var(--section-margins);
  padding-bottom: var(--spacing-16);
  padding-left: var(--section-margins);
}

.ui-techfx-exchange-home-header__leading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-surface-white);
}

.ui-techfx-exchange-home-header__brand {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-surface-white);
}

@media (width < 1024px) {
  .ui-techfx-exchange-home-header__brand {
    display: none;
  }
}

.ui-techfx-exchange-home-header__avatar-leading {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
}

@media (width >= 768px) {
  .ui-techfx-exchange-home-header__avatar-leading {
    display: none;
  }
}

.ui-techfx-exchange-home-header__trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-home-header__actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-home-header__nav-button-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-home-header__visibility-toggle {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-white);
}

@media (width >= 768px) {
  .ui-techfx-exchange-home-header__visibility-toggle {
    display: none;
  }
}

.ui-techfx-exchange-home-header__div {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  position: relative;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-home-header__has-unread {
  width: 8px;
  height: 8px;
  position: absolute;
  background: var(--color-background-danger-default);
  border-radius: 50%;
  top: 30px;
  left: 31.5px;
}

.ui-techfx-exchange-home-header__avatar-trailing {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
}

@media (width < 1024px) {
  .ui-techfx-exchange-home-header__avatar-trailing {
    display: none;
  }
}

.ui-techfx-exchange-home-header__intro {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-end;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-8);
  padding-right: var(--section-margins);
  padding-bottom: var(--spacing-0);
  padding-left: var(--section-margins);
}

.ui-techfx-exchange-home-header__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-home-header__title-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  border-radius: var(--border-radius-none);
  overflow: hidden;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-home-header__title {
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-28);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-38);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-home-header__visibility-desktop {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-white);
}

@media (width < 1024px) {
  .ui-techfx-exchange-home-header__visibility-desktop {
    display: none;
  }
}

.ui-techfx-exchange-home-header__actions-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-home-header__currency-single {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
}

@media (width >= 768px) {
  .ui-techfx-exchange-home-header__currency-single {
    display: none;
  }
}

.ui-techfx-exchange-home-header__has-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-home-header__wallet-selector {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

@media (width < 1024px) {
  .ui-techfx-exchange-home-header__wallet-selector {
    display: none;
  }
}

.ui-techfx-exchange-home-header__ul {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-home-header .ui-techfx-logo {
  width: 21px;
  height: 21.22px;
  flex-shrink: 0;
}

.ui-techfx-exchange-invite-item {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  align-items: center;
  width: 100%;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-exchange-invite-item__progress {
  width: 52.89px;
  height: 52.89px;
  flex-shrink: 0;
  position: relative;
}

.ui-techfx-exchange-invite-item__circle {
  width: 45px;
  height: 44px;
  position: absolute;
  background: var(--color-surface-default);
  border-radius: 50%;
  top: 4px;
  left: 3px;
}

.ui-techfx-exchange-invite-item__circle-2 {
  width: 45px;
  height: 44px;
  position: absolute;
  background: var(--color-background-brand-default);
  border-radius: 50%;
  top: 4px;
  left: 3px;
}

.ui-techfx-exchange-invite-item__text {
  position: absolute;
  top: 22px;
  left: 15.11px;
}

.ui-techfx-exchange-invite-item__text-2 {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-invite-item__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-invite-item--redeemed .ui-techfx-exchange-invite-item__div-2 {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-invite-item__name {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-invite-item--redeemed .ui-techfx-exchange-invite-item__name {
  gap: var(--spacing-8);
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-invite-item__name-2 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-invite-item--redeemed .ui-techfx-exchange-invite-item__name-2 {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-invite-item__description {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-invite-item--redeemed .ui-techfx-exchange-invite-item__description {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-invite-item__status {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  background: var(--color-background-positive-subtle);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-invite-item__circle-3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  background: var(--color-background-positive-strong);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-full);
}

.ui-techfx-exchange-invite-item .ui-techfx-pill {
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-keyboard-numeric {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  height: 100%;
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-20);
  padding-left: var(--spacing-8);
}

.ui-techfx-exchange-keyboard-numeric__row-1 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  height: 50px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-keyboard-numeric__row-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  height: 50px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-keyboard-numeric__row-3 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  height: 50px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-keyboard-numeric__row-4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  height: 50px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-keyboard-numeric .ui-techfx-exchange-keyboard-key {
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
}

.ui-techfx-exchange-keyboard-key {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  position: relative;
}

.ui-techfx-exchange-keyboard-key--filled {
  background: var(--color-surface-white);
}

.ui-techfx-exchange-keyboard-key__digit {
  flex-shrink: 0;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-32);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-keyboard-key__letters {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-keyboard-key[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-exchange-keyboard-key[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-exchange-keyboard-toggle {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: center;
  width: fit-content;
  background: var(--color-surface-subtle);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
  position: relative;
  flex-shrink: 0;
}

.ui-techfx-exchange-keyboard-toggle__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-keyboard-toggle[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-exchange-keyboard-toggle[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-exchange-notification-item {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: fit-content;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-20);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-20);
  padding-left: var(--spacing-32);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
  flex-shrink: 0;
}

.ui-techfx-exchange-notification-item__has-unread {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  background: var(--color-background-danger-default);
  border-radius: 50%;
}

.ui-techfx-exchange-notification-item__content {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-notification-item__header {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-notification-item__title {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-notification-item__date {
  flex-shrink: 0;
  color: var(--color-text-neutral-tertiary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-notification-item__description {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-24);
  align-items: center;
  width: fit-content;
  color: var(--color-text-inverse-primary);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  flex-shrink: 0;
}

.ui-techfx-exchange-onboarding-stepper__has-step-company {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__indicator {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__pending {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-light);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__has-company-current {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-strong);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__number {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper__has-company-done {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-positive-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__label {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper__has-step-partner {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__indicator-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__pending-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-light);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__has-partner-current {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-strong);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__number-2 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper__has-partner-done {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-positive-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__label-2 {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper__has-step-documents {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__indicator-3 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__pending-3 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-light);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__has-documents-current {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-strong);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__number-3 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper__has-documents-done {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-positive-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__label-3 {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper__has-step-terms {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__indicator-4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-onboarding-stepper__pending-4 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-light);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__has-terms-current {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-brand-strong);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__number-4 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-onboarding-stepper__has-terms-done {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: absolute;
  background: var(--color-background-positive-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-onboarding-stepper__label-4 {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-overlay-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 440px;
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-overlay-header__leading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-overlay-header__trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-product-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-32);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-32);
  padding-left: var(--spacing-32);
}

.ui-techfx-exchange-product-card__background {
  position: absolute;
  background: url("/assets/ui/techfx/backgrounds/bg-57882487-f2ec82c7.png") center / cover no-repeat;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.ui-techfx-exchange-product-card__icon {
  position: absolute;
  background: url("/assets/ui/techfx/backgrounds/bg-0c5c0ec2-e0ea9e78.png") center / contain no-repeat;
  top: 17.74px;
  right: 46.75px;
  bottom: 20.27px;
  left: 233.5px;
}

.ui-techfx-exchange-product-card--payroll .ui-techfx-exchange-product-card__icon {
  background: url("/assets/ui/techfx/backgrounds/bg-f3bc2c7a-4ab5a9ee.png") center / contain no-repeat;
  top: 19.3px;
  right: 49px;
  bottom: 15.7px;
  left: 207px;
}

.ui-techfx-exchange-product-card__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-promo-banner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-2xl);
  box-shadow: var(--shadow-md);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-32);
  border-color: var(--color-stroke-brand-default);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-promo-banner__artwork {
  position: absolute;
  background: url("/assets/ui/techfx/backgrounds/bg-28c96a34-a847657a.png") center / cover no-repeat;
  border-radius: var(--border-radius-2xl);
  overflow: hidden;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-promo-banner__artwork {
    background: url("/assets/ui/techfx/backgrounds/bg-8439a0c6-c6605287.png") center / cover no-repeat;
  }
}

.ui-techfx-exchange-promo-banner__copy {
  width: 100%;
  min-height: 54px;
  flex: 1 0 auto;
  align-self: stretch;
  position: relative;
  border-radius: var(--border-radius-2xl);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-promo-banner__copy {
    flex: 0 1 auto;
    overflow: visible;
    height: 64px;
    flex-shrink: 0;
  }
}

.ui-techfx-exchange-promo-banner__title {
  position: absolute;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  top: 12.5px;
  left: 0px;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-promo-banner__title {
    font-family: var(--font-family-headline);
    font-size: var(--font-size-24);
    line-height: var(--line-height-32);
  }
}

.ui-techfx-exchange-promo-banner__title-rate {
  position: absolute;
  color: var(--color-text-positive-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  top: 32px;
  left: 80px;
}

@media (min-width: 1024px) {
  .ui-techfx-exchange-promo-banner__title-rate {
    font-family: var(--font-family-headline);
    font-size: var(--font-size-24);
    line-height: var(--line-height-32);
  }
}

.ui-techfx-exchange-promo-banner__cta {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-brand-primary);
}

@media (width < 1024px) {
  .ui-techfx-exchange-promo-banner__cta {
    display: none;
  }
}

.ui-techfx-exchange-promo-banner .ui-techfx-button {
  width: 85px;
  height: 56px;
  flex-shrink: 0;
}

.ui-techfx-exchange-quote-timer {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-4);
}

.ui-techfx-exchange-quote-timer__icon {
  width: 17.57px;
  height: 17.57px;
  flex-shrink: 0;
  position: relative;
}

.ui-techfx-exchange-quote-timer__circle {
  width: 17.57px;
  height: 17.57px;
  position: absolute;
  border-radius: 50%;
  top: 0px;
  left: 0px;
  border-color: var(--color-surface-strong);
  border-width: var(--border-width-lg);
  border-style: solid;
}

.ui-techfx-exchange-quote-timer__circle-2 {
  width: 17.57px;
  height: 17.57px;
  position: absolute;
  background: var(--color-background-neutral-light);
  border-radius: 50%;
  top: 0px;
  left: 0px;
}

.ui-techfx-exchange-quote-timer__div {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-quote-timer__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-quote-timer__time {
  flex-shrink: 0;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-receipt-item {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  align-items: center;
  width: 100%;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-32);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-32);
  padding-left: var(--spacing-20);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-exchange-receipt-item__div {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-receipt-item__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-receipt-item__subtitle {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-receipt-item__date {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-receipt-item__amount {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: right;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-screen-header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-brand-primary);
  padding-bottom: var(--spacing-32);
}

.ui-techfx-exchange-screen-header__nav {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-72);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-screen-header__leading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-screen-header__trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-exchange-screen-header__h1 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-screen-header__title {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-28);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-38);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-screen-header__has-tag {
  width: 88px;
  height: 46px;
  flex-shrink: 0;
  position: relative;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-screen-header__exchange-chip {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ui-techfx-exchange-section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-section-header__title {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-section-header__has-action {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-exchange-section-header__action-label {
  flex-shrink: 0;
  color: var(--color-text-brand-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-signature-panel {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-signature-panel__header {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-exchange-signature-panel__badge {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-default);
  border-radius: var(--border-radius-full);
}

.ui-techfx-exchange-signature-panel__signatures {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-signature-panel__document {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex: 1 0 auto;
  align-self: stretch;
}

.ui-techfx-exchange-signature-panel__has-footer {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-primary);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-top-color: var(--color-stroke-neutral-subtle);
  border-top-width: var(--border-width-md);
  border-top-style: solid;
}

.ui-techfx-exchange-signature-panel__actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-primary);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-top-color: var(--color-stroke-neutral-subtle);
  border-top-width: var(--border-width-md);
  border-top-style: solid;
}

.ui-techfx-exchange-signature-panel__has-sign {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-inverse-primary);
}

.ui-techfx-exchange-signature-panel .ui-techfx-button {
  width: 100%;
  height: 56px;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-status-step {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  padding-bottom: var(--spacing-0);
}

.ui-techfx-exchange-status-step--done--true {
  color: var(--color-text-positive-secondary);
}

.ui-techfx-exchange-status-step--done--false {
  color: var(--color-text-positive-secondary);
}

.ui-techfx-exchange-status-step--pending--true {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-status-step--pending--false {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-status-step__rail {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-status-step__connector {
  width: 1px;
  flex: 1 0 auto;
  background: var(--color-surface-default);
}

.ui-techfx-exchange-status-step__dot {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.ui-techfx-exchange-status-step__div {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  background: var(--color-background-neutral-light);
  border-radius: var(--border-radius-full);
  overflow: hidden;
}

.ui-techfx-exchange-status-step__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-24);
}

.ui-techfx-exchange-status-step--done--false .ui-techfx-exchange-status-step__content,
.ui-techfx-exchange-status-step--pending--false .ui-techfx-exchange-status-step__content {
  padding-bottom: var(--spacing-0);
}

.ui-techfx-exchange-status-step__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-status-step__date {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-summary-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
}

.ui-techfx-exchange-summary-card--large--neutral {
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-summary-card--large--brand {
  width: 100%;
  background: var(--color-background-brand-light);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-brand-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-summary-card--flush--neutral {
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-0);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-summary-card--medium--brand {
  width: 100%;
  background: var(--color-background-brand-light);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-brand-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-summary-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-summary-card--flush--neutral .ui-techfx-exchange-summary-card__content,
.ui-techfx-exchange-summary-card--flush--brand .ui-techfx-exchange-summary-card__content {
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-summary-row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-secondary);
  padding-top: var(--spacing-0);
  padding-bottom: var(--spacing-0);
}

.ui-techfx-exchange-summary-row--horizontal {
  flex-direction: row;
}

.ui-techfx-exchange-summary-row__term {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-summary-row--horizontal .ui-techfx-exchange-summary-row__term {
  white-space: normal;
  word-break: break-word;
}

.ui-techfx-exchange-summary-row__detail {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-support-prompt {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  overflow: hidden;
  border-radius: var(--border-radius-full);
}

.ui-techfx-exchange-support-prompt--detailed--light {
  width: 100%;
  background: var(--color-background-brand-light);
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-support-prompt--detailed--dark {
  width: 100%;
  background: var(--color-overlay-bright-25);
  color: var(--color-text-inverse-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
}

.ui-techfx-exchange-support-prompt--compact--light {
  width: fit-content;
  background: var(--color-background-brand-light);
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-20);
}

.ui-techfx-exchange-support-prompt--compact--dark {
  width: fit-content;
  background: var(--color-overlay-bright-25);
  color: var(--color-text-inverse-primary);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-20);
}

.ui-techfx-exchange-support-prompt__icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  color: var(--color-background-neutral-default);
}

.ui-techfx-exchange-support-prompt--detailed--dark .ui-techfx-exchange-support-prompt__icon,
.ui-techfx-exchange-support-prompt--compact--dark .ui-techfx-exchange-support-prompt__icon {
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-support-prompt__copy {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-support-prompt--compact--light .ui-techfx-exchange-support-prompt__copy,
.ui-techfx-exchange-support-prompt--compact--dark .ui-techfx-exchange-support-prompt__copy {
  width: fit-content;
  min-width: auto;
  flex: 0 1 auto;
  flex-shrink: 0;
}

.ui-techfx-exchange-support-prompt__title {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-support-prompt__description {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-support-prompt--detailed--dark .ui-techfx-exchange-support-prompt__description,
.ui-techfx-exchange-support-prompt--compact--dark .ui-techfx-exchange-support-prompt__description {
  color: var(--color-text-inverse-secondary);
}

.ui-techfx-exchange-support-prompt__has-trailing {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-background-neutral-default);
}

.ui-techfx-exchange-support-prompt__support-chevron {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-background-neutral-default);
}

.ui-techfx-exchange-support-prompt__support-chevron[hidden] {
  display: none;
}

.ui-techfx-exchange-support-prompt--detailed--dark .ui-techfx-exchange-support-prompt__support-chevron,
.ui-techfx-exchange-support-prompt--compact--dark .ui-techfx-exchange-support-prompt__support-chevron {
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-exchange-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-32);
  position: relative;
}

.ui-techfx-exchange-tab--true {
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-brand-secondary);
}

.ui-techfx-exchange-tab--false {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-exchange-tab__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-tab--false .ui-techfx-exchange-tab__label {
  color: var(--color-text-neutral-secondary);
  font-weight: var(--font-weight-medium);
}

.ui-techfx-exchange-tab[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-exchange-tab[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-exchange-target-price-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-target-price-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-target-price-card__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-40);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-target-price-card__header {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-target-price-card__div-3 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-target-price-card__label {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-target-price-card__div-4 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-target-price-card__div-5 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-20);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-exchange-target-price-card__amount {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-headline);
  font-size: var(--font-size-32);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-40);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-target-price-card__amount-secondary {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-target-price-card__dl {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-target-price-card__div-6 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  padding-bottom: var(--spacing-4);
}

.ui-techfx-exchange-target-price-card__target-rate-term {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-target-price-card__target-rate {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-target-price-card__div-7 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-target-price-card__deadline-term {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-target-price-card__deadline {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-transaction-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-transaction-item__transaction-item {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
  background: var(--color-surface-white);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-0);
}

.ui-techfx-exchange-transaction-item__div {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-exchange-transaction-item--pending .ui-techfx-exchange-transaction-item__div {
  align-items: flex-end;
  justify-content: center;
}

.ui-techfx-exchange-transaction-item--scheduled .ui-techfx-exchange-transaction-item__div {
  align-items: flex-end;
  justify-content: center;
}

.ui-techfx-exchange-transaction-item__div-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-transaction-item__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-transaction-item--pending .ui-techfx-exchange-transaction-item__title {
  white-space: normal;
  word-break: break-word;
}

.ui-techfx-exchange-transaction-item--scheduled .ui-techfx-exchange-transaction-item__title {
  white-space: normal;
  word-break: break-word;
}

.ui-techfx-exchange-transaction-item__amount {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: right;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-transaction-item__div-3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-exchange-transaction-item--neutral .ui-techfx-exchange-transaction-item__div-3 {
  justify-content: space-between;
}

.ui-techfx-exchange-transaction-item--pending .ui-techfx-exchange-transaction-item__div-3 {
  justify-content: space-between;
}

.ui-techfx-exchange-transaction-item--scheduled .ui-techfx-exchange-transaction-item__div-3 {
  justify-content: space-between;
}

.ui-techfx-exchange-transaction-item__support {
  width: 91px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-transaction-item--neutral .ui-techfx-exchange-transaction-item__support {
  white-space: nowrap;
  word-break: normal;
}

.ui-techfx-exchange-transaction-item__converted-amount {
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-transaction-item--neutral .ui-techfx-exchange-transaction-item__converted-amount {
  white-space: nowrap;
  word-break: normal;
}

.ui-techfx-exchange-transaction-item__trailing {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-exchange-transaction-item--scheduled .ui-techfx-exchange-transaction-item__trailing {
  flex-shrink: 0;
  color: var(--color-text-danger-secondary);
}

.ui-techfx-exchange-transaction-item--pending .ui-techfx-exchange-transaction-item__trailing {
  flex-shrink: 0;
}

.ui-techfx-exchange-transaction-item__badge {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  position: absolute;
  color: var(--color-stroke-neutral-white);
  top: 18.4px;
  left: 26.4px;
}

.ui-techfx-exchange-transaction-item__has-divider {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-exchange-transaction-item .ui-techfx-horizontal-divider {
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-exchange-transfer-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-transfer-icon--withdraw--md {
  width: 44px;
  height: 44px;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-default);
  border-color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-exchange-transfer-icon--withdraw--lg {
  width: 60px;
  height: 60px;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-default);
  border-color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-exchange-transfer-icon--deposit--md {
  width: 44px;
  height: 44px;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-color: var(--color-stroke-positive-default);
}

.ui-techfx-exchange-transfer-icon--deposit--lg {
  width: 60px;
  height: 60px;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-color: var(--color-stroke-positive-default);
}

.ui-techfx-exchange-transfer-icon--deposit-pending--md {
  width: 44px;
  height: 44px;
  background: var(--color-background-brand-light);
  color: var(--color-stroke-brand-default);
  border-color: var(--color-stroke-brand-subtle);
}

.ui-techfx-exchange-transfer-icon--deposit-pending--lg {
  width: 60px;
  height: 60px;
  background: var(--color-background-brand-light);
  color: var(--color-stroke-brand-default);
  border-color: var(--color-stroke-brand-subtle);
}

.ui-techfx-exchange-upload-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-brand-secondary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-32);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-40);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-exchange-upload-card__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-exchange-upload-card__hint {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-field--sm[aria-invalid="true"] {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-field__label-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: 100%;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-field__label-row[hidden] {
  display: none;
}

.ui-techfx-field[aria-invalid="true"] .ui-techfx-field__label-row {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-field__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-field[aria-invalid="true"] .ui-techfx-field__label {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-field__is-required {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  color: var(--color-stroke-danger-default);
}

.ui-techfx-field__control {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-field__hint {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-field[aria-invalid="true"] .ui-techfx-field__hint {
  flex-direction: row;
  justify-content: normal;
  height: auto;
  display: block;
}

.ui-techfx-field__error {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-danger-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-file-upload {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  min-height: var(--size-72);
  color: var(--color-text-neutral-primary);
}

.ui-techfx-file-upload__field {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  background: var(--color-surface-white);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-20);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-20);
  padding-left: var(--spacing-24);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-file-upload--drag-over .ui-techfx-file-upload__field {
  box-shadow: var(--ring-brand-light-2px);
}

.ui-techfx-file-upload[aria-invalid="true"] .ui-techfx-file-upload__field {
  border-color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__field {
  flex-direction: column;
  gap: var(--spacing-8);
  justify-content: center;
  padding-top: var(--spacing-32);
  padding-bottom: var(--spacing-40);
}

.ui-techfx-file-upload:not([aria-invalid="true"]).ui-techfx-file-upload--drag-over .ui-techfx-file-upload__field {
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-file-upload__icon {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 53px;
  flex-shrink: 0;
  color: var(--color-stroke-brand-strong);
}

.ui-techfx-file-upload[aria-invalid="true"] .ui-techfx-file-upload__icon {
  color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__icon {
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: var(--border-radius-full);
}

.ui-techfx-file-upload__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-brand-strong);
}

.ui-techfx-file-upload[aria-invalid="true"] .ui-techfx-file-upload__div-2 {
  color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__div-2 {
  width: 38px;
  height: 38px;
  border-radius: var(--border-radius-full);
}

.ui-techfx-file-upload__text {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__text {
  gap: var(--spacing-8);
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-width: auto;
  flex: 0 1 auto;
  flex-shrink: 0;
}

.ui-techfx-file-upload__action {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: 100%;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__action {
  justify-content: center;
  width: fit-content;
  height: auto;
  align-self: auto;
}

.ui-techfx-file-upload__has-drag-hint {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-file-upload__drag-hint {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-file-upload__accepted-formats {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: 100%;
  height: 16px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__accepted-formats {
  justify-content: center;
  width: fit-content;
  height: auto;
  align-self: auto;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-file-upload__has-formats-label {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-file-upload__formats-label {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__formats-label {
  color: var(--color-text-brand-secondary);
  font-weight: var(--font-weight-medium);
}

.ui-techfx-file-upload__formats {
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-file-upload--vertical .ui-techfx-file-upload__formats {
  font-size: var(--font-size-12);
  line-height: var(--line-height-18);
  white-space: nowrap;
  word-break: normal;
}

.ui-techfx-file-upload__files {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 196px;
  align-self: stretch;
}

.ui-techfx-file-upload--drag-over .ui-techfx-file-upload__files {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 476px;
}

.ui-techfx-file-upload[aria-invalid="true"] .ui-techfx-file-upload__files {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 476px;
}

.ui-techfx-file-upload__message {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-text-danger-secondary);
}

.ui-techfx-file-upload__message[hidden] {
  display: none;
}

.ui-techfx-file-upload__error {
  flex-shrink: 0;
  color: var(--color-text-danger-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-file-upload .ui-techfx-link {
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-file-upload-row {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-16);
  align-items: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-20);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-20);
  padding-left: var(--spacing-20);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-file-upload-row[aria-invalid="true"] {
  background: var(--color-background-danger-subtle);
  border-color: var(--color-stroke-danger-subtle);
}

.ui-techfx-file-upload-row__icon {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: var(--color-background-brand-light);
  color: var(--color-stroke-brand-default);
  border-radius: var(--border-radius-full);
}

.ui-techfx-file-upload-row[aria-invalid="true"] .ui-techfx-file-upload-row__icon {
  background: var(--color-background-danger-subtle);
  color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload-row__file {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-file-upload-row__file-name {
  flex-shrink: 0;
  align-self: stretch;
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-file-upload-row__meta {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-file-upload-row__has-retry {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload-row__retry {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload-row__has-delete {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload-row__delete {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-danger-default);
}

.ui-techfx-file-upload-tile {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: center;
  position: relative;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
}

.ui-techfx-file-upload-tile--sm {
  width: 60px;
  height: 60px;
  background: var(--color-background-brand-light);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-file-upload-tile--sm[aria-invalid="true"] {
  background: var(--color-background-danger-subtle);
  border-color: var(--color-stroke-danger-subtle);
}

.ui-techfx-file-upload-tile--lg {
  width: 100px;
  height: 100px;
  background: var(--color-background-neutral-subtle);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-file-upload-tile--lg[aria-invalid="true"] {
  background: var(--color-background-danger-subtle);
  border-color: var(--color-stroke-danger-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-file-upload-tile__file-name {
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-14);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-file-upload-tile__file-extension {
  flex-shrink: 0;
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-10);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-14);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-file-upload-tile__actions {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-2);
  align-items: flex-start;
  justify-content: flex-end;
  width: fit-content;
  position: absolute;
  color: var(--color-stroke-neutral-white);
  top: -3px;
  right: -3px;
}

.ui-techfx-file-upload-tile--lg .ui-techfx-file-upload-tile__actions {
  top: -6px;
  right: -6px;
}

.ui-techfx-file-upload-tile__has-retry {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-file-upload-tile__retry {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  background: var(--color-background-neutral-strongest);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-2);
  padding-right: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  padding-left: var(--spacing-2);
}

.ui-techfx-file-upload-tile--lg .ui-techfx-file-upload-tile__retry {
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
  border-color: var(--color-stroke-neutral-white);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-file-upload-tile__has-delete {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-file-upload-tile__delete {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  background: var(--color-background-neutral-strongest);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-2);
  padding-right: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  padding-left: var(--spacing-2);
}

.ui-techfx-file-upload-tile--lg .ui-techfx-file-upload-tile__delete {
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
  border-color: var(--color-stroke-neutral-white);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-fluid-input {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
}

.ui-techfx-fluid-input--placeholder {
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-fluid-input--value:where(:not(:has(.ui-techfx-fluid-input__input:placeholder-shown))),
.ui-techfx-fluid-input:where(:has(.ui-techfx-fluid-input__input:not(:placeholder-shown))) {
  width: 100%;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-fluid-input__div-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  height: 64px;
  flex-shrink: 0;
  align-self: stretch;
  background: var(--color-surface-white);
  border-radius: var(--border-radius-lg);
  overflow: hidden;
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-fluid-input:has(.ui-techfx-fluid-input__input:focus-visible) .ui-techfx-fluid-input__div-2 {
  overflow: visible;
  border-color: var(--color-stroke-brand-subtle);
  outline: auto;
}

.ui-techfx-fluid-input[aria-disabled="true"] .ui-techfx-fluid-input__div-2 {
  background: var(--color-disabled-background);
  overflow: visible;
}

.ui-techfx-fluid-input:has([aria-invalid="true"]) .ui-techfx-fluid-input__div-2 {
  overflow: visible;
  border-color: var(--color-stroke-danger-default);
}

.ui-techfx-fluid-input:has([aria-invalid="true"]):has(.ui-techfx-fluid-input__input:focus-visible) .ui-techfx-fluid-input__div-2 {
  overflow: visible;
  border-color: var(--color-stroke-danger-default);
  outline: auto;
}

.ui-techfx-fluid-input--value:where(:not(:has(.ui-techfx-fluid-input__input:placeholder-shown))) .ui-techfx-fluid-input__div-2,
.ui-techfx-fluid-input:where(:has(.ui-techfx-fluid-input__input:not(:placeholder-shown))) .ui-techfx-fluid-input__div-2 {
  overflow: visible;
}

.ui-techfx-fluid-input__leading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 20px;
  flex-shrink: 0;
}

.ui-techfx-fluid-input__div-3 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-fluid-input__label {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-fluid-input:has(.ui-techfx-fluid-input__input:focus-visible) .ui-techfx-fluid-input__label {
  font-size: var(--font-size-14);
  line-height: var(--line-height-20);
}

.ui-techfx-fluid-input--value:where(:not(:has(.ui-techfx-fluid-input__input:placeholder-shown))) .ui-techfx-fluid-input__label,
.ui-techfx-fluid-input:where(:has(.ui-techfx-fluid-input__input:not(:placeholder-shown))) .ui-techfx-fluid-input__label {
  font-size: var(--font-size-14);
  line-height: var(--line-height-20);
}

.ui-techfx-fluid-input__input {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-fluid-input__trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 20px;
  flex-shrink: 0;
}

.ui-techfx-fluid-input__hint {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 18px;
  flex-shrink: 0;
  align-self: stretch;
  overflow: clip;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
  overflow-clip-margin: 0.3em;
}

.ui-techfx-fluid-input:has([aria-invalid="true"]) .ui-techfx-fluid-input__hint {
  color: var(--color-text-danger-primary);
}

.ui-techfx-fluid-input__input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  font: inherit;
  color: inherit;
}

.ui-techfx-fluid-input__input {
  color: var(--color-text-neutral-primary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-fluid-input__input::placeholder {
  color: var(--color-text-neutral-tertiary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-horizontal-divider {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: 100%;
}

.ui-techfx-horizontal-divider--subtle {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-horizontal-divider--strong {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-horizontal-divider__divider {
  width: 100%;
  height: 1px;
  min-width: 0;
  flex: 1 0 0;
  background: var(--color-overlay-dark-25);
}

.ui-techfx-horizontal-divider--strong .ui-techfx-horizontal-divider__divider {
  background: var(--color-overlay-dark-50);
}

.ui-techfx-horizontal-divider__text {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-horizontal-divider--strong .ui-techfx-horizontal-divider__text {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-horizontal-divider__divider-2 {
  width: 100%;
  height: 1px;
  min-width: 0;
  flex: 1 0 0;
  background: var(--color-overlay-dark-25);
}

.ui-techfx-horizontal-divider--strong .ui-techfx-horizontal-divider__divider-2 {
  background: var(--color-overlay-dark-50);
}

.ui-techfx-icon-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: box-shadow var(--duration-fast) ease;
}

.ui-techfx-icon-button--square--positive--sm {
  width: fit-content;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--positive--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-icon-button--square--positive--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--positive--md {
  width: fit-content;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--positive--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-icon-button--square--positive--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--positive--lg {
  width: fit-content;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--positive--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-icon-button--square--positive--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--neutral--sm {
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--square--neutral--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--square--neutral--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--neutral--md {
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--square--neutral--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--square--neutral--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--neutral--lg {
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--square--neutral--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--square--neutral--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--danger--sm {
  width: fit-content;
  background: var(--color-background-danger-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--danger--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-icon-button--square--danger--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--danger--md {
  width: fit-content;
  background: var(--color-background-danger-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--danger--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-icon-button--square--danger--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--danger--lg {
  width: fit-content;
  background: var(--color-background-danger-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--danger--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-icon-button--square--danger--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--surface--sm {
  width: fit-content;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--surface--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--square--surface--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--surface--md {
  width: fit-content;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--surface--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--square--surface--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--square--surface--lg {
  width: fit-content;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-xs);
}

.ui-techfx-icon-button--square--surface--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--square--surface--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--positive--sm {
  width: fit-content;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--positive--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-icon-button--round--positive--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--positive--md {
  width: fit-content;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--positive--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-icon-button--round--positive--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--positive--lg {
  width: fit-content;
  background: var(--color-background-positive-subtle);
  color: var(--color-stroke-positive-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--positive--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-positive-strongest);
  color: var(--color-stroke-neutral-white);
}

.ui-techfx-icon-button--round--positive--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--neutral--sm {
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--round--neutral--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--round--neutral--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--neutral--md {
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--round--neutral--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--round--neutral--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--neutral--lg {
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--round--neutral--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--round--neutral--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--danger--sm {
  width: fit-content;
  background: var(--color-background-danger-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--danger--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-icon-button--round--danger--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--danger--md {
  width: fit-content;
  background: var(--color-background-danger-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--danger--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-icon-button--round--danger--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--danger--lg {
  width: fit-content;
  background: var(--color-background-danger-default);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--danger--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-danger-strong);
}

.ui-techfx-icon-button--round--danger--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--surface--sm {
  width: fit-content;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--surface--sm:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--round--surface--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--surface--md {
  width: fit-content;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--surface--md:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--round--surface--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--surface--lg {
  width: fit-content;
  background: var(--color-background-neutral-subtle);
  color: var(--color-stroke-neutral-strong);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
}

.ui-techfx-icon-button--round--surface--lg:hover:not([aria-busy="true"]) {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-icon-button--round--surface--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--exchange--sm {
  width: fit-content;
  background: var(--color-overlay-bright-25);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-overlay-bright-25);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--round--exchange--sm:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--exchange--md {
  width: fit-content;
  background: var(--color-overlay-bright-25);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-overlay-bright-25);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--round--exchange--md:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button--round--exchange--lg {
  width: fit-content;
  background: var(--color-overlay-bright-25);
  color: var(--color-stroke-neutral-white);
  border-radius: var(--border-radius-full);
  box-shadow: var(--shadow-xs);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-overlay-bright-25);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-icon-button--round--exchange--lg:disabled:not([aria-busy="true"]) {
  opacity: 0.4;
}

.ui-techfx-icon-button__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-icon-button__padding {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
}

.ui-techfx-icon-button--round--positive--sm .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--positive--md .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--positive--lg .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--neutral--sm .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--neutral--md .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--neutral--lg .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--danger--sm .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--danger--md .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--danger--lg .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--surface--sm .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--surface--md .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--surface--lg .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--exchange--sm .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--exchange--md .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--exchange--lg .ui-techfx-icon-button__padding {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.ui-techfx-icon-button--square--exchange--sm .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--square--exchange--md .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--square--exchange--lg .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--exchange--sm .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--exchange--md .ui-techfx-icon-button__padding,
.ui-techfx-icon-button--round--exchange--lg .ui-techfx-icon-button__padding {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.ui-techfx-icon-button[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-icon-button[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-identity-google-auth-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--color-text-neutral-primary);
  position: relative;
}

.ui-techfx-identity-google-auth-button .ui-techfx-button {
  width: 100%;
  height: 32px;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-identity-google-auth-button[aria-busy="true"] > :not(.ui-techfx-loader) {
  visibility: hidden;
}

.ui-techfx-identity-google-auth-button[aria-busy="true"] .ui-techfx-loader {
  position: absolute;
  inset: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}

.ui-techfx-input {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  transition: border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
}

.ui-techfx-input--placeholder {
  width: 100%;
  height: 40px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-right: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-input[aria-disabled="true"] {
  background: var(--color-disabled-background);
  color: var(--color-disabled-text);
}

.ui-techfx-input:has(.ui-techfx-input__input:focus-visible) {
  border-color: var(--color-stroke-brand-subtle);
  outline: auto;
}

.ui-techfx-input:has([aria-invalid="true"]) {
  border-color: var(--color-stroke-danger-default);
}

.ui-techfx-input:has([aria-invalid="true"]):has(.ui-techfx-input__input:focus-visible) {
  border-color: var(--color-stroke-danger-default);
  box-shadow: var(--ring-danger-subtle-2px);
  outline: auto;
}

.ui-techfx-input--value {
  width: 100%;
  height: 40px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  padding-right: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-input__leading {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 20px;
  flex-shrink: 0;
}

.ui-techfx-input__input {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 20px;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-input[aria-disabled="true"] .ui-techfx-input__input {
  color: var(--color-disabled-text);
}

.ui-techfx-input__trailing {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 20px;
  flex-shrink: 0;
}

.ui-techfx-input__input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
  font: inherit;
  color: inherit;
}

.ui-techfx-input__input {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-input__input::placeholder {
  color: var(--color-text-neutral-tertiary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-keycap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 20px;
  height: 20px;
  background: var(--color-surface-light);
  color: var(--color-stroke-neutral-default);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-2);
  padding-right: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  padding-left: var(--spacing-2);
}

.ui-techfx-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-link--primary {
  color: var(--color-text-brand-secondary);
}

.ui-techfx-link--primary:hover {
  color: var(--color-text-brand-primary);
}

.ui-techfx-link--primary[aria-disabled="true"] {
  pointer-events: none;
}

.ui-techfx-link--secondary {
  color: var(--color-text-brand-tertiary);
}

.ui-techfx-link--secondary:hover {
  color: var(--color-text-brand-secondary);
}

.ui-techfx-link--secondary[aria-disabled="true"] {
  pointer-events: none;
}

.ui-techfx-link--neutral {
  color: var(--color-text-neutral-primary);
}

.ui-techfx-link--neutral:hover {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-link--neutral[aria-disabled="true"] {
  pointer-events: none;
}

.ui-techfx-link--positive {
  color: var(--color-text-positive-primary);
}

.ui-techfx-link--positive:hover {
  color: var(--color-text-positive-secondary);
}

.ui-techfx-link--positive[aria-disabled="true"] {
  pointer-events: none;
}

.ui-techfx-link--danger {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-link--danger:hover {
  color: var(--color-text-danger-primary);
}

.ui-techfx-link--danger[aria-disabled="true"] {
  pointer-events: none;
}

.ui-techfx-link--inverse {
  color: var(--color-text-inverse-primary);
}

.ui-techfx-link--inverse:hover {
  color: var(--color-text-inverse-secondary);
}

.ui-techfx-link--inverse[aria-disabled="true"] {
  pointer-events: none;
}

.ui-techfx-link__content {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: center;
  width: fit-content;
  min-height: 16px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-link__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-loader {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  color: var(--color-stroke-neutral-strong);
  flex-shrink: 0;
}

/* The Loader's motion. Its static look is in components.css; Figma cannot express
   animation, so the motion lives here. */

@keyframes ui-techfx-loader-spin {
  to {
    transform: rotate(1turn);
  }
}

@keyframes ui-techfx-loader-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.ui-techfx-loader {
  animation: ui-techfx-loader-fade-in var(--duration-base, 200ms) ease;
}

.ui-techfx-loader svg {
  animation: ui-techfx-loader-spin 0.6s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .ui-techfx-loader,
  .ui-techfx-loader svg {
    animation: none;
  }
}

.ui-techfx-logo {
  width: 125px;
  height: 21px;
}

.ui-techfx-logo--primary {
  color: var(--color-surface-black);
}

.ui-techfx-logo--secondary {
  color: var(--color-surface-white);
}

.ui-techfx-logo--secondary {
  --nv-ink-0: var(--color-background-positive-default);
  --nv-ink-1: var(--color-surface-white);
}

.ui-techfx-logo--primary {
  --nv-ink-0: var(--color-background-brand-strongest);
  --nv-ink-1: var(--color-surface-black);
}

.ui-techfx-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.ui-techfx-menu-item--false {
  width: 100%;
  height: 40px;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-menu-item--false[aria-disabled="true"] {
  opacity: 0.4;
}

.ui-techfx-menu-item--true {
  width: 100%;
  height: 40px;
  color: var(--color-text-brand-primary);
}

.ui-techfx-menu-item--true[aria-disabled="true"] {
  opacity: 0.4;
}

.ui-techfx-menu-item__a {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
}

.ui-techfx-menu-item--true .ui-techfx-menu-item__a {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-menu-item:hover .ui-techfx-menu-item__a {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-menu-item__label {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-menu-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--spacing-8);
  width: 100%;
  color: var(--color-text-neutral-secondary);
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-menu-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--color-text-neutral-secondary);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
}

.ui-techfx-menu-title__title {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-menu-item {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  justify-content: center;
  transition: background var(--duration-fast) ease;
}

.ui-techfx-menu-item--neutral--false {
  width: 100%;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-20);
}

.ui-techfx-menu-item--neutral--false:hover {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-menu-item--neutral--true {
  width: 100%;
  color: var(--color-text-neutral-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-20);
  border-bottom-color: var(--color-stroke-brand-subtle);
  border-bottom-width: var(--border-width-sm);
  border-bottom-style: solid;
}

.ui-techfx-menu-item--neutral--true:hover {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-menu-item--inverse--false {
  width: 100%;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-20);
}

.ui-techfx-menu-item--inverse--true {
  width: 100%;
  background: var(--color-background-brand-strongest);
  color: var(--color-text-inverse-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-20);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-20);
  border-bottom-color: var(--color-stroke-brand-default);
  border-bottom-width: var(--border-width-sm);
  border-bottom-style: solid;
}

.ui-techfx-menu-item__label {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-menu-item__div-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-menu-item__label-2 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-menu-item__has-badge {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-menu-navigation {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  overflow: hidden;
  width: 100%;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  border-color: var(--color-stroke-brand-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-menu-navigation__ul {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-mobile-header {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  height: 92px;
  color: var(--color-stroke-neutral-strong);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-24);
}

.ui-techfx-mobile-header__trailing {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-mobile-header__trailing-2 {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-mobile-header .ui-techfx-icon-button {
  width: 52px;
  height: 52px;
  flex-shrink: 0;
}

.ui-techfx-onboarding-footer-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  position: relative;
  color: var(--color-text-inverse-primary);
}

.ui-techfx-onboarding-footer-actions__cta-button {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ui-techfx-onboarding-footer-actions__back-button {
  position: absolute;
  top: 68px;
  left: 0px;
}

.ui-techfx-onboarding-footer-actions .ui-techfx-button {
  width: 420px;
  height: 56px;
}

.ui-techfx-otp-input {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  color: var(--color-text-neutral-primary);
  flex-shrink: 0;
}

.ui-techfx-otp-input .ui-techfx-otp-input-field {
  width: 48px;
  height: 60px;
  flex-shrink: 0;
}

.ui-techfx-otp-input input {
  text-align: center;
  appearance: none;
}

.ui-techfx-otp-input-field {
  width: 48px;
  height: 60px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  border-width: var(--border-width-md);
  border-style: solid;
  transition: border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
}

.ui-techfx-otp-input-field {
  border-color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-otp-input-field:focus-visible {
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-otp-input-field[aria-invalid="true"] {
  color: var(--color-text-danger-primary);
  box-shadow: var(--ring-danger-subtle-2px);
  border-color: var(--color-stroke-danger-default);
}

.ui-techfx-otp-input-field[aria-invalid="true"]:focus-visible {
  box-shadow: var(--ring-danger-subtle-2px);
}

.ui-techfx-otp-input-field {
  font-size: var(--font-size-16);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-24);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-otp-input-field {
  text-align: center;
  appearance: none;
}

.ui-techfx-overlay-bottom-sheet[open] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-start;
  width: 440px;
  background: var(--color-surface-white);
  color: var(--color-text-brand-primary);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-40);
  padding-left: var(--spacing-24);
  border-top-left-radius: var(--border-radius-2xl);
  border-top-right-radius: var(--border-radius-2xl);
}

.ui-techfx-overlay-bottom-sheet__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 44px;
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
  color: var(--color-background-neutral-default);
}

.ui-techfx-overlay-bottom-sheet__has-close {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  width: fit-content;
  color: var(--color-background-neutral-default);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-overlay-bottom-sheet__handle {
  width: 36px;
  height: 4px;
  position: absolute;
  transform: translate(-50%, -50%);
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-full);
  top: 50%;
  left: 50%;
}

.ui-techfx-overlay-bottom-sheet__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  flex: 1 1 0;
  min-height: 0;
  overflow-y: auto;
}

.ui-techfx-overlay-bottom-sheet__buttons {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-8);
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-inverse-primary);
}

.ui-techfx-overlay-bottom-sheet[open] {
  margin: auto var(--spacing-8, 8px) var(--spacing-8, 8px) var(--spacing-8, 8px);
  width: calc(100% - (var(--spacing-8, 8px) * 2));
  min-width: 0;
  max-width: calc(100% - (var(--spacing-8, 8px) * 2));
  overflow: hidden;
}

.ui-techfx-overlay-dialog[open] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
  align-items: flex-start;
  width: 550px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-xl);
  padding-top: var(--spacing-40);
  padding-right: var(--spacing-40);
  padding-bottom: var(--spacing-40);
  padding-left: var(--spacing-40);
}

.ui-techfx-overlay-dialog__title {
  flex-shrink: 0;
  align-self: stretch;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-24);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-32);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-overlay-dialog__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-overlay-dialog__footer {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-secondary);
}

.ui-techfx-overlay-dialog::backdrop {
  background: var(--color-overlay-dark-25);
  backdrop-filter: var(--blur-overlay);
}

.ui-techfx-overlay-dialog--no-backdrop::backdrop {
  background: transparent;
  backdrop-filter: none;
}

.ui-techfx-overlay-sheet[open] {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  position: relative;
  width: 600px;
  background: var(--color-surface-white);
  color: var(--color-text-brand-tertiary);
  border-radius: var(--border-radius-2xl);
}

.ui-techfx-overlay-sheet__has-glow {
  width: 517px;
  height: 459px;
  position: absolute;
  opacity: 0.2;
  top: -145px;
  left: -39px;
}

.ui-techfx-overlay-sheet__overlay-sheet-glow {
  position: absolute;
  top: 225px;
  left: 71px;
}

.ui-techfx-overlay-sheet__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  flex: 1 1 0;
  align-self: stretch;
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-32);
  min-height: 0;
  overflow-y: auto;
}

.ui-techfx-overlay-sheet__footer {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-brand-secondary);
  padding-top: var(--spacing-32);
  padding-right: var(--spacing-32);
  padding-bottom: var(--spacing-32);
  padding-left: var(--spacing-32);
}

.ui-techfx-overlay-sheet .ui-techfx-overlay-sheet-top-bar {
  width: 100%;
  min-height: 76px;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-overlay-sheet[open] {
  margin: var(--spacing-8, 8px) var(--spacing-8, 8px) var(--spacing-8, 8px) auto;
  height: calc(100% - (var(--spacing-8, 8px) * 2));
  min-height: 0;
  max-height: calc(100% - (var(--spacing-8, 8px) * 2));
  overflow: hidden;
}

.ui-techfx-overlay-sheet-glow {
  display: inline-flex;
}

.ui-techfx-overlay-sheet-top-bar {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-height: 76px;
  color: var(--color-stroke-neutral-strong);
  padding-top: var(--spacing-16);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-16);
  padding-left: var(--spacing-24);
}

.ui-techfx-overlay-sheet-top-bar__has-back {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-overlay-sheet-top-bar__extras {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  align-self: stretch;
}

.ui-techfx-overlay-sheet-top-bar__has-close {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-payroll-progress {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: fit-content;
  background: var(--color-background-brand-default);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-brand-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
  flex-shrink: 0;
}

.ui-techfx-payroll-progress__label {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 112px;
  flex-shrink: 0;
}

.ui-techfx-payroll-progress__percentage {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-payroll-progress__text {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-payroll-progress__track {
  width: 60px;
  height: 4px;
  flex-shrink: 0;
  position: relative;
  background: var(--color-overlay-bright-25);
  border-radius: var(--border-radius-full);
  overflow: hidden;
}

.ui-techfx-payroll-progress__fill {
  height: 4px;
  position: absolute;
  background: var(--color-surface-white);
  border-radius: var(--border-radius-full);
  top: 0px;
  left: 0px;
}

.ui-techfx-phone-input {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-12);
  align-items: center;
  width: 100%;
  height: 64px;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-lg);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-phone-input__is-country {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  background: var(--color-surface-white);
}

.ui-techfx-phone-input__ddi {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-phone-input__divisor {
  width: 1px;
  height: 24px;
  flex-shrink: 0;
  background: var(--color-surface-default);
}

.ui-techfx-phone-input__div {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-phone-input--value:where(:not(:has(.ui-techfx-phone-input__input:placeholder-shown))) .ui-techfx-phone-input__div,
.ui-techfx-phone-input:where(:has(.ui-techfx-phone-input__input:not(:placeholder-shown))) .ui-techfx-phone-input__div {
  gap: var(--spacing-12);
}

.ui-techfx-phone-input__label {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-phone-input--value:where(:not(:has(.ui-techfx-phone-input__input:placeholder-shown))) .ui-techfx-phone-input__label,
.ui-techfx-phone-input:where(:has(.ui-techfx-phone-input__input:not(:placeholder-shown))) .ui-techfx-phone-input__label {
  font-size: var(--font-size-12);
  line-height: var(--line-height-18);
}

.ui-techfx-phone-input__input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: 0.01px;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-phone-input--value:where(:not(:has(.ui-techfx-phone-input__input:placeholder-shown))) .ui-techfx-phone-input__input,
.ui-techfx-phone-input:where(:has(.ui-techfx-phone-input__input:not(:placeholder-shown))) .ui-techfx-phone-input__input {
  flex-direction: row;
  height: auto;
  color: inherit;
}

.ui-techfx-phone-input__input {
  border: none;
  background: transparent;
  width: 100%;
  font: inherit;
  color: inherit;
}

.ui-techfx-phone-input__input {
  color: var(--color-text-neutral-secondary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-phone-input__input::placeholder {
  color: var(--color-text-neutral-secondary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-pill {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-pill--positive--sm {
  background: var(--color-background-positive-light);
  color: var(--color-text-positive-tertiary);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
}

.ui-techfx-pill--positive--md {
  background: var(--color-background-positive-light);
  color: var(--color-text-positive-tertiary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
}

.ui-techfx-pill--positive--lg {
  height: 32px;
  background: var(--color-background-positive-light);
  color: var(--color-text-positive-tertiary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
}

.ui-techfx-pill--danger--sm {
  background: var(--color-background-danger-subtle);
  color: var(--color-text-danger-secondary);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
}

.ui-techfx-pill--danger--md {
  background: var(--color-background-danger-subtle);
  color: var(--color-text-danger-secondary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
}

.ui-techfx-pill--danger--lg {
  height: 32px;
  background: var(--color-background-danger-subtle);
  color: var(--color-text-danger-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
}

.ui-techfx-pill--warning--sm {
  background: var(--color-background-warning-subtle);
  color: var(--color-text-warning-secondary);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
}

.ui-techfx-pill--warning--md {
  background: var(--color-background-warning-subtle);
  color: var(--color-text-warning-secondary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
}

.ui-techfx-pill--warning--lg {
  height: 32px;
  background: var(--color-background-warning-subtle);
  color: var(--color-text-warning-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
}

.ui-techfx-pill--neutral--sm {
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
}

.ui-techfx-pill--neutral--md {
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
}

.ui-techfx-pill--neutral--lg {
  height: 32px;
  background: var(--color-background-neutral-subtle);
  color: var(--color-text-neutral-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
}

.ui-techfx-pill--brand--sm {
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-secondary);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
}

.ui-techfx-pill--brand--md {
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-secondary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
}

.ui-techfx-pill--brand--lg {
  height: 32px;
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-secondary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
}

.ui-techfx-pill--exchange--sm {
  background: var(--color-overlay-bright-25);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-4);
  padding-right: var(--spacing-4);
  padding-bottom: var(--spacing-4);
  padding-left: var(--spacing-4);
  border-color: var(--color-overlay-bright-25);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-pill--exchange--md {
  background: var(--color-overlay-bright-25);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
  border-color: var(--color-overlay-bright-25);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-pill--exchange--lg {
  height: 32px;
  background: var(--color-overlay-bright-25);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-16);
  border-color: var(--color-overlay-bright-25);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-pill__has-leading-icon {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  color: var(--color-stroke-neutral-strong);
  padding-right: var(--spacing-4);
}

.ui-techfx-pill__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-pill__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-pill--positive--lg .ui-techfx-pill__label,
.ui-techfx-pill--danger--lg .ui-techfx-pill__label,
.ui-techfx-pill--warning--lg .ui-techfx-pill__label,
.ui-techfx-pill--neutral--lg .ui-techfx-pill__label,
.ui-techfx-pill--brand--lg .ui-techfx-pill__label,
.ui-techfx-pill--exchange--lg .ui-techfx-pill__label {
  font-size: var(--font-size-14);
  line-height: var(--line-height-20);
}

.ui-techfx-pill__has-trailing-icon {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  width: fit-content;
  color: var(--color-stroke-neutral-strong);
  padding-left: var(--spacing-4);
}

.ui-techfx-popover-menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: center;
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-md);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
  flex-shrink: 0;
}

.ui-techfx-popover-menu-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ui-techfx-popover-menu-item--false {
  width: 100%;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-popover-menu-item--false[aria-disabled="true"] {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-popover-menu-item--true {
  width: 100%;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-popover-menu-item__a {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
  border-radius: var(--border-radius-sm);
  padding-top: var(--spacing-2);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-2);
  padding-left: var(--spacing-8);
}

.ui-techfx-popover-menu-item:hover .ui-techfx-popover-menu-item__a {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-popover-menu-item[aria-disabled="true"] .ui-techfx-popover-menu-item__a {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-popover-menu-item--true .ui-techfx-popover-menu-item__a {
  background: var(--color-background-brand-light);
}

.ui-techfx-popover-menu-item--false:hover .ui-techfx-popover-menu-item__a {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-popover-menu-item--true:hover .ui-techfx-popover-menu-item__a {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-popover-menu-item__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-popover-menu-item[aria-disabled="true"] .ui-techfx-popover-menu-item__label {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-progress-bar {
  position: relative;
  overflow: hidden;
  width: 96px;
  height: 6px;
  background: var(--color-background-neutral-subtle);
  border-radius: var(--border-radius-full);
}

.ui-techfx-progress-bar__progress-bar {
  height: 6px;
  position: absolute;
  background: var(--color-background-brand-strong);
  border-radius: var(--border-radius-full);
  top: 0px;
  left: 0px;
}

.ui-techfx-progress-bar-thin {
  position: relative;
  width: 100%;
  height: 2px;
  background: var(--color-background-neutral-subtle);
}

.ui-techfx-progress-bar-thin__fill {
  height: 2px;
  position: absolute;
  background: var(--color-background-brand-default);
  top: 0px;
  left: 0px;
}

.ui-techfx-radio {
  display: inline-flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  cursor: pointer;
  position: relative;
}

.ui-techfx-radio__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.ui-techfx-radio__box {
  flex-direction: column;
  width: 16px;
  height: 16px;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-full);
  border-style: solid;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ui-techfx-radio__input ~ .ui-techfx-radio__box {
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
}

.ui-techfx-radio__input:hover ~ .ui-techfx-radio__box {
  border-color: var(--color-stroke-neutral-strong);
}

.ui-techfx-radio__input:disabled ~ .ui-techfx-radio__box {
  border-color: var(--color-disabled-border);
}

.ui-techfx-radio__input:checked ~ .ui-techfx-radio__box {
  border-color: var(--color-stroke-brand-default);
  border-width: var(--border-width-md);
}

.ui-techfx-radio__input:checked:hover ~ .ui-techfx-radio__box {
  border-color: var(--color-stroke-brand-strong);
  border-width: var(--border-width-lg);
}

.ui-techfx-radio__input:checked:disabled ~ .ui-techfx-radio__box {
  border-color: var(--color-disabled-border);
}

.ui-techfx-radio__dot {
  width: 8px;
  height: 8px;
  flex-shrink: 0;
  background: var(--color-background-brand-default);
  border-radius: var(--border-radius-full);
}

.ui-techfx-radio__input:disabled ~ .ui-techfx-radio__box .ui-techfx-radio__dot,
.ui-techfx-radio__input:checked:disabled ~ .ui-techfx-radio__box .ui-techfx-radio__dot {
  background: var(--color-disabled-fill);
}

.ui-techfx-radio__label-2 {
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-radio .ui-techfx-radio__dot {
  display: none;
}

.ui-techfx-radio__input:checked ~ .ui-techfx-radio__box .ui-techfx-radio__dot {
  display: block;
}

.ui-techfx-radio__input:focus-visible ~ .ui-techfx-radio__box {
  outline: auto;
}

.ui-techfx-radio-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 100%;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-2xl);
  padding-top: var(--spacing-24);
  padding-right: var(--spacing-24);
  padding-bottom: var(--spacing-24);
  padding-left: var(--spacing-24);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-radio-card--false {
  border-color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-radio-card--true {
  border-color: var(--color-stroke-brand-default);
}

.ui-techfx-radio-card__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-radio-card__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-radio-card__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-radio-card__span {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-radio-card__wrapper-2 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-radio-card__title {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-radio-card__has-badge {
  width: 49px;
  height: 16px;
  flex-shrink: 0;
  position: relative;
  color: var(--color-text-positive-tertiary);
}

.ui-techfx-radio-card__pill {
  position: absolute;
  top: 0px;
  left: 0px;
}

.ui-techfx-radio-card__description {
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-radio-card .ui-techfx-pill {
  width: fit-content;
}

.ui-techfx-screen-title {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: var(--color-text-brand-primary);
}

.ui-techfx-screen-title__title {
  min-width: 0;
  flex: 1 0 0;
  font-family: var(--font-family-headline);
  font-size: var(--font-size-28);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-38);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-search-input {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-search-input__shortcut {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-default);
}

.ui-techfx-search-input .ui-techfx-input {
  width: 100%;
  height: 40px;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-select__button {
  flex-direction: column;
  gap: var(--spacing-0);
  width: 100%;
}

.ui-techfx-select--md .ui-techfx-select__button {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-select--md .ui-techfx-select__button:disabled {
  color: var(--color-disabled-text);
}

.ui-techfx-select--sm .ui-techfx-select__button {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-select--sm .ui-techfx-select__button:disabled {
  color: var(--color-disabled-text);
}

.ui-techfx-select--lg .ui-techfx-select__button {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-select--lg .ui-techfx-select__button:disabled {
  color: var(--color-disabled-text);
}

.ui-techfx-select__button {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: 100%;
  height: 40px;
  flex-shrink: 0;
  align-self: stretch;
  background: var(--color-surface-white);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-color: var(--color-stroke-neutral-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-select--sm .ui-techfx-select__button {
  height: 24px;
  padding-top: var(--spacing-4);
  padding-bottom: var(--spacing-4);
}

.ui-techfx-select--lg .ui-techfx-select__button {
  height: 64px;
  border-radius: var(--border-radius-lg);
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-select__button:disabled {
  background: var(--color-disabled-background);
  border-color: currentColor;
  border-width: 0;
  border-style: none;
}

.ui-techfx-select__button:focus-visible {
  border-color: var(--color-stroke-brand-subtle);
}

.ui-techfx-select[aria-invalid="true"] .ui-techfx-select__button {
  box-shadow: var(--ring-danger-subtle-2px);
  border-color: var(--color-stroke-danger-default);
}

.ui-techfx-select[aria-invalid="true"] .ui-techfx-select__button:focus-visible {
  box-shadow: var(--ring-danger-subtle-2px);
  border-color: var(--color-stroke-danger-default);
}

.ui-techfx-select__div-2 {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  flex: 1 0 0;
}

.ui-techfx-select__value {
  color: var(--color-text-neutral-primary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  word-break: break-word;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-select__button:disabled .ui-techfx-select__value {
  color: var(--color-disabled-text);
}

.ui-techfx-select[aria-invalid="true"] .ui-techfx-select__value {
  color: var(--color-text-danger-secondary);
}

.ui-techfx-select__indicator {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: fit-content;
  flex-shrink: 0;
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-select__button:disabled .ui-techfx-select__indicator {
  color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-select[aria-invalid="true"] .ui-techfx-select__indicator {
  color: var(--color-stroke-danger-default);
}

.ui-techfx-select__options {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  color: var(--color-text-neutral-primary);
}

.ui-techfx-select--lg .ui-techfx-select__options {
  width: 392px;
  top: 72px;
}

.ui-techfx-select--sm .ui-techfx-select__options {
  top: 32px;
}

.ui-techfx-select {
  position: relative;
  display: inline-block;
}

[data-ui-select-target="menu"][hidden] {
  display: none;
}

[data-ui-select-target="menu"] {
  position: absolute;
  top: 100%;
  inset-inline-end: 0;
  margin-block-start: var(--spacing-8, 8px);
  min-width: 100%;
  z-index: 20;
}

.ui-techfx-select__value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 100%;
  word-break: normal;
  text-box-trim: none;
}

.ui-techfx-select__button :is(svg, .ui-techfx-icon) {
  flex-shrink: 0;
}

.ui-techfx-select__value:empty::before {
  content: attr(data-placeholder);
}

.ui-techfx-select-dropdown {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-2);
  align-items: flex-start;
  width: fit-content;
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-md);
  box-shadow: var(--shadow-lg);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-8);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-8);
  flex-shrink: 0;
}

.ui-techfx-select-option {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  transition: border-color var(--duration-fast) ease, border-style var(--duration-fast) ease, border-width var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
}

.ui-techfx-select-option--false {
  width: 100%;
  height: 32px;
  color: var(--color-text-neutral-primary);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-select-option--false:hover {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-select-option--true {
  width: 100%;
  height: 32px;
  background: var(--color-background-brand-light);
  color: var(--color-text-brand-primary);
  border-radius: var(--border-radius-sm);
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
}

.ui-techfx-select-option__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-select-option--true .ui-techfx-select-option__label {
  color: var(--color-text-brand-primary);
}

.ui-techfx-stepper {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-24);
  align-items: center;
  width: fit-content;
  color: var(--color-text-inverse-primary);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  flex-shrink: 0;
}

.ui-techfx-stepper-step {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-8);
  align-items: center;
  width: fit-content;
  color: var(--color-text-inverse-primary);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
  flex-shrink: 0;
}

.ui-techfx-stepper-step__indicator {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: var(--color-background-brand-light);
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-stepper-step--current .ui-techfx-stepper-step__indicator {
  background: var(--color-background-brand-strong);
}

.ui-techfx-stepper-step--done .ui-techfx-stepper-step__indicator {
  background: var(--color-background-positive-default);
}

.ui-techfx-stepper-step__number {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-stepper-step--done .ui-techfx-stepper-step__number {
  white-space: normal;
  word-break: break-word;
}

.ui-techfx-stepper-step__label {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-tab-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  color: var(--color-text-brand-secondary);
  flex-shrink: 0;
}

.ui-techfx-tab-bar__ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-tab-bar-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-tab-bar-tab--false--light {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-tab-bar-tab--false--light:hover {
  color: var(--color-text-brand-secondary);
}

.ui-techfx-tab-bar-tab--false--light[aria-disabled="true"] {
  color: var(--color-disabled-text);
  opacity: 0.4;
}

.ui-techfx-tab-bar-tab--false--dark {
  color: var(--color-text-inverse-secondary);
}

.ui-techfx-tab-bar-tab--false--dark:hover {
  color: var(--color-text-inverse-primary);
}

.ui-techfx-tab-bar-tab--false--dark[aria-disabled="true"] {
  color: var(--color-disabled-text);
  opacity: 0.4;
}

.ui-techfx-tab-bar-tab--true--light {
  color: var(--color-text-brand-secondary);
}

.ui-techfx-tab-bar-tab--true--light[aria-disabled="true"] {
  color: var(--color-disabled-text);
}

.ui-techfx-tab-bar-tab--true--dark {
  color: var(--color-text-inverse-primary);
}

.ui-techfx-tab-bar-tab--true--dark[aria-disabled="true"] {
  color: var(--color-disabled-text);
}

.ui-techfx-tab-bar-tab__a {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-16);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-16);
}

.ui-techfx-tab-bar-tab--true--light .ui-techfx-tab-bar-tab__a,
.ui-techfx-tab-bar-tab--true--dark .ui-techfx-tab-bar-tab__a {
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-tab-bar-tab:hover .ui-techfx-tab-bar-tab__a {
  background: var(--color-background-brand-subtle);
}

.ui-techfx-tab-bar-tab--true--light .ui-techfx-tab-bar-tab__a {
  border-bottom-color: var(--color-stroke-brand-default);
}

.ui-techfx-tab-bar-tab--true--dark .ui-techfx-tab-bar-tab__a {
  border-bottom-color: var(--color-text-inverse-primary);
}

.ui-techfx-tab-bar-tab__content {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: fit-content;
  height: 24px;
  flex-shrink: 0;
}

.ui-techfx-tab-bar-tab__label {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: fit-content;
  flex-shrink: 0;
  padding-right: var(--spacing-4);
  padding-left: var(--spacing-4);
}

.ui-techfx-tab-bar-tab__label-2 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-table {
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  background: var(--color-surface-white);
  border-color: var(--color-stroke-neutral-subtle);
  border-style: solid;
  border-width: var(--border-width-md);
  border-radius: var(--border-radius-md);
}

.ui-techfx-table__table {
  border-collapse: collapse;
  width: 100%;
}

.ui-techfx-table__cell {
  vertical-align: middle;
  padding: var(--spacing-16);
  font-size: var(--font-size-14);
  line-height: var(--line-height-20);
  font-weight: var(--font-weight-medium);
  font-family: var(--font-family-paragraph);
  letter-spacing: var(--letter-spacing-regular);
  color: var(--color-text-neutral-primary);
  text-align: start;
}

.ui-techfx-table__cell--head {
  background: var(--color-surface-light);
}

.ui-techfx-table thead th {
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-style: solid;
  border-bottom-width: var(--border-width-md);
}

.ui-techfx-table__cell:first-child {
  padding-inline-start: var(--spacing-16);
}

.ui-techfx-table__cell:last-child {
  padding-inline-end: var(--spacing-16);
}

.ui-techfx-table__cell--center {
  text-align: center;
}

.ui-techfx-table__cell--end {
  text-align: end;
}

.ui-techfx-table__cell--subtle-text {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-table__cell--text {
  font-weight: var(--font-weight-regular);
}

.ui-techfx-table--striped .ui-techfx-table__row:nth-child(even) {
  background: var(--color-surface-subtle);
}

.ui-techfx-table-cell {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-12);
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 60px;
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
  transition: border-color var(--duration-fast) ease, border-style var(--duration-fast) ease, border-width var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
}

.ui-techfx-table-cell--highlight-text {
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-table-cell--highlight-text:hover {
  background: var(--color-background-brand-light);
}

.ui-techfx-table-cell--subtle-text {
  background: var(--color-surface-white);
  color: var(--color-text-neutral-secondary);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-table-cell--subtle-text:hover {
  background: var(--color-background-brand-light);
}

.ui-techfx-table-cell--text {
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-table-cell--text:hover {
  background: var(--color-background-brand-light);
}

.ui-techfx-table-cell__value {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-table-cell__value-2 {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-table-cell--text .ui-techfx-table-cell__value-2 {
  font-weight: var(--font-weight-regular);
}

.ui-techfx-table-cell__sub {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-4);
  align-items: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-table-cell__sub[hidden] {
  display: none;
}

.ui-techfx-table-cell__sub-2 {
  flex-shrink: 0;
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-table-cell-custom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  height: 60px;
  background: var(--color-surface-white);
  color: var(--color-text-positive-tertiary);
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-table-cell-custom__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-shrink: 0;
  align-self: stretch;
}

.ui-techfx-table-header-cell {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 40px;
  background: var(--color-surface-light);
  color: var(--color-text-neutral-primary);
  padding-right: var(--spacing-16);
  padding-left: var(--spacing-16);
  border-bottom-color: var(--color-stroke-neutral-subtle);
  border-bottom-width: var(--border-width-md);
  border-bottom-style: solid;
}

.ui-techfx-table-header-cell__label {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-table-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-12);
  background: var(--color-surface-white);
}

.ui-techfx-table-pagination__group {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
}

.ui-techfx-table-pagination__caption {
  display: flex;
  align-items: center;
  gap: var(--spacing-4);
  color: var(--color-text-neutral-secondary);
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  white-space: nowrap;
  flex-shrink: 0;
}

.ui-techfx-table-pagination__pages {
  display: flex;
  align-items: center;
  gap: var(--spacing-8);
  list-style: none;
  margin: 0;
  padding: 0;
}

.ui-techfx-table-pagination-ellipsis {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  color: var(--color-text-neutral-secondary);
  flex-shrink: 0;
}

.ui-techfx-table-pagination-ellipsis__span {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--border-radius-full);
}

.ui-techfx-table-pagination-ellipsis__ellipsis {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-table-pagination-next {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-table-pagination-next {
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-table-pagination-next[aria-disabled="true"] {
  color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-table-pagination-next:hover {
  color: var(--color-stroke-brand-default);
}

.ui-techfx-table-pagination-next__a {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--border-radius-full);
}

.ui-techfx-table-pagination-number {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-table-pagination-number--true {
  color: var(--color-text-inverse-primary);
}

.ui-techfx-table-pagination-number--false {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-table-pagination-number--false:hover {
  color: var(--color-text-inverse-primary);
}

.ui-techfx-table-pagination-number__a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--border-radius-full);
}

.ui-techfx-table-pagination-number--true .ui-techfx-table-pagination-number__a {
  background: var(--color-background-brand-strong);
}

.ui-techfx-table-pagination-number--false:hover .ui-techfx-table-pagination-number__a {
  background: var(--color-background-brand-default);
}

.ui-techfx-table-pagination-number--true:hover .ui-techfx-table-pagination-number__a {
  background: var(--color-background-brand-strongest);
}

.ui-techfx-table-pagination-number__number {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  text-align: center;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-table-pagination-previous {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  flex-shrink: 0;
}

.ui-techfx-table-pagination-previous {
  color: var(--color-stroke-neutral-strong);
}

.ui-techfx-table-pagination-previous[aria-disabled="true"] {
  color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-table-pagination-previous:hover {
  color: var(--color-stroke-brand-default);
}

.ui-techfx-table-pagination-previous__a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: var(--border-radius-full);
}

.ui-techfx-text-area {
  width: 100%;
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-12);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-12);
  padding-left: var(--spacing-12);
  border-width: var(--border-width-md);
  border-style: solid;
  transition: border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;
}

.ui-techfx-text-area {
  background: var(--color-surface-white);
  color: var(--color-text-neutral-primary);
  border-color: var(--color-stroke-neutral-subtle);
}

.ui-techfx-text-area:disabled {
  background: var(--color-disabled-background);
  color: var(--color-disabled-text);
}

.ui-techfx-text-area:focus-visible {
  border-color: var(--color-stroke-brand-subtle);
}

.ui-techfx-text-area[aria-invalid="true"] {
  color: var(--color-text-danger-secondary);
  border-color: var(--color-stroke-danger-default);
}

.ui-techfx-text-area[aria-invalid="true"]:focus-visible {
  box-shadow: var(--ring-danger-subtle-2px);
}

.ui-techfx-text-area {
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-text-area::placeholder {
  color: var(--color-text-neutral-tertiary);
  font-size: var(--font-size-14);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  letter-spacing: var(--letter-spacing-regular);
  font-family: var(--font-family-paragraph);
  text-align: left;
}

.ui-techfx-thin-progress-bar {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-0);
  align-items: flex-start;
  position: relative;
  width: 824px;
  height: 2px;
  background: var(--color-background-neutral-subtle);
  padding-top: var(--spacing-0);
  padding-right: var(--spacing-0);
  padding-bottom: var(--spacing-0);
  padding-left: var(--spacing-0);
}

.ui-techfx-thin-progress-bar__fill {
  width: 206px;
  height: 2px;
  align-self: stretch;
  position: absolute;
  background: var(--color-background-brand-default);
  top: 0px;
  left: 0px;
}

.ui-techfx-thin-progress-bar--4 .ui-techfx-thin-progress-bar__fill {
  left: 618px;
}

.ui-techfx-thin-progress-bar--3 .ui-techfx-thin-progress-bar__fill {
  left: 412px;
}

.ui-techfx-thin-progress-bar--2 .ui-techfx-thin-progress-bar__fill {
  left: 206px;
}

.ui-techfx-toggle {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.ui-techfx-toggle__input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

.ui-techfx-toggle__box {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: var(--border-radius-full);
  padding-top: var(--spacing-2);
  padding-right: var(--spacing-2);
  padding-bottom: var(--spacing-2);
  padding-left: var(--spacing-2);
  flex-shrink: 0;
}

.ui-techfx-toggle--sm .ui-techfx-toggle__input ~ .ui-techfx-toggle__box {
  width: 36px;
  height: 20px;
  background: var(--color-background-neutral-subtle);
}

.ui-techfx-toggle--sm .ui-techfx-toggle__input:disabled ~ .ui-techfx-toggle__box {
  background: linear-gradient(var(--color-overlay-dark-25), var(--color-overlay-dark-25)), var(--color-background-neutral-subtle);
}

.ui-techfx-toggle--md .ui-techfx-toggle__input ~ .ui-techfx-toggle__box {
  width: 44px;
  height: 24px;
  background: var(--color-background-neutral-subtle);
}

.ui-techfx-toggle--md .ui-techfx-toggle__input:disabled ~ .ui-techfx-toggle__box {
  background: linear-gradient(var(--color-overlay-dark-25), var(--color-overlay-dark-25)), var(--color-background-neutral-subtle);
}

.ui-techfx-toggle--sm .ui-techfx-toggle__input:checked ~ .ui-techfx-toggle__box {
  width: 36px;
  height: 20px;
  background: var(--color-background-brand-strong);
}

.ui-techfx-toggle--sm .ui-techfx-toggle__input:checked:hover ~ .ui-techfx-toggle__box {
  background: var(--color-background-brand-default);
}

.ui-techfx-toggle--sm .ui-techfx-toggle__input:checked:disabled ~ .ui-techfx-toggle__box {
  background: linear-gradient(var(--color-overlay-dark-25), var(--color-overlay-dark-25)), var(--color-background-brand-light);
}

.ui-techfx-toggle--md .ui-techfx-toggle__input:checked ~ .ui-techfx-toggle__box {
  width: 44px;
  height: 24px;
  background: var(--color-background-brand-strong);
}

.ui-techfx-toggle--md .ui-techfx-toggle__input:checked:hover ~ .ui-techfx-toggle__box {
  background: var(--color-background-brand-default);
}

.ui-techfx-toggle--md .ui-techfx-toggle__input:checked:disabled ~ .ui-techfx-toggle__box {
  background: linear-gradient(var(--color-overlay-dark-25), var(--color-overlay-dark-25)), var(--color-background-brand-light);
}

.ui-techfx-toggle__input:checked ~ .ui-techfx-toggle__box {
  justify-content: flex-end;
}

.ui-techfx-toggle__knob {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  background: var(--color-surface-white);
  border-radius: 50%;
}

.ui-techfx-toggle--md .ui-techfx-toggle__input ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob,
.ui-techfx-toggle--md .ui-techfx-toggle__input:checked ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob {
  width: 20px;
  height: 20px;
}

.ui-techfx-toggle--sm .ui-techfx-toggle__input:disabled ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob,
.ui-techfx-toggle--md .ui-techfx-toggle__input:disabled ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob,
.ui-techfx-toggle--sm .ui-techfx-toggle__input:checked:disabled ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob,
.ui-techfx-toggle--md .ui-techfx-toggle__input:checked:disabled ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob {
  background: var(--color-disabled-surface);
}

.ui-techfx-toggle--sm .ui-techfx-toggle__input:hover ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob,
.ui-techfx-toggle--md .ui-techfx-toggle__input:hover ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob,
.ui-techfx-toggle--sm .ui-techfx-toggle__input:checked:hover ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob,
.ui-techfx-toggle--md .ui-techfx-toggle__input:checked:hover ~ .ui-techfx-toggle__box .ui-techfx-toggle__knob {
  border-color: var(--color-stroke-brand-subtle);
  border-width: var(--border-width-md);
  border-style: solid;
}

.ui-techfx-toggle__input:focus-visible ~ .ui-techfx-toggle__box {
  outline: auto;
}

.ui-techfx-tooltip {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
  background: var(--color-background-neutral-strongest);
  color: var(--color-text-inverse-primary);
  border-radius: var(--border-radius-md);
  padding-top: var(--spacing-8);
  padding-right: var(--spacing-12);
  padding-bottom: var(--spacing-8);
  padding-left: var(--spacing-12);
  flex-shrink: 0;
}

.ui-techfx-tooltip__text {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-vertical-divider {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: 100%;
  flex-shrink: 0;
}

.ui-techfx-vertical-divider--subtle--vertical {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-vertical-divider--strong--vertical {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-vertical-divider--subtle-translucid--vertical {
  color: var(--color-text-neutral-tertiary);
}

.ui-techfx-vertical-divider--strong-translucid--vertical {
  color: var(--color-text-neutral-secondary);
}

.ui-techfx-vertical-divider__divider {
  width: 1px;
  flex: 1 0 auto;
  background: var(--color-surface-default);
}

.ui-techfx-vertical-divider--subtle-translucid--vertical .ui-techfx-vertical-divider__divider {
  background: var(--color-overlay-dark-25);
}

.ui-techfx-vertical-divider--strong--vertical .ui-techfx-vertical-divider__divider {
  background: var(--color-surface-strongest);
}

.ui-techfx-vertical-divider--strong-translucid--vertical .ui-techfx-vertical-divider__divider {
  background: var(--color-overlay-dark-50);
}

.ui-techfx-vertical-divider__text {
  flex-shrink: 0;
  font-family: var(--font-family-paragraph);
  font-size: var(--font-size-12);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-18);
  letter-spacing: var(--letter-spacing-regular);
  text-align: left;
  white-space: nowrap;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

.ui-techfx-vertical-divider__divider-2 {
  width: 1px;
  flex: 1 0 auto;
  background: var(--color-surface-default);
}

.ui-techfx-vertical-divider--subtle-translucid--vertical .ui-techfx-vertical-divider__divider-2 {
  background: var(--color-overlay-dark-25);
}

.ui-techfx-vertical-divider--strong--vertical .ui-techfx-vertical-divider__divider-2 {
  background: var(--color-surface-strongest);
}

.ui-techfx-vertical-divider--strong-translucid--vertical .ui-techfx-vertical-divider__divider-2 {
  background: var(--color-overlay-dark-50);
}