@import"https://fonts.googleapis.com/css?family=Mulish:300,400,700&display=swap";

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

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

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

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

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

.b3-accordion-item-btn h2 {
    margin: 0
}

.b3-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 .75rem .75rem;
    border: none;
    border-radius: 0;
    background: none;
    background-position: center;
    vertical-align: top;
    cursor: pointer;
    transition: all .8s
}

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

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

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

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

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

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

.b3-accordion-item-btn button:after {
    right: .75rem;
    width: .875rem;
    height: .125rem
}

.b3-accordion-item-btn button:before {
    right: 1.125rem;
    height: .875rem;
    width: .125rem
}

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

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

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

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

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

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

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

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

.b3-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)
}

.b3-accordion-item-container {
    max-height: 0;
    padding: 0 .75rem;
    overflow: hidden;
    transition: all .25s ease-out
}

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

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

.b3-accordion-item-container.show {
    max-height: max-content;
    padding: .75rem .75rem 1.1875rem;
    transition: all .25s ease-in
}

.b3-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: .3s;
    padding: 10px 16px;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 300ms ease-out, transform 300ms ease-out;
}

.b3-use-anchor--small {
    height: 16px
}

.b3-use-anchor--large {
    height: 2.625rem
}

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

.b3-use-anchor--disabled {
    pointer-events: none
}

.b3-use-anchor__conteudo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

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

.b3-use-anchor-light.b3-use-anchor-light--outline:hover {
    border: 1px solid #0063de;
    background-color: #00b0e633
}

.b3-use-anchor-light--primary:hover:not(.b3-use-anchor-light--primary:disabled) {
    border: 1px solid var(--b3-light-yellow);
    background-color: var(--b3-light-yellow);
    color: #002c63
}

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

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

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

.b3-use-anchor--link.b3-use-anchor-light--primary:hover {
    background-color: #00b0e633
}

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

.b3-use-anchor-dark--tertiary {
    border: 0;
    background-color: transparent;
    color: #ffd862
}

.b3-use-anchor-dark.b3-use-anchor-dark--tertiary:hover {
    background-color: #007FB6AD;
}

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

.b3-use-anchor-dark--disable {
    border: 1px solid transparent;
    color: #666e7a66;
    background-color: transparent;
    cursor: not-allowed
}

.b3-use-anchor-dark--disable-outline {
    border: 1px solid #666e7a66;
    color: #666e7a66;
    background-color: transparent;
    cursor: not-allowed
}

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

.b3-use-anchor-light--link {
    color: #0063DE;
}

.b3-use-anchor-light--link:hover {
    text-decoration: underline;
}

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

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

.b3-use-anchor-light.b3-use-anchor-light--disable {
    background-color: #f6f6f7;
    border: 1px solid #f6f6f7;
    color: #666e7a66;
    cursor: not-allowed
}

.b3-use-anchor-light.b3-use-anchor-light--disable-outline {
    background-color: #fff;
    border: 1px solid #f6f6f7;
    color: #666e7a66;
    cursor: not-allowed
}

.b3-use-anchor b3-icon {
    display: flex
}

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

.only-icon.b3-use-anchor--small {
    width: 20px;
    padding: 9px 7px
}

.badge {
    border-radius: 1.5rem;
    font-size: .625rem;
    line-height: 1.375rem;
    padding: 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
}

.b3-breadcrumb {
    padding: 10px 20px
}

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

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

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

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

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

.b3-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)
}

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

.b3-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
}

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

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

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

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

.b3-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
}

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

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

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

.b3-breadcrumb ol li b3-icon.breadcrumb-arrow {
    display: inline-block;
    vertical-align: middle;
    margin: 8px 3px 4px 0;
    line-height: var(--b3-line-hgt-xl);
    padding: 0
}

.b3-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: .3s;
    padding: 10px 16px;
    cursor: pointer
}

.b3-use-button--small {
    height: 36px
}

.b3-use-button--large {
    height: 48px
}

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

.b3-use-button--disabled {
    pointer-events: none
}

.b3-use-button-light--link {
    border: 1px solid transparent;
    background: 0 0;
    transition: all .2s;
}

.b3-use-button-light--link:hover:not(.b3-use-button-light--link:disabled) {
    background-color: #00b0e633;
}

.b3-use-button__conteudo {
    display: flex;
    align-items: center;
    justify-content: center
}

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

.b3-use-button-light--primary:hover:not(.b3-use-button-light--primary:disabled) {
    border: 1px solid var(--b3-light-yellow);
    background-color: var(--b3-light-yellow);
    color: #002c63;
}

.b3-use-button-light.b3-use-button-light--outline:hover {
    border: 1px solid #0063de;
    background-color: #00b0e633
}

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

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

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

.b3-use-button--link.b3-use-button-light--primary:hover {
    background-color: #00b0e633
}

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

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

.b3-use-button-dark--disable {
    border: 1px solid transparent;
    color: #666e7a66;
    background-color: transparent;
    cursor: not-allowed
}

.b3-use-button-dark--disable-outline {
    border: 1px solid #666e7a66;
    color: #666e7a66;
    background-color: transparent;
    cursor: not-allowed
}

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

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

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

.b3-use-button-light.b3-use-button-light--disable {
    background-color: #f6f6f7;
    border: 1px solid #f6f6f7;
    color: #666e7a66;
    cursor: not-allowed
}

.b3-use-button-light.b3-use-button-light--disable-outline {
    background-color: #fff;
    border: 1px solid #f6f6f7;
    color: #666e7a66;
    cursor: not-allowed
}

.b3-use-button b3-icon {
    display: flex
}

.only-icon {
    width: 48px
}

.only-icon.b3-use-button--small {
    width: 36px
}

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

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

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

.b3__theme--light .card {
    box-shadow: 0 .1875rem .1875rem #666e7a1a
}

.b3__theme--dark .card,
.b3__theme--dark.card {
    box-sizing: border-box;
    background: var(--b3-dark-blue);
    border: .0625rem solid rgba(255, 255, 255, .15)
}

.b3__theme--trader .card,
.b3__theme--trader.card {
    box-sizing: border-box;
    background-color: var(--b3-black);
    border: .0625rem solid rgba(255, 255, 255, .15)
}

.card {
    border-radius: .375rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background: var(--b3-white);
    border: .0625rem solid var(--b3-gray-70);
    box-shadow: 0 .1875rem .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 {
    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: .3s
}

.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;
    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
}

.checkmark {
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: var(--b3-white);
    border: .125rem solid var(--b3-focus);
    position: absolute;
    border-radius: .375rem
}

.checkmark:hover {
    box-shadow: 0 0 0 .75rem #00b0e633
}

.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
}

.form-check-label.dark {
    color: var(--b3-white)
}

@keyframes loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.b3-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
}

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

.b3-icon {
    display: block
}

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

.b3-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
}

.b3-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
}

.b3-input-content--light {
    background-color: #f6f6f7e0
}

.b3-input-content--light:hover,
.content-light__focus {
    background-color: #ebf9fe
}

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

.b3-input-content--dark:hover,
.content-dark__focus {
    background-color: #004e85
}

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

.b3-input-content--trader:hover,
.content-trader__focus {
    background-color: #12475f
}

input {
    color: #00b0e6;
    padding-left: 5px
}

.b3-input-content--light input:valid {
    color: #4b4f58
}

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

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

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

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

.b3-input-content--line__default.b3-input-content--line-light__default,
.b3-input-content--line__small.b3-input-content--line-light__default {
    background-color: #00b0e6
}

.b3-input-content--line__default.b3-input-content--line-light__error,
.b3-input-content--line__small.b3-input-content--line-light__error {
    background-color: #c40
}

.b3-input-content--line__default.b3-input-content--line-light__success,
.b3-input-content--line__small.b3-input-content--line-light__success {
    background-color: #008750
}

.b3-input-content--line__default.b3-input-content--line-dark__default,
.b3-input-content--line__small.b3-input-content--line-dark__default {
    background-color: #00b0e6
}

.b3-input-content--line__default.b3-input-content--line-dark__error,
.b3-input-content--line__small.b3-input-content--line-dark__error {
    background-color: #fa7c4a
}

.b3-input-content--line__default.b3-input-content--line-dark__success,
.b3-input-content--line__small.b3-input-content--line-dark__success {
    background-color: #08ce79
}

.b3-input-content--line__default.b3-input-content--line-trader__default,
.b3-input-content--line__small.b3-input-content--line-trader__default {
    background-color: #00b0e6
}

.b3-input-content--line__default.b3-input-content--line-trader__error,
.b3-input-content--line__small.b3-input-content--line-trader__error {
    background-color: #fa7c4a
}

.b3-input-content--line__default.b3-input-content--line-trader__success,
.b3-input-content--line__small.b3-input-content--line-trader__success {
    background-color: #08ce79
}

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

.b3-input-content--small .label--small {
    transition: .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
}

.b3-input-content--default.label-default--valid .label--light__default,
.b3-input-content--small.label-default--valid .label--light__default,
.b3-input-content--default.label-default--valid .label--dark__default,
.b3-input-content--small.label-default--valid .label--dark__default,
.b3-input-content--default.label-default--valid .label--trader__default,
.b3-input-content--small.label-default--valid .label--trader__default {
    color: #00b0e6
}

.b3-input-content--default .label--light__default,
.b3-input-content--small .label--light__default,
.left-label.label--light__default {
    color: #40444d
}

.b3-input-content--default .label--light__error,
.b3-input-content--small .label--light__error,
.left-label.label--light__error {
    color: #c40
}

.b3-input-content--default .label--light__success,
.b3-input-content--small .label--light__success,
.left-label.label--light__success {
    color: #008750
}

.b3-input-content--default .label--dark__default,
.b3-input-content--small .label--dark__default,
.left-label.label--dark__default {
    color: #fff
}

.b3-input-content--default .label--dark__error,
.b3-input-content--small .label--dark__error,
.left-label.label--dark__error {
    color: #fa7c4a
}

.b3-input-content--default .label--dark__success,
.b3-input-content--small .label--dark__success,
.left-label.label--dark__success {
    color: #08ce79
}

.b3-input-content--default .label--trader__default,
.b3-input-content--small .label--trader__default,
.left-label.label--trader__default {
    color: #fff
}

.b3-input-content--default .label--trader__error,
.b3-input-content--small .label--__error,
.left-label.label--trader__error {
    color: #fa7c4a
}

.b3-input-content--default .label--trader__success,
.b3-input-content--small .label--trader__success,
.left-label.label--trader__success {
    color: #08ce79
}

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

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

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

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

@keyframes expandir-borda {
    0% {
        width: 0%
    }

    50% {
        width: 100%
    }
}

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

.b3-input--message b3-icon {
    display: block;
    height: 18px;
    margin-right: 2px
}

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

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

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

.disabled,
.disabled .wrapper--default,
.disabled .label--default,
.disabled .b3-input {
    cursor: not-allowed
}

.progress {
    width: 100%;
    height: 2.571px;
    background: rgba(102, 110, 122, .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 {
    0% {
        width: 0%
    }

    to {
        width: var(--b3-progress-value)
    }
}

.percent {
    color: #666e7a66;
    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: .75rem;
    border-top-left-radius: .1875rem;
    border-top-right-radius: .1875rem;
    padding: .4375rem 1.5rem;
    line-height: 1.875rem;
    letter-spacing: .09375rem;
    margin-right: 1.25rem;
    position: relative;
    transition: .4s all;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center
}

.nav-link:hover {
    background: rgba(0, 176, 230, .2);
    transition: .3ms ease-in-out
}

.nav-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
    border-bottom: 1px solid #e3e5e7;
    transition: all .2s linear
}

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

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

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

.nav-item {
    list-style: none
}

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

.content {
    display: none
}

.content.open {
    display: block
}

.header {
    display: flex;
    padding: 0
}

.dark.nav-link {
    color: #fff
}

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

.nav-link.trader {
    color: #fff
}

.nav-link.disable {
    color: #a2a8b1;
    cursor: not-allowed
}

.inline {
    display: flex;
    gap: 0 .75rem
}

.form-check-label {
    position: relative;
    padding-left: 35px;
    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;
    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: .125rem solid var(--b3-focus);
    border-radius: 50%;
    transition-duration: .3s;
    box-sizing: border-box
}

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

.form-check-label {
    display: block;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: .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 .75rem #00b0e633
}

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

.checkmark {
    background-color: transparent
}

.disable {
    cursor: not-allowed
}

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

.disable.dark {
    border-color: #ffffff40
}

.disable.checkmark,
.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
}

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

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

.checkbox.disable .checkmark {
    border-color: #666e7a66
}

.checkbox.disable .checkmark.dark {
    border-color: #ffffff40
}

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

.toast {
    display: flex;
    width: auto;
    height: 37px;
    justify-content: center;
    position: fixed;
    padding: 0 40px 0 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
}

.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: .75rem 1.5rem;
    line-height: 1.5rem;
    transition: all .5s;
    border-radius: .1875rem;
    border: 0;
    font-size: .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 .3s
}

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

.nav-link__anchor:hover {
    background: rgba(0, 176, 230, .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 .b3-icon {
    height: fit-content;
    display: inherit;
    margin-right: .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 .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: .5625rem
}

.nav-link__content-wrapper b3-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 .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, .2)
}

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

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

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

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

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

.custom-track {
    background-color: #666e7a66;
    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
}

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

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

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

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

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

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

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

.b3-slider__input[type=range]:focus {
    outline: none
}

.b3-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
}

.b3-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
}

.b3-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
}

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

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

.b3-slider__input[type=range]::-ms-tooltip {
    display: none
}

#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: #666e7a66;
    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: .75rem;
    border-bottom: 1px solid #e3e5e7
}

.slot-header {
    flex: 1
}

.modal__close {
    cursor: pointer
}

.modal__close b3-icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition-duration: .4s
}

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

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

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

.modal__body {
    padding-top: .75rem
}

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

.modal__header.dark,
.modal__body.dark,
.modal__header.trader,
.modal__body.trader {
    color: #fff
}

.b3-select {
    position: relative;
    display: inline-block;
    transition: all .3s ease-in-out
}

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

.b3-select.light.default,
.b3-select.light.disable {
    background-color: #f8f8f8
}

.b3-select.light.success {
    background: #ebfff7
}

.b3-select.light.error {
    background: #ffede5
}

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

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

.b3-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
}

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

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

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

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

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

.b3-select__icon {
    position: absolute;
    top: 14px;
    right: 16px;
    transition: all .3s ease-in-out
}

.b3-select__icon.without-label {
    top: 9px
}

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

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

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

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

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

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

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

.b3-select__label.error,
.b3-select__filedset--text.error {
    color: #c40
}

.b3-select__result {
    border: 1px solid #676f7a73;
    border-radius: 8px;
    overflow: hidden
}

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

.b3-select__option {
    position: relative;
    display: block;
    padding: 14px 16px;
    border-bottom: 1px solid #676f7a73;
    cursor: pointer
}

.b3-select__option:hover {
    background: #ebf9ff
}

.b3-select__option--icon {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%)
}

@keyframes line--animation__focus {
    0% {
        width: 0%
    }

    50% {
        width: 100%
    }
}

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

    50% {
        width: 0%
    }
}

:root {
    --b3-rgba-gray-1000: rgba(246, 246, 247, 0.88);
    --b3-light-aqua: rgb(235, 249, 254);
    --b3-transparent-black-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.66) 69%);
    --b3-brand: #003475;
    --b3-brand-gradient: linear-gradient(45deg, #27396e 0%, #4ab0e6 100%);
    --b3-white: #ffffff;
    --b3-dark-blue: #002c63;
    --b3-black: #1e2023;
    --b3-light-yellow: #ffe8a1;
    --b3-soft-gradient: linear-gradient(360deg, #fff 0%, #f6f9fc 100%);
    --b3-light-gradient: linear-gradient(360deg, #dbeafd 0%, #f3f6fb 63.02%, rgba(243, 246, 251, 0) 100%);
    --b3-medium-gradient: #002c63 linear-gradient(0deg, #50c3f7 0%, #4782da 100%);
    --b3-dark-gradient: #676f7a linear-gradient(180deg, #001b74 0%, #001560 100%);
    --b3-transparent-dark-blue-gradient: linear-gradient(180deg, rgba(0, 44, 99, 0) 0%, rgba(0, 44, 99, 0.5) 38.54%, rgba(0, 44, 99, 0.9) 100%);
    --b3-link-interaction-light: #0063de;
    --b3-text-light: #666e7a;
    --b3-text-emphasis-light: #40444d;
    --b3-text-dark: #4fc3f6;
    --b3-focus: #00b0e6;
    --b3-focus-hover-light: #00b0e633;
    --b3-focus-bg-light: rgba(0, 176, 230, .08);
    --b3-focus-hover-dark: #007fb6;
    --b3-success-light: #008750;
    --b3-success-dark: #08ce79;
    --b3-negative-light: #cc4400;
    --b3-negative-dark: #fa7c4a;
    --b3-dark-blue: #00145f;
    --b3-ice: #f0f5ff;
    --b3-light-blue: #41c3f6;
    --b3-complementary-default: #f6a733;
    --b3-complementary-a: #69e1f5;
    --b3-complementary-b: #5aa5ff;
    --b3-complementary-c: #1e23af;
    --b3-complementary-gray: #4b5055;
    --b3-dodger-blue-100: #002e5c;
    --b3-dodger-blue-200: #044485;
    --b3-dodger-blue-300: #0a5cad;
    --b3-dodger-blue-400: #1375d6;
    --b3-dodger-blue-500: #1e90ff;
    --b3-dodger-blue: #1e90ff;
    --b3-dodger-blue-600: #4aa4ff;
    --b3-dodger-blue-700: #75baff;
    --b3-dodger-blue-800: #a1d0ff;
    --b3-dodger-blue-900: #cce6ff;
    --b3-dodger-blue-1000: rgba(30, 144, 255, .5);
    --b3-dodger-blue-1100: rgba(30, 144, 255, .7);
    --b3-purple-100: #28005c;
    --b3-purple-200: #3f0985;
    --b3-purple-300: #5918ad;
    --b3-purple-400: #762dd6;
    --b3-purple-500: #9747ff;
    --b3-purple: #9747ff;
    --b3-purple-600: #aa69ff;
    --b3-purple-700: #bd8aff;
    --b3-purple-800: #cfabff;
    --b3-purple-900: #e2ccff;
    --b3-purple-1000: rgba(151, 71, 255, .5);
    --b3-purple-1100: rgba(151, 71, 255, .7);
    --b3-pink-100: #5c002c;
    --b3-pink-200: #850844;
    --b3-pink-300: #ad165f;
    --b3-pink-400: #d6287c;
    --b3-pink-500: #ff409c;
    --b3-pink: #ff409c;
    --b3-pink-600: #ff63ae;
    --b3-pink-700: #ff86c0;
    --b3-pink-800: #ffa9d3;
    --b3-pink-900: #ffcce5;
    --b3-pink-1000: rgba(255, 64, 156, .5);
    --b3-pink-1100: rgba(255, 64, 156, .5);
    --b3-sky-blue-100: #00425c;
    --b3-sky-blue-200: #126180;
    --b3-sky-blue-300: #2f82a3;
    --b3-sky-blue-400: #55a7c7;
    --b3-sky-blue-500: #87ceeb;
    --b3-sky-blue: #87ceeb;
    --b3-sky-blue-600: #96d6f0;
    --b3-sky-blue-700: #a8dff5;
    --b3-sky-blue-800: #bae8fa;
    --b3-sky-blue-900: #ccf1ff;
    --b3-sky-blue-1000: rgba(135, 206, 235, .5);
    --b3-sky-blue-1100: rgba(135, 206, 235, .7);
    --b3-blue-100: #00295c;
    --b3-blue-200: #00387c;
    --b3-blue-300: #00479d;
    --b3-blue-400: #0055bd;
    --b3-blue-500: #0063de;
    --b3-blue: #0063de;
    --b3-blue-600: #2e81e6;
    --b3-blue-700: #5fa0ee;
    --b3-blue-800: #94c0f7;
    --b3-blue-900: #cce3ff;
    --b3-blue-1000: rgba(0, 99, 222, .5);
    --b3-blue-1100: rgba(0, 99, 222, .7);
    --b3-ocean-blue: rgb(0, 44, 99);
    --b3-navy-100: #00295c;
    --b3-navy-200: #002a5e;
    --b3-navy-300: #002b60;
    --b3-navy-400: #002c62;
    --b3-navy-500: #002c63;
    --b3-navy: #002c63;
    --b3-navy-600: #1c4d8a;
    --b3-navy-700: #4777b1;
    --b3-navy-800: #82a9d8;
    --b3-navy-900: #cce3ff;
    --b3-navy-1000: rgba(0, 44, 99, .5);
    --b3-navy-1100: rgba(0, 44, 99, .7);
    --b3-yellow-100: #5c4500;
    --b3-yellow-200: #85670d;
    --b3-yellow-300: #ad8a21;
    --b3-yellow-400: #d6b03d;
    --b3-yellow-500: #ffd862;
    --b3-yellow: #ffd862;
    --b3-sunny-yellow: rgb(255, 216, 98);
    --b3-yellow-600: #ffde7c;
    --b3-yellow-700: #ffe596;
    --b3-yellow-800: #ffecb1;
    --b3-yellow-900: #fff2cc;
    --b3-yellow-1000: rgba(255, 216, 98, .5);
    --b3-yellow-1100: rgba(255, 216, 98, .7);
    --b3-red-100: #5c1f00;
    --b3-red-200: #782800;
    --b3-red-300: #943100;
    --b3-red-400: #b03b00;
    --b3-red-500: #cc4400;
    --b3-red: #cc4400;
    --b3-red-600: #d9652b;
    --b3-red-700: #e68a5c;
    --b3-red-800: #f2b291;
    --b3-red-900: #ffddcc;
    --b3-red-1000: rgba(204, 68, 0, .5);
    --b3-red-1100: rgba(204, 68, 0, .7);
    --b3-green-100: #005c37;
    --b3-green-200: #00673e;
    --b3-green-300: #007144;
    --b3-green-400: #007c4b;
    --b3-green-500: #008750;
    --b3-green: #008750;
    --b3-green-600: #21a570;
    --b3-green-700: #4ec394;
    --b3-green-800: #87e1bd;
    --b3-green-900: #ccffeb;
    --b3-grren-1000: rgba(0, 135, 80, .5);
    --b3-grren-1100: rgba(0, 135, 80, .7);
    --b3-white-100: #ffffff;
    --b3-white-200: rgba(255, 255, 255, .7);
    --b3-white-300: #ebebeb;
    --b3-gray-900: rgba(102, 110, 122, .15);
    --b3-gray-800: rgba(102, 110, 122, .3);
    --b3-gray-700: rgba(102, 110, 122, .4);
    --b3-gray-600: rgba(103, 111, 122, .45);
    --b3-gray-500: #bfbfbf;
    --b3-gray-400: #808080;
    --b3-gray-300: #666e7a;
    --b3-gray-200: #40444d;
    --b3-gray-100: #404040;
    --b3-gray-70: #e3e5e7;
    --b3-gray-50: #f6f6f7;
    --b3-black-100: #1e2023;
    --b3-gray-1000: rgba(200, 200, 200, .5);
    --b3-td-yellow-100: #5c4d00;
    --b3-td-yellow-200: #806b01;
    --b3-td-yellow-300: #a48902;
    --b3-td-yellow-400: #c9a803;
    --b3-td-yellow-500: #ecc505;
    --b3-td-yellow: #ecc505;
    --b3-td-yellow-600: #f2d234;
    --b3-td-yellow-700: #f6de65;
    --b3-td-yellow-800: #fbea98;
    --b3-td-yellow-900: #fff7cc;
    --b3-td-green-100: #005c11;
    --b3-td-green-200: #086118;
    --b3-td-green-300: #106620;
    --b3-td-green-400: #196b28;
    --b3-td-green-500: #237131;
    --b3-td-green: #237131;
    --b3-td-green-600: #40944f;
    --b3-td-green-700: #66b875;
    --b3-td-green-800: #95dba2;
    --b3-td-green-900: #ccffd5;
    --b3-bsm-navy-900: #cce3ff;
    --b3-bsm-yellow-900: #ffeccc;
    --b3-aquamarine-100: #005c46;
    --b3-aquamarine-200: #09735a;
    --b3-aquamarine-300: #158b6f;
    --b3-aquamarine-400: #25a385;
    --b3-aquamarine-500: #39bb9d;
    --b3-aquamarine: #39bb9d;
    --b3-aquamarine-600: #56cbb0;
    --b3-aquamarine-700: #79ddc5;
    --b3-aquamarine-800: #a1eedc;
    --b3-bsm-aquamarine-900: #ccfff3;
    --b3-display-1: 700 5.25rem "Mulish";
    --b3-display-2: 700 4rem "Mulish";
    --b3-display-3: 700 3.5rem "Mulish";
    --b3-header-1: 400 3rem "Mulish";
    --b3-header-1-bold: 700 3rem "Mulish";
    --b3-header-2: 400 2.25rem "Mulish";
    --b3-header-2-bold: 700 2.25rem "Mulish";
    --b3-header-4: 400 1.5rem "Mulish";
    --b3-header-4-bold: 700 1.5rem "Mulish";
    --b3-subtitle: 400 1.25rem "Mulish";
    --b3-subtitle-bold: 700 1.25rem "Mulish";
    --b3-body: 400 1rem "Mulish";
    --b3-body-bold: 700 1rem "Mulish";
    --b3-body-small: 400 .875rem "Mulish";
    --b3-body-small-bold: 700 .875rem "Mulish";
    --b3-ds3-type-button-button: 700 .875rem "Mulish";
    --b3-ds3-type-button-button-small: 700 .75rem "Mulish";
    --b3-ds3-type-captions-caption: 400 .75rem "Mulish";
    --b3-ds3-type-captions-caption-bold: 700 .75rem "Mulish";
    --b3-tags-tag: 700 .75rem "Mulish";
    --b3-tags-tag-small: 700 .625rem "Mulish";
    --b3-header-1: 400 2.5rem "Mulish";
    --b3-header-1-bold: 700 2.5rem "Mulish";
    --b3-header-2: 400 2rem "Mulish";
    --b3-header-2-bold: 700 2rem "Mulish";
    --b3-header-3: 400 1.75rem "Mulish";
    --b3-header-3-bold: 700 1.75rem "Mulish";
    --b3-header-4: 400 1.375rem "Mulish";
    --b3-header-4-bold: 700 1.375rem "Mulish";
    --b3-subtitle: 400 1.125rem "Mulish";
    --b3-subtitle-bold: 700 1.125rem "Mulish";
    --b3-caption: 700 .75rem "Mulish";
    --b3-caption-bold: 700 .75rem "Mulish";
    --b3-tag: 700 .75rem "Mulish";
    --b3-display: 700 3rem "Mulish";
    --b3-button-small: 700 .875rem "Mulish";
    --b3-button: 700 1rem "Mulish";
    --b3-display-1-size: 5.25rem;
    --b3-display-2-size: 4rem;
    --b3-display-3-size: 3.5rem;
    --b3-header-1-size: 3rem;
    --b3-display-size: 3rem;
    --b3-header-1-size: 2.5rem;
    --b3-header-2-size: 2.25rem;
    --b3-header-2-size: 2rem;
    --b3-header-3-size: 1.75rem;
    --b3-subtitle-size: 1.125rem;
    --b3-header-4-size: 1.5rem;
    --b3-subtitle-size: 1.25rem;
    --b3-subtitle-bold-size: 1.25rem;
    --b3-button-size: 1rem;
    --b3-ds3-type-button-button-small-size: .75rem;
    --b3-ds3-type-captions-caption-size: .75rem;
    --b3-tags-tag-size: .75rem;
    --b3-tags-tag-small-size: .625rem;
    --b3-body-size: 1rem;
    --b3-body-small-size: .875rem;
    --b3-caption-size: .75rem;
    --b3-tag-size: .75rem;
    --b3-button-small-size: .875rem;
    --b3-border-width-sm: 1px;
    --b3-border-width-md: 2px;
    --b3-border-width-lg: 3px;
    --b3-border-width-xl: 4px;
    --b3-spacing-3-xs: 1px;
    --b3-spacing-2-xs: 2px;
    --b3-spacing-xs: .25rem;
    --b3-spacing-sm: .5rem;
    --b3-spacing-md: 1rem;
    --b3-spacing-lg: 1.5rem;
    --b3-spacing-xl: 2rem;
    --b3-spacing-2-xl: 3rem;
    --b3-spacing-3-xl: 6rem;
    --b3-spacing-4-xl: 18.75rem;
    --b3-breakpoint-sm-up: 576px;
    --b3-breakpoint-md-down: 768px;
    --b3-breakpoint-lg-down: 998px;
    --b3-breakpoint-xl-down: 1200px;
    --b3-breakpoint-2-xl-down: 1366px;
    --b3-corner-radius-sm: 4px;
    --b3-corner-radius-md: 8px;
    --b3-corner-radius-lg: 16px;
    --b3-corner-radius-pill: 9999px;
    --b3-shadow-xs-shadow: 0px 3px 3px 0px rgba(102, 110, 122, .15);
    --b3-shadow-sm-shadow: 0px 6px 6px 0px rgba(102, 110, 122, .15);
    --b3-shadow-md-shadow: 0px 9px 9px 0px rgba(102, 110, 122, .15);
    --b3-shadow-lg-shadow: 0px 12px 12px 0px rgba(102, 110, 122, .15);
    --b3-shadow-xl-shadow: 0px 15px 15px 0px rgba(102, 110, 122, .2);
    --b3-shadow-2-xl-shadow: 0px 18px 18px 0px rgba(102, 110, 122, .2);
    --b3-motion-duration-slowest: 3s;
    --b3-motion-duration-slower: 2s;
    --b3-motion-duration-slow: 1s;
    --b3-motion-duration-fast: .8s;
    --b3-motion-duration-faster: .4s;
    --b3-motion-duration-fastest: .2s;
    --icon-size-12: 12px;
    --icon-size-14: 14px;
    --icon-size-16: 16px;
    --icon-size-18: 18px;
    --icon-size-20: 20px;
    --icon-size-22: 22px;
    --icon-size-24: 24px;
    --icon-size-38: 38px;
    --icon-size-40: 40px;
    --icon-size-48: 48px;
    --icon-size-62: 62px;
}

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
}

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

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

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

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

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

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

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

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

.b3-skeleton-line--dark,
.b3-skeleton-circle--dark {
    background-color: #264b7a
}

.b3-skeleton-line--trader,
.b3-skeleton-circle--trader {
    background-color: #404144
}

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

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

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

.b3-skeleton-circle__slider--dark,
.b3-skeleton-circle__slider--line__dark,
.b3-skeleton-circle__slider--trader,
.b3-skeleton-circle__slider--line__trader {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .25), rgba(255, 255, 255, 0))
}

@keyframes slide-circle {
    0% {
        transform: translate(-80px)
    }

    to {
        transform: translate(160px)
    }
}

@keyframes slide-line {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(100%)
    }
}