@import url("https://fonts.googleapis.com/css?family=Mulish:300,400,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded');

.td-accordion {
  height: auto;
  width: 100%;
}

.td-accordion-light {
  background: var(--b3-white);
}

.td-accordion-dark {
  background: var(--b3-dark-blue);
}

.td-accordion-trader {
  background: var(--b3-black);
}

.td-accordion-item {
  display: flex;
  height: auto;
  width: 100%;
  flex-direction: column;
}

.td-accordion-item-btn h2 {
  margin: 0;
}

.td-accordion-item-btn button {
  position: relative;
  display: inline-block;
  height: 3rem;
  font-family: var(--b3-primary-font);
  font-weight: 700;
  font-style: normal;
  font-size: var(--b3-caption-size);
  line-height: var(--b3-line-hgt-xl);
  letter-spacing: var(--b3-le-spa-xl);
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  width: 100%;
  padding: 1rem 1.2rem 0.75rem 0.75rem;
  border: none;
  border-radius: 0;
  background: none;
  background-position: center;
  vertical-align: top;
  cursor: pointer;
  transition: all 0.8s;
}

.td-accordion-item-btn button:hover:not(:disabled):not(.disabled) {
  background: rgba(0, 176, 230, 0.2)
    radial-gradient(circle, transparent 1%, rgba(0, 176, 230, 0.2) 1%) center/15000%;
}

.td-accordion-item-btn button:active:not(:disabled):not(.disabled) {
  background-size: 100%;
  transition: background 0s;
}

.td-accordion-item-btn-light button {
  color: var(--b3-text-emphasis-light);
  border-top: 1px solid var(--b3-gray-100);
}

.td-accordion-item-btn-dark button,
.td-accordion-item-btn-trader button {
  color: var(--b3-white);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.td-accordion-item-btn-light button:hover:not(:disabled):not(.disabled),
.td-accordion-item-btn-light button:active:not(:disabled):not(.disabled) {
  color: var(--b3-link-interaction-light);
}

.td-accordion-item-btn-dark button:hover:not(:disabled):not(.disabled),
.td-accordion-item-btn-dark button:active:not(:disabled):not(.disabled),
.td-accordion-item-btn-trader button:hover:not(:disabled):not(.disabled),
.td-accordion-item-btn-trader button:active:not(:disabled):not(.disabled) {
  color: var(--b3-yellow);
  background-color: var(--b3-focus-hover-light);
}

.td-accordion-item-btn button:after {
  right: 0.75rem;
  width: 0.875rem;
  height: 0.125rem;
}

.td-accordion-item-btn button:before {
  right: 1.125rem;
  height: 0.875rem;
  width: 0.125rem;
}

.td-accordion-item-btn button[aria-expanded="true"]:before {
  transform: translateY(-50%) rotate(-90deg);
}

.td-accordion-item-btn button:after,
.td-accordion-item-btn button:before {
  content: "" !important;
  display: block;
  position: absolute;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  transition: all 0.2s ease;
}

.td-accordion-item-btn-light button:after,
.td-accordion-item-btn-light button:before {
  background: var(--b3-link-interaction-light);
}

.td-accordion-item-btn-dark button:after,
.td-accordion-item-btn-dark button:before,
.td-accordion-item-btn-trader button:after,
.td-accordion-item-btn-trader button:before {
  background: var(--b3-yellow);
}

.td-accordion-item-btn button span {
  float: left;
  display: block;
}

.td-accordion-item-btn button td-icon {
  float: left;
  margin-right: 0.375rem;
}

.td-accordion-item-btn button .icon-text {
  text-transform: none;
  font-weight: 400;
  font-size: var(--b3-caption-size);
  margin-right: 1.5rem;
}

.td-accordion-item-btn button [class^="td-icon"] {
  font-size: var(--b3-header-4-size);
  margin-right: 0.375rem;
  line-height: var(--b3-line-hgt-xs);
}

.td-accordion-item-btn button .right-text {
  float: right;
  margin-right: 1.375rem;
  text-transform: none;
  font-weight: 400;
  font-size: var(--b3-body-size);
  line-height: var(--b3-line-hgt-xxs);
}

.td-accordion-item-container {
  max-height: 0;
  padding: 0 0.75rem 0;
  overflow: hidden;
  transition: all 0.25s ease-out;
}

.td-accordion-item-container-light {
  color: var(--b3-text-light);
}

.td-accordion-item-container-dark,
.td-accordion-item-container-trader {
  color: var(--b3-gray-200);
}

.td-accordion-item-container.show {
  max-height: max-content;
  padding: 0.75rem 0.75rem 1.1875rem;
  transition: all 0.25s ease-in;
}
.td-use-anchor {
  display: inline-flex;
  height: auto;
  border-radius: 100px;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: nowrap;
  transition-duration: 300ms;
  padding: 10px 16px;
  text-decoration: none;
  cursor: pointer;
}

.td-use-anchor--small {
  height: 16px;
}

.td-use-anchor--large {
  height: 2.625rem;
}

.td-use-anchor--small {
  padding: 6px 16px;
  height: var(--b3-spacing-xl);
}

.td-use-anchor--disabled {
  pointer-events: none;
}

.td-use-anchor__conteudo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.td-use-anchor-light--primary,
.td-use-anchor-dark--primary {
  border: 1px solid #FFC914;
  background: #FFC914;
  color: #002c63;
}

.td-use-anchor-light.td-use-anchor-light--outline {
  border: 1px solid #0063de;
  color: #0063de;
  background-color: transparent;
}

.td-use-anchor-light.td-use-anchor-light--outline:hover {
  border: 1px solid #0063de;
  background-color: rgba(0, 176, 230, 0.2);
}

.td-use-anchor-light:active.td-use-anchor-light--outline,
.td-use-anchor-light:focus.td-use-anchor-light--outline,
.td-use-anchor-dark:active.td-use-anchor-dark--primary,
.td-use-anchor-dark:focus.td-use-anchor-dark--primary {
  outline: 1px solid #00b0e6;
  border: 1px solid transparent;
  background: transparent;
}

.td-use-anchor-light.td-use-anchor-light--outline {
  border: 1px solid #0063de;
  color: #0063de;
  background-color: transparent;
}

.td-use-anchor--link.td-use-anchor-light--primary {
  background-color: transparent;
  border: 0;
  color: #0063de;
}

.td-use-anchor--link.td-use-anchor-light--primary:hover {
  background-color: rgba(0, 176, 230, 0.2);
}

.td-use-anchor-light.td-use-anchor-light--disable.td-use-anchor--link {
  background-color: transparent;
  border: 0;
}

.td-use-anchor-dark--outline {
  border: 1px solid #ffd862;
  background-color: transparent;
  color: #ffd862;
}

.td-use-anchor-dark--disable {
  border: 1px solid transparent;
  color: #666e7a66;
  background-color: transparent;

  cursor: not-allowed;
}

.td-use-anchor-dark--disable-outline {
  border: 1px solid #666e7a66;
  color: #666e7a66;
  background-color: transparent;

  cursor: not-allowed;
}

.td-use-anchor--link {
  border: 1px solid transparent;
  background: transparent;
  color: #ffd862;
}

.td-use-anchor.td-use-anchor-dark--link:active,
.td-use-anchor.td-use-anchor-dark--link:focus,
.td-use-anchor.td-use-anchor-dark--link:focus-visible {
  border-color: #007fb6ad !important;
  outline: 1px solid #007fb6ad;
  background-color: red;
}

.td-use-anchor:active,
.td-use-anchor:focus {
  outline: 1px solid #00b0e6;
}

.td-use-anchor-light.td-use-anchor-light--disable {
  background-color: #f6f6f7;
  border: 1px solid #f6f6f7;
  color: rgba(102, 110, 122, 0.4);

  cursor: not-allowed;
}

.td-use-anchor-light.td-use-anchor-light--disable-outline {
  background-color: #ffffff;
  border: 1px solid #f6f6f7;
  color: rgba(102, 110, 122, 0.4);

  cursor: not-allowed;
}

.td-use-anchor td-icon {
  display: flex;
}

.only-icon {
  width: 20px;
  padding: 9px 13px;
}

.only-icon.td-use-anchor--small {
  width: 20px;
  padding: 9px 7px;
}
.badge {
  border-radius: 1.5rem;
  font-size: 0.625rem;
  line-height: 1.375rem;
  padding: 0 0.4375rem;
  min-width: 1.625rem;
  letter-spacing: 1.5px;
  display: inline-block;
  border: 2px solid #fff;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  font-weight: 700;
}

.badge.badge-light {
  border-color: #fff;
}

.badge.badge-dark,
.badge.badge-trader {
  border-color: #002c63;
}

.badge.badge-primary {
  background: #ffd862;
  color: #40444d;
}

.badge.badge-info {
  background: #40444d;
  color: #fff;
}

.badge.badge-success {
  background: #008750;
  color: #fff;
}

.badge.badge-danger {
  background: #c40;
  color: #fff;
}

.badge.badge-dark.badge-success,
.badge.badge-trader.badge-success {
  background: #08ce79;
  border-color: #002c63;
}

.badge.badge-dark.badge-danger,
.badge.badge-trader.badge-danger {
  background: #fa7c4a;
  color: #fff;
}

.badge.badge-dark.badge-info,
.badge.badge-trader.badge-info {
  background-color: #fff;
  color: #40444d;
}

.badge.badge-dark.badge-primary {
  background: #ffd862;
  color: #40444d;
}
.td-breadcrumb {
  padding: 10px 20px;
}

.td-breadcrumb-light {
  background: var(--b3-white);
}

.td-breadcrumb-dark {
  background: var(--b3-dark-blue);
}

.td-breadcrumb-trader {
  background: var(--b3-black);
}

.td-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.td-breadcrumb ol li.breadcrumb-item {
  padding-left: 0;
  margin-top: 0;
}

.td-breadcrumb ol li {
  font-style: normal;
  font-weight: 400;
  font-size: var(--b3-caption-size);
  letter-spacing: 0;
  line-height: var(--b3-line-hgt-xl);
}

.td-breadcrumb ol li a {
  line-height: inherit;
  margin-top: 0;
}

.td-breadcrumb ol li a {
  line-height: var(--b3-line-hgt-xl);
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
}

.td-breadcrumb-light ol li a {
  color: var(--b3-dark-blue);
}

.td-breadcrumb-dark ol li a,
.td-breadcrumb-trader ol li a {
  color: var(--b3-white);
}

.td-breadcrumb ol li a.first {
  margin: 3px -3px 0;
}

.td-breadcrumb ol li a:not([href]):not([tabindex]):hover,
.td-breadcrumb ol li a[href=""]:not([tabindex]):hover {
  text-decoration: none;
  cursor: inherit;
}

.td-breadcrumb ol li .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.td-breadcrumb ol li.current {
  margin: 6px 0 0;
}

.td-breadcrumb-light ol li.current {
  color: var(--b3-text-light);
}

.td-breadcrumb-dark ol li.current,
.td-breadcrumb-trader ol li.current {
  color: var(--b3-gray-200);
}

.td-breadcrumb ol li td-icon.breadcrumb-arrow {
  display: inline-block;
  vertical-align: middle;
  margin: 8px 3px 4px 0;
  line-height: var(--b3-line-hgt-xl);
  padding: 0;
}
.td-use-button {
  height: auto;
  border-radius: 100px;
  font-weight: 700;
  font-size: 12px;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  white-space: nowrap;
  transition-duration: 300ms;
  padding: 10px 16px;

  cursor: pointer;
}

.td-use-button--small {
  height: 36px;
}

.td-use-button--large {
  height: 48px;
}

.td-use-button--small {
  padding: 6px 16px;
}

.td-use-button--disabled {
  pointer-events: none;
}
.td-use-button__conteudo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.td-use-button-light--primary,
.td-use-button-dark--primary {
  border: 1px solid #ffd862;
  background: #ffd862;
  color: #002c63;
}

.td-use-button-light.td-use-button-light--outline {
  border: 1px solid #3B7F1A;
  color: #3B7F1A;
  background-color: transparent;
}

.td-use-button-light.td-use-button-light--outline:hover {
  border: 1px solid #0063de;
  background-color: rgba(0, 176, 230, 0.2);
}

.td-use-button-light:active.td-use-button-light--outline,
.td-use-button-light:focus.td-use-button-light--outline,
.td-use-button-dark:active.td-use-button-dark--primary,
.td-use-button-dark:focus.td-use-button-dark--primary {
  outline: 1px solid #00b0e6;
  border: 1px solid transparent;
  background: transparent;
}

.td-use-button-light.td-use-button-light--outline {
  border: 1px solid #0063de;
  color: #0063de;
  background-color: transparent;
}

.td-use-button--link.td-use-button-light--primary {
  background-color: transparent;
  border: 0;
  color: #0063de;
}

.td-use-button--link.td-use-button-light--primary:hover {
  background-color: rgba(0, 176, 230, 0.2);
}

.td-use-button-light.td-use-button-light--disable.td-use-button--link {
  background-color: transparent;
  border: 0;
}

.td-use-button-dark--outline {
  border: 1px solid #ffd862;
  background-color: transparent;
  color: #ffd862;
}

.td-use-button-dark--disable {
  border: 1px solid transparent;
  color: #666e7a66;
  background-color: transparent;

  cursor: not-allowed;
}

.td-use-button-dark--disable-outline {
  border: 1px solid #666e7a66;
  color: #666e7a66;
  background-color: transparent;

  cursor: not-allowed;
}

.td-use-button--link {
  border: 1px solid transparent;
  background: transparent;
  color: #ffd862;
}

.td-use-button.td-use-button-dark--link:active,
.td-use-button.td-use-button-dark--link:focus,
.td-use-button.td-use-button-dark--link:focus-visible {
  border-color: #007fb6ad !important;
  outline: 1px solid #007fb6ad;
  background-color: red;
}

.td-use-button:active,
.td-use-button:focus {
  outline: 1px solid #00b0e6;
}

.td-use-button-light.td-use-button-light--disable {
  background-color: #f6f6f7;
  border: 1px solid #f6f6f7;
  color: rgba(102, 110, 122, 0.4);

  cursor: not-allowed;
}

.td-use-button-light.td-use-button-light--disable-outline {
  background-color: #ffffff;
  border: 1px solid #f6f6f7;
  color: rgba(102, 110, 122, 0.4);

  cursor: not-allowed;
}

.td-use-button td-icon {
  display: flex;
}

.only-icon {
  width: 48px;
}

.only-icon.td-use-button--small {
  width: 36px;
}
.td__theme--light {
  background: var(--b3-white);
  color: var(--b3-text-light);
}

.td__theme--dark {
  background: var(--b3-dark-blue);
  color: #ffffffb3;
}

.td__theme--trader {
  background: var(--b3-black);
  color: #ffffffb3;
}

.td__theme--light .card {
  box-shadow: 0 0.1875rem 0.1875rem #666e7a1a;
}

.td__theme--dark .card,
.td__theme--dark.card {
  box-sizing: border-box;
  background: var(--b3-dark-blue);
  border: 0.0625rem solid rgba(255, 255, 255, 0.15);
}

.td__theme--trader .card,
.td__theme--trader.card {
  box-sizing: border-box;
  background-color: var(--b3-black);
  border: 0.0625rem solid rgba(255, 255, 255, 0.15);
}

.card {
  border-radius: 0.375rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background: #ffffff;
  border: 0.0625rem solid var(--b3-gray-70);
  box-shadow: 0 0.1875rem 0.1875rem #666e7a1a;
  font-family: Mulish, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
}

.card-body {
  flex: 1 1 auto;
}
.form-check-label .form-check-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form-check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--b3-white);

  transition-duration: 300ms;
}

.form-check-input:checked .checkmark {
  background-color: var(--b3-focus);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.form-check-input:checked .checkmark:after {
  display: block;
}

.checkmark.light.disable:after {
  border-color: #6c757d;
}

.form-check-label .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid var(--b3-white);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: relative;
}

.form-check-label .form-check-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: var(--b3-white);

  border: 0.125rem solid var(--b3-focus);
  position: absolute;
  border-radius: 0.375rem;
}

.checkmark:hover {
  box-shadow: 0 0 0 0.75rem rgba(0, 176, 230, 0.2);
}

.checkmark.checked {
  background-color: #2196f3;
}

.checkmark {
  background-color: var(--b3-white);
}

.checkmark.unchecked:after {
  content: "";
  position: absolute;
  display: none;
}

.checkmark.checked:after {
  display: block;
}

.checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid var(--b3-white);
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.disable {
  pointer-events: none;
  cursor: not-allowed;
}

.checkmark.light.disable {
  border-color: #6c757d;
}

.checkmark.dark.disable:after {
  border-color: #6c757d;
}

.disable.checkmark.dark {
  border-color: #6c757d;
}

.disable.dark {
  border-color: rgba(255, 255, 255, 0.25);
}

.disable.checkmark {
  background-color: var(--b3-white);
}

.disable.checkmark.checked {
  background-color: var(--b3-white);
}

.disable.checkmark.checked.dark {
  background-color: #6c757d;
}

.disable.checkmark.checked.dark {
  background-color: #002c63;
}

.checkmark.dark:not(.checked) {
  background-color: transparent;
}

.form-check-label.dark {
  color: var(--b3-white);
}
@keyframes loading {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.td-icon--spinner {
  animation: loading 1s ease-in-out infinite;
}

.svg {
  width: 20px;
  height: 20px;
  background-color: #666e7a;
  background-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
}

.td-icon {
  display: block;
}

.td-icon-dark.svg {
  background-color: #ffffffb3;
}

.td-icon {
  display: block;
}

:root {
  --td-solid-yellow-50: #fffae8;
  --td-solid-yellow-100: #ffeeb6;
  --td-solid-yellow-200: #ffe693;
  --td-solid-yellow-300: #ffdb62;
  --td-solid-yellow-400: #ffd443;
  --td-solid-yellow-500: #ffc914;
  --td-solid-yellow-600: #e8b712;
  --td-solid-yellow-700: #b58f0e;
  --td-solid-yellow-800: #8c6f0b;
  --td-solid-yellow-900: #6b5408;
  --td-solid-gold-50: #faf9ea;
  --td-solid-gold-100: #efecbf;
  --td-solid-gold-200: #e7e39f;
  --td-solid-gold-300: #dbd774;
  --td-solid-gold-400: #d5cf59;
  --td-solid-gold-500: #cac32f;
  --td-solid-gold-600: #b8b12b;
  --td-solid-gold-700: #8f8a21;
  --td-solid-gold-800: #6f6b1a;
  --td-solid-gold-900: #555214;
  --td-solid-pink-50: #ffecf5;
  --td-solid-pink-100: #ffc4e0;
  --td-solid-pink-200: #ffa7d1;
  --td-solid-pink-300: #ff7fbd;
  --td-solid-pink-400: #ff66b0;
  --td-solid-pink-500: #ff409c;
  --td-solid-pink-600: #e83a8e;
  --td-solid-pink-700: #b52d6f;
  --td-solid-pink-800: #8c2356;
  --td-solid-pink-900: #6b1b42;
  --td-solid-green-light-50: #eef7e9;
  --td-solid-green-light-100: #cae7bb;
  --td-solid-green-light-200: #b0dc9a;
  --td-solid-green-light-300: #8ccc6c;
  --td-solid-green-light-400: #75c250;
  --td-solid-green-light-500: #53b324;
  --td-solid-green-light-600: #4ca321;
  --td-solid-green-light-700: #3b7f1a;
  --td-solid-green-light-800: #2e6214;
  --td-solid-green-light-900: #234b0f;
  --td-solid-green-50: #e6f3ee;
  --td-solid-green-100: #b0dac9;
  --td-solid-green-200: #8ac8af;
  --td-solid-green-300: #54af8a;
  --td-solid-green-400: #339f73;
  --td-solid-green-500: #008750;
  --td-solid-green-600: #007b49;
  --td-solid-green-700: #006039;
  --td-solid-green-800: #004a2c;
  --td-solid-green-900: #003922;
  --td-solid-oxford-blue-50: #e7e9ec;
  --td-solid-oxford-blue-100: #b3bbc4;
  --td-solid-oxford-blue-200: #8e9aa8;
  --td-solid-oxford-blue-300: #5b6c80;
  --td-solid-oxford-blue-400: #3b4f68;
  --td-solid-oxford-blue-500: #0a2342;
  --td-solid-oxford-blue-600: #09203c;
  --td-solid-oxford-blue-700: #07192f;
  --td-solid-oxford-blue-800: #061324;
  --td-solid-oxford-blue-900: #040f1c;
  --td-solid-flame-50: #fceeea;
  --td-solid-flame-100: #f7cbbe;
  --td-solid-flame-200: #f3b29f;
  --td-solid-flame-300: #ed8e73;
  --td-solid-flame-400: #e97958;
  --td-solid-flame-500: #e4572e;
  --td-solid-flame-600: #cf4f2a;
  --td-solid-flame-700: #a23e21;
  --td-solid-flame-800: #7d3019;
  --td-solid-flame-900: #602513;
  --td-solid-white-50: #ffffff;
  --td-solid-white-100: #fefefe;
  --td-solid-white-200: #fdfdfd;
  --td-solid-white-300: #fcfcfc;
  --td-solid-white-400: #fbfbfb;
  --td-solid-white-500: #fafafa;
  --td-solid-white-600: #f9f9f9;
  --td-solid-white-700: #f8f8f8;
  --td-solid-white-800: #f7f7f7;
  --td-solid-white-900: #f6f6f6;
  --td-solid-blue-deep-50: #e9ebf0;
  --td-solid-blue-deep-100: #bcc0d1;
  --td-solid-blue-deep-200: #9ba1ba;
  --td-solid-blue-deep-300: #6e769b;
  --td-solid-blue-deep-400: #515c87;
  --td-solid-blue-deep-500: #263369;
  --td-solid-blue-deep-600: #232e60;
  --td-solid-blue-deep-700: #1b244b;
  --td-solid-blue-deep-800: #151c3a;
  --td-solid-blue-deep-900: #10152c;
  --td-solid-purple-50: #ede6f1;
  --td-solid-purple-100: #c7b0d4;
  --td-solid-purple-200: #ac8abf;
  --td-solid-purple-300: #8654a2;
  --td-solid-purple-400: #6e3390;
  --td-solid-purple-500: #4a0074;
  --td-solid-purple-600: #43006a;
  --td-solid-purple-700: #350052;
  --td-solid-purple-800: #290040;
  --td-solid-purple-900: #1f0031;
  --td-solid-black-50: #e6e6e6;
  --td-solid-black-100: #b0b0b0;
  --td-solid-black-200: #8a8a8a;
  --td-solid-black-300: #545454;
  --td-solid-black-400: #333333;
  --td-solid-black-500: #000000;
  --td-solid-red-50: #faece6;
  --td-solid-red-100: #efc5b0;
  --td-solid-red-200: #e8a98a;
  --td-solid-red-300: #dd8254;
  --td-solid-red-400: #d66933;
  --td-solid-red-500: #cc4400;
  --td-solid-red-600: #ba3e00;
  --td-solid-red-700: #913000;
  --td-solid-red-800: #702500;
  --td-solid-red-900: #561d00;
  --td-solid-aqua-50: #e8fafb;
  --td-solid-aqua-100: #b6eef3;
  --td-solid-aqua-200: #93e6ee;
  --td-solid-aqua-300: #62dbe6;
  --td-solid-aqua-400: #43d4e1;
  --td-solid-aqua-500: #14c9d9;
  --td-solid-aqua-600: #12b7c5;
  --td-solid-aqua-700: #0e8f9a;
  --td-solid-aqua-800: #0b6f77;
  --td-solid-aqua-900: #08545b;
  --td-solid-orange-50: #fef6eb;
  --td-solid-orange-100: #fce4c0;
  --td-solid-orange-200: #fbd7a1;
  --td-solid-orange-300: #f9c476;
  --td-solid-orange-400: #f8b95c;
  --td-solid-orange-500: #f6a733;
  --td-solid-orange-600: #e0982e;
  --td-solid-orange-700: #af7724;
  --td-solid-orange-800: #875c1c;
  --td-solid-orange-900: #674615;
  --td-solid-blue-50: #e6effc;
  --td-solid-blue-100: #b0cff5;
  --td-solid-blue-200: #8ab7f0;
  --td-solid-blue-300: #5496e9;
  --td-solid-blue-400: #3382e5;
  --td-solid-blue-500: #0063de;
  --td-solid-blue-600: #005aca;
  --td-solid-blue-700: #00469e;
  --td-solid-blue-800: #00367a;
  --td-solid-blue-900: #002a5d;
  --td-solid-cyan-50: #e9faf6;
  --td-solid-cyan-100: #baeee4;
  --td-solid-cyan-200: #99e6d7;
  --td-solid-cyan-300: #6adac5;
  --td-solid-cyan-400: #4dd3ba;
  --td-solid-cyan-500: #21c8a9;
  --td-solid-cyan-600: #1eb69a;
  --td-solid-cyan-700: #178e78;
  --td-solid-cyan-800: #126e5d;
  --td-solid-cyan-900: #0e5447;
  --td-plated-light-black-51: #fdfdfd;
  --td-plated-light-black-52: #fafafa;
  --td-plated-light-black-53: #f8f8f8;
  --td-plated-light-black-54: #f5f5f5;
  --td-plated-light-black-55: #f2f2f2;
  --td-plated-light-black-56: #f0f0f0;
  --td-plated-light-black-57: #eeeeee;
  --td-plated-light-black-58: #ebebeb;
  --td-plated-light-black-59: #e9e9e9;
  --td-plated-light-black-105: #fbfbfb;
  --td-plated-light-black-110: #f8f8f8;
  --td-plated-light-black-115: #f3f3f3;
  --td-plated-light-black-120: #efefef;
  --td-plated-light-black-125: #ebebeb;
  --td-plated-light-black-130: #e8e8e8;
  --td-plated-light-black-140: #dfdfdf;
  --td-plated-light-black-150: #d7d7d7;
  --td-plated-light-black-160: #d0d0d0;
  --td-plated-light-black-170: #c8c8c8;
  --td-plated-light-black-180: #c0c0c0;
  --td-plated-light-black-190: #b8b8b8;
  --td-plated-light-black-305: #f6f6f6;
  --td-plated-light-black-310: #eeeeee;
  --td-plated-light-black-315: #e6e6e6;
  --td-plated-light-black-320: #dddddd;
  --td-plated-light-black-325: #d4d4d4;
  --td-plated-light-black-330: #cccccc;
  --td-plated-light-black-340: #bbbbbb;
  --td-plated-light-black-350: #a9a9a9;
  --td-plated-light-black-360: #989898;
  --td-plated-light-black-370: #888888;
  --td-plated-light-black-380: #767676;
  --td-plated-light-black-390: #666666;
  --td-plated-light-black-405: #f5f5f5;
  --td-plated-light-black-410: #ebebeb;
  --td-plated-light-black-415: #e1e1e1;
  --td-plated-light-black-420: #d6d6d6;
  --td-plated-light-black-425: #cccccc;
  --td-plated-light-black-430: #c2c2c2;
  --td-plated-light-black-440: #adadad;
  --td-plated-light-black-450: #989898;
  --td-plated-light-black-460: #858585;
  --td-plated-light-black-470: #717171;
  --td-plated-light-black-480: #5c5c5c;
  --td-plated-light-black-490: #484848;
  --td-plated-light-black-50-5: #fdfdfd;
  --td-plated-light-black-51-5: #fbfbfb;
  --td-plated-light-black-52-5: #f8f8f8;
  --td-plated-light-blue-505: #f2f7fd;
  --td-plated-light-blue-510: #e6f0fc;
  --td-plated-light-blue-515: #d9e8fa;
  --td-plated-light-blue-520: #cce0f8;
  --td-plated-light-blue-525: #bfd8f6;
  --td-plated-light-blue-530: #b3d1f6;
  --td-plated-light-blue-540: #99c1f2;
  --td-plated-light-blue-550: #7fb0ee;
  --td-plated-light-blue-560: #66a1eb;
  --td-plated-light-blue-570: #4d92e8;
  --td-plated-light-blue-580: #3382e5;
  --td-plated-light-blue-590: #1a73e2;
  --td-plated-light-green-505: #f2f9f6;
  --td-plated-light-green-510: #e6f3ee;
  --td-plated-light-green-515: #d9ede5;
  --td-plated-light-green-520: #cce7dc;
  --td-plated-light-green-525: #bfe1d3;
  --td-plated-light-green-530: #b3dbcb;
  --td-plated-light-green-540: #99cfb9;
  --td-plated-light-green-550: #7fc2a7;
  --td-plated-light-green-560: #66b796;
  --td-plated-light-green-570: #4dab85;
  --td-plated-light-green-580: #339f73;
  --td-plated-light-green-590: #1a9362;
  --td-plated-light-flame-705: #faf5f4;
  --td-plated-light-flame-710: #f6ece9;
  --td-plated-light-flame-715: #f1e2de;
  --td-plated-light-flame-720: #ecd8d3;
  --td-plated-light-flame-725: #e7cec7;
  --td-plated-light-flame-730: #e4c6bd;
  --td-plated-light-flame-740: #dab2a6;
  --td-plated-light-flame-750: #d09e8f;
  --td-plated-light-flame-760: #c78b7a;
  --td-plated-light-flame-770: #be7864;
  --td-plated-light-flame-780: #b5654d;
  --td-plated-light-flame-790: #ac5238;
  --td-plated-light-yellow-505: #fffcf3;
  --td-plated-light-yellow-510: #fffae8;
  --td-plated-light-yellow-515: #fff7dc;
  --td-plated-light-yellow-520: #fff4d0;
  --td-plated-light-yellow-525: #fff1c4;
  --td-plated-light-yellow-530: #ffefb9;
  --td-plated-light-yellow-540: #ffe9a1;
  --td-plated-light-yellow-550: #ffe389;
  --td-plated-light-yellow-560: #ffdf72;
  --td-plated-light-yellow-570: #ffda5b;
  --td-plated-light-yellow-580: #ffd443;
  --td-plated-light-yellow-590: #ffcf2c;
  --td-plated-light-orange-505: #fefaf5;
  --td-plated-light-orange-510: #fff7eb;
  --td-plated-light-orange-515: #fef2e1;
  --td-plated-light-orange-520: #fdedd6;
  --td-plated-light-orange-525: #fce9cc;
  --td-plated-light-orange-530: #fde5c2;
  --td-plated-light-orange-540: #fbdcad;
  --td-plated-light-orange-550: #fad298;
  --td-plated-light-orange-560: #faca85;
  --td-plated-light-orange-570: #f9c271;
  --td-plated-light-orange-580: #f8b95c;
  --td-plated-light-orange-590: #f7b048;
  --td-plated-light-green-light-705: #f5f8f3;
  --td-plated-light-green-light-710: #ecf3e9;
  --td-plated-light-green-light-715: #e2ecdd;
  --td-plated-light-green-light-720: #d8e5d1;
  --td-plated-light-green-light-725: #cedfc5;
  --td-plated-light-green-light-730: #c5d9bb;
  --td-plated-light-green-light-740: #b1cca3;
  --td-plated-light-green-light-750: #9cbe8c;
  --td-plated-light-green-light-760: #89b276;
  --td-plated-light-green-light-770: #76a65f;
  --td-plated-light-green-light-780: #629948;
  --td-plated-light-green-light-790: #4f8c31;
  --td-plated-light-white-520: #fefefe;
  --td-plated-light-white-550: #fdfdfd;
  --td-plated-light-white-570: #ffffff;
  --td-plated-dark-black-51: #203753;
  --td-plated-dark-black-52: #364a63;
  --td-plated-dark-black-53: #4c5e73;
  --td-plated-dark-black-54: #627184;
  --td-plated-dark-black-55: #788494;
  --td-plated-dark-black-56: #8e98a4;
  --td-plated-dark-black-57: #a4acb5;
  --td-plated-dark-black-58: #babfc5;
  --td-plated-dark-black-59: #d0d3d6;
  --td-plated-dark-black-105: #122a48;
  --td-plated-dark-black-110: #1b324e;
  --td-plated-dark-black-115: #233852;
  --td-plated-dark-black-120: #2b3f58;
  --td-plated-dark-black-125: #33465d;
  --td-plated-dark-black-130: #3c4e63;
  --td-plated-dark-black-140: #4c5b6e;
  --td-plated-dark-black-150: #5d6979;
  --td-plated-dark-black-160: #6e7884;
  --td-plated-dark-black-170: #7e868f;
  --td-plated-dark-black-180: #8f949a;
  --td-plated-dark-black-190: #9fa2a5;
  --td-plated-dark-black-305: #0d2543;
  --td-plated-dark-black-310: #112844;
  --td-plated-dark-black-315: #162b45;
  --td-plated-dark-black-320: #192d46;
  --td-plated-dark-black-325: #1c2f46;
  --td-plated-dark-black-330: #203247;
  --td-plated-dark-black-340: #28374a;
  --td-plated-dark-black-350: #2f3b4b;
  --td-plated-dark-black-360: #36404c;
  --td-plated-dark-black-370: #3e464f;
  --td-plated-dark-black-380: #454a50;
  --td-plated-dark-black-390: #4d5053;
  --td-plated-dark-black-50-5: #142c4a;
  --td-plated-dark-black-51-5: #2b405a;
  --td-plated-dark-black-52-5: #40536a;
  --td-plated-dark-white-51: #223955;
  --td-plated-dark-white-52: #3b4f68;
  --td-plated-dark-white-53: #53657a;
  --td-plated-dark-white-54: #6c7b8e;
  --td-plated-dark-white-55: #8591a1;
  --td-plated-dark-white-56: #9da7b3;
  --td-plated-dark-white-57: #b5bdc6;
  --td-plated-dark-white-58: #ced3d9;
  --td-plated-dark-white-59: #e6e9ec;
  --td-plated-dark-white-905: #152d4b;
  --td-plated-dark-white-910: #223955;
  --td-plated-dark-white-915: #2e435d;
  --td-plated-dark-white-920: #394d66;
  --td-plated-dark-white-925: #44576e;
  --td-plated-dark-white-930: #516378;
  --td-plated-dark-white-940: #68778a;
  --td-plated-dark-white-950: #808c9c;
  --td-plated-dark-white-960: #98a2ae;
  --td-plated-dark-white-970: #afb7c0;
  --td-plated-dark-white-980: #c7ccd2;
  --td-plated-dark-white-990: #dee1e4;
  --td-plated-dark-white-50-5: #162e4c;
  --td-plated-dark-white-51-5: #2f445e;
  --td-plated-dark-white-52-5: #475a71;
  --td-plated-dark-blue-500-5: #102a4b;
  --td-plated-dark-blue-500-10: #173254;
  --td-plated-dark-blue-500-15: #1e395c;
  --td-plated-dark-blue-500-20: #244165;
  --td-plated-dark-blue-500-25: #29486d;
  --td-plated-dark-blue-500-30: #305076;
  --td-plated-dark-blue-500-40: #3d5e88;
  --td-plated-dark-blue-500-50: #4a6c99;
  --td-plated-dark-blue-500-60: #577caa;
  --td-plated-dark-blue-500-70: #648bbc;
  --td-plated-dark-blue-500-80: #7099cd;
  --td-plated-dark-blue-500-90: #7da9df;
  --td-plated-dark-green-200-5: #102b48;
  --td-plated-dark-green-200-10: #17344d;
  --td-plated-dark-green-200-15: #1e3c52;
  --td-plated-dark-green-200-20: #244458;
  --td-plated-dark-green-200-25: #294c5d;
  --td-plated-dark-green-200-30: #305562;
  --td-plated-dark-green-200-40: #3d656e;
  --td-plated-dark-green-200-50: #4a7578;
  --td-plated-dark-green-200-60: #578683;
  --td-plated-dark-green-200-70: #64978e;
  --td-plated-dark-green-200-80: #70a799;
  --td-plated-dark-green-200-90: #7db8a4;
  --td-plated-dark-flame-200-5: #152a47;
  --td-plated-dark-flame-200-10: #21324c;
  --td-plated-dark-flame-200-15: #2d3950;
  --td-plated-dark-flame-200-20: #394055;
  --td-plated-dark-flame-200-25: #444659;
  --td-plated-dark-flame-200-30: #504e5e;
  --td-plated-dark-flame-200-40: #675c68;
  --td-plated-dark-flame-200-50: #7e6a70;
  --td-plated-dark-flame-200-60: #967979;
  --td-plated-dark-flame-200-70: #ad8883;
  --td-plated-dark-flame-200-80: #c4958c;
  --td-plated-dark-flame-200-90: #dca496;
  --td-plated-dark-yellow-500-5: #162b40;
  --td-plated-dark-yellow-500-10: #22343e;
  --td-plated-dark-yellow-500-15: #2f3c3b;
  --td-plated-dark-yellow-500-20: #3b4439;
  --td-plated-dark-yellow-500-25: #474c36;
  --td-plated-dark-yellow-500-30: #535534;
  --td-plated-dark-yellow-500-40: #6c6530;
  --td-plated-dark-yellow-500-50: #85752b;
  --td-plated-dark-yellow-500-60: #9d8726;
  --td-plated-dark-yellow-500-70: #b59822;
  --td-plated-dark-yellow-500-80: #cea81d;
  --td-plated-dark-yellow-500-90: #e6b919;
  --td-plated-dark-orange-500-5: #152b45;
  --td-plated-dark-orange-500-10: #223448;
  --td-plated-dark-orange-500-15: #2e3b4a;
  --td-plated-dark-orange-500-20: #3a434d;
  --td-plated-dark-orange-500-25: #454b4e;
  --td-plated-dark-orange-500-30: #525451;
  --td-plated-dark-orange-500-40: #6a6357;
  --td-plated-dark-orange-500-50: #81735c;
  --td-plated-dark-orange-500-60: #998461;
  --td-plated-dark-orange-500-70: #b19467;
  --td-plated-dark-orange-500-80: #c9a46b;
  --td-plated-dark-orange-500-90: #e1b471;
  --td-plated-dark-green-light-300-5: #102b44;
  --td-plated-dark-green-light-300-10: #173447;
  --td-plated-dark-green-light-300-15: #1e3d48;
  --td-plated-dark-green-light-300-20: #24454b;
  --td-plated-dark-green-light-300-25: #2a4d4c;
  --td-plated-dark-green-light-300-30: #31564e;
  --td-plated-dark-green-light-300-40: #3e6753;
  --td-plated-dark-green-light-300-50: #4b7757;
  --td-plated-dark-green-light-300-60: #58885b;
  --td-plated-dark-green-light-300-70: #659a60;
  --td-plated-dark-green-light-300-80: #72aa63;
  --td-plated-dark-green-light-300-90: #7fbc68;  

  /**
  * @tokens font
  * @presenter fontfamily e fontsize
  */
  --td-family-mulish: mulish;

  --td-weight-bold: bold;
  --td-weight-bold-italic: bold italic;
  --td-weight-extrabold: extrabold;
  --td-weight-extrabold-italic: extrabold-italic;
  --td-weight-extralight: extralight;
  --td-weight-extralight-italic: extralight italic;
  --td-weight-italic: italic;
  --td-weight-light: light;
  --td-weight-light-italic: light italic;
  --td-weight-medium: medium;
  --td-weight-medium-italic: medium italic;
  --td-weight-regular: regular;
  --td-weight-semibold: semibold;
  --td-weight-semibold-italic: semibold italic;
  --td-weight-extra-bold-italic: extra bold italic;
  --td-weight-extra-bold: extra bold;

  --td-fontsize-80: 8px;
  --td-fontsize-100: 10px;
  --td-fontsize-120: 12px;
  --td-fontsize-140: 14px;
  --td-fontsize-160: 16px;
  --td-fontsize-180: 18px;
  --td-fontsize-200: 20px;
  --td-fontsize-220: 22px;
  --td-fontsize-240: 24px;
  --td-fontsize-280: 28px;
  --td-fontsize-320: 32px;
  --td-fontsize-360: 36px;
  --td-fontsize-480: 48px;
  --td-fontsize-560: 56px;
  --td-fontsize-640: 64px;
  --td-fontsize-840: 84px;

  --td-lineheight-xs: 15px;
  --td-lineheight-sm: 18px;
  --td-lineheight-md: 21px;
  --td-lineheight-lg: 24px;
  --td-lineheight-xl: 27px;
  --td-lineheight-2xl: 30px;
  --td-lineheight-3xl: 33px;
  --td-lineheight-4xl: 36px;
  --td-lineheight-5xl: 42px;
  --td-lineheight-6xl: 48px;
  --td-lineheight-7xl: 54px;
  --td-lineheight-8xl: 72px;
  --td-lineheight-9xl: 84px;
  --td-lineheight-10xl: 96px;
  --td-lineheight-11xl: 120px;
  --td-lineheight-18xl: 132px;

  --td-font-letterspacing-xs: 0.025rem;
  --td-font-letterspacing-sm: 0.038rem;
  --td-font-letterspacing-md: 0.05rem;
  --td-font-letterspacing-lg: 0.0624rem;
  --td-font-letterspacing-xl: 0.075rem;
  --td-font-letterspacing-2xl: 0.0875rem;
  --td-font-letterspacing-3xl: 0.1125rem;
  --td-font-letterspacing-4xl: 0.125rem;
  --td-font-letterspacing-5xl: 0.25rem;
  --td-font-letterspacing-6xl: 0.5rem;
  --td-font-letterspacing-7xl: 0.75rem;
  --td-font-letterspacing-8xl: 1.25rem;
  
  --td-paragraphspacing-xs: 20px;
  --td-paragraphspacing-sm: 24px;
  --td-paragraphspacing-md: 28px;
  --td-paragraphspacing-lg: 32px;
  --td-paragraphspacing-xl: 36px;
  --td-paragraphspacing-2xl: 40px;
  --td-paragraphspacing-3xl: 44px;
  --td-paragraphspacing-4xl: 48px;
  --td-paragraphspacing-5xl: 56px;
  --td-paragraphspacing-6xl: 64px;
  --td-paragraphspacing-7xl: 72px;
  --td-paragraphspacing-8xl: 96px;
  --td-paragraphspacing-9xl: 112px;
  --td-paragraphspacing-10xl: 128px;
  --td-paragraphspacing-11xl: 168px;

  /**
  * @tokens border
  * @presenter spacing
  */
  --td-width-border-width-hidden: 0px;
  --td-width-border-width-sm: 1px;
  --td-width-border-width-md: 2px;
  --td-width-border-width-lg: 3px;
  --td-width-border-width-xl: 4px;

  /**
  * @tokens spacing
  * @presenter spacing
  */
  --td-spacing-hidden: 0px;
  --td-spacing-none: 0px;
  --td-spacing-3xs: 1px;
  --td-spacing-2xs: 2px;
  --td-spacing-xs: 4px;
  --td-spacing-sm: 8px;
  --td-spacing-md: 12px;
  --td-spacing-lg: 16px;
  --td-spacing-xl: 20px;
  --td-spacing-xxl: 24px;
  --td-spacing-3xl: 28px;
  --td-spacing-4xl: 32px;
  --td-spacing-5xl: 36px;
  --td-spacing-6xl: 40px;
  --td-spacing-7xl: 44px;
  --td-spacing-8xl: 48px;
  --td-spacing-9xl: 52px;
  --td-spacing-10xl: 56px;
  --td-spacing-11xl: 60px;
  --td-spacing-12xl: 64px;
  --td-spacing-13xl: 68px;
  --td-spacing-14xl: 72px;
  --td-spacing-15xl: 76px;
  --td-spacing-16xl: 80px;
  --td-spacing-17xl: 84px;
  --td-spacing-18xl: 88px;
  --td-spacing-19xl: 92px;
  --td-spacing-20xl: 96px;

  /**
  * @tokens breakpoints
  * @presenter spacing
  */
  --td-col-xs: 576px;
  --td-col-sm: 720px;
  --td-col-md: 960px;
  --td-col-lg: 1200px;
  --td-col-xl: 1366px;
  --td-col-xxl: 1440px;
  --td-col-xxxl: 1920px;

  /**
  * @tokens borderradius
  * @presenter spacing
  */
  --td-radius-bordes-radius-sm: 4px;
  --td-radius-border-radius-md: 8px;
  --td-radius-border-radius-lg: 12px;
  --td-radius-border-radius-xl: 20px;
  --td-radius-border-radius-2xl: 24px;
  --td-radius-border-radius-3xl: 32px;
  --td-radius-border-radius-pill: 9999px;

  /**
  * @tokens shadow
  * @presenter shadow
  */
  --td-shadow-xm:#666e7a (0, 4 , 4 , 0.15%);
  --td-shadow-sm:#666e7a ( 0 , 8 , 8 , 0.15%);
  --td-shadow-md:#666e7a ( 0 , 12 , 12 , 0.15%);
  --td-shadow-lg:#666e7a ( 0 , 16 , 16 , 0.15%);
  --td-shadow-xl:#666e7a ( 0 , 20 , 20 , 0.15%);

  /**
  * @tokens timeanimation
  * @presenter shadow
  */
  --td-duration-200: 200ms;
  --td-duration-400: 400ms;
  --td-duration-800: 800ms;
  --td-duration-1000: 1000ms;
  --td-duration-2000: 2000ms;
  --td-duration-3000: 3000ms;

  /**
  * @tokens-end
  */
}

body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

* {
  font: var(--b3-body);
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  overflow: visible;

  background: transparent;

  color: inherit;
}

a:hover {
  text-decoration: none;
  color: unset;
}

img {
  max-width: var(--b3-line-hgt-xxs);
}

ul,
ol,
li {
  list-style: none;
  margin: initial;
  padding: initial;
}

.td-input--container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
}

.td-input-content--default {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  cursor: pointer;
}

.wrapper--default {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}

.td-input-content--small {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  cursor: pointer;
}

.wrapper--small {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.td-input-content--light {
  background-color: rgba(246, 246, 247, 0.878);
}

.td-input-content--light:hover {
  background-color: #ebf9fe;
}

.content-light__focus {
  background-color: #ebf9fe;
}

.td-input-content--dark {
  background-color: #00376e;
}

.td-input-content--dark:hover {
  background-color: #004e85;
}

.content-dark__focus {
  background-color: #004e85;
}

.td-input-content--trader {
  background-color: #1a2d37;
}

.td-input-content--trader:hover {
  background-color: #12475f;
}

.content-trader__focus {
  background-color: #12475f;
}

input {
  color: rgba(0, 176, 230, 1);
  padding-left: 5px;
}

.td-input-content--light input:valid {
  color: rgb(75, 79, 88);
}

.td-input-content--dark input:valid {
  color: #fff;
}

.td-input-content--trader input:valid {
  color: #fff;
}

.td-input-content--line__default {
  position: absolute;
  bottom: 0;
  height: 1.5px;
  width: 100%;
  margin: auto;
  animation: 0.8s retrair-borda;
}

.td-input-content--line__small {
  height: 1.5px;
  position: absolute;
  margin: auto;
  width: 100%;
  bottom: 0;

  animation: 0.8s retrair-borda;
}

.td-input-content--line__default.td-input-content--line-light__default,
.td-input-content--line__small.td-input-content--line-light__default {
  background-color: rgba(0, 176, 230, 1);
}

.td-input-content--line__default.td-input-content--line-light__error,
.td-input-content--line__small.td-input-content--line-light__error {
  background-color: rgba(204, 68, 0, 1);
}

.td-input-content--line__default.td-input-content--line-light__success,
.td-input-content--line__small.td-input-content--line-light__success {
  background-color: rgba(0, 135, 80, 1);
}

.td-input-content--line__default.td-input-content--line-dark__default,
.td-input-content--line__small.td-input-content--line-dark__default {
  background-color: rgb(0, 176, 230);
}

.td-input-content--line__default.td-input-content--line-dark__error,
.td-input-content--line__small.td-input-content--line-dark__error {
  background-color: rgb(250, 124, 74);
}

.td-input-content--line__default.td-input-content--line-dark__success,
.td-input-content--line__small.td-input-content--line-dark__success {
  background-color: rgb(8, 206, 121);
}

.td-input-content--line__default.td-input-content--line-trader__default,
.td-input-content--line__small.td-input-content--line-trader__default {
  background-color: rgb(0, 176, 230);
}

.td-input-content--line__default.td-input-content--line-trader__error,
.td-input-content--line__small.td-input-content--line-trader__error {
  background-color: rgb(250, 124, 74);
}

.td-input-content--line__default.td-input-content--line-trader__success,
.td-input-content--line__small.td-input-content--line-trader__success {
  background-color: rgb(8, 206, 121);
}

.td-input-content--default .label--default {
  margin-bottom: -8px;
  margin-left: 5px;
  font-size: 13.5px;
  line-height: 22px;
  transition: 0.3s ease-in-out;
}

.td-input-content--small .label--small {
  transition: 0.3s ease-in-out;
  margin-left: 5px;
  font-size: 13.5px;
  line-height: 22px;
  max-width: 200px;
  min-width: 70px;
  display: block;
  text-align: center;
}

.left-label {
  display: none;
  margin-right: 5px;
  max-width: 200px;
  min-width: 80px;
  text-align: right;
  font-size: 13.5px;
  font-weight: 400;
  word-break: keep-all;
}

.display-false {
  display: none;
  background-color: #1a2d37;
}

.display-true {
  display: block;
  background-color: red;
}

.td-input-content--default.label-default--valid .label--light__default,
.td-input-content--small.label-default--valid .label--light__default,
.td-input-content--default.label-default--valid .label--dark__default,
.td-input-content--small.label-default--valid .label--dark__default,
.td-input-content--default.label-default--valid .label--trader__default,
.td-input-content--small.label-default--valid .label--trader__default {
  color: rgb(0, 176, 230);
}

/*ESTILO DO LABEL TEMA LIGHT*/

.td-input-content--default .label--light__default,
.td-input-content--small .label--light__default,
.left-label.label--light__default {
  color: rgba(64, 68, 77, 1);
}

.td-input-content--default .label--light__error,
.td-input-content--small .label--light__error,
.left-label.label--light__error {
  color: rgba(204, 68, 0, 1);
}

.td-input-content--default .label--light__success,
.td-input-content--small .label--light__success,
.left-label.label--light__success {
  color: rgba(0, 135, 80, 1);
}

/*ESTILO DO LABEL TEMA DARK*/

.td-input-content--default .label--dark__default,
.td-input-content--small .label--dark__default,
.left-label.label--dark__default {
  color: rgb(255, 255, 255);
}

.td-input-content--default .label--dark__error,
.td-input-content--small .label--dark__error,
.left-label.label--dark__error {
  color: rgb(250, 124, 74);
}

.td-input-content--default .label--dark__success,
.td-input-content--small .label--dark__success,
.left-label.label--dark__success {
  color: rgb(8, 206, 121);
}

/*ESTILO DO LABEL TEMA TRADER*/

.td-input-content--default .label--trader__default,
.td-input-content--small .label--trader__default,
.left-label.label--trader__default {
  color: rgb(255, 255, 255);
}

.td-input-content--default .label--trader__error,
.td-input-content--small .label--__error,
.left-label.label--trader__error {
  color: rgb(250, 124, 74);
}

.td-input-content--default .label--trader__success,
.td-input-content--small .label--trader__success,
.left-label.label--trader__success {
  color: rgb(8, 206, 121);
}

.td-input-content--default .td-input {
  width: 95%;
  margin-right: 5px;
  border: 0;
  outline: 0;
  cursor: pointer;
  background-color: transparent;
  margin-bottom: -7px;
}

.td-input-content--small .td-input {
  width: 100%;
  margin-right: 5px;
  border: 0;
  outline: 0;
  cursor: pointer;
  background-color: transparent;
}

.td-input-content--line__animation {
  height: 2px;
  animation: 0.8s expandir-borda linear;
}

.labelanimation {
  transform: translateY(-10px);
  font-size: 12px;
}

@keyframes expandir-borda {
  0% {
    width: 0%;
  }
  50% {
    width: 100%;
  }
}

.td-input--message {
  display: flex;
  align-items: center;
}

.td-input--message td-icon {
  display: block;
  height: 18px;

  margin-right: 2px;
}

.td-input--message .td-input--message__text {
  color: var(--b3-text-light);
}

.td-input--message .success {
  color: var(--b3-success-light);
}

.td-input--message .error {
  color: var(--b3-negative-light);
}

.disabled,
.disabled .wrapper--default,
.disabled .label--default,
.disabled .td-input {
  cursor: not-allowed;
}
.progress {
  width: 100%;
  height: 2.571px;
  background: rgba(102, 110, 122, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-bar {
  width: var(--b3-progress-value, 0);
  height: 6px;
  border-radius: 3px;
  background: var(--b3-focus);
  animation: progressAnimation 2s ease-in-out;
  position: absolute;
  transform: translateY(-30%);
}

.bg-warning {
  width: var(--b3-progress-value, 0);
  height: 6px;
  border-radius: 3px;
  background: var(--b3-negative-dark);
  animation: progressAnimation 2s ease-in-out;
  position: absolute;
  transform: translateY(-30%);
}

.bg-success {
  width: var(--b3-progress-value, 0);
  height: 6px;
  border-radius: 3px;
  background: var(--b3-success-dark);
  animation: progressAnimation 2s ease-in-out;
  position: absolute;
  transform: translateY(-30%);
}

@keyframes progressAnimation {
  from {
    width: 0%;
  }
  to {
    width: var(--b3-progress-value);
  }
}

.percent {
  color: rgba(102, 110, 122, 0.4);
  font-size: var(--b3-caption-size);
  font-weight: 700;
  line-height: var(--b3-line-hgt-sm);
  letter-spacing: var(--b3-le-spa-lg);
  text-transform: uppercase;
  position: absolute;
  left: 97%;
  transform: translateY(-145%);
}
.nav-link {
  color: #40444d;
  font-weight: 700;
  font-size: 0.75rem;
  border-top-left-radius: 0.1875rem;
  border-top-right-radius: 0.1875rem;
  padding: 0.4375rem 1.5rem;
  line-height: 1.875rem;
  letter-spacing: 0.09375rem;
  margin-right: 1.25rem;

  position: relative;

  transition: 0.4s all;

  text-transform: uppercase;
  cursor: pointer;

  display: flex;
  align-items: center;
}

.nav-link:hover {
  background: rgba(0, 176, 230, 0.2);

  transition: 0.3ms ease-in-out;
}

.nav-link::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;

  border-bottom: 1px solid #e3e5e7;

  transition: all 0.2s linear;
}

.open .nav-link {
  background: rgba(0, 176, 230, 0.2);
}

.open .nav-link::before {
  border-bottom: 3px solid #00b0e6;
}

.nav-link.disable:hover {
  background: transparent;
}

.nav-item {
  list-style: none;
}

.nav-link td-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 0.375rem;
}

.content {
  display: none;
}

.content.open {
  display: block;
}

.header {
  display: flex;
  padding: 0;
}

.dark.nav-link {
  color: white;
}

.nav-link.light {
  color: #40444d;
}

.nav-link.trader,
.nav-link.trader {
  color: #ffffff;
}

.nav-link.disable {
  color: #a2a8b1;
  cursor: not-allowed;
}
.inline {
  display: flex;
  gap: 0 0.75rem;
}

.form-check-label .form-check-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.form-check-label {
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  margin: 0;
  height: 25px;
  display: flex;
  /* text-align: center; */
  align-items: center;
}

.form-check-label.inline {
  margin: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;

  height: 24px;
  width: 24px;
  background-color: var(--b3-white);

  display: flex;
  justify-content: center;
  align-items: center;

  border: 0.125rem solid var(--b3-focus);
  border-radius: 50%;

  transition-duration: 300ms;
  box-sizing: border-box;
}

.form-check-input:checked .checkmark {
  background-color: var(--b3-focus);
}

.form-check-label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 0.84375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  position: relative;
}

.form-check-label .form-check-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark:not(.disable):hover {
  box-shadow: 0 0 0 0.75rem rgba(0, 176, 230, 0.2);
}

.checkmark.checked {
  background-color: #2196f3;
}

.checkmark {
  background-color: transparent;
}

.disable {
  cursor: not-allowed;
}

.checkmark.light.disable {
  border-color: #6c757d;
}

.disable.checkmark.dark {
  border-color: #6c757d;
}

.disable.dark {
  border-color: rgba(255, 255, 255, 0.25);
}

.disable.checkmark {
  background-color: var(--b3-white);
}

.disable.checkmark.checked {
  background-color: var(--b3-white);
}

.disable.checkmark.checked.dark {
  background-color: #6c757d;
}

.disable.checkmark.checked.dark {
  background-color: #002c63;
}

.checkmark.dark:not(.checked) {
  background-color: transparent;
}

.form-check-label:is(.dark, .trader) {
  color: var(--b3-white);
}

.checkmark:after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: var(--b3-white);

  border-radius: 50%;
}

.checkmark.dark:after,
.checkmark.trader:after {
  background: transparent;
}

.checkmark:is(.dark, .trader).checked:after {
  background: #fff;
}

td-radio {
  height: 48px;
  display: flex;
  align-items: center;
}

.checkbox.disable .form-check-label {
  color: #6c757d;
  cursor: not-allowed;
}

.checkbox.disable .checkmark {
  border-color: rgba(102, 110, 122, 0.4);
}

.checkbox.disable .checkmark.dark {
  border-color: rgba(255, 255, 255, 0.25);
}

body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

* {
  font: var(--b3-body);
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  overflow: visible;

  background: transparent;

  color: inherit;
}

a:hover {
  text-decoration: none;
  color: unset;
}

img {
  max-width: var(--b3-line-hgt-xxs);
}

ul,
ol,
li {
  list-style: none;
  margin: initial;
  padding: initial;
}

.toastContainer {
    display: flex;
    justify-content: center;
}

.toast {
    display: flex;
    width: auto;
    height: 37px;
    justify-content: center;
    position: fixed;
    padding: 0px 40px 0px 10px;
    border-radius: 6px;
}

.toast .close {
    border: 0;
    position: absolute;
    right: 2%;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.toast .icon {
    display: flex;
    padding-right: 12px;
    align-items: center;
}

.toast.invisible {
    opacity: 0;
}

.position {
    display: flex;
    position: relative;
    align-items: center;
}

.toast .text {
    display: flex;
    font-size: 13.5px;
    line-height: 22px;
    position: relative;
    min-width: 250px;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

* {
  font: var(--b3-body);
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  overflow: visible;

  background: transparent;

  color: inherit;
}

a:hover {
  text-decoration: none;
  color: unset;
}

img {
  max-width: var(--b3-line-hgt-xxs);
}

ul,
ol,
li {
  list-style: none;
  margin: initial;
  padding: initial;
}

.menu-nav__item {
  position: relative;
}

.menu-nav__vertical {
  flex-direction: column;
}

.menu-nav__list {
  display: flex;
}

.nav-link__anchor {
  font: var(--b3-body-bold);
  display: flex;
  align-items: center;

  text-decoration: none;

  padding: 0.75rem 1.5rem;
  line-height: 1.5rem;
  transition: all 0.5s;
  border-radius: 0.1875rem;
  border: 0;
  font-size: 0.9375rem;

  color: #666e7a;

  width: 100%;
}

.nav-link__text {
  font: var(--b3-body-bold);
}

.nav-link__text.dark,
.nav-link__text.trader {
  color: #ffffffb3;
}

.nav-link__children .nav-link__anchor {
  border-left: 3px solid transparent;
  transition: all 0.3s;
}

.nav-link__anchor.dark:hover,
.nav-link__anchor.trader:hover {
  background: #00467d;
}

.nav-link__anchor:hover {
  background: rgba(0, 176, 230, 0.2);
}

.nav-link__anchor.dark {
  background: #002c63;
}

.nav-link__anchor.trader {
  background-color: #1e2023;
}

.nav-link__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.nav-link__content-wrapper {
  display: flex;
  align-items: center;
}

.menu-nav__item .td-icon {
  height: fit-content;
  display: inherit;
  margin-right: 0.5625rem;
}

.nav-link__children {
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
}

.nav-link__children:not(.level-1) {
  width: 100%;
}

.nav-link__children--vertical {
  position: inherit;
  height: auto;
  transition: all 0.25s ease-in-out;

  margin-top: 10px;
  max-height: 500px;
  display: block;
}

.nav-link__anchor {
  height: 100%;
}

.nav-link__children--vertical .nav-link__anchor {
  padding-left: 44px;
}

.nav-link__anchor:hover {
  border-color: var(--b3-focus);
}

.nav-link__margin {
  margin-right: 0.5625rem;
}

.nav-link__content-wrapper td-badge {
  height: 26px;
}

.more-button {
  display: block;
  position: relative;
}

.more-button::before {
  display: block;
  content: "";
  width: 2px;
  height: 14px;

  background-color: var(--b3-text-light);

  position: absolute;
  top: -6px;
  left: 50%;

  transition: all 0.3s ease-in;
}

.more-button::after {
  display: block;
  content: "";
  width: 16px;
  height: 2px;

  background-color: var(--b3-text-light);

  position: absolute;
  top: 50%;
  left: -7px;
}

.more-button.show::before {
  transform: rotate(90deg);
}

.selected > .nav-link__anchor {
  background: rgba(0, 176, 230, 0.2);
}

.selected > .nav-link__anchor.dark,
.selected > .nav-link__anchor.trader {
  background: #00467d;
}

.hide {
  visibility: hidden;
  max-height: 0px;
  display: none;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

* {
  font: var(--b3-body);
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  overflow: visible;

  background: transparent;

  color: inherit;
}

a:hover {
  text-decoration: none;
  color: unset;
}

img {
  max-width: var(--b3-line-hgt-xxs);
}

ul,
ol,
li {
  list-style: none;
  margin: initial;
  padding: initial;
}

.td-slider.noUi-target {
  width: 100%;
  background: var(--b3-gray-200);
  height: 0.375rem;
  border-radius: 0.375rem;
  border: 0;
  box-shadow: none;
  overflow: hidden;
}

.td-slider--disabled.td-slider__input,
.td-slider--disabled.custom-thumb {
  cursor: not-allowed;
}

.slider-wrapper {
  margin: 10px 0 10px;
  max-width: 100%;
  position: relative;
  width: 100%;
}

.custom-track {
  background-color: rgba(102, 110, 122, 0.4);
  border: 0;
  border-radius: var(--b3-border-width-lg);
  width: 100%;
  height: 8px;
  position: relative;
}

.custom-fill {
  background-color: var(--b3-focus);
  border-radius: var(--b3-border-width-lg);
  bottom: 0;
  left: 0;
  top: 0;
  position: absolute;
}

.custom-thumb {
  background-color: var(--b3-focus);
  border-radius: 50%;
  height: var(--b3-spacing-lg);
  margin-left: -12px;
  position: absolute;
  top: -8px;
  width: var(--b3-spacing-lg);

  border: var(--b3-border-width-md) solid transparent;

  transition: box-shadow var(--b3-motion-duration-faster);
}

.custom-thumb.move {
  border-color: var(--b3-white);
}

.custom-thumb::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  background-color: var(--b3-focus);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.td-slider--disabled.custom-fill,
.custom-thumb.td-slider--disabled,
.td-slider--disabled.custom-thumb::before {
  background-color: var(--b3-gray-500);
  cursor: not-allowed;
  z-index: 2;
}

.td-slider__input:hover ~ .custom-track .custom-thumb:not(.td-slider--disabled) {
  box-shadow: 0 0 0 0.75rem var(--b3-focus-hover-light);
}

.td-slider__input[type="range"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 2;
  appearance: none;
}

.td-slider__input[type="range"]::-ms-track {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}

.td-slider__input[type="range"]::-moz-range-track {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}

.td-slider__input[type="range"] {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0 none;
  background: transparent;
  color: transparent;
  overflow: visible;
}

.td-slider__input[type="range"]:focus::-webkit-slider-runnable-track {
  background: transparent;
  border: transparent;
}

.td-slider__input[type="range"]:focus {
  outline: none;
}

.td-slider__input[type="range"]::-ms-thumb {
  width: var(--b3-spacing-lg);
  height: var(--b3-spacing-lg);
  border-radius: 12px;
  border: 0 none;
  background: transparent;
  cursor: pointer;
}

.td-slider__input[type="range"]::-moz-range-thumb {
  width: var(--b3-spacing-lg);
  height: var(--b3-spacing-lg);
  border-radius: 12px;
  border: 0 none;
  background: transparent;
  cursor: pointer;
}

.td-slider__input[type="range"]::-webkit-slider-thumb {
  width: var(--b3-spacing-lg);
  height: var(--b3-spacing-lg);
  border-radius: 12px;
  border: 0 none;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
}

.td-slider__input[type="range"]::-ms-fill-lower {
  background: transparent;
  border: 0 none;
}

.td-slider__input[type="range"]::-ms-fill-upper {
  background: transparent;
  border: 0 none;
}

.td-slider__input[type="range"]::-ms-tooltip {
  display: none;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

* {
  font: var(--b3-body);
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  overflow: visible;

  background: transparent;

  color: inherit;
}

a:hover {
  text-decoration: none;
  color: unset;
}

img {
  max-width: var(--b3-line-hgt-xxs);
}

ul,
ol,
li {
  list-style: none;
  margin: initial;
  padding: initial;
}

#root-inner b3-modal {
  display: flex;
  height: auto;
  width: 100%;
  min-width: 800px;
  min-height: 300px;
}

#root-inner b3-modal #modal {
  height: 100%;
}

#root-inner .modal__content {
  width: 600px;
}

.modal {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100vh;

  padding: 0 2.22rem;

  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__background {
  position: absolute;
  top: 0;
  left: 0;

  background-color: rgba(102, 110, 122, 0.4);
  width: 100%;
  height: 100%;
}

.modal__content {
  border-radius: 12px;
  padding: 24px;
  z-index: 1;

  overflow: hidden;
}

.modal__content.light {
  background-color: var(--b3-white);
}

.modal__content.dark {
  background-color: var(--b3-brand);
}

.modal__content.trader {
  background-color: #1e2023;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e3e5e7;
}

.slot-header {
  flex: 1;
}

.modal__close {
  cursor: pointer;
}

.modal__close td-icon {
  width: 40px;
  height: 40px;

  display: flex;
  justify-content: center;
  align-items: center;

  border-radius: 50%;

  transition-duration: 400ms;
}

.modal__close.light td-icon:hover {
  background-color: #00b0e633;
}

.modal__close.dark td-icon:hover {
  background-color: #007fb6ad;
}

.modal__title {
  font: var(--b3-header-4);
}

.modal__body {
  padding-top: 0.75rem;
}

.modal__header.light,
.modal__body.light {
  color: #666e7a;
}

.modal__header.dark,
.modal__body.dark,
.modal__header.trader,
.modal__body.trader {
  color: #ffffff;
}
.td-select {
  position: relative;
  display: inline-block;

  transition: all 300ms ease-in-out;
}

.td-select.focus.light.default {
  background-color: #ebf9ff;
}

.td-select.light.default {
  background-color: #f8f8f8;
}

.td-select.light.disable {
  background-color: #f8f8f8;
}

.td-select.light.success {
  background: #ebfff7;
}

.td-select.light.error {
  background: #ffede5;
}

.td-select__label {
  position: absolute;
  top: 8px;
  left: 16px;
  font: var(--b3-ds3-type-captions-caption);
  z-index: 0;
}

.td-select__container {
  position: relative;
  display: inline-block;
  width: 100%;
}

.td-select__input {
  box-sizing: border-box;
  padding: 28px 60px 8px 16px;
  background: transparent;
  border-radius: 4px;
  border: 0;
  width: 100%;
  border-bottom: 2px solid #0063de;

  outline-color: #0063de;
  color: #40444d;
}

.td-select__input--light {
  font: var(--b3-body-small);
  color: var(--b3-gray-300);
}

.td-select__input.short-padding {
  padding: 14px 52px 14px 16px;
}

.td-select__input.disable {
  border-bottom: 2px solid #666e7a66;
  pointer-events: none;
}

.td-select__input.success {
  border-bottom: 2px solid #008750;
}

.td-select__input.error {
  border-bottom: 2px solid #cc4400;
}

.td-select__icon {
  position: absolute;
  top: 14px;
  right: 16px;

  transition: all 300ms ease-in-out;
}

.td-select__icon.without-label {
  top: 9px;
}

.td-select__icon.open {
  transform: rotate(180deg);
}

.td-select__filedset {
  margin: 0;
  padding: 0;
  pointer-events: none;
  overflow: hidden;
  border: 0;
}

.td-select__filedset--text {
  position: absolute;
  top: 8px;
  left: 16px;
}

.td-select__filedset--text {
  font: var(--b3-ds3-type-captions-caption);
}

.td-select__filedset--text-light {
  color: var(--b3-blue-500);
}

.td-select__label.disable,
.td-select__filedset--text.disable {
  color: #666e7a66;
}

.td-select__label.success,
.td-select__filedset--text.success {
  color: #008750;
}

.td-select__label.error,
.td-select__filedset--text.error {
  color: #cc4400;
}

.td-select__result {
  border: 1px solid #676f7a73;

  border-radius: 8px;

  overflow: hidden;
}

.td-select__result--list {
  margin: 0;
  border: 0;
  padding: 0;
}

.td-select__option {
  position: relative;
  display: block;
  padding: 14px 16px;

  border-bottom: 1px solid #676f7a73;

  cursor: pointer;
}

.td-select__option:hover {
  background: #ebf9ff;
}

.td-select__option--icon {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}
/* animation: line--animation__focus 0.8s linear;
animation: line--animation__blur 0.7s linear; */

@keyframes line--animation__focus {
  0% {
    width: 0%;
  }
  50% {
    width: 100%;
  }
}

@keyframes line--animation__blur {
  0% {
    width: 100%;
  }
  50% {
    width: 0%;
  }
}

body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

* {
  font: var(--b3-body);
  box-sizing: border-box;
}

button,
a {
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  overflow: visible;

  background: transparent;

  color: inherit;
}

a:hover {
  text-decoration: none;
  color: unset;
}

img {
  max-width: var(--b3-line-hgt-xxs);
}

ul,
ol,
li {
  list-style: none;
  margin: initial;
  padding: initial;
}

.td-skeleton--container {
  width: 100%;
  z-index: 10;
}

.td-skeleton--container__light {
  background-color: var(--b3-white);
}

.td-skeleton--container__dark {
  background-color: var(--b3-dodger-blue-200);
}

.td-skeleton--container__trader {
  background-color: var(--b3-black-100);
}

.td-skeleton--content {
  z-index: 9;
  width: 100%;
  display: flex;
  height: 168px;
  flex-direction: column;
  align-items: start;
  justify-content: space-around;
}

.td-skeleton-line {
  position: relative;
  width: 100%;
  height: 16px;
  overflow: hidden;
}

.td-skeleton-circle {
  position: relative;
  box-sizing: border-box;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  overflow: hidden;
}

.td-skeleton-line--light,
.td-skeleton-circle--light {
  background-color: var(--b3-white-300);
}

.td-skeleton-line--dark,
.td-skeleton-circle--dark {
  background-color: rgb(38, 75, 122);
}

.td-skeleton-line--trader,
.td-skeleton-circle--trader {
  background-color: rgb(64, 65, 68);
}

.td-skeleton-circle__slider {
  position: absolute;
  z-index: 1;
  left: -100%;
  height: 80px;
  width: 80px;
  animation: 1.2s slide-circle infinite ease-in-out;
}

.td-skeleton-circle__slider--line {
  left: -100%;
  height: 16px;
  width: 100%;
  animation: 1.2s slide-line infinite ease-in-out;
}

.td-skeleton-circle__slider--light,
.td-skeleton-circle__slider--line__light {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    #f6f6f7,
    rgba(255, 255, 255, 0)
  );
}

.td-skeleton-circle__slider--dark,
.td-skeleton-circle__slider--line__dark {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.25),
    rgba(255, 255, 255, 0)
  );
}

.td-skeleton-circle__slider--trader,
.td-skeleton-circle__slider--line__trader {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.25),
    rgba(255, 255, 255, 0)
  );
}

@keyframes slide-circle {
  from {
    transform: translateX(-80px);
  }

  to {
    transform: translateX(160px);
  }
}

@keyframes slide-line {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(100%);
  }
}

@font-face {
  font-display: block;
  font-family: "td-icons";
  src: url("./../../documents/d/guest/td-icons-ttf") format("truetype"),
url("./../../documents/d/guest/td-icons-woff") format("woff"),
url("./../../documents/d/guest/td-icons-woff2") format("woff2");
}

i[class^="td-icon-"]::before, i[class*=" td-icon-"]::before {
  font-family: td-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.td-icon-b3-logo::before {
  content: "\f101";
}
.td-icon-c-app-store::before {
  content: "\f102";
}
.td-icon-c-facebook::before {
  content: "\f103";
}
.td-icon-c-google-play::before {
  content: "\f104";
}
.td-icon-c-instagram::before {
  content: "\f105";
}
.td-icon-c-x::before {
  content: "\f106";
}
.td-icon-c-youtube::before {
  content: "\f107";
}
.td-icon-td-logo::before {
  content: "\f108";
}