@charset "UTF-8";
@import"css.css";

[data-tippy-root] {
    max-width: 420px;
    font-size: 12px;
    -webkit-perspective: 800px;
    perspective: 800px;
    z-index: 11001 !important;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none
}

.tippy-box {
    position: relative;
    color: #fff;
    border-radius: 4px;
    padding: 4px 8px;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-box--small {
    padding: 2.5px 5px;
    font-size: 8px
}

.tippy-box--big {
    padding: 6px 12px;
    font-size: 12px
}

.tippy-box [x-circle] {
    position: absolute;
    will-change: transform;
    border-radius: 50%;
    width: 130%;
    width: calc(110% + 20px);
    left: 50%;
    top: 50%;
    z-index: -1;
    overflow: hidden;
    transition: all ease
}

.tippy-box {
    padding: 0;
    box-shadow: 0 0 14px #00000040;
    border-radius: 0;
    border-bottom: 1px solid #37B06F;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    white-space: pre-line
}

.tippy-box .tooltip-title-format .copy-icon {
    margin-right: 10px;
    height: 16px;
    width: 16px
}

.dfs-button,
.dfs-button--animated,
.dfs-button--small,
.dfs-button--medium,
.dfs-button--large,
.dfs-button--neutral-secondary,
.dfs-button--neutral-primary,
.dfs-button--secondary,
.dfs-button--primary {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    border: none;
    color: #fff;
    font-family: Montserrat, sans-serif
}

.dfs-button:hover,
.dfs-button--animated:hover,
.dfs-button--small:hover,
.dfs-button--medium:hover,
.dfs-button--large:hover,
.dfs-button--neutral-secondary:hover,
.dfs-button--neutral-primary:hover,
.dfs-button--secondary:hover,
.dfs-button--primary:hover {
    color: #f0f0f0
}

.dfs-button:active:not(.dfs-button--disabled),
.dfs-button--animated:active:not(.dfs-button--disabled),
.dfs-button--small:active:not(.dfs-button--disabled),
.dfs-button--medium:active:not(.dfs-button--disabled),
.dfs-button--large:active:not(.dfs-button--disabled),
.dfs-button--neutral-secondary:active:not(.dfs-button--disabled),
.dfs-button--neutral-primary:active:not(.dfs-button--disabled),
.dfs-button--secondary:active:not(.dfs-button--disabled),
.dfs-button--primary:active:not(.dfs-button--disabled) {
    color: #e0e0e0
}

.dfs-button__inner {
    display: flex;
    align-items: center
}

.dfs-button--primary {
    background-color: #37b06f
}

.dfs-button--primary.dfs-button--disabled {
    cursor: not-allowed;
    color: #89a998;
    background-color: #1a4a30
}

.dfs-button--primary:hover:not(.dfs-button--disabled) {
    background: #2b8956
}

.dfs-button--primary:active:not(.dfs-button--disabled) {
    background: #1f623e
}

.dfs-button--secondary {
    background-color: #34765b
}

.dfs-button--secondary.dfs-button--disabled {
    cursor: not-allowed;
    color: #89a998;
    background-color: #1a4a30
}

.dfs-button--secondary:hover:not(.dfs-button--disabled) {
    background: #245340
}

.dfs-button--secondary:active:not(.dfs-button--disabled) {
    background: #152f24
}

.dfs-button--neutral-primary {
    background-color: #5a646c
}

.dfs-button--neutral-primary.dfs-button--disabled {
    cursor: not-allowed;
    color: #89939d;
    background-color: #20292f
}

.dfs-button--neutral-primary:hover:not(.dfs-button--disabled) {
    background: #434a50
}

.dfs-button--neutral-primary:active:not(.dfs-button--disabled) {
    background: #2c3034
}

.dfs-button--neutral-secondary {
    background-color: #222b32
}

.dfs-button--neutral-secondary.dfs-button--disabled {
    cursor: not-allowed;
    color: #89939d;
    background-color: #20292f
}

.dfs-button--neutral-secondary:hover:not(.dfs-button--disabled) {
    background: #374550
}

.dfs-button--neutral-secondary:active:not(.dfs-button--disabled) {
    background: #4b5f6f
}

.dfs-button--large {
    height: 48px;
    padding: 8px 16px
}

.dfs-button--medium {
    height: 40px;
    padding: 4px 8px
}

.dfs-button--small {
    height: 32px;
    padding: 6px 8px
}

.dfs-button--animated {
    box-shadow: 0 3px #999;
    transition: all .1s ease-in-out
}

.dfs-button--animated:active:not(.dfs-button--disabled) {
    box-shadow: 0 1px #666;
    transform: translateY(4px)
}

.dfs-select-container {
    font-family: Montserrat, sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    min-width: 150px;
    max-width: 250px;
    background: #20292f;
    border-radius: 3px;
    font-size: 12px
}

.dfs-select-container .dfs-select.box {
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    border: 1px solid transparent
}

.dfs-select-container .dfs-select.box.bordered {
    border: 1px solid #61717e
}

.dfs-select-container .dfs-select.box.bordered:hover {
    border: 1px solid #939da7
}

.dfs-select-container .dfs-select.box.bordered:focus-within {
    border: 1px solid #2684ff
}

.dfs-select-container .dfs-select.box .dfs-select__control {
    padding: 7px
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__single-value {
    transform: none;
    position: relative
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__single-value.space {
    margin-right: 5px
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__single-value .plus {
    margin-left: 5px
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__indicators svg {
    width: 16px;
    height: 16px
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__clear-indicator {
    display: none
}

.dfs-select-container .dfs-select.box .dfs-select__menu {
    margin-top: 4px;
    background: #1c1d1f;
    display: table;
    animation: fadeIn .2s ease-in-out
}

.dfs-select-container .dfs-select.box .dfs-select__menu--close {
    animation: fadeOut .2s ease-in-out
}

.dfs-select-container .dfs-select.box .dfs-select__menu .dfs-select__single-value {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.dfs-select-container .dfs-select.box .dfs-select__menu .dfs-select__option:hover {
    background: #20292f;
    cursor: pointer
}

.dfs-select-container .dfs-select.box .dfs-select__menu .dfs-select__option--is-selected,
.dfs-select-container .dfs-select.box .dfs-select__menu .dfs-select__option--is-focused {
    background: transparent
}

.dfs-select-container .dfs-select.box .dfs-select__menu .dfs-select__option--is-selected .dfs-select__single-value .checkbox-wrapper {
    border-color: #5bb4a7
}

.dfs-select-container .dfs-select.box .dfs-select__menu .dfs-select__option--is-selected .dfs-select__single-value .checkbox-wrapper .box {
    background: #5bb4a7
}

.dfs-select-container .dfs-select.box .dfs-select__control {
    cursor: pointer;
    border-radius: 3px;
    border: none;
    background: none;
    min-height: auto
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__value-container {
    display: flex;
    width: 100%;
    padding: 0
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__value-container .dfs-select__input {
    color: #fff
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__value-container>div {
    margin: 0;
    padding: 0;
    line-height: 22px
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__dropdown-indicator {
    color: #fff;
    padding: 0
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__single-value {
    color: #fff
}

.dfs-select-container .dfs-select.box .dfs-select__control .dfs-select__indicator-separator {
    display: none
}

.dfs-select-container .dfs-select.box .dfs-select__control--is-focused {
    border: none;
    box-shadow: none
}

.dfs-select-container .dfs-select.box:hover .dfs-select__dropdown-indicator {
    color: #e0e0e0
}

.dfs-select-container .dfs-select.box .dfs-select__menu-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #202931
}

.dfs-select-container .dfs-select.box .dfs-select__menu-list::-webkit-scrollbar {
    width: 6px;
    background-color: #202931;
    border-radius: 10px
}

.dfs-select-container .dfs-select.box .dfs-select__menu-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}

.dfs-select-container .dfs-select.box .dfs-select__control .default-select-option-wrapper,
.dfs-select-container .dfs-select.box .dfs-select__control .default-select-value-wrapper,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-option-wrapper,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-value-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%
}

.dfs-select-container .dfs-select.box .dfs-select__control .default-select-option-wrapper .icon-wrapper,
.dfs-select-container .dfs-select.box .dfs-select__control .default-select-value-wrapper .icon-wrapper,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-option-wrapper .icon-wrapper,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-value-wrapper .icon-wrapper {
    margin-right: 10px
}

.dfs-select-container .dfs-select.box .dfs-select__control .default-select-option-wrapper .icon-wrapper>*,
.dfs-select-container .dfs-select.box .dfs-select__control .default-select-value-wrapper .icon-wrapper>*,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-option-wrapper .icon-wrapper>*,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-value-wrapper .icon-wrapper>* {
    vertical-align: top
}

.dfs-select-container .dfs-select.box .dfs-select__control .default-select-option-wrapper .icon-wrapper svg,
.dfs-select-container .dfs-select.box .dfs-select__control .default-select-option-wrapper .icon-wrapper img,
.dfs-select-container .dfs-select.box .dfs-select__control .default-select-value-wrapper .icon-wrapper svg,
.dfs-select-container .dfs-select.box .dfs-select__control .default-select-value-wrapper .icon-wrapper img,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-option-wrapper .icon-wrapper svg,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-option-wrapper .icon-wrapper img,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-value-wrapper .icon-wrapper svg,
.dfs-select-container .dfs-select.box .dfs-select__menu .default-select-value-wrapper .icon-wrapper img {
    height: 24px;
    width: 24px
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(2rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(2rem)
    }
}

.dfs-multiselect-container {
    font-family: Montserrat, sans-serif;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    color: #fff;
    min-width: 150px;
    max-width: 250px;
    background: #20292f;
    border-radius: 3px;
    font-size: 12px
}

.dfs-multiselect-container .dfs-multiselect.box {
    box-sizing: border-box;
    border-radius: 3px;
    width: 100%;
    min-height: 40px;
    transition: all ease-in-out .2s;
    border: 1px solid transparent
}

.dfs-multiselect-container .dfs-multiselect.box.bordered {
    border: 1px solid #61717e
}

.dfs-multiselect-container .dfs-multiselect.box:hover {
    border: 1px solid #939da7
}

.dfs-multiselect-container .dfs-multiselect.box:focus-within {
    border: 1px solid #2684FF
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control {
    padding: 7px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__single-value {
    transform: none;
    position: relative
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__single-value.space {
    margin-right: 5px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__single-value .plus {
    margin-left: 5px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__indicators svg {
    width: 16px;
    height: 16px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__clear-indicator {
    display: none
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu {
    margin-top: 4px;
    background: #1c1d1f;
    display: table;
    animation: fadeIn .2s ease-in-out
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu--close {
    animation: fadeOut .2s ease-in-out
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__single-value {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__single-value .checkbox-wrapper {
    box-sizing: border-box;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    padding: 2px;
    border: 1px solid #61717e;
    border-radius: 3px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__single-value .checkbox-wrapper .box {
    width: 100%;
    height: 100%;
    border-radius: 1px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__option:hover {
    background: #20292f;
    cursor: pointer
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__option--is-selected,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__option--is-focused {
    background: transparent
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__option--is-selected .dfs-multiselect__single-value .checkbox-wrapper {
    border-color: #5bb4a7
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__option--is-selected .dfs-multiselect__single-value .checkbox-wrapper .box {
    background: #5bb4a7
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .dfs-multiselect__option:first-child {
    border-bottom: 1px solid #939DA7;
    padding: 8px 12px;
    opacity: .8
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control {
    cursor: pointer;
    border: none;
    background: none;
    min-height: 0
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__value-container {
    display: flex;
    width: 100%;
    padding: 0
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__value-container .dfs-multiselect__input {
    color: #fff !important
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__value-container>div {
    margin: 0;
    padding: 0;
    line-height: 22px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__dropdown-indicator {
    color: #fff;
    padding: 0
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__single-value {
    color: #fff
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .dfs-multiselect__indicator-separator {
    display: none
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control--is-focused {
    border: none;
    box-shadow: none
}

.dfs-multiselect-container .dfs-multiselect.box:hover .dfs-multiselect__dropdown-indicator {
    color: #e0e0e0
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #202931
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu-list::-webkit-scrollbar {
    width: 6px;
    background-color: #222b32;
    border-radius: 10px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .option-value,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .option-value,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .option-value,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .option-value {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .option-value>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .option-value>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .option-value>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .option-value>div {
    margin: 0;
    padding: 0;
    line-height: 22px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .second-dfs-multiselect-label,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .second-dfs-multiselect-label,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .second-dfs-multiselect-label,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .second-dfs-multiselect-label {
    position: absolute;
    color: #939da7;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 10px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1em
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper span+.dfs-multiselect__single-value,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper span+.dfs-multiselect__single-value,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper span+.dfs-multiselect__single-value,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper span+.dfs-multiselect__single-value {
    margin-top: -6px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper span+.dfs-multiselect__placeholder,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper span+.dfs-multiselect__placeholder,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper span+.dfs-multiselect__placeholder,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper span+.dfs-multiselect__placeholder {
    margin-top: -6px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icon-wrapper {
    margin-right: 10px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icon-wrapper>* {
    vertical-align: top
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icon-wrapper img {
    height: 24px;
    width: 24px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icons-transition-enter,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icons-transition-enter,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icons-transition-enter,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icons-transition-enter {
    opacity: 0;
    transform: translateY(2rem)
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icons-transition-enter-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icons-transition-enter-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icons-transition-enter-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icons-transition-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icons-transition-exit,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icons-transition-exit,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icons-transition-exit,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icons-transition-exit {
    opacity: 1;
    transform: translateY(0)
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icons-transition-exit-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icons-transition-exit-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icons-transition-exit-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icons-transition-exit-active {
    opacity: 0;
    transform: translateY(2rem);
    transition: all .4s
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons>div {
    display: flex;
    flex-direction: row
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icon-wrapper {
    margin-right: 5px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icon-wrapper>* {
    vertical-align: top
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons .icon-wrapper img {
    height: 24px;
    width: 24px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icons-transition-enter,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icons-transition-enter,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icons-transition-enter,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icons-transition-enter {
    opacity: 0;
    transform: translateY(2rem)
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icons-transition-enter-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icons-transition-enter-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icons-transition-enter-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icons-transition-enter-active {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icons-transition-exit,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icons-transition-exit,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icons-transition-exit,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icons-transition-exit {
    opacity: 1;
    transform: translateY(0)
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icons-transition-exit-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icons-transition-exit-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icons-transition-exit-active,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icons-transition-exit-active {
    opacity: 0;
    width: 0%;
    transform: translateY(2rem);
    transition: all .4s
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished>div,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished>div {
    margin-right: 10px;
    display: flex;
    flex-direction: row
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icon-wrapper,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icon-wrapper {
    margin-right: 0;
    max-width: 20px
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icon-wrapper>*,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icon-wrapper>* {
    vertical-align: top
}

.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-option-wrapper .icons-squished .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__control .default-select-value-wrapper .icons-squished .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-option-wrapper .icons-squished .icon-wrapper img,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icon-wrapper svg,
.dfs-multiselect-container .dfs-multiselect.box .dfs-multiselect__menu .default-select-value-wrapper .icons-squished .icon-wrapper img {
    height: 24px;
    width: 24px
}

.dfs-select-group:not(.dfs-select-group--ungrouped),
.dfs-select-group--separated:not(.dfs-select-group--ungrouped) {
    display: inline-flex;
    flex-direction: row;
    border-radius: 0
}

.dfs-select-group:not(.dfs-select-group--ungrouped) .dfs-select.box,
.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select.box {
    border-radius: 0
}

.dfs-select-group:not(.dfs-select-group--ungrouped) .dfs-select-container,
.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container {
    border-radius: 0
}

.dfs-select-group:not(.dfs-select-group--ungrouped) .dfs-select-container:first-of-type,
.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container:first-of-type {
    border-radius: 3px 0 0 3px
}

.dfs-select-group:not(.dfs-select-group--ungrouped) .dfs-select-container:first-of-type .dfs-select.box,
.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container:first-of-type .dfs-select.box {
    border-radius: 3px 0 0 3px
}

.dfs-select-group:not(.dfs-select-group--ungrouped) .dfs-select-container:last-of-type,
.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container:last-of-type {
    border-radius: 0 3px 3px 0
}

.dfs-select-group:not(.dfs-select-group--ungrouped) .dfs-select-container:last-of-type .dfs-select.box,
.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container:last-of-type .dfs-select.box {
    border-radius: 0 3px 3px 0
}

.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container .dfs-select.box {
    border-width: 0;
    border-color: #222b32
}

.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container:not(:first-of-type) .dfs-select.box {
    border-left-width: 1px
}

.dfs-select-group--separated:not(.dfs-select-group--ungrouped) .dfs-select-container:not(:first-of-type) .dfs-select.box:hover {
    border-color: #222b32
}

.dfs-table,
.dfs-table--eth-saver,
.dfs-table--type2,
.dfs-table--type1 {
    border-radius: 0;
    background-color: transparent;
    font-family: Montserrat, sans-serif
}

.dfs-table__info-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.dfs-table__title {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.dfs-table__subtitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #adb1b5
}

.dfs-table__table-wrapper {
    overflow: auto;
    width: 100%
}

.dfs-table ::-webkit-scrollbar-track,
.dfs-table--eth-saver ::-webkit-scrollbar-track,
.dfs-table--type2 ::-webkit-scrollbar-track,
.dfs-table--type1 ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #222b32
}

.dfs-table ::-webkit-scrollbar,
.dfs-table--eth-saver ::-webkit-scrollbar,
.dfs-table--type2 ::-webkit-scrollbar,
.dfs-table--type1 ::-webkit-scrollbar {
    width: 8px;
    background-color: #222b32;
    border-radius: 10px
}

.dfs-table ::-webkit-scrollbar-thumb,
.dfs-table--eth-saver ::-webkit-scrollbar-thumb,
.dfs-table--type2 ::-webkit-scrollbar-thumb,
.dfs-table--type1 ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #313d47
}

.dfs-table__inner,
.dfs-table__inner--xl,
.dfs-table__inner--lg,
.dfs-table__inner--md,
.dfs-table__inner--sm,
.dfs-table__inner--xs {
    width: 100%;
    border-collapse: collapse
}

.dfs-table__inner--xs tr {
    height: 16px
}

.dfs-table__inner--sm tr {
    height: 24px
}

.dfs-table__inner--md tr {
    height: 32px
}

.dfs-table__inner--lg tr {
    height: 48px
}

.dfs-table__inner--xl tr {
    height: 68px
}

.dfs-table__toggle {
    cursor: pointer
}

.dfs-table__toolbar {
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    align-items: flex-end;
    position: relative;
    min-height: 48px;
    margin-bottom: 24px
}

.dfs-table__toolbar .input-transition-enter {
    opacity: 0;
    transform: translate(1rem);
    width: 0%
}

.dfs-table__toolbar .input-transition-enter-active {
    opacity: 1;
    transform: translate(0);
    transition: all .4s;
    width: 100%
}

.dfs-table__toolbar .input-transition-exit {
    opacity: 1;
    transform: translate(0);
    width: 100%
}

.dfs-table__toolbar .input-transition-exit-active {
    opacity: 0;
    transform: translate(1rem);
    transition: all .4s;
    width: 0%
}

.dfs-table__batch-controls {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    background: #34765b;
    position: absolute;
    bottom: 0;
    color: #fff
}

.dfs-table__batch-controls.rah-static--height-auto {
    min-height: 48px
}

.dfs-table__batch-controls>div {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.dfs-table__num-selected-rows {
    margin-left: 16px
}

.dfs-table__batch-control {
    padding: 16px;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    min-height: 48px;
    text-transform: uppercase
}

.dfs-table__batch-control:hover {
    background: #245340
}

.dfs-table__search {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: relative;
    min-width: 48px;
    min-height: 48px;
    border-radius: 4px
}

.dfs-table__search.rah-static--height-zero {
    min-width: 0px;
    min-height: 0px
}

.dfs-table__search:hover {
    background-color: #404040
}

.dfs-table__search:focus-within {
    -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
    -moz-box-shadow: inset 0px 0px 0px 1px #fff;
    box-shadow: inset 0 0 0 1px #fff
}

.dfs-table__search-icon,
.dfs-table__search-icon--clickable {
    padding: 16px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0
}

.dfs-table__search-icon--clickable {
    cursor: pointer
}

.dfs-table__cancel-icon,
.dfs-table__cancel-icon--clickable {
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.dfs-table__cancel-icon--clickable {
    visibility: visible;
    cursor: pointer;
    padding: 16px;
    width: 16px;
    height: 16px;
    z-index: 3
}

.dfs-table__search-input {
    background: #1c1d1fb3;
    border-radius: 4px;
    color: #fff;
    border: none;
    box-shadow: none;
    padding: 0 48px;
    z-index: 2;
    min-height: 48px
}

.dfs-table__search-input:focus {
    outline: none
}

.dfs-table--type1 .dfs-table__inner,
.dfs-table--type1 .dfs-table__inner--xs,
.dfs-table--type1 .dfs-table__inner--sm,
.dfs-table--type1 .dfs-table__inner--md,
.dfs-table--type1 .dfs-table__inner--lg,
.dfs-table--type1 .dfs-table__inner--xl {
    color: #fff
}

.dfs-table--type1 .dfs-table__checkbox-wrapper,
.dfs-table--type1 .dfs-table__checkbox-wrapper--filled {
    box-sizing: border-box;
    margin-left: 15px;
    width: 16px;
    height: 16px;
    padding: 2px;
    border: 1px solid #ADB1B5;
    border-radius: 3px;
    cursor: pointer
}

.dfs-table--type1 .dfs-table__checkbox-wrapper--filled {
    border: 1px solid #37B06F
}

.dfs-table--type1 .dfs-table__checkbox,
.dfs-table--type1 .dfs-table__checkbox--some,
.dfs-table--type1 .dfs-table__checkbox--all,
.dfs-table--type1 .dfs-table__checkbox--selected {
    width: 100%;
    height: 100%;
    border-radius: 1px
}

.dfs-table--type1 .dfs-table__checkbox--selected,
.dfs-table--type1 .dfs-table__checkbox--all {
    background-color: #37b06f
}

.dfs-table--type1 .dfs-table__checkbox--some {
    margin-top: 4.4px;
    height: 30%;
    background-color: #37b06f
}

.dfs-table--type1 .dfs-table__header {
    display: table-header-group;
    width: 100%
}

.dfs-table--type1 .dfs-table__header .dfs-table__row,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden {
    background-color: #1d252b;
    letter-spacing: .16px;
    font-size: 12px;
    line-height: 12px;
    color: #adb1b5;
    font-weight: 500
}

.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden {
    display: none
}

.dfs-table--type1 .dfs-table__header .dfs-table__row>th>span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded>th>span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable>th>span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra>th>span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable>th>span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden>th>span {
    display: flex;
    flex-direction: row;
    align-items: center
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--selection-cell {
    white-space: nowrap;
    text-align: left;
    padding-left: 16px
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--selection-cell {
    width: 35px;
    padding: 0
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--expand-cell {
    min-width: 36px;
    width: 36px;
    padding: 0
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable {
    cursor: pointer
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable:hover,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable:hover,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable:hover,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable:hover,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable:hover,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable:hover {
    color: #fff
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable:hover .dfs-table__arrow-none {
    opacity: 1
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable span,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable span {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable span .dfs-table__arrow-none {
    opacity: 0
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon {
    vertical-align: middle
}

.dfs-table--type1 .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon svg,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon svg,
.dfs-table--type1 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon svg,
.dfs-table--type1 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon svg,
.dfs-table--type1 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon svg,
.dfs-table--type1 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top
}

.dfs-table--type1 .dfs-table__body,
.dfs-table--type1 .dfs-table__body--open {
    display: table-row-group;
    width: 100%;
    overflow-y: auto
}

.dfs-table--type1 .dfs-table__body .dfs-table__row,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden {
    display: table-row;
    width: 100%;
    color: #fff;
    background-color: #222b32
}

.dfs-table--type1 .dfs-table__body .dfs-table__row:not(:last-of-type),
.dfs-table--type1 .dfs-table__body--open .dfs-table__row:not(:last-of-type),
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded:not(:last-of-type),
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded:not(:last-of-type),
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable:not(:last-of-type),
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable:not(:last-of-type),
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra:not(:last-of-type),
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra:not(:last-of-type),
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable:not(:last-of-type),
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable:not(:last-of-type),
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden:not(:last-of-type),
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden:not(:last-of-type) {
    border-bottom: 1px solid #2e3942
}

.dfs-table--type1 .dfs-table__body .dfs-table__row:hover,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row:hover,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded:hover,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded:hover,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable:hover,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable:hover,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra:hover,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra:hover,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable:hover,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable:hover,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden:hover,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden:hover {
    background-color: #374550
}

.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable {
    cursor: pointer
}

.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra {
    background-color: #1d252b
}

.dfs-table--type1 .dfs-table__body .dfs-table__row--zebrahover,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebrahover {
    background-color: #323f49
}

.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable {
    height: 0;
    border-bottom: none !important
}

.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable>td,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable>td {
    padding: 0
}

.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded {
    height: auto
}

.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--has-icon,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--has-icon {
    white-space: nowrap;
    text-align: left;
    padding-left: 16px
}

.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell {
    width: 35px;
    padding: 0
}

.dfs-table--type1 .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type1 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell {
    min-width: 36px;
    cursor: pointer;
    width: 36px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 100%
}

.dfs-table--type1 .dfs-table__body--open {
    max-height: 35rem
}

.dfs-table--type2 .grey-out {
    color: #adb1b5
}

.dfs-table--type2 .rows-action {
    display: flex;
    justify-content: center;
    color: #adb1b5;
    text-decoration: underline;
    width: 100%;
    cursor: pointer;
    transition: all .2s ease-in-out
}

.dfs-table--type2 .rows-action:hover,
.dfs-table--type2 .dfs-table__inner,
.dfs-table--type2 .dfs-table__inner--xs,
.dfs-table--type2 .dfs-table__inner--sm,
.dfs-table--type2 .dfs-table__inner--md,
.dfs-table--type2 .dfs-table__inner--lg,
.dfs-table--type2 .dfs-table__inner--xl {
    color: #fff
}

.dfs-table--type2 .dfs-table__checkbox-wrapper,
.dfs-table--type2 .dfs-table__checkbox-wrapper--filled {
    box-sizing: border-box;
    margin-left: 15px;
    width: 16px;
    height: 16px;
    padding: 2px;
    border: 1px solid #ADB1B5;
    border-radius: 3px;
    cursor: pointer
}

.dfs-table--type2 .dfs-table__checkbox-wrapper--filled {
    border: 1px solid #37B06F
}

.dfs-table--type2 .dfs-table__checkbox,
.dfs-table--type2 .dfs-table__checkbox--selected,
.dfs-table--type2 .dfs-table__checkbox--all,
.dfs-table--type2 .dfs-table__checkbox--some {
    width: 100%;
    height: 100%;
    border-radius: 1px
}

.dfs-table--type2 .dfs-table__checkbox--selected,
.dfs-table--type2 .dfs-table__checkbox--all {
    background-color: #37b06f
}

.dfs-table--type2 .dfs-table__checkbox--some {
    margin-top: 4.4px;
    height: 30%;
    background-color: #37b06f
}

.dfs-table--type2 .dfs-table__header {
    display: table-header-group;
    width: 100%
}

.dfs-table--type2 .dfs-table__header .dfs-table__row,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded {
    background-color: transparent;
    letter-spacing: .16px;
    font-size: 12px;
    line-height: 12px;
    color: #adb1b5;
    font-weight: 500
}

.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden {
    display: none
}

.dfs-table--type2 .dfs-table__header .dfs-table__row>th>span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden>th>span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable>th>span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra>th>span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable>th>span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded>th>span {
    display: flex;
    flex-direction: row;
    align-items: center
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon {
    white-space: nowrap;
    text-align: left;
    padding-left: 16px
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--selection-cell {
    width: 35px;
    padding: 0
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--expand-cell {
    min-width: 36px;
    width: 36px;
    padding: 0
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable {
    cursor: pointer
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable:hover,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable:hover,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable:hover,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable:hover,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable:hover,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable:hover {
    color: #fff
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable:hover .dfs-table__arrow-none {
    opacity: 1
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable span,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable span {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable span .dfs-table__arrow-none {
    opacity: 0
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon {
    vertical-align: middle
}

.dfs-table--type2 .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon svg,
.dfs-table--type2 .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon svg,
.dfs-table--type2 .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon svg,
.dfs-table--type2 .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon svg,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon svg,
.dfs-table--type2 .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top
}

.dfs-table--type2 .dfs-table__body,
.dfs-table--type2 .dfs-table__body--open {
    display: table-row-group;
    width: 100%;
    overflow-y: auto
}

.dfs-table--type2 .dfs-table__body .dfs-table__row,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded {
    display: table-row;
    width: 100%;
    color: #fff;
    background-color: transparent
}

.dfs-table--type2 .dfs-table__body .dfs-table__row:not(:last-of-type),
.dfs-table--type2 .dfs-table__body--open .dfs-table__row:not(:last-of-type),
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden:not(:last-of-type),
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden:not(:last-of-type),
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable:not(:last-of-type),
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable:not(:last-of-type),
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra:not(:last-of-type),
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra:not(:last-of-type),
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable:not(:last-of-type),
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable:not(:last-of-type),
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded:not(:last-of-type),
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded:not(:last-of-type) {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.dfs-table--type2 .dfs-table__body .dfs-table__row.past,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row.past,
.dfs-table--type2 .dfs-table__body .past.dfs-table__row--hidden,
.dfs-table--type2 .dfs-table__body--open .past.dfs-table__row--hidden,
.dfs-table--type2 .dfs-table__body .past.dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__body--open .past.dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__body .past.dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__body--open .past.dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__body .past.dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__body--open .past.dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__body .past.dfs-table__row--expanded,
.dfs-table--type2 .dfs-table__body--open .past.dfs-table__row--expanded {
    opacity: .5
}

.dfs-table--type2 .dfs-table__body .dfs-table__row.active,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row.active,
.dfs-table--type2 .dfs-table__body .active.dfs-table__row--hidden,
.dfs-table--type2 .dfs-table__body--open .active.dfs-table__row--hidden,
.dfs-table--type2 .dfs-table__body .active.dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__body--open .active.dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__body .active.dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__body--open .active.dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__body .active.dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__body--open .active.dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__body .active.dfs-table__row--expanded,
.dfs-table--type2 .dfs-table__body--open .active.dfs-table__row--expanded {
    background: #2c3740;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #adb1b5
}

.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable {
    cursor: pointer
}

.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra {
    background-color: #1d252b
}

.dfs-table--type2 .dfs-table__body .dfs-table__row--zebrahover,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebrahover {
    background-color: #323f49
}

.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable {
    height: 0;
    border-bottom: none !important
}

.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable>td,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable>td {
    padding: 0
}

.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded {
    height: auto
}

.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--has-icon,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--has-icon {
    white-space: nowrap;
    text-align: left;
    padding-left: 16px
}

.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell {
    width: 35px;
    padding: 0
}

.dfs-table--type2 .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--type2 .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell {
    min-width: 36px;
    cursor: pointer;
    width: 36px;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    min-height: 100%
}

.dfs-table--type2 .dfs-table__body--open {
    max-height: 35rem
}

.dfs-table--eth-saver .grey-out {
    color: #adb1b5
}

.dfs-table--eth-saver .dfs-table__inner,
.dfs-table--eth-saver .dfs-table__inner--xs,
.dfs-table--eth-saver .dfs-table__inner--sm,
.dfs-table--eth-saver .dfs-table__inner--md,
.dfs-table--eth-saver .dfs-table__inner--lg,
.dfs-table--eth-saver .dfs-table__inner--xl {
    color: #fff
}

.dfs-table--eth-saver .dfs-table__header {
    display: table-header-group;
    width: 100%
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded {
    background-color: transparent;
    letter-spacing: .16px;
    font-size: 12px;
    line-height: 12px;
    color: #adb1b5;
    font-weight: 500
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden {
    display: none
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row>th>span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden>th>span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable>th>span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra>th>span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable>th>span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded>th>span {
    display: flex;
    flex-direction: row;
    align-items: center
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon {
    white-space: nowrap;
    text-align: left;
    padding-left: 16px
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--selection-cell {
    width: 35px;
    padding: 0
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--expand-cell {
    min-width: 36px;
    width: 36px;
    padding: 0
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable {
    cursor: pointer
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--sortable:hover,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable:hover,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable:hover,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable:hover,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable:hover,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable:hover {
    color: #fff
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable:hover .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable:hover .dfs-table__arrow-none {
    opacity: 1
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--sortable span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable span,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable span {
    display: flex;
    flex-direction: row;
    gap: 10px
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--sortable span .dfs-table__arrow-none,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--sortable span .dfs-table__arrow-none {
    opacity: 0
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon {
    vertical-align: middle
}

.dfs-table--eth-saver .dfs-table__header .dfs-table__row .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--hidden .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--clickable .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--zebra .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expandable .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__header .dfs-table__row--expanded .dfs-table__cell--has-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top
}

.dfs-table--eth-saver .dfs-table__body,
.dfs-table--eth-saver .dfs-table__body--open {
    display: table-row-group;
    width: 100%;
    overflow-y: auto
}

.dfs-table--eth-saver .dfs-table__body .dfs-table__row,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded {
    display: table-row;
    width: 100%;
    color: #fff;
    background-color: transparent
}

.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable {
    cursor: pointer
}

.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--header-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--sortable,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--has-icon,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--has-icon {
    white-space: nowrap;
    text-align: left;
    width: fit-content;
    padding-left: 8px;
    padding-top: 10px;
    padding-bottom: 10px
}

.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--header-cell:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--sortable:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--has-icon:first-of-type,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--has-icon:first-of-type {
    padding-left: 12px
}

.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--header-cell img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--sortable img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--has-icon img,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--expand-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--header-cell svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--sortable svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--has-icon svg,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--has-icon svg {
    width: 32px;
    height: 32px
}

.dfs-table--eth-saver .dfs-table__body .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--hidden .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--clickable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--zebra .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expandable .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body .dfs-table__row--expanded .dfs-table__cell--selection-cell,
.dfs-table--eth-saver .dfs-table__body--open .dfs-table__row--expanded .dfs-table__cell--selection-cell {
    width: 35px;
    padding: 0
}

.dfs-table--eth-saver .dfs-table__body--open {
    max-height: 35rem
}

.dfs-table__table-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.dfs-table__show-more-wrapper {
    background-color: #1d252b;
    width: 100%;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #adb1b5;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    cursor: pointer
}

.dfs-table__show-more-wrapper:hover {
    background-color: #323f49
}

.dfs-table__table-pagination {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-top: 24px;
    margin-bottom: 16px;
    gap: 16px;
    padding: 0 8px
}

.dfs-table__page-size-select {
    display: flex;
    align-items: center;
    color: #fff;
    gap: 8px
}

.dfs-table__page-size-select>span {
    color: #adb1b5
}

.dfs-table__page-size-select .dfs-select__control {
    padding: 1px 7px !important
}

.dfs-table__page-size-select .default-select-value-wrapper {
    line-height: 26px !important
}

.dfs-table__paginator {
    display: flex;
    gap: 4px
}

.dfs-table__page,
.dfs-table__page--active,
.dfs-table__page--dots,
.dfs-table__page--disabled {
    border-radius: 3px;
    width: 32px;
    height: 32px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    padding: 4px;
    color: #adb1b5;
    background: #1d2024;
    border: 0px;
    cursor: pointer
}

.dfs-table__page:not(.dfs-table__page--active):not(.dfs-table__page--disabled):not(.dfs-table__page--dots):hover,
.dfs-table__page--active:not(.dfs-table__page--active):not(.dfs-table__page--disabled):not(.dfs-table__page--dots):hover,
.dfs-table__page--dots:not(.dfs-table__page--active):not(.dfs-table__page--disabled):not(.dfs-table__page--dots):hover,
.dfs-table__page--disabled:not(.dfs-table__page--active):not(.dfs-table__page--disabled):not(.dfs-table__page--dots):hover {
    border: 1px solid #939da7
}

.dfs-table__page--disabled,
.dfs-table__page--dots {
    cursor: default
}

.dfs-table__page--active {
    color: #fff;
    background: #2b3943;
    cursor: default
}

.dfs-table__footer--type1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background-color: #313d47;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: .12em
}

.dfs-table__footer--type1>* {
    padding: .8rem 2rem
}

@media screen and (max-width: 460px) {
    .dfs-table__footer--type1 {
        flex-direction: column
    }
}

.tile,
.tile--radio {
    font-family: Montserrat, sans-serif;
    display: flex;
    gap: 16px;
    color: #fff;
    padding: 16px;
    background: #222b32;
    border: 1px solid transparent;
    border-radius: 3px
}

.tile__icon img {
    height: 32px;
    width: 32px
}

.tile__icon img+img {
    margin-top: -6px
}

.tile__title {
    margin: 0 0 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.tile__flair {
    margin-left: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    background-color: #1d2024;
    padding: 2px;
    color: #37b06f
}

.tile__description {
    margin: 0 0 12px;
    font-size: 12px;
    line-height: 16px;
    color: #adb1b5
}

.tile--radio:hover:not(:has(:disabled)) {
    border-color: #adb1b5;
    cursor: pointer
}

.tile--radio:is(:checked, :has(:checked)):hover,
.tile--radio:focus-within:hover {
    border-color: #1f623e
}

.tile-group {
    display: grid;
    grid-auto-rows: 1fr;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none
}

.dfs-checkbox {
    border: none;
    padding: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.dfs-checkbox input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 2px #adb1b5;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    display: grid;
    place-content: center
}

.dfs-checkbox input:checked {
    box-shadow: 0 0 2px 2px #37b06f
}

.dfs-checkbox input:before {
    content: "";
    width: 12px;
    height: 12px;
    transform: scale(0);
    transition: .12s transform ease-in-out;
    border-radius: 50%;
    box-shadow: inset 10px 20px 2px 2px #37b06f
}

.dfs-checkbox input:checked:before {
    transform: scale(1)
}

.dfs-checkbox__label-wrapper {
    display: flex;
    align-items: center;
    margin-left: 4px;
    color: #fff;
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.dfs-checkbox__label-wrapper .icon-Info-circle {
    margin-left: 4px
}

.dfs-checkbox.disabled input[type=checkbox] {
    box-shadow: 0 0 0 2px #313d47
}

.dfs-checkbox.disabled .label-text {
    opacity: .5 !important
}

.dfs-progress-bar {
    box-sizing: border-box;
    border: 1px solid #FFFFFF;
    border-radius: 1px;
    display: flex;
    align-items: center
}

.dfs-progress-bar__progress {
    height: 100%
}

.dfs-progress-bar__line {
    height: calc(100% + 8px);
    width: 2px;
    background-color: #fff
}

.dfs-flair {
    border-radius: 2px;
    padding: 4px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    display: flex;
    width: fit-content
}

.dfs-toggle-button {
    display: flex;
    flex-direction: row
}

.dfs-loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.dfs-loader-wrapper__message-wrapper {
    font-size: 20px;
    color: #fff;
    margin-top: 25px;
    text-align: center;
    padding: 0 10px
}

.dfs-loader,
.dfs-loader--mini {
    width: 100px;
    line-height: 0
}

.dfs-loader--mini {
    display: inline-block;
    vertical-align: middle;
    width: 20px
}

.dfs-loader__loader-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    inset: 0;
    margin: 0 auto
}

@keyframes dfs-loader-animation {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    15.4% {
        opacity: 1;
        transform: scale(1)
    }

    61.6% {
        opacity: 1;
        transform: scale(1)
    }

    77% {
        opacity: 0;
        transform: scale(.8)
    }
}

.dfs-loader path,
.dfs-loader--mini path {
    opacity: 0;
    transform-origin: center;
    animation: dfs-loader-animation 2s infinite
}

.dfs-loader path:nth-child(2),
.dfs-loader--mini path:nth-child(2) {
    animation-delay: .08s
}

.dfs-loader path:nth-child(3),
.dfs-loader--mini path:nth-child(3) {
    animation-delay: .16s
}

.dfs-loader path:nth-child(4),
.dfs-loader--mini path:nth-child(4) {
    animation-delay: .24s
}

.loader-basic,
.loader-basic--mini {
    position: relative;
    margin: 0 auto;
    width: 135px;
    display: block
}

.loader-basic--mini {
    display: inline-block;
    vertical-align: middle;
    width: 20px
}

.loader-basic:before,
.loader-basic--mini:before {
    content: "";
    display: block;
    padding-top: 100%
}

.loader-basic__loader-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    inset: 0;
    margin: 0 auto
}

.loader-basic__circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    inset: 0;
    margin: auto
}

.loader-basic .path,
.loader-basic--mini .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    animation: dash 1.5s ease-in-out infinite;
    stroke-linecap: square
}

@keyframes rotate {
    to {
        transform: rotate(360deg)
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89, 200;
        stroke-dashoffset: -124px
    }
}

@keyframes color {

    to,
    0% {
        stroke: #5bb4a7
    }

    40% {
        stroke: #5bb4a7
    }

    66% {
        stroke: #5bb4a7
    }

    80%,
    90% {
        stroke: #5bb4a7
    }
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.Flex {
    display: flex;
    align-items: center;
    justify-content: center
}

.Flex.FlexColumn {
    flex-direction: column
}

.Flex.SpaceBetween {
    justify-content: space-between
}

.Flex.FlexStart {
    justify-content: flex-start
}

.Flex.FlexEnd {
    justify-content: flex-end
}

.Flex.FlexTop {
    align-items: flex-start
}

.Flex.FlexBottom {
    align-items: flex-end
}

.Flex.FlexAlignCenter {
    align-items: center
}

.Flex.FlexGrow {
    flex-grow: 1
}

.Flex.FlexShrink {
    flex-shrink: 1
}

.Flex.FlexWrap {
    flex-wrap: wrap
}

.Flex.Gap1 {
    gap: var(--space-1)
}

.Flex.Gap2 {
    gap: var(--space-2)
}

.Flex.Gap3 {
    gap: var(--space-3)
}

.Flex.Gap4 {
    gap: var(--space-4)
}

.Width100 {
    width: 100%
}

.WhiteSpacePre {
    white-space: pre-line
}

.TextCenter {
    text-align: center
}

.MarginLeft10 {
    margin-left: 10px
}

.MarginRight10 {
    margin-right: 10px
}

.MarginTop10 {
    margin-top: 10px
}

.MarginBottom10 {
    margin-bottom: 10px
}

.MarginLeft20 {
    margin-left: 20px
}

.MarginRight20 {
    margin-right: 20px
}

.MarginTop20 {
    margin-top: 20px
}

.MarginBottom20 {
    margin-bottom: 20px
}

.MarginLeft5 {
    margin-left: 5px
}

.MarginRight5 {
    margin-right: 5px
}

.MarginTop5 {
    margin-top: 5px
}

.MarginBottom5 {
    margin-bottom: 5px
}

.PaddingY1 {
    padding-top: var(--space-1);
    padding-bottom: var(--space-1)
}

.PaddingX3 {
    padding-left: var(--space-3);
    padding-right: var(--space-3)
}

.Element {
    padding: 30px;
    background-color: #192d33;
    border-radius: 3px;
    color: #fff
}

.Pointer {
    cursor: pointer
}

.Switch {
    background: #2b3943;
    border-radius: 3px;
    display: flex;
    padding: 7px;
    align-items: center;
    justify-content: center
}

.Switch>* {
    width: 220px;
    height: 33px;
    border-radius: 3px;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    font-family: inherit;
    font-size: 1.4rem;
    line-height: 33px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    transition: .1s background-color
}

.Switch>*:not(:last-child) {
    margin-right: 5px
}

.Switch>*:hover {
    background-color: #31414c
}

.Switch>*.active {
    background-color: #394956
}

.VerticalMiddle {
    vertical-align: middle
}

.White-Text {
    color: #fff
}

.Secondary-Text {
    color: #9d9d9d
}

.StyledScroll {
    scrollbar-color: rgba(255, 255, 255, .2) transparent
}

.StyledScroll::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background: #2b3943
}

.StyledScroll::-webkit-scrollbar-thumb {
    background: #fff3;
    border: 4px solid #2B3943;
    border-radius: 8px
}

.StyledScroll::-webkit-scrollbar-thumb:hover {
    background: #ffffff40;
    border: 3px solid #2B3943
}

.StyledScroll::-webkit-scrollbar-corner {
    background: #2b3943
}

.GradientText {
    background-color: #37b06f;
    background: linear-gradient(135deg, #51eb98, #40a3ff 96.83%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

@media only screen and (max-width: 768px) {
    .hideOnMobile {
        display: none !important
    }
}

* {
    box-sizing: border-box
}

.helpcrunch-iframe-wrapper iframe {
    right: 8px !important;
    bottom: 48px !important
}

html {
    position: relative;
    font-size: 62.5%;
    background: linear-gradient(to bottom, #161f25 0, #0b1216 100vh);
    background-attachment: fixed;
    min-height: 100vh;
    overflow-y: scroll
}

body {
    margin: 0;
    padding: 0;
    font-size: 1.4rem;
    font-family: Montserrat, sans-serif
}

body:before {
    content: "";
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1000;
    opacity: 0;
    transition: opacity .5s;
    animation-delay: 1.5s
}

button,
input,
textarea {
    font-family: Montserrat, sans-serif
}

.app {
    min-height: 100vh;
    display: flex
}

@media only screen and (max-width: 1024px) {
    .app {
        flex-direction: column
    }
}

.app.network-fade {
    background: linear-gradient(to bottom, rgba(var(--networkAccent), .1), #fff0 6%)
}

.app.compound-ext {
    background: #0f171f
}

.main-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0
}

@media only screen and (max-width: 1024px) {
    .main-content {
        max-width: 100vw
    }
}

@media only screen and (max-width: 1190px) {
    .main-content {
        padding: 0 10px;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 1024px) {
    .main-content {
        padding: 0 9px
    }
}

a {
    color: inherit;
    text-decoration: none
}

.width-container {
    max-width: 1100px;
    margin: 0 auto
}

.bottom-controls {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #16232c;
    border-top: 1px solid #37B06F;
    border-radius: 0 0 3px 3px
}

.bottom-controls .button {
    width: 124px;
    border-radius: 0
}

.bottom-controls :last-child {
    border-radius: 0 0 3px
}

input:invalid {
    box-shadow: none
}

.loader-between-pages {
    flex-grow: 1
}

hr {
    border: 0;
    border-bottom: 1px solid #37B06F;
    margin: 15px 0
}

.mini-divider {
    background: #fff;
    height: 16px;
    margin: 0 6px;
    width: 1px
}

.app-backdrop {
    position: absolute;
    pointer-events: none;
    inset: 0;
    background-color: #000;
    opacity: 0;
    transition: all .1s ease-in-out
}

.app-backdrop--open {
    z-index: 9998;
    pointer-events: auto;
    opacity: .56
}

.app-backdrop.savings {
    transition: all .36s ease-in-out
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input {
    -webkit-appearance: none;
    -moz-appearance: textfield !important
}

:root {
    --gridColumns: 1;
    --gridColumnsWidth: 1fr;
    --gridRows: 1;
    --gridRowsWidth: 1fr;
    --gridGap: 0rem;
    --flexGap: 0rem;
    --flexAlign: center;
    --flexJustify: center
}

.grid {
    display: grid;
    grid-template-columns: repeat(var(--gridColumns), var(--gridColumnsWidth));
    grid-template-rows: repeat(var(--gridRows), var(--gridRowsWidth));
    grid-gap: var(--gridGap)
}

.flex,
.flex--ff-rr-wr,
.flex--ff-rr-nw,
.flex--ff-rr-w,
.flex--ff-r-wr,
.flex--ff-r-nw,
.flex--ff-r-w,
.flex--ff-cr-wr,
.flex--ff-cr-nw,
.flex--ff-cr-w,
.flex--ff-c-wr,
.flex--ff-c-nw,
.flex--ff-c-w,
.flex--fw-wrap-r,
.flex--fw-wrap,
.flex--fw-nwrap,
.flex--ai-strech,
.flex--ai-end,
.flex--ai-start,
.flex--ai-center,
.flex--jc-strech,
.flex--jc-space-a,
.flex--jc-space-b,
.flex--jc-end,
.flex--jc-start,
.flex--jc-center,
.flex--row-r,
.flex--row,
.flex--column-r,
.flex--column {
    display: flex;
    align-items: var(--flexAlign);
    justify-content: var(--flexJustify);
    gap: var(--flexGap)
}

.flex--column {
    flex-direction: column
}

.flex--column-r {
    flex-direction: column-reverse
}

.flex--row {
    flex-direction: row
}

.flex--row-r {
    flex-direction: row-reverse
}

.flex--jc-center {
    justify-content: center
}

.flex--jc-start {
    justify-content: flex-start
}

.flex--jc-end {
    justify-content: flex-end
}

.flex--jc-space-b {
    justify-content: space-between
}

.flex--jc-space-a {
    justify-content: space-around
}

.flex--jc-strech {
    justify-content: stretch
}

.flex--ai-center {
    align-items: center
}

.flex--ai-start {
    align-items: flex-start
}

.flex--ai-end {
    align-items: flex-end
}

.flex--ai-strech {
    align-items: stretch
}

.flex--fw-nwrap {
    flex-wrap: nowrap
}

.flex--fw-wrap {
    flex-wrap: wrap
}

.flex--fw-wrap-r {
    flex-wrap: wrap-reverse
}

.flex--ff-c-w {
    flex-flow: column wrap
}

.flex--ff-c-nw {
    flex-flow: column nowrap
}

.flex--ff-c-wr {
    flex-flow: column wrap-reverse
}

.flex--ff-cr-w {
    flex-flow: column-reverse wrap
}

.flex--ff-cr-nw {
    flex-flow: column-reverse nowrap
}

.flex--ff-cr-wr {
    flex-flow: column-reverse wrap-reverse
}

.flex--ff-r-w {
    flex-flow: row wrap
}

.flex--ff-r-nw {
    flex-flow: row nowrap
}

.flex--ff-r-wr {
    flex-flow: row wrap-reverse
}

.flex--ff-rr-w {
    flex-flow: row-reverse wrap
}

.flex--ff-rr-nw {
    flex-flow: row-reverse nowrap
}

.flex--ff-rr-wr {
    flex-flow: row-reverse wrap-reverse
}

.form-wrapper {
    width: 100%;
    position: relative
}

.form-wrapper .form-item-wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border-radius: 3px;
    border: 1px solid #61717E;
    transition: border-color .1s
}

.form-wrapper .form-item-wrapper:hover {
    border-color: #7f8f9c
}

.form-wrapper .form-item-wrapper:focus-within {
    border-color: #2684ff
}

.form-wrapper .form-item-wrapper.wrapper-error {
    padding: 0;
    border-color: #eb5757
}

.form-wrapper .form-item-wrapper.wrapper-error:hover {
    border-color: #ee6e6e
}

.form-wrapper .form-item-wrapper.wrapper-error:hover>div.form-item-error {
    border-color: #ee6e6e !important
}

.form-wrapper .form-item-wrapper.wrapper-warning {
    padding: 0;
    border-color: #91792e
}

.form-wrapper .form-item-wrapper.wrapper-warning:hover {
    border-color: #a48934
}

.form-wrapper .form-item-wrapper.wrapper-warning:hover>div.form-item-warning {
    border-color: #a48934 !important
}

.form-wrapper .form-item-wrapper.disabled {
    opacity: .3;
    cursor: not-allowed
}

.form-wrapper .form-item-wrapper.disabled>* {
    pointer-events: none
}

.form-wrapper .form-item-wrapper:not(:last-child) {
    margin-bottom: 20px
}

.form-wrapper .form-item-wrapper .input-values {
    display: flex;
    justify-content: space-between
}

.form-wrapper .form-item-wrapper label {
    padding: 0 12px 0 20px;
    line-height: 62px;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #fff;
    flex: 1 0 auto;
    white-space: nowrap
}

.form-wrapper .form-item-wrapper input {
    outline: none;
    font-size: 2rem;
    font-weight: 700
}

.form-wrapper .form-item-wrapper .select {
    text-align: left !important
}

.form-wrapper .form-item-wrapper .second-label {
    font-size: 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 20px 0 4px;
    line-height: 60px
}

.form-wrapper .form-item-wrapper .third-label {
    position: absolute;
    font-size: 1.3rem;
    line-height: 16px;
    top: 35px;
    right: 20px;
    padding: 0;
    color: #939da7
}

.form-wrapper .form-item-wrapper .label-replacement {
    padding-right: 20px
}

.form-wrapper .form-item-wrapper .form-item {
    width: 100%;
    color: #fff;
    border: none;
    background: transparent;
    text-align: right;
    min-width: 0
}

.form-wrapper .form-item-wrapper .form-item::placeholder {
    color: #939da7;
    opacity: 1
}

.form-wrapper .form-item-wrapper.has-third-label input {
    height: 62px;
    padding-bottom: 13px
}

.form-wrapper .form-item-wrapper.has-third-label .second-label {
    height: 62px;
    padding-bottom: 12px
}

.form-wrapper .form-item-wrapper div.form-item-error {
    background-color: #eb57574d;
    color: #fff;
    text-align: left;
    font-size: 1.3rem;
    border-top: 1px solid #EB5757;
    transition: border-color .1s;
    padding: 10px 20px;
    font-weight: 500
}

.form-wrapper .form-item-wrapper div.form-item-warning {
    background-color: #91792e4d;
    color: #fff;
    text-align: left;
    font-size: 1.3rem;
    border-top: 1px solid #91792E;
    transition: border-color .1s;
    padding: 10px 20px;
    font-weight: 500
}

.form-wrapper .form-item-wrapper.form-item-wrapper-textarea .input-values {
    flex-grow: 1
}

.form-wrapper .form-item-wrapper.form-item-wrapper-textarea textarea {
    outline: none;
    resize: none;
    text-align: left;
    flex-grow: 1;
    font-size: 1.3rem;
    font-weight: 400
}

.tippy-touch {
    cursor: pointer !important
}

.tippy-notransition {
    transition: none !important
}

[data-tippy-root] {
    max-width: 420px;
    -webkit-perspective: 800px;
    perspective: 800px;
    z-index: 11001 !important;
    outline: 0;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    pointer-events: none
}

[data-tippy-root].html-template {
    max-width: 96%;
    max-width: calc(100% - 20px)
}

[data-tippy-root][x-placement^=top] [x-arrow] {
    border-top: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: -7px;
    margin: 0 9px
}

[data-tippy-root][x-placement^=top] [x-arrow].arrow-small {
    border-top: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px
}

[data-tippy-root][x-placement^=top] [x-arrow].arrow-big {
    border-top: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px
}

[data-tippy-root][x-placement^=top] [x-circle] {
    -webkit-transform-origin: 0 33%;
    transform-origin: 0 33%
}

[data-tippy-root][x-placement^=top] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -55%);
    transform: scale(1) translate(-50%, -55%);
    opacity: 1
}

[data-tippy-root][x-placement^=top] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -50%);
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-arrow] {
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: #000000b3
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-top: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-top: 5px solid rgba(0, 0, 0, .7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=top] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-top: 10px solid rgba(0, 0, 0, .7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}

[data-tippy-root][x-placement^=top] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}

[data-tippy-root][x-placement^=top] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}

[data-tippy-root][x-placement^=top] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

[data-tippy-root][x-placement^=top] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

[data-tippy-root][x-placement^=top] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

[data-tippy-root][x-placement^=top] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

[data-tippy-root][x-placement^=top] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}

[data-tippy-root][x-placement^=top] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

[data-tippy-root][x-placement^=bottom] [x-arrow] {
    border-bottom: 7px solid #333;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: -7px;
    margin: 0 9px
}

[data-tippy-root][x-placement^=bottom] [x-arrow].arrow-small {
    border-bottom: 5px solid #333;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -5px
}

[data-tippy-root][x-placement^=bottom] [x-arrow].arrow-big {
    border-bottom: 10px solid #333;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px
}

[data-tippy-root][x-placement^=bottom] [x-circle] {
    -webkit-transform-origin: 0 -50%;
    transform-origin: 0 -50%
}

[data-tippy-root][x-placement^=bottom] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -45%);
    transform: scale(1) translate(-50%, -45%);
    opacity: 1
}

[data-tippy-root][x-placement^=bottom] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -5%);
    transform: scale(.15) translate(-50%, -5%);
    opacity: 0
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-arrow] {
    border-bottom: 7px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-bottom: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: #000000b3
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-bottom: 7px solid rgba(0, 0, 0, .7);
    border-right: 7px solid transparent;
    border-left: 7px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-bottom: 5px solid rgba(0, 0, 0, .7);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

[data-tippy-root][x-placement^=bottom] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-bottom: 10px solid rgba(0, 0, 0, .7);
    border-right: 10px solid transparent;
    border-left: 10px solid transparent
}

[data-tippy-root][x-placement^=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}

[data-tippy-root][x-placement^=bottom] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}

[data-tippy-root][x-placement^=bottom] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}

[data-tippy-root][x-placement^=bottom] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

[data-tippy-root][x-placement^=bottom] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

[data-tippy-root][x-placement^=bottom] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

[data-tippy-root][x-placement^=bottom] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

[data-tippy-root][x-placement^=bottom] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}

[data-tippy-root][x-placement^=bottom] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}

[data-tippy-root][x-placement^=left] [x-arrow] {
    border-left: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    right: -7px;
    margin: 6px 0
}

[data-tippy-root][x-placement^=left] [x-arrow].arrow-small {
    border-left: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    right: -5px
}

[data-tippy-root][x-placement^=left] [x-arrow].arrow-big {
    border-left: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    right: -10px
}

[data-tippy-root][x-placement^=left] [x-circle] {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

[data-tippy-root][x-placement^=left] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

[data-tippy-root][x-placement^=left] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -50%);
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-arrow] {
    border-left: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-left: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-left: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: #000000b3
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-left: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-left: 5px solid rgba(0, 0, 0, .7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=left] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-left: 10px solid rgba(0, 0, 0, .7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}

[data-tippy-root][x-placement^=left] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translate(-10px) rotateY(0)
}

[data-tippy-root][x-placement^=left] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translate(0) rotateY(-90deg)
}

[data-tippy-root][x-placement^=left] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translate(-10px)
}

[data-tippy-root][x-placement^=left] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translate(-10px)
}

[data-tippy-root][x-placement^=left] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translate(-10px)
}

[data-tippy-root][x-placement^=left] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translate(0)
}

[data-tippy-root][x-placement^=left] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translate(-10px) scale(1)
}

[data-tippy-root][x-placement^=left] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translate(0) scale(0)
}

[data-tippy-root][x-placement^=right] [x-arrow] {
    border-right: 7px solid #333;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    left: -7px;
    margin: 6px 0
}

[data-tippy-root][x-placement^=right] [x-arrow].arrow-small {
    border-right: 5px solid #333;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px
}

[data-tippy-root][x-placement^=right] [x-arrow].arrow-big {
    border-right: 10px solid #333;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -10px
}

[data-tippy-root][x-placement^=right] [x-circle] {
    -webkit-transform-origin: -50% 0;
    transform-origin: -50% 0
}

[data-tippy-root][x-placement^=right] [x-circle].enter {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    opacity: 1
}

[data-tippy-root][x-placement^=right] [x-circle].leave {
    -webkit-transform: scale(.15) translate(-50%, -50%);
    transform: scale(.15) translate(-50%, -50%);
    opacity: 0
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-circle] {
    background-color: #fff
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-arrow] {
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-arrow].arrow-small {
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=light] [x-arrow].arrow-big {
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-circle] {
    background-color: #000000b3
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-arrow] {
    border-right: 7px solid rgba(0, 0, 0, .7);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-arrow].arrow-small {
    border-right: 5px solid rgba(0, 0, 0, .7);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

[data-tippy-root][x-placement^=right] .tippy-box[data-theme~=transparent] [x-arrow].arrow-big {
    border-right: 10px solid rgba(0, 0, 0, .7);
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent
}

[data-tippy-root][x-placement^=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}

[data-tippy-root][x-placement^=right] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translate(10px) rotateY(0)
}

[data-tippy-root][x-placement^=right] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translate(0) rotateY(90deg)
}

[data-tippy-root][x-placement^=right] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translate(10px)
}

[data-tippy-root][x-placement^=right] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translate(10px)
}

[data-tippy-root][x-placement^=right] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translate(10px)
}

[data-tippy-root][x-placement^=right] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translate(0)
}

[data-tippy-root][x-placement^=right] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translate(10px) scale(1)
}

[data-tippy-root][x-placement^=right] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translate(0) scale(0)
}

[data-tippy-root] .tippy-box[data-theme~=transparent] {
    background-color: #000000b3
}

[data-tippy-root] .tippy-box[data-theme~=transparent][data-animatefill] {
    background-color: transparent
}

[data-tippy-root] .tippy-box[data-theme~=light] {
    color: #26323d;
    box-shadow: 0 4px 20px 4px #00143c1a, 0 4px 80px -8px #00143c33;
    background-color: #fff
}

[data-tippy-root] .tippy-box[data-theme~=light][data-animatefill] {
    background-color: transparent
}

.tippy-box {
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: .95rem;
    padding: .4rem .8rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}

.tippy-box--small {
    padding: .25rem .5rem;
    font-size: .8rem
}

.tippy-box--big {
    padding: .6rem 1.2rem;
    font-size: 1.2rem
}

.tippy-box[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}

.tippy-box[data-interactive] {
    pointer-events: auto
}

.tippy-box[data-inertia] {
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}

.tippy-box [x-arrow] {
    position: absolute;
    width: 0;
    height: 0
}

.tippy-box [x-circle] {
    position: absolute;
    will-change: transform;
    border-radius: 50%;
    width: 130%;
    width: calc(110% + 2rem);
    left: 50%;
    top: 50%;
    z-index: -1;
    overflow: hidden;
    transition: all ease
}

.tippy-box [x-circle]:before {
    content: "";
    padding-top: 90%;
    float: left
}

@media (max-width: 450px) {
    [data-tippy-root] {
        max-width: 96%;
        max-width: calc(100% - 20px)
    }
}

span[data-tooltipped] {
    cursor: pointer
}

span[data-tooltipped] * {
    vertical-align: baseline
}

.tippy-box {
    padding: 0;
    box-shadow: 0 0 14px #00000040;
    border-radius: 0;
    border-bottom: 1px solid #37B06F;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 18px;
    white-space: pre-line
}

.tippy-box [x-circle] {
    background: #3f4d57f2
}

.tippy-box .tooltip-title-format {
    padding: 5px 8px;
    display: inline-flex;
    align-items: center;
    background: #35434d
}

.tippy-box .tooltip-title-format.copied {
    background: linear-gradient(90deg, #37b06f, #3d4b55 32.86%, #35434d)
}

.tippy-box .tooltip-title-format .copy-icon {
    margin-right: 1rem;
    height: 1.6rem;
    width: 1.6rem
}

.tippy-box * {
    vertical-align: top
}

.select .select__control {
    cursor: pointer;
    border: none;
    background: none;
    box-shadow: none;
    text-align: left
}

.select .select__control:focus-within {
    box-shadow: #2684ff 0 0 0 1px
}

.select .select__control .select__value-container {
    padding: 0
}

.select .select__single-value,
.select .select__input {
    color: #fff;
    max-width: none
}

.select input {
    font-weight: 400 !important;
    color: #fffc !important
}

.select .select__dropdown-indicator {
    opacity: .8;
    transition: opacity .1s
}

.select .select__dropdown-indicator svg {
    background-image: url("");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.select .select__dropdown-indicator svg * {
    visibility: hidden
}

.select .select__indicator-separator {
    display: none
}

.select .select__menu {
    background: #20292f;
    margin-top: 2px;
    text-align: left
}

.select .select__menu .select__menu-list {
    padding: 4px 4px 0;
    scrollbar-color: rgba(255, 255, 255, .2) transparent
}

.select .select__menu .select__menu-list::-webkit-scrollbar {
    width: 16px;
    height: 16px;
    background: #20292f
}

.select .select__menu .select__menu-list::-webkit-scrollbar-thumb {
    background: #fff3;
    border: 4px solid #20292F;
    border-radius: 8px
}

.select .select__menu .select__menu-list::-webkit-scrollbar-thumb:hover {
    background: #ffffff40;
    border: 3px solid #20292F
}

.select .select__menu .select__menu-list::-webkit-scrollbar-corner {
    background: #20292f
}

.select .select__menu .select__menu-list .select__option {
    white-space: nowrap
}

.select .select__menu .select__option {
    color: #fff;
    cursor: pointer;
    margin-bottom: 4px;
    border-radius: 3px
}

.select .select__menu .select__option.select__option--is-focused {
    background: #2a3339
}

.select .select__menu .select__option.select__option--is-focused.select__option--is-disabled {
    background: #161c20;
    opacity: .75;
    cursor: not-allowed
}

.select .select__menu .select__option.select__option--is-selected {
    background: #3f4d57
}

.select .select__menu .select__option.select__option--is-selected.select__option--is-focused {
    background: #43525d
}

.select .select__menu .select__option.select__option--is-selected.select__option--is-focused.select__option--is-disabled,
.select .select__menu .select__option.select__option--is-disabled {
    background: #161c20;
    opacity: .75;
    cursor: not-allowed
}

.default-select-option-wrapper,
.default-select-value-wrapper {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff
}

.default-select-option-wrapper label,
.default-select-value-wrapper label {
    color: #939da7 !important;
    font-size: 14px !important;
    line-height: 60px !important;
    padding-left: 0 !important;
    cursor: pointer
}

.default-select-option-wrapper .icon-wrapper,
.default-select-value-wrapper .icon-wrapper {
    margin-right: 8px
}

.default-select-option-wrapper .icon-wrapper>*,
.default-select-value-wrapper .icon-wrapper>* {
    vertical-align: top
}

.default-select-option-wrapper .icon-wrapper svg,
.default-select-value-wrapper .icon-wrapper svg {
    height: 30px;
    width: 30px
}

.default-select-option-wrapper .option-value,
.default-select-value-wrapper .option-value {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.default-select-option-wrapper .option-value *,
.default-select-value-wrapper .option-value * {
    padding: 0;
    margin: 0
}

.default-select-option-wrapper .option-value .option-value-w-input,
.default-select-value-wrapper .option-value .option-value-w-input {
    display: grid
}

.default-select-option-wrapper .second-select-label,
.default-select-value-wrapper .second-select-label {
    margin: 1px 0;
    color: #939da7;
    font-size: 1rem;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    line-height: 1em
}

.select.box {
    background: #2b3943;
    border-radius: 3px
}

.select.box.transparent {
    background: transparent
}

.select.box .select__placeholder {
    color: #fff
}

.select.box .select__menu {
    border-radius: 0;
    margin-top: 2px;
    z-index: 5
}

.select.box .select__control {
    cursor: pointer;
    border-radius: 3px;
    height: 100%;
    border: none;
    background: none
}

.select.box .select__control .select__value-container {
    padding: 2px 0 2px 10px;
    display: flex
}

.select.box .select__control .select__value-container .select__input-container {
    color: #fff
}

.select.box .select__control .select__value-container>div {
    margin: 0;
    padding: 0;
    line-height: 22px
}

.select.box .select__control .select__single-value,
.select.box .select__control .select__input-container {
    font-size: 1.6rem
}

.select.box:hover .select__dropdown-indicator {
    opacity: 1
}

.select.in-form .select__control {
    border-radius: 3px
}

.select.in-form .select__control .select__value-container {
    padding-left: 20px;
    display: flex;
    height: 62px
}

.select.in-form .select__control .select__single-value,
.select.in-form .select__control .select__input-container,
.select.in-form .select__control input {
    font-size: 1.6rem
}

.select.in-form .select__control .select__dropdown-indicator {
    padding-right: 20px
}

.select.in-form .select__option {
    padding: 10px 16px !important
}

.select.in-field {
    border-left: 1px solid #61717E
}

.select.in-field:focus-within {
    background-color: #ffffff0d;
    z-index: 1
}

.select.in-field .select__control {
    height: 100%;
    border-radius: 0
}

.select.in-field .select__control .select__value-container {
    padding-left: 12px;
    display: flex
}

.select.in-field .select__control .select__single-value,
.select.in-field .select__control .select__input-container,
.select.in-field .select__control input {
    font-size: 1.6rem
}

.select.in-field .select__control .select__dropdown-indicator {
    padding-right: 10px
}

.select.in-field:last-child .select__control {
    border-radius: 0 3px 3px 0 !important
}

.select.in-field .select__option {
    padding: 10px !important
}

.dashboard-header-wrapper {
    background: #313d47;
    border-radius: 3px 3px 0 0;
    padding: 0 20px;
    height: 52px;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: space-between;
    width: 100%
}

.dashboard-header-wrapper .divider {
    margin: 0 10px;
    width: 1px;
    height: 22px;
    background: #37b06f
}

@media only screen and (max-width: 650px) {
    .dashboard-header-wrapper .divider {
        display: none
    }
}

.dashboard-header-wrapper .select.box {
    background: #20292f;
    max-height: 35px
}

.dashboard-header-wrapper .select.box .select__control {
    min-height: 35px;
    max-height: 35px;
    min-width: 100px
}

.dashboard-header-wrapper .refresh-button-wrapper:not(:first-child) {
    margin-left: 5px
}

.dashboard-header-wrapper .header-left-wrapper {
    display: flex;
    flex-grow: 1
}

.dashboard-header-wrapper .header-additional-actions-wrapper {
    display: flex;
    justify-content: flex-end
}

.dashboard-header-wrapper .header-additional-actions-wrapper .close {
    margin-right: .5rem
}

@media only screen and (max-width: 650px) {
    .dashboard-header-wrapper .header-additional-actions-wrapper {
        width: 100%;
        margin-top: 10px
    }
}

.dashboard-header-wrapper .Switch {
    height: 35px;
    padding: 4px;
    background-color: #20292f
}

.dashboard-header-wrapper .Switch>* {
    width: auto;
    height: 27px;
    line-height: 27px;
    padding: 0 8px;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em
}

.dashboard-page-wrapper,
.dashboard-page-wrapper .content-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.dashboard-page-wrapper .content-wrapper>.width-container:not(.dashboard-header) {
    width: 100%;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-5)
}

.dashboard-page-wrapper .tabs-wrapper {
    width: 100%
}

.dashboard-page-wrapper .tabs-wrapper .tab-list {
    display: flex
}

.dashboard-page-wrapper .tabs-wrapper .tab-list .tab-list-item {
    padding-left: 0;
    padding-right: 0;
    flex-grow: 1;
    width: 100%;
    border-radius: 3px 3px 0 0
}

.dashboard-page-wrapper .main-section-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(to bottom, #2b3943, #1a242b);
    border-radius: 0 0 3px 3px
}

.dashboard-page-wrapper .main-section-wrapper .main-subsections-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper {
    display: none
}

@media only screen and (max-width: 650px) {
    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper {
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper .select-label {
        font-size: 2rem;
        color: #fff
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper .select.box {
        background: #37b06f
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper .select.box .select__control {
        width: 165px;
        height: 44px
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper .select.box .select__control .select__indicators .select__dropdown-indicator {
        padding-right: 16px
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper .select.box .select__control .select__value-container {
        justify-content: flex-start;
        padding-left: 11px
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper .select.box .select__control .select__value-container .select__single-value {
        font-size: 1.6rem;
        margin: 0
    }
}

@media only screen and (max-width: 768px) {
    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper.portfolio-picker-wrapper {
        padding: 0 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        position: relative
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper.portfolio-picker-wrapper .select-label {
        font-size: 2rem;
        color: #fff
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper.portfolio-picker-wrapper .select.box {
        background: #37b06f
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper.portfolio-picker-wrapper .select.box .select__control {
        width: 165px;
        height: 44px
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper.portfolio-picker-wrapper .select.box .select__control .select__indicators .select__dropdown-indicator {
        padding-right: 16px
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper.portfolio-picker-wrapper .select.box .select__control .select__value-container {
        justify-content: flex-start;
        padding-left: 11px
    }

    .dashboard-page-wrapper .main-section-wrapper .mobile-action-picker-wrapper.portfolio-picker-wrapper .select.box .select__control .select__value-container .select__single-value {
        font-size: 1.6rem;
        margin: 0
    }
}

.dashboard-page-wrapper .actions-section-wrapper {
    margin-top: 25px
}

.dashboard-page-wrapper .actions-section-wrapper.main {
    display: none
}

@media only screen and (max-width: 1130px) {
    .dashboard-page-wrapper .actions-section-wrapper .tabs-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: fit-content
    }

    .dashboard-page-wrapper .actions-section-wrapper .tabs-wrapper .tab-list {
        display: flex;
        width: 100%
    }

    .dashboard-page-wrapper .actions-section-wrapper .tabs-wrapper .tab-list .tab-list-item {
        flex-grow: 1
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item {
        margin: 0
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item:not(:last-child) {
        margin: 0 0 50px
    }
}

.dashboard-page-wrapper .actions-section-wrapper .tab-content {
    padding: 60px 60px 17px;
    border-radius: 0 0 3px 3px
}

.dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px
}

.dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .select-input-wrapper .select .icon-wrapper {
    display: none !important
}

@media only screen and (max-width: 650px) {
    .dashboard-page-wrapper .actions-section-wrapper {
        margin-top: 0
    }

    .dashboard-page-wrapper .actions-section-wrapper.main {
        display: flex;
        width: 100%
    }

    .dashboard-page-wrapper .actions-section-wrapper:not(.main) {
        display: none
    }

    .dashboard-page-wrapper .actions-section-wrapper .tabs-wrapper {
        width: 100%
    }

    .dashboard-page-wrapper .actions-section-wrapper .tabs-wrapper .tab-list {
        display: none
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content {
        padding: 0;
        width: 100%;
        background: transparent
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper {
        margin: 0;
        width: 100%;
        position: relative
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper:not(.show) {
        display: none
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper:after {
        content: "";
        display: block;
        position: absolute;
        left: 20px;
        right: 20px;
        height: 1px;
        background-color: #37b06f;
        top: 0
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item {
        padding: 40px 20px 20px;
        margin: 0 !important;
        max-width: 510px
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item:not(.show) {
        display: none
    }

    .dashboard-page-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item .form-item-wrapper .form-item {
        max-width: unset
    }
}

:root {
    --color-blue-gray-010: #FAFCFD;
    --color-blue-gray-025: #F6F8F9;
    --color-blue-gray-050: #EAECED;
    --color-blue-gray-075: #E1E3E4;
    --color-blue-gray-100: #ADB1B5;
    --color-blue-gray-200: #6F777E;
    --color-blue-gray-300: #5A646C;
    --color-blue-gray-400: #465059;
    --color-blue-gray-500: #313D47;
    --color-blue-gray-600: #2C3740;
    --color-blue-gray-700: #222B32;
    --color-blue-gray-800: #1D252B;
    --color-blue-gray-900: #14181C;
    --color-blue-gray-950: #0C1215;
    --color-blue-gray-999: #0A0C0E;
    --color-green-010: #F5FFFB;
    --color-green-050: #EBF7F1;
    --color-green-100: #AFDFC5;
    --color-green-200: #73C89A;
    --color-green-300: #5FC08C;
    --color-green-400: #4BB87D;
    --color-green-500: #37B06F;
    --color-green-600: #329E64;
    --color-green-700: #277B4E;
    --color-green-800: #216A43;
    --color-green-900: #16462C;
    --color-green-999: #0B2316;
    --color-pine-010: #F5FBF9;
    --color-pine-050: #EBF1EF;
    --color-pine-100: #AEC8BD;
    --color-pine-200: #719F8C;
    --color-pine-300: #5D917C;
    --color-pine-400: #48846B;
    --color-pine-500: #34765B;
    --color-pine-600: #2F6A52;
    --color-pine-700: #245340;
    --color-pine-800: #1F4737;
    --color-pine-900: #152F24;
    --color-pine-999: #0A1812;
    --color-purple-010: #FFF8FF;
    --color-purple-050: #F5EEFC;
    --color-purple-100: #D7B9F3;
    --color-purple-200: #B985E9;
    --color-purple-300: #AF74E6;
    --color-purple-400: #A562E3;
    --color-purple-500: #9B51E0;
    --color-purple-600: #8C49CA;
    --color-purple-700: #6D399D;
    --color-purple-800: #5D3186;
    --color-purple-900: #3E205A;
    --color-purple-999: #1F102D;
    --color-orange-010: #FFFBF2;
    --color-orange-050: #FCF1E8;
    --color-orange-100: #F4C8A4;
    --color-orange-200: #EC9F5F;
    --color-orange-300: #E99149;
    --color-orange-400: #E78432;
    --color-orange-500: #E4761B;
    --color-orange-600: #CD6A18;
    --color-orange-700: #A05313;
    --color-orange-800: #894710;
    --color-orange-900: #5B2F0B;
    --color-orange-999: #2E1805;
    --color-red-010: #FFF8F8;
    --color-red-050: #FDEEEE;
    --color-red-100: #F7BCBC;
    --color-red-200: #F18989;
    --color-red-300: #EF7979;
    --color-red-400: #ED6868;
    --color-red-500: #EB5757;
    --color-red-600: #D44E4E;
    --color-red-700: #A53D3D;
    --color-red-800: #8D3434;
    --color-red-900: #5E2323;
    --color-red-999: #2F1111;
    --color-blue-010: #F4F9FF;
    --color-blue-050: #E9F3FF;
    --color-blue-100: #A8CEFF;
    --color-blue-200: #67A9FF;
    --color-blue-300: #519DFF;
    --color-blue-400: #3C90FF;
    --color-blue-500: #2684FF;
    --color-blue-600: #2277E6;
    --color-blue-700: #1B5CB3;
    --color-blue-800: #174F99;
    --color-blue-900: #0F3566;
    --color-blue-999: #081A33
}

:root {
    --border-radius-large: 8px;
    --border-radius-small: 3px;
    --border-radius-medium: 5px;
    --space-025: 1px;
    --space-05: 2px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 28px;
    --space-8: 32px;
    --space-9: 36px;
    --space-10: 40px;
    --space-11: 44px;
    --space-12: 48px;
    --space-13: 52px;
    --space-14: 56px;
    --space-15: 60px;
    --space-16: 64px;
    --space-17: 68px;
    --space-18: 72px;
    --space-19: 76px;
    --space-20: 80px;
    --text-font-family-numeric: "Montserrat", sans-serif;
    --text-size-num-highlight-strong: 3.2rem;
    --text-line-height-num-highlight-regular: 3.2rem;
    --text-size-title-home-page: 3.5rem;
    --text-size-title: 2.8rem;
    --text-size-giant: 2.2rem;
    --text-size-extra-large: 2rem;
    --text-size-large: 1.8rem;
    --text-size-medium: 1.6rem;
    --text-size-regular: 1.4rem;
    --text-size-small-regular: 1.3rem;
    --text-size-small: 1.2rem;
    --text-size-extra-small: 1rem;
    --text-size-tiny: .8rem;
    --text-weight-bold: 700;
    --text-weight-semi-bold: 500;
    --text-weight-normal: 400;
    --text-weight-thin: 300
}

[data-theme=dark] {
    --bg-color-primary: var(--color-blue-gray-700);
    --bg-color-secondary: var(--color-blue-gray-500);
    --bg-color-subtle: var(--color-blue-gray-300);
    --bg-color-brand: var(--color-pine-500);
    --bg-color-brand-vivid: var(--color-green-500);
    --bg-color-automation: linear-gradient(135deg, #284D42 0%, #253F56 96.83%);
    --text-color-primary: var(--color-blue-gray-025);
    --text-color-secondary: var(--color-blue-gray-100);
    --text-color-tertiary: var(--color-blue-gray-200);
    --text-color-subtle: var(--color-blue-gray-400);
    --text-color-contrast: var(--color-blue-gray-900);
    --text-color-brand: var(--color-pine-500);
    --text-color-brand-vivid: var(--color-green-500);
    --text-color-error: var(--color-red-100);
    --external-arbitrum-primary: #12AAFF;
    --external-optimism-primary: #EA3431;
    --external-compound-primary: #00D395;
    --external-gho-primary: #28D358;
    --external-spark-primary: #FA43BD;
    --external-spark-secondary: #FFA930;
    --external-aave-primary: #9391F7;
    --external-eth-primary: #9391F7;
    --external-safe-primary: #12FF80;
    --external-morpho-primary: #2E4DFF;
    --external-euler-primary: #2AE5B9;
    --text-color-after-value-ratio-up: var(--color-purple-200);
    --text-color-after-value-ratio-down: var(--color-orange-200);
    --border-color-primary: var(--color-blue-gray-300);
    --border-color-secondary: var(--color-blue-gray-400);
    --border-color-subtle: var(--color-blue-gray-500);
    --border-color-discreet: var(--color-blue-gray-700);
    --border-color-focus: var(--color-blue-500);
    --border-color-green: var(--color-pine-300)
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    padding: 14px 32px;
    font-size: 1.3rem;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 12px;
    border-radius: 3px;
    height: 44px;
    white-space: nowrap;
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    background: #61717e
}

.button:disabled {
    user-select: none;
    cursor: not-allowed
}

.button:hover:not(:disabled) {
    color: #f0f0f0
}

.button:active:not(:disabled) {
    color: #e0e0e0
}

.button:disabled {
    background: #3f4952;
    color: #eeeeee80
}

.button:hover:not(:disabled) {
    background: #576671
}

.button:active:not(:disabled) {
    background: #4e5a65
}

.button.purple {
    background: #6d399d
}

.button.purple:disabled {
    background: #472566;
    color: #eeeeee80
}

.button.purple:hover:not(:disabled) {
    background: #62338d
}

.button.purple:active:not(:disabled) {
    background: #572e7e
}

.button.purple.highlighted:not(:disabled) {
    box-shadow: 0 0 24px #6d399d4d
}

.button.purple-light {
    background: #9b51e0
}

.button.purple-light:disabled {
    background: #661ea8;
    color: #eeeeee80
}

.button.purple-light:hover:not(:disabled) {
    background: #8c37db
}

.button.purple-light:active:not(:disabled) {
    background: #7d25cf
}

.button.purple-light.highlighted:not(:disabled) {
    box-shadow: 0 0 24px #9b51e04d
}

.button.green {
    background: #37b06f
}

.button.green:disabled {
    background: #247248;
    color: #eeeeee80
}

.button.green:hover:not(:disabled) {
    background: #329e64
}

.button.green:active:not(:disabled) {
    background: #2c8d59
}

.button.green.highlighted:not(:disabled) {
    box-shadow: 0 0 24px #37b06f4d
}

.button.dark-green {
    background: #34765b
}

.button.dark-green:disabled {
    background: #224d3b;
    color: #eeeeee80
}

.button.dark-green:hover:not(:disabled) {
    background: #2f6a52
}

.button.dark-green:active:not(:disabled) {
    background: #2a5e49
}

.button.telegram {
    background: #55a3da
}

.button.telegram:disabled {
    background: #236da2;
    color: #eeeeee80
}

.button.telegram:hover:not(:disabled) {
    background: #3c96d5
}

.button.telegram:active:not(:disabled) {
    background: #2b87c7
}

.button.dark {
    background: #20292f
}

.button.dark:disabled {
    background: #2b3943;
    color: #89939d
}

.button.dark:hover:not(:disabled) {
    background: #273239
}

.button.dark:active:not(:disabled) {
    background: #2e3b44
}

.button.dark-gray {
    background: #313d47
}

.button.dark-gray:disabled {
    background: #2c3740
}

.button.dark-gray:hover:not(:disabled) {
    background: #374550
}

.button.dark-gray:active:not(:disabled) {
    background: #3e4d59
}

.button.transparent {
    background: #fff0 !important;
    color: #fff
}

.button.transparent:disabled {
    color: gray
}

.button.transparent:hover:not(:disabled) {
    background-color: #fff3 !important
}

.button.transparent:hover:not(:disabled) .icon:before {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    color: #7f8f9c
}

.button.transparent:active:not(:disabled) {
    background-color: #ffffff4d !important
}

.button.active {
    filter: brightness(1.3)
}

.button.with-mini-label {
    flex-direction: column;
    height: 60px;
    padding-top: 10px
}

.button.with-mini-label .mini-label {
    letter-spacing: 0;
    font-size: 1.2rem;
    text-transform: none;
    font-weight: 400;
    line-height: 20px
}

.button.mini {
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    font-size: 1.2rem;
    letter-spacing: .12em;
    vertical-align: text-bottom
}

.button.mini.with-icon {
    padding-left: 5px
}

.button.mini.with-icon i {
    height: 35px;
    width: 35px;
    background-size: 18px
}

.button.mini.no-text {
    padding: 0
}

.button.mini.no-text i {
    margin: 0
}

.button.with-icon i {
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat
}

.button.with-icon.wallet i {
    background-image: url("")
}

.button.with-icon.close i {
    background-image: url("")
}

.button.with-icon.morpho i {
    background-image: url("")
}

.button.with-icon.edit i {
    background-image: url("")
}

.button.with-icon.transfer i {
    background-image: url("")
}

.button.with-icon.comp i {
    background-image: url("")
}

.button.with-icon.inst i {
    background-image: url("")
}

.button.with-icon.smartwallet-migrate i {
    background-image: url("")
}

.button.with-icon.stake-aave i {
    background-image: url("")
}

.button.with-icon.circled-plus i {
    background-image: url("")
}

.button.with-icon.iso-aave i {
    background-image: url("")
}

.button.with-icon.iso-spark i {
    background-image: url("")
}

.button.with-icon.siloed-aave i {
    background-image: url("")
}

.button.with-icon.siloed-spark i {
    background-image: url("")
}

.button.with-icon.emode-aave i {
    background-image: url("")
}

.button.with-icon.emode-spark i {
    background-image: url("")
}

.button.with-icon.active-emode-aave i {
    background-image: url("")
}

.button.with-icon.active-emode-spark i {
    background-image: url("")
}

.button.with-icon.stake-lqty i {
    background-image: url("")
}

.button.with-icon.redeem-lqty i {
    background-image: url("")
}

.button.with-icon.share i {
    background-image: url("")
}

.button.with-icon.docs i {
    background-image: url("")
}

.button.with-icon.v2migrate i {
    background-image: url("")
}

.button.with-icon.refresh i {
    background-image: url("")
}

.button.with-icon.history i {
    background-image: url("")
}

.button.with-icon.optimism i {
    background-image: url("")
}

.button.with-icon.spark i {
    background-image: url("")
}

.button.with-icon.settings i {
    background-image: url("")
}

.button.with-icon.reward i {
    background-image: url("")
}

.simulation-footer--open {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 48px;
    background-color: #3e205a;
    z-index: 999;
    width: 100%;
    padding-left: 200px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s
}

@media only screen and (max-width: 1024px) {
    .simulation-footer--open {
        padding-left: 0;
        font-size: 13px;
        overflow-x: hidden
    }
}

@media only screen and (min-width: 1025px) {
    .simulation-footer--open {
        padding-left: 80px
    }
}

@keyframes slideOut {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-1000px)
    }
}

@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translate(-1000px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

.simulation-footer--open .simulation-footer__arrow {
    animation-name: slideIn;
    animation-duration: .4s
}

.simulation-footer--closed {
    position: fixed;
    bottom: 0;
    height: 40px;
    background-color: #6d399d;
    z-index: 999;
    width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    cursor: default;
    color: transparent;
    transition: all .3s
}

@media only screen and (max-width: 1024px) {
    .simulation-footer--closed {
        width: 100%;
        height: 0
    }
}

.simulation-footer--closed .simulation-footer__arrow {
    animation-name: slideOut;
    animation-duration: .5s
}

.simulation-footer__content {
    max-width: 1100px;
    flex-grow: 1;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px
}

.simulation-footer__content button {
    height: 36px !important
}

@media only screen and (max-width: 1024px) {
    .simulation-footer__content button {
        padding: 13px;
        overflow-x: hidden
    }
}

.simulation-footer__arrow {
    padding: 4px;
    background: #9b51e0;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    position: fixed;
    right: 82px;
    color: #fff;
    cursor: pointer
}

.simulation-footer__arrow:hover {
    background-color: #ffffff1a
}

@media only screen and (max-width: 1024px) {
    .simulation-footer__arrow {
        display: none
    }
}

.simulation-footer__toggle {
    display: none
}

@media only screen and (max-width: 1024px) {
    .simulation-footer__toggle {
        display: flex;
        align-items: center
    }

    .simulation-footer__toggle .toggle-wrapper .toggle-movable {
        width: 28px;
        height: 18px
    }

    .simulation-footer__toggle .toggle-wrapper .toggle-movable:before {
        background-color: #37b06f !important
    }

    .simulation-footer__toggle .toggle-wrapper .toggle-movable:after {
        width: 16px;
        height: 16px
    }
}

.simulation-footer__time {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px
}

.simulation-footer__time>span {
    display: flex;
    align-items: center
}

.toggle-wrapper {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 14px
}

.toggle-wrapper input {
    opacity: 0;
    width: 0;
    height: 0
}

.toggle-wrapper .toggle-movable {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: #475b6b;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 14px
}

.toggle-wrapper .toggle-movable:after {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 1px;
    bottom: 1px;
    background-color: #adb1b5;
    transition: .2s;
    border-radius: 50%
}

.toggle-wrapper input:checked+.toggle-movable {
    background: linear-gradient(to bottom right, #9ee6bf, #63c18e 44.4332%, #0af)
}

.toggle-wrapper input:checked+.toggle-movable:after {
    background-color: #fff;
    transform: translate(10px)
}

.toggle-wrapper input:focus+.toggle-movable {
    box-shadow: 0 0 1px #2196f3
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden] {
    opacity: 0
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=top] {
    transform: translateY(5px)
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=bottom] {
    transform: translateY(-5px)
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=left] {
    transform: translate(5px)
}

.tippy-box[data-animation=shift-away-subtle][data-state=hidden][data-placement^=right] {
    transform: translate(-5px)
}

.error-fallback-wrapper {
    padding: 20px;
    border: 1px solid #EB5757;
    background-color: #eb57574d;
    border-radius: 3px;
    color: #fff
}

.error-fallback-wrapper.warning {
    background-color: #f2c94c4d;
    border-color: #f2c94c
}

.error-fallback-wrapper a {
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

.error-fallback-wrapper h2 {
    margin: 0 0 10px
}

.Icon {
    display: inline-flex;
    align-items: center;
    height: 1em
}

.Icon svg {
    height: 1em;
    width: 1em
}

.Icon.use-font-color svg path {
    fill: currentColor
}

.Icon.use-font-color svg circle {
    stroke: currentColor
}

._Panel_am866_1 {
    background-color: #222b32;
    padding: 8px 0;
    border-radius: 3px;
    border: 1px solid #313D47
}

._Panel_am866_1._borderless_am866_7 {
    border: none
}

._Panel_am866_1._secondary_am866_10 {
    background: #313d47
}

._Panel_am866_1._noPadding_am866_13 {
    padding: 0
}

.Dropdown__Root {
    position: relative;
    display: inline-block;
    width: fit-content;
    height: fit-content
}

.Dropdown__Trigger {
    position: relative;
    cursor: pointer
}

.Dropdown__Trigger--open {
    z-index: 2;
    filter: brightness(1.2)
}

.Dropdown__Content {
    position: absolute;
    width: fit-content;
    height: fit-content;
    z-index: 2;
    animation: show-dropdown .1s ease-out
}

.Dropdown__Content--bottom-right {
    top: calc(100% + 4px);
    left: 0
}

.Dropdown__Content--bottom-left {
    top: calc(100% + 4px);
    right: 0;
    left: auto
}

.Dropdown__Content--top-right {
    bottom: calc(100% + 4px);
    left: 0;
    animation: show-dropdown-top .1s ease-out
}

.Dropdown__Content--top-left {
    bottom: calc(100% + 4px);
    right: 0;
    left: auto;
    animation: show-dropdown-top .1s ease-out
}

.Backdrop {
    position: fixed;
    pointer-events: none;
    inset: 0;
    background-color: #000;
    opacity: 0;
    transition: all .1s ease-in-out;
    z-index: 10000;
    pointer-events: auto;
    opacity: .56
}

.Backdrop__Focus {
    position: relative;
    z-index: 1
}

.Pill {
    display: inline-flex;
    align-items: center
}

.Pill.green {
    background: #34765b4d;
    color: #37b06f
}

.Pill.grey {
    background: #222b32;
    color: #fff
}

.Pill.darkGrey {
    background: #313d47;
    color: #fff
}

.Pill.lightGrey {
    background-color: #fff3;
    color: #fff
}

.Pill.blue {
    background-color: var(--color-blue-800);
    color: var(--color-blue-100)
}

.Pill.positive {
    background: linear-gradient(135deg, #284d42, #253f56 96.83%);
    color: #afdfc5
}

.Pill.rounded {
    border-radius: 50%
}

.Pill.defaultBorder {
    border-radius: 3px
}

.Pill.small {
    height: 16px;
    padding: 4px 6px;
    font-size: 10px;
    line-height: 1
}

.Pill.medium {
    height: 20px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1
}

.ButtonToggleGroup {
    display: flex;
    gap: 4px;
    border-radius: 5px;
    padding: 4px;
    background-color: #1d252b;
    width: fit-content
}

.ButtonToggleGroup button.button {
    background-color: transparent;
    color: #adb1b5;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left
}

.ButtonToggleGroup button.button.active {
    background-color: #313d47;
    color: #fff
}

.loader-page-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-grow: 1;
    padding: 30px
}

.loader-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.loader-wrapper .message-wrapper {
    font-size: 20px;
    color: #fff;
    margin-top: 25px;
    text-align: center;
    padding: 0 10px
}

.loader {
    width: 100px;
    line-height: 0
}

.loader.mini {
    width: 20px;
    display: inline-block;
    vertical-align: middle
}

.loader.tiny {
    width: 16px;
    display: inline-block;
    vertical-align: middle
}

.loader .loader-text {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    inset: 0;
    margin: 0 auto
}

@keyframes dfs-loader {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    15.4% {
        opacity: 1;
        transform: scale(1)
    }

    61.6% {
        opacity: 1;
        transform: scale(1)
    }

    77% {
        opacity: 0;
        transform: scale(.8)
    }
}

.loader path {
    opacity: 0;
    transform-origin: center;
    animation: dfs-loader 2s infinite
}

.loader path:nth-child(2) {
    animation-delay: .08s
}

.loader path:nth-child(3) {
    animation-delay: .16s
}

.loader path:nth-child(4) {
    animation-delay: .24s
}

._Input_1ioq6_1 {
    width: 100%;
    --error-color: #eb5757;
    height: 62px
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 {
    height: 100%;
    padding: var(--space-3)
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._inputStyleContainer_1ioq6_10 {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 100%
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._icon_1ioq6_16 {
    display: flex;
    font-size: var(--space-6);
    margin: var(--space-2);
    color: var(--text-color-secondary)
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 label {
    color: #9d9d9d;
    margin-right: 8px
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 input,
._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 ._readOnly_1ioq6_32 {
    padding: 4px;
    all: unset;
    height: 24px;
    flex-grow: 1;
    color: var(--text-color-primary);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 ._readOnly_1ioq6_32>span {
    height: 100%
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 ._secondaryText_1ioq6_46 {
    color: var(--text-color-secondary);
    font-size: 12px;
    line-height: 16px
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 ._clearButton_1ioq6_51 {
    position: absolute;
    right: var(--space-2);
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-color-secondary)
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 ._clearButton_1ioq6_51:hover {
    cursor: pointer;
    color: var(--text-color-primary)
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._textAlignRight_1ioq6_62 {
    text-align: right
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6 ._textAlignLeft_1ioq6_65 {
    text-align: left
}

._Input_1ioq6_1 ._inputWrapper_1ioq6_6._error_1ioq6_68 {
    border: 1px solid var(--error-color)
}

._Input_1ioq6_1 ._messageArea_1ioq6_71 {
    margin-top: 12px;
    height: 16px;
    line-height: 16px;
    width: 100%;
    font-size: 14px
}

._Input_1ioq6_1 ._messageArea_1ioq6_71 div {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end
}

._Input_1ioq6_1 ._messageArea_1ioq6_71 ._errorMessage_1ioq6_84 {
    text-align: right;
    color: var(--error-color)
}

._Input_1ioq6_1._small_1ioq6_88 {
    height: var(--space-12)
}

._Input_1ioq6_1._small_1ioq6_88 ._inputWrapper_1ioq6_6 {
    padding: var(--space-2) var(--space-3)
}

._Input_1ioq6_1._small_1ioq6_88 ._inputWrapper_1ioq6_6 ._icon_1ioq6_16 {
    font-size: var(--space-4);
    display: flex;
    margin-right: var(--space-1)
}

._Input_1ioq6_1._small_1ioq6_88 ._inputWrapper_1ioq6_6 label {
    margin-right: 4px
}

._Input_1ioq6_1._small_1ioq6_88 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 input,
._Input_1ioq6_1._small_1ioq6_88 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 ._readOnly_1ioq6_32 {
    padding: 2px;
    font-size: 14px
}

._Input_1ioq6_1._medium_1ioq6_106 {
    height: var(--space-14)
}

._Input_1ioq6_1._medium_1ioq6_106 ._inputWrapper_1ioq6_6 {
    padding: var(--space-2) var(--space-3)
}

._Input_1ioq6_1._medium_1ioq6_106 ._inputWrapper_1ioq6_6 ._icon_1ioq6_16 {
    font-size: var(--space-5);
    display: flex;
    margin-right: var(--space-1)
}

._Input_1ioq6_1._medium_1ioq6_106 ._inputWrapper_1ioq6_6 label {
    margin-right: 4px
}

._Input_1ioq6_1._medium_1ioq6_106 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 input,
._Input_1ioq6_1._medium_1ioq6_106 ._inputWrapper_1ioq6_6 ._valuesSection_1ioq6_26 ._readOnly_1ioq6_32 {
    padding: 2px;
    font-size: 20px
}

._searchField_ria3h_1 {
    background-color: var(--bg-color-secondary);
    border-radius: var(--border-radius-small)
}

._carouselSwitch_1aptx_1 {
    background: #2b3943;
    border-radius: 3px;
    display: flex;
    padding: 7px;
    align-items: center;
    justify-content: center;
    background-color: #212b33;
    overflow: auto
}

@media only screen and (max-width: 1130px) {
    ._carouselSwitch_1aptx_1 {
        justify-content: flex-start;
        padding: 32px 20px 7px
    }

    ._carouselSwitch_1aptx_1:before {
        content: attr(data-label);
        position: absolute;
        top: 7px;
        left: 20px;
        color: #939da7
    }
}

._carouselSwitch_1aptx_1 a {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: .05em;
    background-color: #29343d;
    padding: 0 10px;
    flex: 1 1 auto
}

._carouselSwitch_1aptx_1 a:hover {
    background-color: #31414c
}

._carouselSwitch_1aptx_1>* {
    width: 220px;
    height: 33px;
    border-radius: 3px;
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    font-family: inherit;
    font-size: 1.4rem;
    line-height: 33px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    transition: .1s background-color
}

._carouselSwitch_1aptx_1>*:not(:last-child) {
    margin-right: 5px
}

._carouselSwitch_1aptx_1>*:hover {
    background-color: #31414c
}

._carouselSwitch_1aptx_1>*._active_1aptx_58 {
    background-color: #394956
}

._carouselSwitch_1aptx_1>*.active {
    background-color: #394956
}

._summaryWrapper_qp95s_1 {
    position: relative;
    font-size: var(--space-3);
    font-size: 13px
}

._summaryWrapper_qp95s_1 ._accordionIcon_qp95s_6 {
    position: absolute;
    right: 10px;
    top: 25px;
    justify-content: center;
    height: var(--space-8);
    width: var(--space-8);
    margin-left: var(--space-2);
    padding: var(--space-1);
    font-size: 22px;
    border-radius: 10%;
    cursor: pointer
}

._summaryWrapper_qp95s_1 ._accordionIcon_qp95s_6:hover {
    background: #ffffff0d
}

._accordionDetails_qp95s_24 {
    overflow: hidden
}

@keyframes _show-dropdown_1y7g7_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_1y7g7_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_1y7g7_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_1y7g7_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_1y7g7_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_1y7g7_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_1y7g7_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._PositionOverview_1y7g7_67 {
    animation: _rollUp_1y7g7_1 .1s ease-in;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    background: var(--bg-color-primary);
    color: var(--text-color-primary)
}

@media only screen and (max-width: 1024px) {
    ._PositionOverview_1y7g7_67 {
        flex-direction: column
    }
}

._PositionOverview_1y7g7_67 ._main_1y7g7_82 {
    flex-basis: 0;
    flex-grow: 1;
    padding: var(--space-4);
    border-right: 1px solid var(--border-color-subtle)
}

@media only screen and (max-width: 1024px) {
    ._PositionOverview_1y7g7_67 ._main_1y7g7_82 {
        border-right: none
    }
}

._PositionOverview_1y7g7_67 ._side_1y7g7_93 {
    flex-basis: 0;
    flex-grow: 1;
    padding: var(--space-4);
    gap: var(--space-2);
    background-color: #0000001a;
    display: flex;
    flex-direction: column
}

._PositionOverview_1y7g7_67 ._side_1y7g7_93 ._tabContent_1y7g7_102 {
    height: 100%;
    animation: .4s _rollout_1y7g7_1
}

._statusOuterWrapper_49nbs_1 {
    width: 100%;
    font-size: var(--text-size-small);
    line-height: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-2)
}

._statusOuterWrapper_49nbs_1 ._statusUpdateWrapper_49nbs_9 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1)
}

._statusOuterWrapper_49nbs_1 ._header_49nbs_14 {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

._statusOuterWrapper_49nbs_1 ._header_49nbs_14 ._statusWrapper_49nbs_19 {
    width: var(--space-6);
    padding: 0 var(--space-1);
    font-size: var(--text-size-medium)
}

._statusOuterWrapper_49nbs_1 ._header_49nbs_14 ._headerContent_49nbs_24 {
    flex-grow: 1
}

._statusOuterWrapper_49nbs_1 ._header_49nbs_14 ._secondary_49nbs_27 {
    color: var(--text-color-secondary)
}

._statusOuterWrapper_49nbs_1 p {
    margin: 0 0 0 var(--space-8);
    line-height: 1.5em;
    color: var(--text-color-secondary)
}

._statusOuterWrapper_49nbs_1 a {
    text-decoration: underline;
    cursor: pointer
}

._AutomationCard_40vw3_1 {
    width: 100%;
    padding: var(--space-3);
    background-color: var(--bg-color-primary);
    display: flex;
    gap: var(--space-2)
}

._AutomationCard_40vw3_1 ._content_40vw3_8 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-grow: 1;
    gap: var(--space-05)
}

._AutomationCard_40vw3_1 ._content_40vw3_8 ._titleWrapper_40vw3_15 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

._AutomationCard_40vw3_1 ._content_40vw3_8 ._title_40vw3_15 {
    display: flex;
    gap: var(--space-1);
    align-items: center;
    padding: var(--space-1) calc(var(--space-1) * 1.5);
    border-radius: var(--border-radius-small);
    background: var(--bg-color-automation)
}

._AutomationCard_40vw3_1 ._content_40vw3_8 ._title_40vw3_15 ._icon_40vw3_29 {
    line-height: var(--space-4);
    font-size: var(--space-4);
    height: var(--space-4)
}

._AutomationCard_40vw3_1 ._content_40vw3_8 ._title_40vw3_15 ._text_40vw3_34 {
    background: var(--automation-automation-primary, linear-gradient(135deg, #51EB98 0%, #40A3FF 96.83%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--text-size-small);
    font-style: normal;
    font-weight: var(--text-weight-semi-bold);
    line-height: var(--space-3);
    letter-spacing: .12px
}

._AutomationCard_40vw3_1 ._content_40vw3_8 ._description_40vw3_45 {
    padding-left: var(--space-1);
    overflow: hidden;
    color: var(--text-color-secondary);
    text-overflow: ellipsis;
    font-size: var(--text-size-small);
    font-style: normal;
    font-weight: var(--text-weight-normal);
    line-height: var(--space-5);
    letter-spacing: .12px
}

._AutomationCard_40vw3_1 ._content_40vw3_8 hr {
    width: 100%;
    border: 0;
    border-top: 1px solid var(--border-color-subtle);
    margin: 12px 0
}

._CountLabel_5x0mk_1 {
    display: inline-flex;
    gap: calc(1.5 * var(--space-1))
}

._CountLabel_5x0mk_1 ._count_5x0mk_5 {
    width: var(--space-4);
    height: var(--space-4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(to right, #284d42, #253f56);
    color: var(--color-green-100);
    font-size: 10px;
    font-style: normal;
    font-weight: var(--Font-weight-fw-500, 500);
    line-height: var(--line-height-lh-10010-px, 10px);
    padding-left: 2px;
    padding-top: .5px
}

@keyframes _show-dropdown_gk3lb_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_gk3lb_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_gk3lb_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_gk3lb_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_gk3lb_67 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_gk3lb_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_gk3lb_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._rollUp_gk3lb_67 {
    animation: _rollUp_gk3lb_67 .1s ease-in
}

@keyframes _show-dropdown_82wgn_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_82wgn_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_82wgn_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_82wgn_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_82wgn_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_82wgn_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_82wgn_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._PositionOverviewAutomations_82wgn_67 {
    animation: _rollUp_82wgn_1 .1s ease-in;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    gap: var(--space-1)
}

._EmptyState_82wgn_77 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    flex-grow: 1;
    min-height: 200px
}

._EmptyState_82wgn_77 ._text_82wgn_86 {
    color: var(--text-color-tertiary);
    text-align: center;
    font-size: var(--text-size-regular, 14px);
    font-style: normal;
    font-weight: var(--text-weight-normal, 400);
    line-height: var(--text-size-medium, 16px)
}

._LoadingPlaceholder_iykph_1 {
    width: auto;
    aspect-ratio: 4/1;
    overflow: hidden;
    position: relative;
    border-radius: 3px
}

._LoadingPlaceholder_iykph_1._m_iykph_8 {
    height: var(--space-4)
}

._LoadingPlaceholder_iykph_1._l_iykph_11 {
    height: var(--space-5)
}

._LoadingPlaceholder_iykph_1._xl_iykph_14 {
    height: var(--space-8)
}

._LoadingPlaceholder_iykph_1._s_iykph_17 {
    height: var(--space-4);
    aspect-ratio: 2/1
}

._LoadingPlaceholder_iykph_1:before {
    content: "";
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 450px;
    background: linear-gradient(to right, #ffffff1a 33%, #ffffff4d 50%, #ffffff1a 66%);
    animation: _placeholder-loader_iykph_1 1.5s cubic-bezier(.4, 0, .2, 1) infinite
}

@keyframes _placeholder-loader_iykph_1 {
    0% {
        left: -300px
    }

    50% {
        left: 0
    }

    to {
        left: 0
    }
}

._AddressWrapper_1dr92_1 {
    display: inline-flex;
    align-items: center
}

._AddressWrapper_1dr92_1 ._value_1dr92_5 {
    color: var(--text-color-primary)
}

._AddressWrapper_1dr92_1._m_1dr92_8 {
    font-size: var(--space-4);
    line-height: var(--space-4);
    gap: var(--space-05)
}

._AddressWrapper_1dr92_1._l_1dr92_13 {
    font-size: var(--space-5);
    line-height: var(--space-5);
    gap: var(--space-2)
}

._AddressWrapper_1dr92_1._xl_1dr92_18 {
    font-size: var(--space-8);
    line-height: var(--space-8);
    gap: var(--space-1)
}

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

._PositionDetailsRow_1xyh1_1 ._afterValue_1xyh1_6 {
    display: inline-flex;
    justify-content: flex-end;
    width: 160px
}

@media only screen and (max-width: 768px) {
    ._PositionDetailsRow_1xyh1_1 ._afterValue_1xyh1_6 {
        width: 120px
    }
}

._PositionDetailsRow_1xyh1_1 ._afterValue_1xyh1_6._up_1xyh1_16 {
    color: var(--text-color-after-value-ratio-up)
}

._PositionDetailsRow_1xyh1_1 ._afterValue_1xyh1_6._down_1xyh1_19 {
    color: var(--text-color-after-value-ratio-down)
}

._PositionDetailsRow_1xyh1_1:hover ._additionalHoverData_1xyh1_22 {
    display: flex
}

._PositionDetailsRow_1xyh1_1 ._earnings_1xyh1_25 {
    margin-left: var(--space-1);
    display: flex;
    align-items: center
}

._NotApplicable_1xyh1_31 {
    display: inline-flex;
    gap: var(--space-1);
    font-size: var(--space-4);
    line-height: var(--space-4);
    align-items: center
}

._NotApplicable_1xyh1_31 ._icon_1xyh1_38 {
    font-size: var(--space-3);
    line-height: var(--space-3)
}

._Text_1xyh1_43 {
    color: var(--text-color-primary);
    font-size: var(--space-4);
    line-height: var(--space-4);
    gap: var(--space-1)
}

._additionalHoverData_1xyh1_22 {
    display: none;
    position: absolute;
    background: #253038;
    padding: 12px 16px;
    top: 0;
    right: 0;
    min-width: 200px;
    min-height: 50px;
    pointer-events: none;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    box-shadow: 0 2px 6px 1px #0000004d;
    border-radius: 3px;
    z-index: 1
}

._additionalHoverData_1xyh1_22>div {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

@keyframes _show-dropdown_1hhms_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_1hhms_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_1hhms_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_1hhms_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_1hhms_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_1hhms_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_1hhms_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._PositionOverviewDetails_1hhms_67 {
    animation: _rollUp_1hhms_1 .1s ease-in
}

._assetListItem_9dqnp_1 {
    padding: 0 var(--space-5)
}

._assetListItem_9dqnp_1 ._assetIconWrapper_9dqnp_4 {
    display: flex;
    align-items: center;
    line-height: 0
}

._assetListItem_9dqnp_1 ._assetIconWrapper_9dqnp_4 ._assetIcon_9dqnp_4>svg {
    width: 24px;
    height: 24px
}

._assetListItem_9dqnp_1 ._assetIconWrapper_9dqnp_4 ._assetLabel_9dqnp_13 {
    color: var(--text-color-teriary);
    padding: 0 var(--space-2)
}

._assetListItem_9dqnp_1 ._assetIconWrapper_9dqnp_4 ._vaultLabel_9dqnp_17 {
    color: var(--text-color-secondary)
}

._assetListItem_9dqnp_1 ._assetValue_9dqnp_20 {
    padding: 0 var(--space-5);
    font-size: var(--text-size-medium);
    font-weight: var(--text-weight-normal);
    padding: 0 var(--space-2)
}

._assetListItem_9dqnp_1 ._afterValueNumeric_9dqnp_26 {
    display: inline-flex;
    height: auto;
    min-height: 0;
    transition: flex-basis .2s ease-out;
    flex-basis: var(--space-5);
    font-size: var(--text-size-medium);
    font-weight: 400
}

._assetListItem_9dqnp_1 ._afterValueNumeric_9dqnp_26._hidden_9dqnp_35 {
    flex-basis: 0;
    display: none
}

._assetListItem_9dqnp_1 ._afterValueNumeric_9dqnp_26._up_9dqnp_39 {
    color: var(--text-color-after-value-ratio-up)
}

._assetListItem_9dqnp_1 ._afterValueNumeric_9dqnp_26._down_9dqnp_42 {
    color: var(--text-color-after-value-ratio-down)
}

._PositionInfoMainNumericValue_1u8nl_1 {
    padding: var(--space-2);
    display: flex;
    flex-direction: column
}

._PositionInfoMainNumericValue_1u8nl_1 ._graphWrapper_1u8nl_6 {
    margin-top: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-1)
}

._PositionInfoMainNumericValue_1u8nl_1 ._graphWrapper_1u8nl_6._noMarginTop_1u8nl_12 {
    margin-top: var(--space-1)
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 {
    height: var(--space-17)
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionValueWrapper_1u8nl_18 {
    display: flex;
    align-items: center
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionValueWrapper_1u8nl_18 ._valueWrapper_1u8nl_22 {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 2px
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionValueWrapper_1u8nl_18 ._valueWrapper_1u8nl_22 ._mainValueNumeric_1u8nl_28 {
    display: flex;
    height: auto;
    min-height: 0;
    flex-basis: var(--space-8)
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionValueWrapper_1u8nl_18 ._valueWrapper_1u8nl_22 ._afterValueNumeric_1u8nl_34 {
    display: flex;
    height: auto;
    min-height: 0;
    transition: flex-basis .2s ease-out;
    flex-basis: var(--space-5)
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionValueWrapper_1u8nl_18 ._valueWrapper_1u8nl_22 ._afterValueNumeric_1u8nl_34._hidden_1u8nl_41 {
    flex-basis: 0;
    visibility: hidden
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionValueWrapper_1u8nl_18 ._valueWrapper_1u8nl_22 ._afterValueNumeric_1u8nl_34._up_1u8nl_45 {
    color: var(--text-color-after-value-ratio-up)
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionValueWrapper_1u8nl_18 ._valueWrapper_1u8nl_22 ._afterValueNumeric_1u8nl_34._down_1u8nl_48 {
    color: var(--text-color-after-value-ratio-down)
}

._PositionInfoMainNumericValue_1u8nl_1 ._listItem_1u8nl_15 ._accordionIconWrapper_1u8nl_51 {
    padding-right: var(--space-11)
}

@media (max-width: 560px) {
    ._PositionInfoMainNumericValue_1u8nl_1 ._listItemMobile_1u8nl_56 {
        display: block !important
    }

    ._PositionInfoMainNumericValue_1u8nl_1 ._accordionWrapperMobile_1u8nl_59 {
        padding: var(--space-3) 0;
        justify-content: flex-end !important
    }
}

._NetApy_pekte_1 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2)
}

._NetApy_pekte_1 ._arrow_pekte_6 {
    display: inline-flex;
    align-items: center;
    font-size: var(--space-3)
}

._NetApy_pekte_1 ._arrow_pekte_6._up_pekte_11 {
    color: var(--text-color-after-value-ratio-up)
}

._NetApy_pekte_1 ._arrow_pekte_6._down_pekte_14 {
    color: var(--text-color-after-value-ratio-down)
}

._NetApy_pekte_1 ._value_pekte_17 {
    color: var(--text-color-brand-vivid)
}

._NetApy_pekte_1 ._afterValue_pekte_20._up_pekte_11 {
    color: var(--text-color-after-value-ratio-up)
}

._NetApy_pekte_1 ._afterValue_pekte_20._down_pekte_14 {
    color: var(--text-color-after-value-ratio-down)
}

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

._PositionOverviewMainFooter_1pnlt_1 ._mainControls_1pnlt_7 {
    display: flex;
    gap: var(--space-2)
}

._PositionOverviewMainHeader_yx8nz_1 {
    display: flex;
    justify-content: space-between;
    min-height: 45px
}

._PositionOverviewMainHeader_yx8nz_1 ._leftSection_yx8nz_6 {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 0 var(--space-3);
    font-weight: var(--Font-weight-fw-600, 500);
    line-height: var(--line-height-lh-30016-px, 16px);
    gap: var(--space-1)
}

._PositionOverviewMainHeader_yx8nz_1 ._rightSection_yx8nz_15 {
    display: flex;
    align-items: center;
    padding-right: var(--space-2)
}

._PositionOverviewMainWidget_4ijlh_1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    gap: var(--space-4)
}

._PositionOverviewMainWidget_4ijlh_1 ._content_4ijlh_8 {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-2)
}

._PositionOverviewMainWidget_4ijlh_1 ._content_4ijlh_8 .divider {
    margin-left: var(--space-3);
    width: calc(100% - 2 * var(--space-3))
}

._RatioSegment_1sxkk_1 {
    background-color: #0003;
    border-radius: var(--border-radius-large)
}

._RatioSegment_1sxkk_1 ._labelContent_1sxkk_5 {
    display: flex;
    flex-direction: row;
    gap: var(--space-1);
    align-items: center
}

@media only screen and (max-width: 650px) {
    ._RatioSegment_1sxkk_1 ._labelContent_1sxkk_5 {
        gap: var(--space-2)
    }
}

@media only screen and (max-width: 650px) {
    ._RatioSegment_1sxkk_1 {
        padding-bottom: var(--space-6)
    }
}

._RewardCard_1gffi_1 ._amount_1gffi_1 {
    margin-right: var(--space-3);
    color: var(--text-color-primary);
    font-size: 14px;
    font-weight: 500
}

._RewardCard_1gffi_1 ._amount_1gffi_1 ._amountAsset_1gffi_7 {
    color: var(--color-blue-gray-100);
    font-size: 14px;
    font-weight: 500
}

._RewardCard_1gffi_1 ._iconWrapper_1gffi_12 {
    height: var(--space-5);
    width: var(--space-5);
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: hsl(from var(--bg-color-secondary) h s calc(l + 5));
    border-radius: 50%;
    font-size: var(--space-3)
}

._RewardCard_1gffi_1 ._rewardsInfo_1gffi_22 {
    display: inline-flex;
    flex-direction: row;
    gap: 6px;
    align-items: center
}

._PositionOverviewRewards_1xgvk_1 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2)
}

._PositionOverviewRewards_1xgvk_1 ._emptyState_1xgvk_6 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-color-tertiary);
    min-height: 200px
}

._root_v4s5x_1 {
    display: inline-flex;
    align-items: center;
    gap: 5px
}

._root_v4s5x_1 ._icon_v4s5x_6 {
    display: inline-flex;
    font-size: 14px
}

._root_ar5y0_1 {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px
}

._root_ar5y0_1 input {
    opacity: 0;
    width: 0;
    height: 0
}

._root_ar5y0_1 ._toggleMovable_ar5y0_12 {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background: #5a646c;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 14px
}

._root_ar5y0_1 ._toggleMovable_ar5y0_12:after {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background: #adb1b5;
    transition: .2s;
    border-radius: 50%
}

._root_ar5y0_1 input:checked+._toggleMovable_ar5y0_12 {
    background-color: #37b06f
}

._root_ar5y0_1 input:checked+._toggleMovable_ar5y0_12:after {
    background: #fff;
    transform: translate(16px)
}

._root_ar5y0_1 input:focus+._toggleMovable_ar5y0_12 {
    box-shadow: 0 0 1px #2196f3
}

._Button_1exru_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-align: center;
    white-space: nowrap;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

._Button_1exru_1:hover:not(:disabled) {
    cursor: pointer
}

._Button_1exru_1._l_1exru_13 {
    text-transform: uppercase;
    height: var(--space-11);
    border-radius: var(--border-radius-small);
    border: 1px solid var(--border-color-secondary);
    font-size: var(--text-size-regular);
    letter-spacing: 1.5px;
    line-height: var(--space-3);
    font-weight: var(--text-weight-semi-bold);
    gap: calc(var(--space-3) + var(--space-05));
    padding: calc(var(--space-3) + var(--space-05)) var(--space-8)
}

._Button_1exru_1._l_1exru_13 ._iconWrapper_1exru_25 {
    line-height: var(--space-6);
    font-size: var(--space-6);
    display: flex;
    align-items: center
}

._Button_1exru_1._m_1exru_31 {
    text-transform: uppercase;
    height: var(--space-10);
    border-radius: var(--border-radius-small);
    border: 1px solid var(--border-color-secondary);
    font-size: var(--text-size-small);
    letter-spacing: 1.44px;
    line-height: var(--space-3);
    font-weight: var(--text-weight-semi-bold);
    gap: calc(var(--space-2) + var(--space-05));
    padding: calc(var(--space-2) + var(--space-05)) calc(var(--space-2) + var(--space-05))
}

._Button_1exru_1._m_1exru_31 ._iconWrapper_1exru_25 {
    line-height: var(--space-5);
    font-size: var(--space-5);
    display: flex;
    align-items: center
}

._Button_1exru_1._s_1exru_49 {
    text-transform: uppercase;
    height: var(--space-8);
    border-radius: var(--border-radius-small);
    border: 1px solid var(--border-color-secondary);
    font-size: var(--text-size-extra-small);
    letter-spacing: 1.44px;
    line-height: var(--space-4);
    font-weight: var(--text-weight-semi-bold);
    gap: calc(var(--space-1) + var(--space-05));
    padding: var(--space-2)
}

._Button_1exru_1._s_1exru_49 ._iconWrapper_1exru_25 {
    line-height: var(--space-4);
    font-size: var(--space-4);
    display: flex;
    align-items: center
}

._Button_1exru_1._s_1exru_49._rounded_1exru_67 {
    border-radius: 256px;
    padding-left: var(--space-3);
    padding-right: var(--space-3)
}

._Button_1exru_1._xs_1exru_72 {
    text-transform: uppercase;
    height: var(--space-4);
    border-radius: var(--border-radius-small);
    border: 1px solid var(--border-color-secondary);
    font-size: var(--text-size-tiny);
    letter-spacing: 1.2px;
    line-height: var(--space-4);
    font-weight: var(--text-weight-semi-bold);
    gap: calc(var(--space-1) + var(--space-05));
    padding: var(--space-2)
}

._Button_1exru_1._xs_1exru_72 ._iconWrapper_1exru_25 {
    line-height: var(--space-4);
    font-size: var(--space-4);
    display: flex;
    align-items: center
}

._Button_1exru_1._xs_1exru_72._rounded_1exru_67 {
    border-radius: 256px;
    padding-left: var(--space-3);
    padding-right: var(--space-3)
}

._Button_1exru_1._primary_1exru_95 {
    background-color: var(--bg-color-secondary);
    color: var(--text-color-primary)
}

._Button_1exru_1._primary_1exru_95:not(:disabled):hover {
    background-color: hsl(from var(--bg-color-secondary) h s calc(l - 5))
}

._Button_1exru_1._primary_1exru_95:not(:disabled):active {
    background-color: hsl(from var(--bg-color-secondary) h s calc(l - 10))
}

._Button_1exru_1._primary_1exru_95:disabled {
    background-color: var(--bg-color-primary);
    color: var(--text-color-tertiary)
}

._Button_1exru_1._subtle_1exru_112 {
    background-color: transparent;
    color: #f6f8f9;
    border: none
}

._Button_1exru_1._subtle_1exru_112:not(:disabled):hover {
    background-color: hsl(from var(--bg-color-subtle) h s calc(l + 5))
}

._Button_1exru_1._subtle_1exru_112:not(:disabled):active {
    background-color: hsl(from var(--bg-color-subtle) h s calc(l + 10))
}

._Button_1exru_1._subtle_1exru_112:disabled {
    background-color: var(--bg-color-primary);
    color: var(--text-color-tertiary)
}

._Button_1exru_1._brand_1exru_127 {
    background-color: var(--bg-color-brand-vivid);
    color: var(--text-color-primary)
}

._Button_1exru_1._brand_1exru_127:not(:disabled):hover {
    background-color: hsl(from var(--bg-color-brand-vivid) h s calc(l - 5))
}

._Button_1exru_1._brand_1exru_127:not(:disabled):active {
    background-color: hsl(from var(--bg-color-brand-vivid) h s calc(l - 10))
}

._Button_1exru_1._brand_1exru_127:disabled {
    background-color: var(--bg-color-brand);
    color: var(--text-color-secondary)
}

._Button_1exru_1._green_1exru_141 {
    background-color: #34765b;
    color: var(--text-color-primary);
    border-color: #5d917c
}

._Button_1exru_1._green_1exru_141:not(:disabled):hover {
    background-color: hsl(from #34765B h s calc(l - 5));
    border-color: hsl(from #5D917C h s calc(l - 5))
}

._Button_1exru_1._green_1exru_141:not(:disabled):active {
    background-color: hsl(from #34765B h s calc(l - 10));
    border-color: hsl(from #5D917C h s calc(l - 10))
}

._Button_1exru_1._green_1exru_141:disabled {
    background: linear-gradient(#00000080, #00000080), #34765b;
    color: #34765b;
    border: 1px solid rgba(93, 145, 124, .5)
}

._Button_1exru_1._purple_1exru_159 {
    background-color: #9b51e0;
    color: var(--text-color-primary);
    border-color: #af74e6
}

._Button_1exru_1._purple_1exru_159:not(:disabled):hover {
    background-color: hsl(from #9B51E0 h s calc(l - 5));
    border-color: hsl(from #AF74E6 h s calc(l - 5))
}

._Button_1exru_1._purple_1exru_159:not(:disabled):active {
    background-color: hsl(from #9B51E0 h s calc(l - 10));
    border-color: hsl(from #AF74E6 h s calc(l - 10))
}

._Button_1exru_1._purple_1exru_159:disabled {
    background: linear-gradient(#00000080, #00000080), #9b51e0;
    color: #9b51e0;
    border: 1px solid rgba(175, 116, 230, .5);
    cursor: not-allowed
}

._Button_1exru_1._blue_1exru_178 {
    background-color: #2684ff;
    color: var(--text-color-primary);
    border-color: #519dff
}

._Button_1exru_1._blue_1exru_178:not(:disabled):hover {
    background-color: hsl(from #2684FF h s calc(l - 5));
    border-color: hsl(from #519DFF h s calc(l - 5))
}

._Button_1exru_1._blue_1exru_178:not(:disabled):active {
    background-color: hsl(from #2684FF h s calc(l - 10));
    border-color: hsl(from #519DFF h s calc(l - 10))
}

._Button_1exru_1._blue_1exru_178:disabled {
    background: linear-gradient(#00000080, #00000080), #2684ff;
    color: #2684ff;
    border: 1px solid rgba(81, 157, 255, .5);
    cursor: not-allowed
}

._ContentSwitcher_1lsj9_1 {
    width: 100%;
    display: flex;
    gap: var(--space-1);
    padding: var(--space-1);
    border-radius: var(--border-radius-large)
}

@media only screen and (max-width: 414px) {
    ._ContentSwitcher_1lsj9_1 {
        flex-direction: column
    }
}

._ContentSwitcher_1lsj9_1 ._button_1lsj9_13 {
    all: unset;
    cursor: pointer;
    text-transform: uppercase;
    font-size: var(--text-size-small);
    font-weight: var(--text-weight-semi-bold);
    line-height: var(--text-line-height-regular);
    letter-spacing: 1.44px;
    display: flex;
    padding: var(--space-2) var(--space-3);
    justify-content: center;
    align-items: flex-start;
    background-color: transparent;
    color: var(--text-color-tertiary);
    border-radius: var(--border-radius-small);
    border: 1px solid var(--color-blue-gray-600)
}

._ContentSwitcher_1lsj9_1 ._button_1lsj9_13._active_1lsj9_30 {
    background-color: var(--bg-color-secondary);
    color: var(--text-color-primary);
    border: 1px solid var(--border-color-secondary)
}

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

._ListItem_n03hf_1._s_n03hf_7 {
    border-radius: var(--border-radius-small)
}

._ListItem_n03hf_1._l_n03hf_10 {
    border-radius: var(--border-radius-medium);
    padding-top: var(--space-2);
    padding-bottom: var(--space-2)
}

._ListItem_n03hf_1._m_n03hf_15 {
    height: var(--space-12);
    padding-top: 14px;
    padding-bottom: 14px
}

._Divider_8pdcc_1._horizontal_8pdcc_1 {
    height: var(--space-025);
    width: 100%
}

._Divider_8pdcc_1._vertical_8pdcc_5 {
    width: var(--space-025);
    height: 100%
}

._Divider_8pdcc_1._subtle_8pdcc_9 {
    background-color: var(--border-color-subtle)
}

._Label_1qaze_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    gap: 6px;
    color: var(--text-color-secondary)
}

._Label_1qaze_1 ._iconWrapper_1qaze_9,
._Label_1qaze_1 ._iconWrapper_1qaze_9 ._icon_1qaze_9 {
    display: inline-flex;
    align-items: center
}

._Label_1qaze_1._medium_1qaze_17 ._iconWrapper_1qaze_9 ._icon_1qaze_9 {
    font-size: var(--text-size-small);
    line-height: var(--text-size-medium)
}

._Label_1qaze_1._medium_1qaze_17 ._text_1qaze_21 {
    font-size: var(--text-size-regular);
    line-height: var(--text-size-medium)
}

._Label_1qaze_1._small_1qaze_25 ._iconWrapper_1qaze_9 ._icon_1qaze_9,
._Label_1qaze_1._small_1qaze_25 ._text_1qaze_21 {
    font-size: var(--text-size-small);
    line-height: var(--text-size-small)
}

._root_1gjt2_1 {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

._root_1gjt2_1._m_1gjt2_8 {
    height: var(--space-5);
    width: var(--space-5);
    font-size: var(--text-size-extra-large);
    line-height: var(--text-line-height-extra-large);
    padding: calc(var(--space-5) / 2)
}

._root_1gjt2_1._s_1gjt2_15 {
    height: var(--space-4);
    width: var(--space-4);
    font-size: var(--space-4);
    line-height: var(--space-4);
    padding: var(--space-2)
}

._root_1gjt2_1._animateSpin_1gjt2_22 {
    animation: _spin_1gjt2_1 .8s linear infinite
}

._root_1gjt2_1._disabled_1gjt2_25 {
    opacity: .8
}

@keyframes _spin_1gjt2_1 {
    to {
        transform: rotate(360deg)
    }
}

._NumericValue_98hbh_1 {
    display: inline-flex;
    align-items: center
}

._NumericValue_98hbh_1 ._value_98hbh_5 {
    color: var(--text-color-primary)
}

._NumericValue_98hbh_1 ._value_98hbh_5._secondary_98hbh_8 {
    color: var(--text-color-secondary)
}

._NumericValue_98hbh_1 ._symbol_98hbh_11 {
    color: var(--text-color-secondary);
    text-overflow: ellipsis;
    max-width: 100px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap
}

._NumericValue_98hbh_1 ._icon_98hbh_19 {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

._NumericValue_98hbh_1._m_98hbh_24 {
    font-size: var(--space-4);
    line-height: var(--space-4);
    gap: var(--space-1)
}

._NumericValue_98hbh_1._m_98hbh_24 ._icon_98hbh_19 {
    width: var(--space-4);
    height: var(--space-4)
}

._NumericValue_98hbh_1._l_98hbh_33 {
    font-size: var(--space-5);
    line-height: var(--space-5);
    gap: var(--space-1)
}

._NumericValue_98hbh_1._l_98hbh_33 ._icon_98hbh_19 {
    width: var(--space-5);
    height: var(--space-5)
}

._NumericValue_98hbh_1._xl_98hbh_42 {
    font-size: var(--space-8);
    line-height: var(--space-8);
    gap: var(--space-1)
}

._NumericValue_98hbh_1._xl_98hbh_42 ._icon_98hbh_19 {
    margin-left: var(--space-2);
    width: var(--space-8);
    height: var(--space-8);
    font-size: var(--space-8)
}

._NumericValue_98hbh_1._afterValue_98hbh_53 ._afterValueIcon_98hbh_53 {
    font-size: var(--space-3);
    line-height: var(--space-3)
}

._NumericValue_98hbh_1._afterValue_98hbh_53 ._afterValueIcon_98hbh_53,
._NumericValue_98hbh_1._afterValue_98hbh_53 ._value_98hbh_5,
._NumericValue_98hbh_1._afterValue_98hbh_53 ._symbol_98hbh_11 {
    color: currentColor;
    display: inline-flex;
    align-items: center
}

._PercentageBarGraph_q0f86_1 {
    display: flex;
    justify-content: space-between;
    position: relative
}

._PercentageBarGraph_q0f86_1 ._pointWrapper_q0f86_6 {
    display: block;
    width: 100%;
    height: 100%
}

._PercentageBarGraph_q0f86_1 ._point_q0f86_6 {
    height: calc(100% + var(--space-1));
    width: var(--space-05);
    position: relative;
    top: calc(var(--space-05) * -1)
}

._PercentageBarGraph_q0f86_1 ._specialPoint_q0f86_17 {
    height: calc(100% + var(--space-1));
    width: var(--space-05);
    position: absolute;
    top: calc(var(--space-05) * -1)
}

._PercentageBarGraph_q0f86_1 ._barWrapper_q0f86_23 {
    display: flex;
    flex-grow: 1;
    height: 100%;
    justify-content: space-between
}

._PercentageBarGraph_q0f86_1 ._bar_q0f86_23 {
    display: flex;
    height: 100%
}

._PercentageBarGraph_q0f86_1 ._bar_q0f86_23>span {
    flex-grow: 1
}

._PercentageBarGraph_q0f86_1 ._bar_q0f86_23._first_q0f86_36,
._PercentageBarGraph_q0f86_1 ._bar_q0f86_23:first-child {
    border-top-left-radius: var(--border-radius-medium);
    border-bottom-left-radius: var(--border-radius-medium)
}

._PercentageBarGraph_q0f86_1 ._bar_q0f86_23._last_q0f86_40,
._PercentageBarGraph_q0f86_1 ._bar_q0f86_23:last-child {
    border-top-right-radius: var(--border-radius-medium);
    border-bottom-right-radius: var(--border-radius-medium)
}

._PercentageBarGraph_q0f86_1 ._bar_q0f86_23._loading_q0f86_44 {
    flex-grow: 1;
    overflow: hidden;
    position: relative;
    width: auto
}

._PercentageBarGraph_q0f86_1 ._bar_q0f86_23._loading_q0f86_44:before {
    content: "";
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 1000px;
    background: linear-gradient(to right, #ffffff1a 33%, #ffffff4d 50%, #ffffff1a 66%);
    animation: _placeholder-loader_q0f86_1 1.5s cubic-bezier(.4, 0, .2, 1) infinite
}

@keyframes _placeholder-loader_q0f86_1 {
    0% {
        left: -300px
    }

    50% {
        left: 0
    }

    to {
        left: 0
    }
}

._PercentageBarGraph_q0f86_1._xs_q0f86_72 {
    height: var(--space-3);
    padding: var(--space-05)
}

._PercentageBarGraph_q0f86_1._s_q0f86_17 {
    height: var(--space-5);
    padding: var(--space-05)
}

._PercentageBarGraph_q0f86_1._m_q0f86_80 {
    height: var(--space-5)
}

._info_m689n_1 {
    padding-bottom: var(--space-2);
    border-bottom: 1px solid #394956
}

._info_m689n_1 ._title_m689n_5 {
    margin: 0;
    padding-bottom: var(--space-2);
    font-size: 14px;
    font-weight: 400
}

._info_m689n_1 ._description_m689n_11 {
    color: var(--text-color-secondary)
}

._ratioContent_m689n_15 {
    padding-top: var(--space-2);
    display: flex;
    align-items: center;
    justify-content: space-between
}

._ratioContent_m689n_15 ._ratioLabel_m689n_21 {
    color: var(--text-color-secondary)
}

._ButtonSwitch_1xw48_1 {
    display: inline-flex;
    align-items: center;
    gap: var(--space-05);
    padding: var(--space-05);
    width: fit-content
}

@media only screen and (max-width: 480px) {
    ._ButtonSwitch_1xw48_1 {
        position: relative
    }
}

._ButtonSwitch_1xw48_1 ._button_1xw48_13 {
    position: relative;
    all: unset;
    min-height: 22px;
    cursor: pointer;
    border-radius: var(--border-radius-small);
    border: 1px solid transparent;
    background: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: var(--text-color-tertiary);
    font-size: var(--font-size-font-size-20012-px, 12px);
    font-style: normal;
    font-weight: var(--Font-weight-fw-500, 500);
    line-height: var(--line-height-lh-20012-px, 12px);
    letter-spacing: .12px;
    border: 1px solid var(--border-color-subtle)
}

._ButtonSwitch_1xw48_1 ._button_1xw48_13:hover {
    background: linear-gradient(0deg, var(--white-5, rgba(255, 255, 255, .05)) 0%, var(--white-5, rgba(255, 255, 255, .05)) 100%), var(--bg-color-secondary)
}

._ButtonSwitch_1xw48_1 ._button_1xw48_13._active_1xw48_36 {
    border: 1px solid var(--border-color-secondary);
    background: var(--bg-color-secondary);
    color: var(--text-color-primary)
}

._ButtonSwitch_1xw48_1 ._button_1xw48_13._active_1xw48_36 ._iconWrapper_1xw48_41 {
    display: block
}

._ButtonSwitch_1xw48_1 ._button_1xw48_13._active_1xw48_36:hover {
    background: linear-gradient(0deg, var(--white-5, rgba(255, 255, 255, .05)) 0%, var(--white-5, rgba(255, 255, 255, .05)) 100%), var(--bg-color-secondary)
}

._ButtonSwitch_1xw48_1._s_1xw48_47 ._button_1xw48_13 {
    padding: calc(var(--space-025) + var(--space-025)) var(--space-2)
}

._ButtonSwitch_1xw48_1._m_1xw48_50 {
    border-radius: var(--border-radius-small)
}

._ButtonSwitch_1xw48_1._m_1xw48_50 ._button_1xw48_13 {
    padding: var(--space-3)
}

._ButtonSwitch_1xw48_1._l_1xw48_56 {
    border-radius: var(--border-radius-medium)
}

._ButtonSwitch_1xw48_1._l_1xw48_56 ._button_1xw48_13 {
    padding: 12px 48px
}

._ButtonSwitch_1xw48_1._m_1xw48_50,
._ButtonSwitch_1xw48_1._l_1xw48_56 {
    background: linear-gradient(to bottom, #161f25 0, #0b1216 100vh)
}

._ButtonSwitch_1xw48_1 ._iconWrapper_1xw48_41 {
    display: none;
    padding: var(--space-1);
    align-items: center;
    line-height: var(--space-3);
    font-size: var(--space-3)
}

._ButtonSwitch_1xw48_1 ._hoverContainer_1xw48_72 {
    position: relative
}

@media only screen and (max-width: 480px) {
    ._ButtonSwitch_1xw48_1 ._hoverContainer_1xw48_72 {
        position: static
    }
}

._ButtonSwitch_1xw48_1 ._additionalHoverData_1xw48_80 {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 350px;
    padding: var(--space-3);
    margin-top: var(--space-2);
    z-index: 1000;
    pointer-events: auto;
    background-color: #29343d;
    border: 1px solid var(--border-color-subtle);
    border-radius: var(--border-radius-medium);
    white-space: wrap;
    line-height: var(--space-5)
}

@media only screen and (max-width: 480px) {
    ._ButtonSwitch_1xw48_1 ._additionalHoverData_1xw48_80 {
        max-width: 250px
    }
}

._ButtonSwitch_1xw48_1 ._hoverContainer_1xw48_72:hover ._additionalHoverData_1xw48_80 {
    display: block
}

._ButtonSwitch_1xw48_1 ._hoverContainer_1xw48_72:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    height: var(--space-2)
}

._ContextMenu_1yg10_1 {
    position: relative;
    padding-top: var(--space-1);
    padding-bottom: var(--space-1);
    border-radius: var(--border-radius-small);
    border: 1px solid var(--border-color-subtle);
    background-color: var(--bg-color-primary)
}

._ContextMenu_1yg10_1 .divider {
    margin-top: 6px;
    margin-bottom: 6px
}

._ContextMenuItem_1ay8v_1 {
    padding: var(--space-2) var(--space-3);
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 10px;
    min-width: 200px;
    color: var(--text-color-primary)
}

._ContextMenuItem_1ay8v_1:hover {
    background-color: #ffffff0d
}

._ContextMenuItem_1ay8v_1 ._icon_1ay8v_13 {
    color: var(--bg-color-brand-vivid);
    width: var(--space-5);
    height: var(--space-5);
    line-height: var(--space-5);
    font-size: var(--space-5)
}

._ContextMenuItem_1ay8v_1 ._label_1ay8v_20 {
    font-size: var(--font-size-font-size-20012-px, 12px);
    font-style: normal;
    font-weight: var(--Font-weight-fw-600, 500);
    line-height: var(--line-height-lh-30016-px, 16px);
    letter-spacing: 1.44px;
    text-transform: uppercase;
    flex-grow: 1
}

._ContextMenuItem_1ay8v_1 ._tag_1ay8v_30 {
    border-radius: var(--border-radius-small);
    border: 1px solid var(--border-color-subtle);
    background: var(--bg-color-primary);
    padding: var(--space-1) 6px;
    text-transform: uppercase;
    font-size: var(--font-size-font-size-20012-px, 12px);
    font-style: normal;
    font-weight: var(--Font-weight-fw-600, 500);
    line-height: var(--line-height-lh-30016-px, 16px);
    letter-spacing: 1.44px
}

._complexLabelWrapper_11h4n_1 {
    line-height: 14px;
    font-size: 14px
}

._complexLabelWrapper_11h4n_1 :hover {
    cursor: pointer;
    opacity: .8;
    transition: all .2s
}

._complexLabelWrapper_11h4n_1 ._valueWrapper_11h4n_10 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    color: var(--text-color-secondary)
}

._complexLabelWrapper_11h4n_1 ._valueWrapper_11h4n_10 ._value_11h4n_10 {
    color: var(--text-color-primary)
}

._complexInputWrapper_2fmpb_1 ._maxValueWrapper_2fmpb_1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-bottom: 8px
}

._complexInputWrapper_2fmpb_1 ._inputRow_2fmpb_7 {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 64px;
    border: 1px solid var(--border-color-secondary);
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    border-radius: var(--border-radius-small)
}

._complexInputWrapper_2fmpb_1 ._inputRow_2fmpb_7:focus-within {
    border: 1px solid #2684ff
}

._complexInputWrapper_2fmpb_1 ._inputRow_2fmpb_7:hover:not(:focus-within):not(._disabled_2fmpb_19) {
    border: 1px solid var(--border-color-primary)
}

._tokenSelectTriggerWrapper_jd1u5_1 {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    flex: 1 1;
    flex-direction: row;
    gap: 8px;
    border-left: 1px solid var(--border-color-secondary);
    height: 62px;
    width: 132px;
    cursor: default
}

._tokenSelectTriggerWrapper_jd1u5_1:hover {
    border-left: 1px solid var(--border-color-primary)
}

._tokenSelectTriggerWrapper_jd1u5_1._withCaret_jd1u5_16 {
    flex: 1 1 100%;
    padding: 8px 8px 8px 12px;
    cursor: pointer
}

._tokenSelectTriggerWrapper_jd1u5_1 ._tokenIcon_jd1u5_21 {
    height: 32px
}

._tokenSelectTriggerWrapper_jd1u5_1 ._tokenIcon_jd1u5_21 svg {
    width: 32px;
    height: 32px
}

._tokenSelectTriggerWrapper_jd1u5_1 ._tokenSymbol_jd1u5_28 {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--text-color-primary)
}

._tokenSelectOptionWrapper_jd1u5_35 {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
    padding: 8px
}

._tokenSelectOptionWrapper_jd1u5_35:hover {
    background-color: var(--bg-color-secondary);
    cursor: pointer
}

._tokenSelectOptionWrapper_jd1u5_35 ._tokenIcon_jd1u5_21 {
    height: 32px
}

._tokenSelectOptionWrapper_jd1u5_35 ._tokenIcon_jd1u5_21 svg {
    width: 32px;
    height: 32px
}

._tokenSelectOptionWrapper_jd1u5_35 ._labels_jd1u5_53 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._tokenSelectOptionWrapper_jd1u5_35 ._labels_jd1u5_53 ._tokenSymbol_jd1u5_28 {
    color: var(--text-color-primary);
    font-size: 14px;
    line-height: 14px
}

._tokenSelectOptionWrapper_jd1u5_35 ._labels_jd1u5_53 ._tokenName_jd1u5_63 {
    font-size: 13px;
    line-height: 13px;
    color: var(--text-color-secondary);
    white-space: nowrap
}

._donutChart_bc5qg_1 {
    display: flex;
    flex-direction: column;
    align-items: center
}

._LimitedPanel_bgp4z_1 {
    overflow-x: hidden;
    overflow-y: auto
}

@supports (scrollbar-color: auto) {
    ._LimitedPanel_bgp4z_1 {
        scrollbar-color: var(--bg-color-secondary) var(--bg-color-subtle);
        scrollbar-width: thin
    }
}

@supports selector(::-webkit-scrollbar) {
    ._LimitedPanel_bgp4z_1::-webkit-scrollbar {
        background: var(--bg-color-secondary);
        width: 8px
    }

    ._LimitedPanel_bgp4z_1::-webkit-scrollbar-thumb {
        background: var(--bg-color-subtle)
    }
}

._LimitedPanel_bgp4z_1._withFlatTop_bgp4z_20 {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

._NetworkIcon_9ubfh_1 {
    height: unset
}

._NetworkIcon_9ubfh_1 svg {
    width: var(--chain-icon-width);
    height: var(--chain-icon-height)
}

.notification-box-wrapper {
    position: relative;
    padding: 16px 12px;
    border-radius: 3px;
    display: flex;
    text-align: left;
    word-break: break-word;
    font-size: 1.4rem !important;
    font-weight: 400 !important
}

.notification-box-wrapper.error-box-wrapper {
    background-color: #8d3434
}

.notification-box-wrapper.hint-box-wrapper {
    background-color: #5d3186
}

.notification-box-wrapper.information-box-wrapper {
    background-color: #174f99
}

.notification-box-wrapper.warning-box-wrapper {
    background-color: #91792e
}

.notification-box-wrapper.danger-box-wrapper {
    background-color: #894710
}

.notification-box-wrapper.success-box-wrapper {
    background-color: #216a43
}

.notification-box-wrapper.with-button {
    padding: 10px
}

.notification-box-wrapper.with-button>.notification-box-description {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.notification-box-wrapper.with-button>.notification-box-description button {
    margin-left: 10px;
    flex: 0 0 auto
}

@media only screen and (max-width: 650px) {
    .notification-box-wrapper.with-button .notification-box-description {
        flex-direction: column;
        align-items: stretch
    }

    .notification-box-wrapper.with-button .notification-box-description button {
        margin: 10px 0 0
    }

    .notification-box-wrapper.with-button .notification-box-icon {
        height: 30px;
        margin: 0 15px 0 5px
    }
}

.notification-box-wrapper.closable {
    padding-right: 40px
}

.notification-box-wrapper.margin-top {
    margin-top: 30px
}

.notification-box-wrapper.margin-bottom {
    margin-bottom: 30px
}

.notification-box-wrapper.hidden {
    display: none
}

.notification-box-wrapper .notification-box-description {
    color: #fff !important
}

.notification-box-wrapper a {
    text-decoration: underline
}

.notification-box-wrapper .notification-box-icon {
    vertical-align: middle;
    margin-right: 16px;
    height: 20px
}

.notification-box-wrapper .close {
    position: absolute;
    right: 12px;
    top: 12px;
    cursor: pointer
}

.single-server-notification-wrapper {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    position: relative;
    border-radius: 3px
}

.single-server-notification-wrapper .single-server-notification-header {
    padding: 8px 15px;
    border-radius: 3px 3px 0 0
}

.single-server-notification-wrapper.danger .single-server-notification-header,
.single-server-notification-wrapper.liquidation .single-server-notification-header {
    background: linear-gradient(90deg, #eb5757, #eb5757cc 8.33% 100%)
}

.single-server-notification-wrapper.warning .single-server-notification-header {
    background: linear-gradient(90deg, #f2c94c, #f2c94ccc 8.85% 100%)
}

.single-server-notification-wrapper.notification .single-server-notification-header {
    background: linear-gradient(90deg, #34765b, #34765bcc 9.38% 100%)
}

.single-server-notification-wrapper.read {
    background: #1f2c36
}

.single-server-notification-wrapper.not-read {
    background: #3d4a54;
    cursor: pointer
}

.single-server-notification-wrapper .title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 2px;
    letter-spacing: -.03em;
    padding-right: 20px
}

.single-server-notification-wrapper .date {
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    opacity: .7
}

.single-server-notification-wrapper .mark-as-read-wrapper {
    position: absolute;
    right: 10px;
    top: 8px
}

.single-server-notification-wrapper .read-indicator {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    margin: 4px 0;
    opacity: .7;
    border: 1px solid white
}

.single-server-notification-wrapper .read-indicator.unread {
    background: #fff
}

.single-server-notification-wrapper .description {
    color: #ebebeb;
    padding: 15px;
    white-space: pre-line;
    line-height: 1.4em;
    overflow-wrap: break-word
}

.single-server-notification-wrapper .description a {
    text-decoration: underline
}

.dropdown-list-panel-wrapper {
    position: relative
}

.dropdown-list-panel-wrapper .icon-wrapper {
    position: relative;
    transition: background .2s;
    background: linear-gradient(180deg, #2c3740, #222b32 92.86%);
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.dropdown-list-panel-wrapper .icon-wrapper:hover {
    box-shadow: inset 0 0 100px 100px #ffffff08
}

.dropdown-list-panel-wrapper .icon-wrapper.notification {
    background: linear-gradient(180deg, #4bb87d, #329e64 92.86%)
}

.dropdown-list-panel-wrapper .icon-wrapper.notification:hover {
    box-shadow: inset 0 0 100px 100px #ffffff14
}

.dropdown-list-panel-wrapper .icon-wrapper.warning {
    background: linear-gradient(180deg, #f3ce5e, #dab544 92.86%)
}

.dropdown-list-panel-wrapper .icon-wrapper.warning:hover {
    box-shadow: inset 0 0 100px 100px #ffffff1f
}

.dropdown-list-panel-wrapper .icon-wrapper.danger {
    background: linear-gradient(180deg, #ed6868, #d44e4e 92.86%)
}

.dropdown-list-panel-wrapper .icon-wrapper.danger:hover {
    box-shadow: inset 0 0 100px 100px #ffffff14
}

.dropdown-list-panel-wrapper .icon-wrapper.danger svg path,
.dropdown-list-panel-wrapper .icon-wrapper.notification svg path {
    fill: #fff
}

.dropdown-list-panel-wrapper .icon-wrapper.disabled {
    cursor: not-allowed
}

.dropdown-list-panel-wrapper .icon-wrapper.disabled svg * {
    fill: #61717e
}

.dropdown-list-panel-wrapper .icon-wrapper.disabled .unread-count {
    display: none
}

.dropdown-list-panel-wrapper .icon-wrapper.shake svg {
    animation: shake .82s infinite cubic-bezier(.36, .07, .19, .97) both;
    transform: translateZ(0)
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-1px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(1px, 0, 0)
    }
}

.dropdown-list-panel-wrapper .icon-wrapper .unread-count {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    background-color: #c02727;
    color: #fff;
    height: 14px;
    min-width: 14px;
    font-size: 10px;
    border-radius: 7px;
    line-height: 14px;
    text-align: center;
    font-weight: 700;
    padding: 0 2px;
    z-index: 1
}

.dropdown-list-panel-wrapper .icon-wrapper .unread-count.pending {
    background-color: #37b06f;
    font-weight: 700
}

.dropdown-list-panel-wrapper .icon-wrapper .unread-count.pending:after {
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff
}

.dropdown-list-panel-wrapper .empty-wrapper {
    padding: 20px;
    text-align: center
}

.dropdown-list-panel-wrapper .empty-wrapper .title {
    color: #61717e;
    text-align: center;
    margin-bottom: 30px;
    font-weight: 700
}

.dropdown-list-panel-wrapper .notifications-container .single-server-notification-wrapper:not(:last-child) {
    margin-bottom: 20px
}

.dropdown-list-panel-wrapper .dropdown-wrapper {
    position: relative;
    left: 0;
    background: linear-gradient(180deg, #253038, #172026);
    z-index: 1;
    width: 392px;
    max-width: 100vw;
    height: fit-content;
    border-radius: 3px;
    top: 20px
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-notifications-header {
    display: flex;
    padding: 15px 20px;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 430px) {
    .dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-notifications-header {
        gap: 8px;
        align-items: center;
        flex-direction: column
    }
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-notifications-header button {
    text-wrap: nowrap
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-notifications-header button.mark-all-as-read {
    font-size: 10px;
    font-weight: 700;
    line-height: 10px;
    padding: 8px 12px;
    height: 36px;
    background: #313d47
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-notifications-header button.mark-all-as-read:hover {
    background: #3b4a56
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-notifications-header button.mark-all-as-read:active {
    background: #465765
}

.dropdown-list-panel-wrapper .dropdown-wrapper:after {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 20px solid #000;
    clear: both;
    position: absolute;
    right: 2px;
    top: -20px;
    content: "";
    border-top-color: #253038;
    transform: rotate(180deg)
}

.dropdown-list-panel-wrapper .dropdown-wrapper.danger:after {
    border-top-color: #c95657
}

.dropdown-list-panel-wrapper .dropdown-wrapper h3 {
    color: #fff;
    margin: 0;
    letter-spacing: -.03em;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 430px) {
    .dropdown-list-panel-wrapper .dropdown-wrapper h3 {
        align-items: center;
        justify-content: center
    }
}

.dropdown-list-panel-wrapper .dropdown-wrapper>h3 {
    padding: 15px 20px
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-container {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 360px;
    padding: 0 20px 20px
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-container.regular {
    max-height: 500px
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-container.taller {
    max-height: calc(100vh - 300px)
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-container.smaller {
    overflow: hidden
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-container h3 {
    padding-left: 0;
    padding-right: 0
}

.dropdown-list-panel-wrapper .dropdown-wrapper .dropdown-container h3 span {
    color: #939da7
}

.dropdown-list-panel-wrapper .dropdown-wrapper.opened {
    display: block;
    animation: show-dropdown .1s ease-out
}

.dropdown-list-panel-wrapper .dropdown-wrapper.closed {
    display: none
}

@media only screen and (max-width: 430px) {
    .dropdown-list-panel-wrapper {
        position: static
    }

    .dropdown-list-panel-wrapper .dropdown-wrapper {
        left: 0;
        padding: 10px;
        top: 0;
        position: relative;
        width: 100%
    }

    .dropdown-list-panel-wrapper:nth-of-type(1) .dropdown-wrapper:after {
        right: 112px
    }

    .dropdown-list-panel-wrapper:nth-of-type(2) .dropdown-wrapper:after {
        right: 63px
    }

    .dropdown-list-panel-wrapper:nth-of-type(3) .dropdown-wrapper:after {
        right: 15px
    }
}

.dropdown-wrapper.opened {
    background: linear-gradient(180deg, #253038 1.28%, #172026);
    box-shadow: 0 0 30px #00000073
}

.single-server-tx-wrapper {
    background: linear-gradient(180deg, #363f45, #363f4500);
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 350px;
    max-width: 100%;
    border-radius: 3px
}

.single-server-tx-wrapper:not(:last-child) {
    margin-bottom: 20px
}

.single-server-tx-wrapper .single-server-tx-header {
    width: 100%;
    padding: 12px 34px 12px 15px;
    border-radius: 3px 3px 0 0;
    position: relative
}

.single-server-tx-wrapper .title {
    color: #fff;
    font-weight: 500;
    margin-bottom: 2px;
    letter-spacing: -.03em
}

.single-server-tx-wrapper .date {
    font-size: 10px;
    color: #fff;
    font-weight: 500;
    opacity: .7
}

.single-server-tx-wrapper .network-icon-wrapper {
    position: absolute;
    right: 15px;
    top: 14px
}

.single-server-tx-wrapper .network-icon-wrapper svg {
    height: 14px;
    width: 14px
}

.single-server-tx-wrapper .single-server-tx-description {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 3px 3px;
    line-height: 1.4em
}

.single-server-tx-wrapper .single-server-tx-description .status-wrapper {
    display: flex
}

.single-server-tx-wrapper .single-server-tx-description .status-wrapper svg {
    height: 27px;
    width: 27px
}

.single-server-tx-wrapper .single-server-tx-description .status-wrapper .loader-wrapper .loader {
    width: 27px
}

.single-server-tx-wrapper .description {
    color: #ebebeb;
    max-width: 250px;
    white-space: pre-line
}

.single-server-tx-wrapper .description a {
    text-decoration: underline;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.single-server-tx-wrapper .description a[data-disabled=true] {
    pointer-events: none;
    text-decoration: none
}

.single-server-tx-wrapper .defiexplore-error-data {
    margin-top: 10px;
    flex: 0 0 100%;
    color: #fff
}

.single-server-tx-wrapper .defiexplore-error-data p {
    margin: 0
}

.single-server-tx-wrapper .defiexplore-error-data p.error {
    color: #939da7
}

.single-server-tx-wrapper .defiexplore-error-data p.error a {
    color: #fff;
    text-decoration: underline;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.single-server-tx-wrapper .defiexplore-error-data p.error a:hover {
    color: #f08585
}

.single-server-tx-wrapper .additional-data {
    color: #fff;
    font-weight: 500;
    opacity: .7;
    font-size: 1.2rem
}

.single-server-tx-wrapper.confirmed .single-server-tx-header {
    background: linear-gradient(90deg, #34765b, #34765bcc 9.38% 100%)
}

.single-server-tx-wrapper.confirmed .single-server-tx-description {
    background: linear-gradient(90deg, #293640 62.36%, #37b06f5e)
}

.single-server-tx-wrapper.confirmed a.description:hover {
    color: #51c989
}

.single-server-tx-wrapper.rejected .single-server-tx-header,
.single-server-tx-wrapper.failed .single-server-tx-header,
.single-server-tx-wrapper.dropped .single-server-tx-header,
.single-server-tx-wrapper.cancel .single-server-tx-header {
    background: linear-gradient(90deg, #eb5757, #eb5757cc 8.33% 100%)
}

.single-server-tx-wrapper.rejected .single-server-tx-description,
.single-server-tx-wrapper.failed .single-server-tx-description,
.single-server-tx-wrapper.dropped .single-server-tx-description,
.single-server-tx-wrapper.cancel .single-server-tx-description {
    background: linear-gradient(90deg, #293640 65.2%, #f16c814d)
}

.single-server-tx-wrapper.rejected a.description:hover,
.single-server-tx-wrapper.failed a.description:hover,
.single-server-tx-wrapper.dropped a.description:hover,
.single-server-tx-wrapper.cancel a.description:hover {
    color: #f08585
}

.single-server-tx-wrapper.pending .single-server-tx-header {
    background: linear-gradient(90deg, #34765b, #34765bcc 9.38% 100%)
}

.single-server-tx-wrapper.pending .single-server-tx-description {
    background: #293640
}

.single-server-tx-wrapper.speedup .single-server-tx-header {
    background-color: #939da7
}

.single-server-tx-wrapper.confirmed .description,
.single-server-tx-wrapper.pending .description {
    color: #37b06f
}

@keyframes width {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.dropdown-list-panel-wrapper h3 {
    display: inline-flex;
    justify-content: space-between;
    width: 100%
}

.dropdown-list-panel-wrapper h3 .gas-toggle-wrapper {
    display: inline-flex;
    align-items: center
}

.dropdown-list-panel-wrapper h3 .gas-toggle-wrapper p {
    margin: 0 0 0 7px
}

.dropdown-list-panel-wrapper h3 .gas-toggle-wrapper p.dimmed {
    color: #939da7
}

.dropdown-list-panel-wrapper .fee-box__wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px
}

.dropdown-list-panel-wrapper .fee-box__header {
    margin: 0 0 6px;
    display: inline-flex;
    justify-content: space-between
}

.dropdown-list-panel-wrapper .fee-box__header p {
    margin: 0;
    color: #939da7
}

.dropdown-list-panel-wrapper .fee-box__status {
    display: inline-flex;
    align-items: center;
    font-weight: 300;
    color: #939da7
}

.dropdown-list-panel-wrapper .fee-box__status svg {
    margin-right: 5px
}

.dropdown-list-panel-wrapper .fee-box__title {
    display: inline-flex;
    align-items: center;
    margin: 0
}

.dropdown-list-panel-wrapper .fee-box__title>span[data-tooltipped] {
    margin-right: 5px;
    display: inline-flex !important;
    align-items: center
}

.dropdown-list-panel-wrapper .fee-box__title>span[data-tooltipped] span {
    display: inline-flex;
    align-items: center
}

.dropdown-list-panel-wrapper .fee-box__title p {
    margin: 0;
    display: inline-flex;
    font-weight: 300;
    color: #939da7
}

.dropdown-list-panel-wrapper .fee-box__item {
    width: 100%;
    flex-direction: column;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .3em;
    background-color: #293640;
    overflow: hidden;
    position: relative;
    border: 1px solid #293640;
    height: 5.7rem
}

.dropdown-list-panel-wrapper .fee-box__item .loader {
    width: 40px
}

.dropdown-list-panel-wrapper .fee-box__item p {
    display: inline-flex;
    margin: 0;
    color: #fff;
    font-weight: 400;
    text-align: center;
    font-size: 3rem;
    line-height: 2.6rem
}

.dropdown-list-panel-wrapper .fee-box__item span {
    display: inline-flex;
    color: #c4c4c4;
    font-size: 1.4rem;
    line-height: 1.2rem
}

.dropdown-list-panel-wrapper .fee-box__item p,
.dropdown-list-panel-wrapper .fee-box__item span,
.dropdown-list-panel-wrapper .fee-box__item .loader {
    position: relative;
    z-index: 2
}

.dropdown-list-panel-wrapper .fee-box__item.hasLoader:after {
    content: "";
    z-index: 1;
    border-radius: .3em;
    position: absolute;
    display: flex;
    background-color: #47545e;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    animation: width 7s infinite
}

.dropdown-list-panel-wrapper .fee-box__item.small {
    height: 4.5rem
}

.dropdown-list-panel-wrapper .fee-box__item.small p {
    font-size: 1.6rem;
    line-height: 1.4rem
}

.dropdown-list-panel-wrapper .fee-box__item.small span {
    font-size: 1.2rem;
    line-height: 1rem
}

.dropdown-list-panel-wrapper .fee-box__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: .5rem
}

.dropdown-list-panel-wrapper .fee-box__list p {
    font-weight: 100
}

.dropdown-list-panel-wrapper .icon-wrapper span {
    font-family: Montserrat, sans-serif;
    position: absolute;
    color: #26343b;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: 23px
}

.dropdown-list-panel-wrapper .icon-wrapper span.smaller {
    font-size: 1rem
}

.dropdown-list-panel-wrapper .icon-wrapper.no-status svg path {
    fill: #939da7
}

.dropdown-list-panel-wrapper .icon-wrapper.high svg path {
    fill: #eb5757
}

.dropdown-list-panel-wrapper .icon-wrapper.mid svg path {
    fill: #f2c94c
}

.dropdown-list-panel-wrapper .icon-wrapper.low svg path {
    fill: #37b06f
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-options {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-options li {
    flex: 0 0 31%;
    padding: 8px;
    background: #293640;
    border-radius: 3px
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-options li p {
    margin: 0;
    color: #939da7;
    display: flex
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-options li p strong {
    margin-right: .5rem;
    color: #fff;
    font-size: 2.8rem;
    font-weight: 300
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-history-chart {
    margin-bottom: .7rem
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-history-chart>div {
    overflow: visible !important
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-history-chart>div>div {
    overflow: visible !important
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-history-chart>div>div svg {
    overflow: visible !important
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-history .gas-price-chart-info {
    color: #939da7;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0;
    font-size: 1rem
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-extension-link {
    color: #939da7;
    margin-top: 1.2rem;
    float: right
}

.dropdown-list-panel-wrapper .gas-price-status-widget-container .gas-price-extension-link:hover {
    text-decoration: underline
}

._connectMenuWrapper_ltvxh_1 {
    position: relative;
    background: #20292f;
    font-size: 1.3rem;
    animation: _show-dropdown_ltvxh_1 .1s ease-out;
    box-shadow: 0 8px 20px #0003;
    border-radius: 3px;
    border: 1px solid #313D47
}

._connectMenuWrapper_ltvxh_1 ._connectedMenuWalletPanel_ltvxh_10 {
    border: none;
    padding: 0
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14,
._connectMenuWrapper_ltvxh_1 .list-item {
    padding: 4px 20px 4px 10px;
    cursor: pointer
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 ._itemIcon_ltvxh_18,
._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 .item-icon,
._connectMenuWrapper_ltvxh_1 .list-item ._itemIcon_ltvxh_18,
._connectMenuWrapper_ltvxh_1 .list-item .item-icon {
    background-color: #2a3339;
    border-radius: 3px;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    position: relative
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 ._itemIcon_ltvxh_18 svg,
._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 .item-icon svg,
._connectMenuWrapper_ltvxh_1 .list-item ._itemIcon_ltvxh_18 svg,
._connectMenuWrapper_ltvxh_1 .list-item .item-icon svg {
    height: 20px;
    width: 20px
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 ._itemIcon_ltvxh_18._smaller_ltvxh_33,
._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 .item-icon.smaller,
._connectMenuWrapper_ltvxh_1 .list-item ._itemIcon_ltvxh_18._smaller_ltvxh_33,
._connectMenuWrapper_ltvxh_1 .list-item .item-icon.smaller {
    height: 28px;
    width: 28px;
    margin-right: 8px
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 ._itemIcon_ltvxh_18._smaller_ltvxh_33 svg,
._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 .item-icon.smaller svg,
._connectMenuWrapper_ltvxh_1 .list-item ._itemIcon_ltvxh_18._smaller_ltvxh_33 svg,
._connectMenuWrapper_ltvxh_1 .list-item .item-icon.smaller svg {
    height: 14px;
    width: 14px
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14 h3,
._connectMenuWrapper_ltvxh_1 .list-item h3 {
    margin: 0;
    font-weight: 400;
    white-space: nowrap;
    font-size: 1.3rem;
    color: #939da7
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14:hover,
._connectMenuWrapper_ltvxh_1 .list-item:hover {
    background-color: #2a3339
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14:hover ._itemIcon_ltvxh_18,
._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14:hover .item-icon,
._connectMenuWrapper_ltvxh_1 .list-item:hover ._itemIcon_ltvxh_18,
._connectMenuWrapper_ltvxh_1 .list-item:hover .item-icon {
    background-color: #39454e
}

._connectMenuWrapper_ltvxh_1 ._listItem_ltvxh_14:last-of-type,
._connectMenuWrapper_ltvxh_1 .list-item:last-of-type {
    margin-bottom: 4px
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-right: 50px
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58._active_ltvxh_63._ethereum_ltvxh_63,
._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58._active_ltvxh_63._mainnet_ltvxh_63 {
    background-image: linear-gradient(0deg, #697dbc33 0% 100%)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58._active_ltvxh_63._optimism_ltvxh_66 {
    background-image: linear-gradient(0deg, #e9343333 0% 100%)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58._active_ltvxh_63._arbitrum_ltvxh_69 {
    background-image: linear-gradient(0deg, #317fcb33 0% 100%)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58._active_ltvxh_63._base_ltvxh_72 {
    background-image: linear-gradient(0deg, #0052ff33 0% 100%)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58._active_ltvxh_63 h3 {
    color: #fff
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 ._itemIcon_ltvxh_18._ethereum_ltvxh_63,
._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 ._itemIcon_ltvxh_18._mainnet_ltvxh_63 {
    background: linear-gradient(180deg, #697dbc 1.28%, #4a60a6)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 ._itemIcon_ltvxh_18._optimism_ltvxh_66 {
    background: linear-gradient(180deg, #ff0420, #e5041d)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 ._itemIcon_ltvxh_18._arbitrum_ltvxh_69 {
    background: linear-gradient(180deg, #12aaff, #0090e0)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 ._itemIcon_ltvxh_18._base_ltvxh_72 {
    background: linear-gradient(180deg, #1762ff, #0052ff)
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 ._itemIcon_ltvxh_18 svg {
    height: 18px !important;
    width: 18px !important
}

._connectMenuWrapper_ltvxh_1 ._network_ltvxh_58 ._connectedNetworkMarker_ltvxh_94 {
    position: absolute;
    right: 10px
}

._connectMenuWrapper_ltvxh_1 hr {
    margin: 8px 0;
    border-color: #61717e
}

._connectMenuWrapper_ltvxh_1 ._whyWeSwitchedToSafe_ltvxh_102 {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #5d3186;
    padding: 8px 16px;
    color: #fff;
    font-size: 12px
}

._connectMenuWrapper_ltvxh_1 ._whyWeSwitchedToSafe_ltvxh_102:hover {
    background-color: #653b8c
}

._connectMenuWrapper_ltvxh_1 ._whyWeSwitchedToSafe_ltvxh_102 ._icon_ltvxh_116 {
    width: 20px;
    height: 20px
}

._connectMenuWrapper_ltvxh_1 ._whyWeSwitchedToSafe_ltvxh_102 span {
    white-space: nowrap
}

._root_zilvl_1 {
    min-height: 28px;
    height: 28px;
    min-width: 28px;
    width: 28px;
    position: relative
}

._root_zilvl_1 img {
    height: 100%;
    width: 100%;
    border-radius: 3px
}

._rounded_zilvl_14 img {
    border-radius: 50%
}

._small_zilvl_18 {
    min-height: 20px;
    height: 20px;
    min-width: 20px;
    width: 20px
}

._medium_zilvl_25 {
    min-height: 28px;
    height: 28px;
    min-width: 28px;
    width: 28px
}

._large_zilvl_32 {
    min-height: 36px;
    height: 36px;
    min-width: 36px;
    width: 36px
}

._iconIndicator_zilvl_39 {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 16px;
    width: 16px
}

._root_10ci5_1 {
    color: #fff;
    padding: 12px 40px 12px 42px;
    width: 100%;
    position: relative;
    min-width: 265px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    cursor: pointer
}

._root_10ci5_1:hover {
    background-color: #2f383e
}

._root_10ci5_1:hover ._manageButtons_10ci5_16 {
    display: flex
}

._root_10ci5_1._active_10ci5_19 {
    background-color: #316f561a
}

._root_10ci5_1._active_10ci5_19:hover {
    background-color: #2f3e40
}

._root_10ci5_1:hover ._walletInfo_10ci5_25 ._firstLine_10ci5_25 ._copyIcon_10ci5_25 {
    position: absolute;
    top: 16px;
    color: #c6c6c6;
    display: flex
}

._root_10ci5_1:hover ._walletInfo_10ci5_25 ._firstLine_10ci5_25 ._copyIcon_10ci5_25:hover,
._root_10ci5_1:hover ._walletInfo_10ci5_25 ._firstLine_10ci5_25 ._justCopied_10ci5_34 {
    color: #fff
}

._verticalTreeLine_10ci5_38 {
    position: absolute;
    height: 100%;
    left: 0;
    width: 30px;
    border-right: 1px solid #939DA7
}

._verticalTreeLine_10ci5_38._lastChild_10ci5_45 {
    height: 50%;
    top: 0
}

._horizontalTreeLine_10ci5_50 {
    position: absolute;
    height: 50%;
    left: 30px;
    top: 0;
    width: 20px;
    border-bottom: 1px solid #939DA7
}

._walletInfo_10ci5_25 {
    white-space: nowrap;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding-top: 2px;
    padding-bottom: 2px
}

._walletInfo_10ci5_25 ._firstLine_10ci5_25 {
    font-size: 12px;
    display: flex;
    align-items: center;
    line-height: 16px;
    gap: 4px;
    color: #fbfbfb
}

._walletInfo_10ci5_25 ._firstLine_10ci5_25 span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis
}

._walletInfo_10ci5_25 ._firstLine_10ci5_25 ._copyIcon_10ci5_25 {
    display: none;
    cursor: pointer
}

._walletInfo_10ci5_25 ._secondLine_10ci5_85 {
    font-size: 12px;
    display: inline-flex;
    gap: 4px;
    color: #9d9d9d
}

._manageButtons_10ci5_16 {
    display: none;
    position: absolute;
    right: 4px;
    top: 0;
    bottom: 0;
    align-items: center
}

@media (hover: none) {
    ._manageButtons_10ci5_16 {
        display: flex
    }
}

._manageButtons_10ci5_16 ._manageButton_10ci5_16 {
    height: 28px;
    width: 28px;
    background: transparent
}

._successfulCopyInfo_10ci5_111 {
    display: flex;
    align-items: center;
    gap: 4px
}

._ownedAccountsListItem_81ug0_1 {
    padding: 12px;
    display: flex;
    align-items: center;
    gap: 12px
}

._ownedAccountsListItem_81ug0_1 ._walletInfo_81ug0_7 {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._ownedAccountsListItem_81ug0_1 ._walletInfo_81ug0_7 ._firstLine_81ug0_12 {
    display: inline-flex;
    gap: 4px;
    font-size: 14px
}

._ownedAccountsListItem_81ug0_1 ._walletInfo_81ug0_7 ._firstLine_81ug0_12 span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px;
    text-overflow: ellipsis
}

._ownedAccountsListItem_81ug0_1 ._walletInfo_81ug0_7 ._secondLine_81ug0_23 {
    color: #9d9d9d;
    display: inline-flex;
    gap: 4px;
    font-size: 12px;
    white-space: nowrap
}

._ownedAccountsListItem_81ug0_1._active_81ug0_30 {
    background-color: #316f561a
}

._ownedAccountsListItem_81ug0_1:hover {
    background-color: #2f383e
}

._root_2pfnx_1 {
    color: #fbfbfb;
    padding: 12px;
    display: flex;
    position: relative;
    gap: 6px;
    cursor: pointer
}

._root_2pfnx_1 ._verticalLine_2pfnx_9 {
    position: absolute;
    width: 18px;
    height: 50%;
    border-right: 1px solid #939DA7;
    top: 50%
}

._root_2pfnx_1 ._walletInfo_2pfnx_16 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex-grow: 1
}

._root_2pfnx_1 ._walletInfo_2pfnx_16 ._firstLine_2pfnx_22 {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px
}

._root_2pfnx_1 ._walletInfo_2pfnx_16 ._firstLine_2pfnx_22 ._copyIcon_2pfnx_28 {
    position: absolute;
    top: 14px;
    visibility: hidden
}

._root_2pfnx_1 ._walletInfo_2pfnx_16 ._firstLine_2pfnx_22 ._accountName_2pfnx_33 {
    display: flex;
    align-items: center;
    gap: 4px
}

._root_2pfnx_1 ._walletInfo_2pfnx_16 ._firstLine_2pfnx_22 ._accountName_2pfnx_33 ._accountNameText_2pfnx_38 {
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis
}

._root_2pfnx_1 ._walletInfo_2pfnx_16 ._secondLine_2pfnx_44 {
    display: inline-flex;
    gap: 4px;
    font-size: 12px;
    white-space: nowrap;
    color: #9d9d9d
}

._root_2pfnx_1 ._walletSelectDropdownButton_2pfnx_51 {
    font-size: 16px;
    display: flex;
    padding: 4px 2px;
    background-color: #2c3740;
    border-radius: 3px
}

._root_2pfnx_1:hover ._walletInfo_2pfnx_16 ._firstLine_2pfnx_22 ._copyIcon_2pfnx_28 {
    visibility: visible;
    display: flex;
    color: #c6c6c6
}

._root_2pfnx_1:hover ._walletInfo_2pfnx_16 ._firstLine_2pfnx_22 ._copyIcon_2pfnx_28:hover,
._root_2pfnx_1:hover ._walletInfo_2pfnx_16 ._firstLine_2pfnx_22 ._justCopied_2pfnx_66 {
    color: #fff
}

._successfulCopyInfo_2pfnx_70 {
    display: flex;
    align-items: center;
    gap: 4px
}

.CreateSmartWalletMenuItem {
    padding: 12px 12px 12px 42px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    cursor: pointer
}

.CreateSmartWalletMenuItem__VerticalTreeLine {
    position: absolute;
    left: 0;
    width: 30px;
    border-right: 1px solid #939DA7;
    height: 50%;
    top: 0
}

.CreateSmartWalletMenuItem__HorizontalTreeLine {
    position: absolute;
    height: 50%;
    left: 30px;
    top: 0;
    width: 12px;
    border-bottom: 1px solid #939DA7
}

.CreateSmartWalletMenuItem__Text {
    white-space: nowrap
}

.CreateSmartWalletMenuItem__Text__Title {
    color: #fff;
    font-size: 13px;
    font-weight: 300
}

.CreateSmartWalletMenuItem__Text__Link {
    color: #37b06f;
    font-size: 12px
}

.CreateSmartWalletMenuItem__Text__Link:hover {
    text-decoration: underline
}

.CreateSmartWalletMenuItem:hover {
    background-color: #2f383e
}

._root_1xihb_1 {
    color: #fff;
    cursor: pointer;
    height: 40px;
    align-items: center;
    display: flex;
    background: linear-gradient(180deg, #2c3740, #222b32 92.86%);
    border-radius: 3px 0 0 3px;
    gap: 6px;
    padding: 6px 12px;
    min-width: 170px
}

._root_1xihb_1:hover {
    background: #36444f
}

._blockiesIcons_1xihb_17 {
    height: 28px;
    width: 28px;
    position: relative
}

._blockiesIcons_1xihb_17 ._parentWallet_1xihb_22 {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #9D9D9D
}

._blockiesIcons_1xihb_17 ._smartWallet_1xihb_31 {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #9D9D9D
}

._addressesColumn_1xihb_41 {
    display: flex;
    flex-direction: column;
    gap: 2px
}

._addressesColumn_1xihb_41 ._parentWalletAddress_1xihb_46 {
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 8px
}

._addressesColumn_1xihb_41 ._parentWalletAddress_1xihb_46 span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 {
    color: #9d9d9d;
    font-size: 12px;
    display: flex
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 ._childIndicatorIcon_1xihb_63 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 12px;
    height: 12px;
    position: relative;
    color: #9d9d9d;
    top: 2px
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 ._No-Wallet_1xihb_73 {
    color: #37b06f
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 ._smartWalletAddressText_1xihb_76 {
    display: flex;
    align-items: center;
    gap: 8px
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 ._smartWalletAddressText_1xihb_76 span {
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 ._smartWalletAddressIconWrapper_1xihb_87 {
    display: flex;
    align-items: center
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 ._safe_1xihb_91 {
    color: #12ff80
}

._addressesColumn_1xihb_41 ._smartWalletAddress_1xihb_58 ._dsProxy_1xihb_94 {
    color: #5bb4a7
}

._noWallet_1xihb_98 {
    color: #37b06f
}

._walletTypeIconsColumn_1xihb_102 {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 12px;
    justify-content: space-between
}

.connect-wallet-select-inline {
    display: inline-flex;
    justify-content: flex-end;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .connect-wallet-select-inline {
        width: 100%
    }
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper {
    display: flex
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper>div {
    position: relative
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .wallet-icon-wrapper,
.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper {
    width: 40px;
    height: 40px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .wallet-icon-wrapper,
.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper {
    background: linear-gradient(180deg, #2c3740, #222b32 92.86%);
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .wallet-icon-wrapper svg,
.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper svg {
    width: 20px;
    height: 20px
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .wallet-icon-wrapper:hover,
.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper:hover {
    box-shadow: inset 0 0 100px 100px #ffffff08
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper.ethereum,
.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper.mainnet {
    background: linear-gradient(180deg, #697dbc 1.28%, #4a60a6)
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper.optimism {
    background: linear-gradient(180deg, #ff0420, #e5041d)
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper.arbitrum {
    background: linear-gradient(180deg, #12aaff, #0090e0)
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper.base {
    background: linear-gradient(180deg, #1762ff, #0052ff)
}

.connect-wallet-select-inline .connect-wallet-icon-wrapper .network-icon-wrapper:hover {
    box-shadow: inset 0 0 100px 100px #ffffff1a
}

.connect-wallet-select {
    display: flex;
    align-items: center;
    color: #939da7;
    position: relative
}

@media only screen and (max-width: 650px) {
    .connect-wallet-select {
        display: none
    }
}

.connect-wallet-select .label {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    height: 40px;
    justify-content: space-between;
    padding: 4px
}

.connect-wallet-select .label .balance {
    font-size: 1em;
    line-height: 1
}

.connect-wallet-select .label .balance a:hover {
    text-decoration: underline
}

.connect-wallet-select .label .eth-value-in-usd {
    font-size: 1em;
    line-height: 1
}

@media only screen and (max-width: 450px) {
    .connect-wallet-select .label {
        font-size: 12px
    }
}

.notification-dropdowns-wrapper {
    display: flex;
    align-items: center;
    gap: 8px
}

.notification-dropdowns-wrapper .dropdown-list-panel-wrapper:first-of-type .icon-wrapper {
    border-radius: 3px
}

.header-wrapper {
    padding: 20px 0;
    justify-content: space-between;
    position: relative
}

@media only screen and (max-width: 1024px) {
    .header-wrapper {
        padding: 0;
        border-bottom: 1px solid #2D3943;
        margin-bottom: 20px
    }
}

.header-wrapper .header-inner-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto
}

@media only screen and (max-width: 1024px) {
    .header-wrapper .header-inner-wrapper {
        justify-content: center
    }
}

.header-wrapper .page-title {
    font-size: 2.8rem;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    .header-wrapper .page-title {
        display: none
    }
}

.header-wrapper .page-title .route-icon {
    height: 30px;
    width: 30px;
    margin: 0 10px 2px 0;
    vertical-align: bottom
}

.header-wrapper .page-title h1 {
    font-size: 2.8rem;
    display: inline-block;
    margin: 0;
    font-weight: 400
}

.header-wrapper .page-title span {
    font-size: 1.6rem;
    color: #939da7;
    vertical-align: super;
    font-weight: 500;
    margin-left: 5px
}

.header-wrapper .actions-wrapper {
    display: flex
}

@media only screen and (max-width: 1024px) {
    .header-wrapper .actions-wrapper {
        padding: 20px 0;
        height: 80px;
        width: 100%;
        display: flex
    }

    .header-wrapper .actions-wrapper .connect-wallet-select {
        flex: 1 1 100%;
        justify-content: flex-end
    }
}

@media only screen and (max-width: 440px) {
    .header-wrapper .actions-wrapper {
        height: auto
    }

    .header-wrapper .actions-wrapper .connect-wallet-select-inline {
        justify-content: space-between
    }
}

.header-wrapper .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: transparent
}

._container_1bbad_1 {
    position: relative;
    overflow: hidden
}

._topShadow_1bbad_6 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(to bottom, #29343d, #1f272e00);
    opacity: 0;
    transition: opacity .3s ease-in-out;
    pointer-events: none;
    z-index: 1
}

._bottomShadow_1bbad_19 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(to top, #29343d, #1f272e00);
    opacity: 0;
    transition: opacity .3s ease-in-out;
    pointer-events: none;
    z-index: 1
}

._topShadow_1bbad_6._visible_1bbad_32,
._bottomShadow_1bbad_19._visible_1bbad_32 {
    opacity: 1
}

._scrollableContent_1bbad_36 {
    height: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: scroll;
    overscroll-behavior: contain
}

._forkStateWrapper_tuvww_1 {
    width: 100%;
    height: 40px;
    display: flex;
    background: #1f272e;
    font-weight: 700;
    font-size: 1.3rem;
    color: #fff;
    padding: 6px 6px 6px 12px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px
}

._forkStateWrapper_tuvww_1._active_tuvww_14 {
    background-color: #6d399d;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    ._forkStateWrapper_tuvww_1 {
        height: 56px;
        padding: 16px 20px 16px 12px;
        background-color: transparent;
        border-radius: 8px;
        border: 1px solid #394956
    }

    ._forkStateWrapper_tuvww_1._active_tuvww_14 {
        border: 1px solid #AF74E6
    }
}

._forkToggleWrapper_tuvww_31 {
    display: flex;
    align-items: center
}

._forkToggleWrapper_tuvww_31 .toggle-wrapper {
    width: 32px;
    height: 18px
}

._forkToggleWrapper_tuvww_31 .toggle-movable:after {
    width: 16px;
    height: 16px
}

._forkToggleWrapper_tuvww_31 .toggle-movable:hover {
    opacity: .7
}

._forkToggleWrapper_tuvww_31 input:checked+.toggle-movable:after {
    transform: translate(14px)
}

._forkExpandFooter_tuvww_50 {
    margin-left: 15px
}

._forkExpandFooter_tuvww_50._active_tuvww_14 {
    display: flex;
    align-items: center;
    margin: 0 12px 0 auto;
    padding: 4px;
    background: #9b51e0;
    border-radius: 3px;
    transition: opacity .2s;
    cursor: pointer
}

._forkExpandFooter_tuvww_50._active_tuvww_14._open_tuvww_63 {
    opacity: 0;
    pointer-events: none
}

._forkExpandFooter_tuvww_50._active_tuvww_14._closed_tuvww_67 {
    opacity: 1
}

._forkExpandFooter_tuvww_50._active_tuvww_14:hover {
    background-color: #ffffff1a
}

._forkExpandFooter_tuvww_50._active_tuvww_14 svg {
    display: block !important
}

@media only screen and (max-width: 1024px) {
    ._forkExpandFooter_tuvww_50._active_tuvww_14 svg {
        display: none !important
    }
}

@media only screen and (max-width: 1024px) {
    ._forkExpandFooter_tuvww_50._active_tuvww_14 {
        display: none
    }
}

._simulationLabelWrapper_tuvww_87 {
    display: flex;
    text-align: center
}

@media only screen and (max-width: 1024px) {
    ._simulationLabelWrapper_tuvww_87 {
        align-items: center;
        justify-content: space-between;
        width: 100%
    }
}

@media only screen and (min-width: 1025px) {
    ._simulationLabelWrapper_tuvww_87 {
        flex-direction: column;
        opacity: 0;
        transform: translate(-15px);
        transition: .2s
    }
}

@media only screen and (min-width: 1679px) {
    ._simulationLabelWrapper_tuvww_87 {
        opacity: 1;
        transform: translate(0);
        transition: .2s
    }
}

._simulationLabelWrapper_tuvww_87._menuHovered_tuvww_113 {
    opacity: 1;
    transform: translate(0)
}

._simulationLabelWrapper_tuvww_87 ._simulationLabel_tuvww_87 {
    margin-top: 1px;
    text-align: center;
    color: #f9fafb;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500
}

@media only screen and (max-width: 1024px) {
    ._simulationLabelWrapper_tuvww_87 ._simulationLabel_tuvww_87 {
        font-size: 14px;
        margin: 0
    }
}

._simulationLabelWrapper_tuvww_87 ._simulationTimeDelta_tuvww_131 {
    margin-top: 2px;
    color: #d7b9f3;
    font-size: 10px;
    line-height: 10px;
    font-weight: 500;
    transition: all .2s;
    letter-spacing: .2px
}

._simulationLabelWrapper_tuvww_87 ._simulationTimeDelta_tuvww_131._open_tuvww_63 {
    opacity: 0;
    height: 0;
    transition: all .2s
}

@media only screen and (max-width: 1024px) {
    ._simulationLabelWrapper_tuvww_87 ._simulationTimeDelta_tuvww_131 {
        margin: 0;
        height: auto;
        opacity: 1
    }

    ._simulationLabelWrapper_tuvww_87 ._simulationTimeDelta_tuvww_131._open_tuvww_63 {
        height: auto;
        opacity: 1
    }
}

._simulationBlock_8c7d3_1 {
    align-self: flex-end;
    width: 100%;
    margin-top: 8px;
    z-index: 1000
}

@media only screen and (min-width: 1025px) {
    ._simulationBlock_8c7d3_1 {
        margin-top: 0
    }
}

._whatsNewBlock_1eidq_1 {
    grid-row: 3;
    position: relative;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    border: 1px solid #245340;
    background: #37b06f1a;
    margin-top: 16px
}

._whatsNewBlock_1eidq_1:hover {
    background: #243431
}

@media only screen and (min-width: 1025px) {
    ._whatsNewBlock_1eidq_1 {
        display: none;
        width: calc(100% - 16px);
        margin: 8px
    }

    ._whatsNewBlock_1eidq_1._menuHovered_1eidq_20 {
        display: block
    }
}

@media only screen and (min-width: 1679px) {
    ._whatsNewBlock_1eidq_1 {
        display: block
    }
}

._whatsNewClose_1eidq_30 {
    background-color: transparent;
    outline: none;
    border: 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
    line-height: 16px;
    padding: 1px;
    margin: 0;
    position: absolute;
    top: 12px;
    right: 12px;
    border-radius: 2px;
    z-index: 1;
    color: #afdfc5
}

@media only screen and (min-width: 1025px) {
    ._whatsNewClose_1eidq_30 {
        width: 10px;
        height: 10px;
        top: 8px;
        right: 8px
    }
}

._whatsNewLink_1eidq_56 {
    display: grid;
    width: 100%;
    height: 100%;
    animation: _opacityIn_1eidq_1 .2s;
    padding: 12px 12px 12px 16px
}

@media only screen and (min-width: 1025px) {
    ._whatsNewLink_1eidq_56 {
        padding: 8px 8px 12px
    }
}

._whatsNewHeader_1eidq_69 {
    display: block;
    margin-bottom: 10px;
    color: #afdfc5;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1.44px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap
}

@media only screen and (min-width: 1025px) {
    ._whatsNewHeader_1eidq_69 {
        margin-bottom: 4px;
        font-size: 10px;
        line-height: 10px
    }
}

._whatsNewContent_1eidq_90 {
    display: block;
    color: #719f8c;
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 1.44px;
    white-space: pre-line;
    overflow: hidden
}

@media only screen and (min-width: 1025px) {
    ._whatsNewContent_1eidq_90 {
        font-size: 10px;
        white-space: nowrap
    }
}

._menu_1gg1r_1 {
    display: grid;
    grid-auto-flow: row;
    grid-template-rows: auto 1fr auto;
    gap: 16px;
    width: 100%;
    overflow: hidden;
    overscroll-behavior: contain;
    z-index: 1000;
    margin-top: 24px;
    background: linear-gradient(180deg, #232c33, #1f272d)
}

@media only screen and (min-width: 1025px) {
    ._menu_1gg1r_1 {
        grid-template-rows: 1fr;
        gap: 0;
        height: 100%;
        opacity: 1;
        margin-top: 0;
        background: #1f272e
    }
}

._menuSections_1gg1r_24 {
    display: grid;
    grid-auto-flow: row;
    gap: 12px;
    grid-template-areas: "menuListMessage" "menuList"
}

@media only screen and (min-width: 1025px) {
    ._menuSections_1gg1r_24 {
        padding: 10px 8px
    }
}

._menuSectionTitle_1gg1r_36 {
    all: unset;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    color: #c8d2da;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    margin: 0 0 12px 4px;
    cursor: pointer
}

._menuSectionTitle_1gg1r_36 i,
._menuSectionTitle_1gg1r_36 svg {
    width: 20px;
    height: 20px;
    transition: transform .3s ease
}

._menuSectionTitle_1gg1r_36 ._collapsed_1gg1r_56 {
    transform: rotate(180deg)
}

@media only screen and (min-width: 1025px) {
    ._menuSectionTitle_1gg1r_36:hover {
        color: #e6ebef
    }

    ._menuSectionTitle_1gg1r_36 i,
    ._menuSectionTitle_1gg1r_36 svg {
        width: 32px
    }

    ._menuSectionTitle_1gg1r_36 ._titleText_1gg1r_66 {
        width: 0;
        margin-left: 10px;
        opacity: 0;
        transform: translate(-20px);
        transition: opacity .3s ease, width .3s ease, transform .3s ease
    }

    ._menuSectionTitle_1gg1r_36._menuHovered_1gg1r_73 ._titleText_1gg1r_66 {
        width: auto;
        opacity: 1;
        transform: translate(0)
    }
}

@media only screen and (min-width: 1679px) {
    ._menuSectionTitle_1gg1r_36 {
        margin-left: 4px
    }

    ._menuSectionTitle_1gg1r_36 ._titleText_1gg1r_66 {
        width: auto;
        opacity: 1;
        transform: none;
        transition: none
    }
}

._titleText_1gg1r_66 {
    display: inline
}

._menuList_1gg1r_95 {
    display: grid;
    grid-area: menuList;
    grid-template-columns: repeat(auto-fill, minmax(84px, 1fr));
    gap: 8px;
    margin: 0;
    padding: 0;
    row-gap: 12px
}

._menuList_1gg1r_95._menuListCollapsed_1gg1r_104 {
    gap: 0
}

._menuList_1gg1r_95._menuListCollapsed_1gg1r_104 ._menuItem_1gg1r_107:not(._active_1gg1r_107) {
    min-height: 0;
    padding: 0 4px;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateY(-10px)
}

@media only screen and (min-width: 1025px) {
    ._menuList_1gg1r_95._menuListCollapsed_1gg1r_104 ._menuItem_1gg1r_107:not(._active_1gg1r_107) {
        min-height: 0;
        height: 0
    }
}

@media only screen and (min-width: 1025px) {
    ._menuList_1gg1r_95 {
        grid-template-columns: 1fr;
        gap: 2px
    }
}

._menuItemWrapper_1gg1r_128 {
    list-style: none
}

._menuItem_1gg1r_107 {
    width: 100%;
    min-height: 96px;
    text-align: center;
    font-style: normal;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    transition: opacity .3s ease, transform .3s ease, min-height .3s ease, height .3s ease, visibility .3s ease;
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    transform: translateY(0)
}

._menuItem_1gg1r_107:hover,
._menuItem_1gg1r_107._active_1gg1r_107 {
    opacity: 1
}

._menuItem_1gg1r_107:hover ._menuItemTitle_1gg1r_149,
._menuItem_1gg1r_107._active_1gg1r_107 ._menuItemTitle_1gg1r_149 {
    color: #f9fafb
}

._menuItem_1gg1r_107:hover._portfolio_1gg1r_152 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._portfolio_1gg1r_152 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._discover_1gg1r_156 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._discover_1gg1r_156 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._loanShifter_1gg1r_160 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._loanShifter_1gg1r_160 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._exchange_1gg1r_164 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._exchange_1gg1r_164 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._smartSavings_1gg1r_168 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._smartSavings_1gg1r_168 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._recipeCreator_1gg1r_172 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._recipeCreator_1gg1r_172 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._bridge_1gg1r_176 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._bridge_1gg1r_176 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #4bb87d;
    background-color: #4bb87d1a
}

._menuItem_1gg1r_107:hover._aave_1gg1r_180 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._aave_1gg1r_180 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #9391f7;
    background-color: #9391f71a
}

._menuItem_1gg1r_107:hover._fluid_1gg1r_184 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._fluid_1gg1r_184 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #4e80ee;
    background-color: #4e80ee1a
}

._menuItem_1gg1r_107:hover._liquityV2_1gg1r_188 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._liquityV2_1gg1r_188 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._liquityV1_1gg1r_192 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._liquityV1_1gg1r_192 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #405ae5;
    background-color: #405ae51a
}

._menuItem_1gg1r_107:hover._makerdao_1gg1r_196 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._makerdao_1gg1r_196 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #1aab9b;
    background-color: #1aab9b1a
}

._menuItem_1gg1r_107:hover._compound_1gg1r_200 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._compound_1gg1r_200 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #00d395;
    background-color: #00d3951a
}

._menuItem_1gg1r_107:hover._sky_1gg1r_204 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._sky_1gg1r_204 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #6a6cfb;
    background-color: #6a6cfb1a
}

._menuItem_1gg1r_107:hover._crvusd_1gg1r_208 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._crvusd_1gg1r_208 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107:hover._llamalend_1gg1r_212 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._llamalend_1gg1r_212 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #167c4a;
    background-color: #167c4a1a
}

._menuItem_1gg1r_107:hover._morphoblue_1gg1r_216 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._morphoblue_1gg1r_216 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #2e4dff;
    background-color: #2e4dff1a
}

._menuItem_1gg1r_107:hover._eulerV2_1gg1r_220 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._eulerV2_1gg1r_220 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #2ae5b9;
    background-color: #2ae5b91a
}

._menuItem_1gg1r_107:hover._spark_1gg1r_224 ._menuItemIconWrapper_1gg1r_152,
._menuItem_1gg1r_107._active_1gg1r_107._spark_1gg1r_224 ._menuItemIconWrapper_1gg1r_152 {
    border-color: #f2b72d;
    background-color: #f2b72d1a
}

@media only screen and (min-width: 1025px) {
    ._menuItem_1gg1r_107 {
        max-width: 40px;
        min-height: 40px;
        height: 40px;
        grid-auto-flow: column;
        grid-template-columns: auto auto;
        justify-content: start;
        align-items: center;
        text-align: left;
        padding: 4px;
        border-radius: 12px
    }

    ._menuItem_1gg1r_107._menuHovered_1gg1r_73 {
        max-width: 100%
    }

    ._menuItem_1gg1r_107:hover {
        background-color: #ffffff08
    }

    ._menuItem_1gg1r_107._active_1gg1r_107 {
        background-color: #2d3943
    }

    ._menuItem_1gg1r_107._active_1gg1r_107:hover {
        background: linear-gradient(0deg, #ffffff08 0% 100%), #2d3943
    }

    ._menuItem_1gg1r_107._portfolio_1gg1r_152 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._portfolio_1gg1r_152 ._menuItemIcon_1gg1r_152 svg path {
        fill: #38865e
    }

    ._menuItem_1gg1r_107._portfolio_1gg1r_152:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._portfolio_1gg1r_152._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d33
    }

    ._menuItem_1gg1r_107._portfolio_1gg1r_152:hover svg path,
    ._menuItem_1gg1r_107._portfolio_1gg1r_152._active_1gg1r_107 svg path {
        fill: #4bb87d
    }

    ._menuItem_1gg1r_107._portfolio_1gg1r_152._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d40
    }

    ._menuItem_1gg1r_107._discover_1gg1r_156 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._discover_1gg1r_156 ._menuItemIcon_1gg1r_152 svg path {
        fill: #38865e
    }

    ._menuItem_1gg1r_107._discover_1gg1r_156:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._discover_1gg1r_156._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d33
    }

    ._menuItem_1gg1r_107._discover_1gg1r_156:hover svg path,
    ._menuItem_1gg1r_107._discover_1gg1r_156._active_1gg1r_107 svg path {
        fill: #4bb87d
    }

    ._menuItem_1gg1r_107._discover_1gg1r_156._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d40
    }

    ._menuItem_1gg1r_107._loanShifter_1gg1r_160 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._loanShifter_1gg1r_160 ._menuItemIcon_1gg1r_152 svg path {
        fill: #38865e
    }

    ._menuItem_1gg1r_107._loanShifter_1gg1r_160:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._loanShifter_1gg1r_160._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d33
    }

    ._menuItem_1gg1r_107._loanShifter_1gg1r_160:hover svg path,
    ._menuItem_1gg1r_107._loanShifter_1gg1r_160._active_1gg1r_107 svg path {
        fill: #4bb87d
    }

    ._menuItem_1gg1r_107._loanShifter_1gg1r_160._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d40
    }

    ._menuItem_1gg1r_107._exchange_1gg1r_164 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._exchange_1gg1r_164 ._menuItemIcon_1gg1r_152 svg path {
        fill: #38865e
    }

    ._menuItem_1gg1r_107._exchange_1gg1r_164:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._exchange_1gg1r_164._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d33
    }

    ._menuItem_1gg1r_107._exchange_1gg1r_164:hover svg path,
    ._menuItem_1gg1r_107._exchange_1gg1r_164._active_1gg1r_107 svg path {
        fill: #4bb87d
    }

    ._menuItem_1gg1r_107._exchange_1gg1r_164._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d40
    }

    ._menuItem_1gg1r_107._smartSavings_1gg1r_168 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._smartSavings_1gg1r_168 ._menuItemIcon_1gg1r_152 svg path {
        fill: #38865e
    }

    ._menuItem_1gg1r_107._smartSavings_1gg1r_168:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._smartSavings_1gg1r_168._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d33
    }

    ._menuItem_1gg1r_107._smartSavings_1gg1r_168:hover svg path,
    ._menuItem_1gg1r_107._smartSavings_1gg1r_168._active_1gg1r_107 svg path {
        fill: #4bb87d
    }

    ._menuItem_1gg1r_107._smartSavings_1gg1r_168._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d40
    }

    ._menuItem_1gg1r_107._recipeCreator_1gg1r_172 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._recipeCreator_1gg1r_172 ._menuItemIcon_1gg1r_152 svg path {
        fill: #38865e
    }

    ._menuItem_1gg1r_107._recipeCreator_1gg1r_172:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._recipeCreator_1gg1r_172._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d33
    }

    ._menuItem_1gg1r_107._recipeCreator_1gg1r_172:hover svg path,
    ._menuItem_1gg1r_107._recipeCreator_1gg1r_172._active_1gg1r_107 svg path {
        fill: #4bb87d
    }

    ._menuItem_1gg1r_107._recipeCreator_1gg1r_172._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d40
    }

    ._menuItem_1gg1r_107._bridge_1gg1r_176 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._bridge_1gg1r_176 ._menuItemIcon_1gg1r_152 svg path {
        fill: #38865e
    }

    ._menuItem_1gg1r_107._bridge_1gg1r_176:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._bridge_1gg1r_176._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d33
    }

    ._menuItem_1gg1r_107._bridge_1gg1r_176:hover svg path,
    ._menuItem_1gg1r_107._bridge_1gg1r_176._active_1gg1r_107 svg path {
        fill: #4bb87d
    }

    ._menuItem_1gg1r_107._bridge_1gg1r_176._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4bb87d40
    }

    ._menuItem_1gg1r_107._aave_1gg1r_180 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._aave_1gg1r_180 ._menuItemIcon_1gg1r_152 svg path {
        fill: #6b6bb3
    }

    ._menuItem_1gg1r_107._aave_1gg1r_180:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._aave_1gg1r_180._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #9391f733
    }

    ._menuItem_1gg1r_107._aave_1gg1r_180:hover svg path,
    ._menuItem_1gg1r_107._aave_1gg1r_180._active_1gg1r_107 svg path {
        fill: #9391f7
    }

    ._menuItem_1gg1r_107._aave_1gg1r_180._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #9391f740
    }

    ._menuItem_1gg1r_107._fluid_1gg1r_184 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._fluid_1gg1r_184 ._menuItemIcon_1gg1r_152 svg path {
        fill: #3a5fad
    }

    ._menuItem_1gg1r_107._fluid_1gg1r_184:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._fluid_1gg1r_184._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4e80ee33
    }

    ._menuItem_1gg1r_107._fluid_1gg1r_184:hover svg path,
    ._menuItem_1gg1r_107._fluid_1gg1r_184._active_1gg1r_107 svg path {
        fill: #4e80ee
    }

    ._menuItem_1gg1r_107._fluid_1gg1r_184._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #4e80ee40
    }

    ._menuItem_1gg1r_107._liquityV2_1gg1r_188 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._liquityV2_1gg1r_188 ._menuItemIcon_1gg1r_152 svg path {
        fill: #3044a7
    }

    ._menuItem_1gg1r_107._liquityV2_1gg1r_188:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._liquityV2_1gg1r_188._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #405ae533
    }

    ._menuItem_1gg1r_107._liquityV2_1gg1r_188:hover svg path,
    ._menuItem_1gg1r_107._liquityV2_1gg1r_188._active_1gg1r_107 svg path {
        fill: #405ae5
    }

    ._menuItem_1gg1r_107._liquityV2_1gg1r_188._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #405ae540
    }

    ._menuItem_1gg1r_107._liquityV1_1gg1r_192 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._liquityV1_1gg1r_192 ._menuItemIcon_1gg1r_152 svg path {
        fill: #3044a7
    }

    ._menuItem_1gg1r_107._liquityV1_1gg1r_192:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._liquityV1_1gg1r_192._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #405ae533
    }

    ._menuItem_1gg1r_107._liquityV1_1gg1r_192:hover svg path,
    ._menuItem_1gg1r_107._liquityV1_1gg1r_192._active_1gg1r_107 svg path {
        fill: #405ae5
    }

    ._menuItem_1gg1r_107._liquityV1_1gg1r_192._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #405ae540
    }

    ._menuItem_1gg1r_107._makerdao_1gg1r_196 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._makerdao_1gg1r_196 ._menuItemIcon_1gg1r_152 svg path {
        fill: #167d73
    }

    ._menuItem_1gg1r_107._makerdao_1gg1r_196:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._makerdao_1gg1r_196._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #1aab9b33
    }

    ._menuItem_1gg1r_107._makerdao_1gg1r_196:hover svg path,
    ._menuItem_1gg1r_107._makerdao_1gg1r_196._active_1gg1r_107 svg path {
        fill: #1aab9b
    }

    ._menuItem_1gg1r_107._makerdao_1gg1r_196._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #1aab9b40
    }

    ._menuItem_1gg1r_107._compound_1gg1r_200 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._compound_1gg1r_200 ._menuItemIcon_1gg1r_152 svg path {
        fill: #04996f
    }

    ._menuItem_1gg1r_107._compound_1gg1r_200:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._compound_1gg1r_200._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #00d39533
    }

    ._menuItem_1gg1r_107._compound_1gg1r_200:hover svg path,
    ._menuItem_1gg1r_107._compound_1gg1r_200._active_1gg1r_107 svg path {
        fill: #00d395
    }

    ._menuItem_1gg1r_107._compound_1gg1r_200._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #00d39540
    }

    ._menuItem_1gg1r_107._sky_1gg1r_204 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._sky_1gg1r_204 ._menuItemIcon_1gg1r_152 svg {
        opacity: .5
    }

    ._menuItem_1gg1r_107._sky_1gg1r_204:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._sky_1gg1r_204._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #6a6cfb33
    }

    ._menuItem_1gg1r_107._sky_1gg1r_204:hover svg,
    ._menuItem_1gg1r_107._sky_1gg1r_204._active_1gg1r_107 svg {
        opacity: 1
    }

    ._menuItem_1gg1r_107._sky_1gg1r_204._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #6a6cfb40
    }

    ._menuItem_1gg1r_107._crvusd_1gg1r_208 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._crvusd_1gg1r_208 ._menuItemIcon_1gg1r_152 svg {
        opacity: .5
    }

    ._menuItem_1gg1r_107._crvusd_1gg1r_208:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._crvusd_1gg1r_208._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #167c4a33
    }

    ._menuItem_1gg1r_107._crvusd_1gg1r_208:hover svg,
    ._menuItem_1gg1r_107._crvusd_1gg1r_208._active_1gg1r_107 svg {
        opacity: 1
    }

    ._menuItem_1gg1r_107._crvusd_1gg1r_208._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #167c4a40
    }

    ._menuItem_1gg1r_107._llamalend_1gg1r_212 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._llamalend_1gg1r_212 ._menuItemIcon_1gg1r_152 svg path {
        fill: #135c3a
    }

    ._menuItem_1gg1r_107._llamalend_1gg1r_212:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._llamalend_1gg1r_212._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #167c4a33
    }

    ._menuItem_1gg1r_107._llamalend_1gg1r_212:hover svg path,
    ._menuItem_1gg1r_107._llamalend_1gg1r_212._active_1gg1r_107 svg path {
        fill: #167c4a
    }

    ._menuItem_1gg1r_107._llamalend_1gg1r_212._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #167c4a40
    }

    ._menuItem_1gg1r_107._morphoblue_1gg1r_216 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._morphoblue_1gg1r_216 ._menuItemIcon_1gg1r_152 svg path {
        fill: #243bb9
    }

    ._menuItem_1gg1r_107._morphoblue_1gg1r_216:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._morphoblue_1gg1r_216._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #2e4dff33
    }

    ._menuItem_1gg1r_107._morphoblue_1gg1r_216:hover svg path,
    ._menuItem_1gg1r_107._morphoblue_1gg1r_216._active_1gg1r_107 svg path {
        fill: #2e4dff
    }

    ._menuItem_1gg1r_107._morphoblue_1gg1r_216._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #2e4dff40
    }

    ._menuItem_1gg1r_107._eulerV2_1gg1r_220 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._eulerV2_1gg1r_220 ._menuItemIcon_1gg1r_152 svg path {
        fill: #21a688
    }

    ._menuItem_1gg1r_107._eulerV2_1gg1r_220:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._eulerV2_1gg1r_220._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #2ae5b933
    }

    ._menuItem_1gg1r_107._eulerV2_1gg1r_220:hover svg path,
    ._menuItem_1gg1r_107._eulerV2_1gg1r_220._active_1gg1r_107 svg path {
        fill: #2ae5b9
    }

    ._menuItem_1gg1r_107._eulerV2_1gg1r_220._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #2ae5b940
    }

    ._menuItem_1gg1r_107._spark_1gg1r_224 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #181f25
    }

    ._menuItem_1gg1r_107._spark_1gg1r_224 ._menuItemIcon_1gg1r_152 svg path {
        fill: #ad8626
    }

    ._menuItem_1gg1r_107._spark_1gg1r_224:hover ._menuItemIconWrapper_1gg1r_152,
    ._menuItem_1gg1r_107._spark_1gg1r_224._active_1gg1r_107 ._menuItemIconWrapper_1gg1r_152 {
        background-color: #f2b72d33
    }

    ._menuItem_1gg1r_107._spark_1gg1r_224:hover svg path,
    ._menuItem_1gg1r_107._spark_1gg1r_224._active_1gg1r_107 svg path {
        fill: #f2b72d
    }

    ._menuItem_1gg1r_107._spark_1gg1r_224._active_1gg1r_107:hover ._menuItemIconWrapper_1gg1r_152 {
        background-color: #f2b72d40
    }
}

@media only screen and (min-width: 1679px) {
    ._menuItem_1gg1r_107 {
        max-width: 100%
    }
}

._menuItemIconWrapper_1gg1r_152 {
    height: 56px;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 16px 8px;
    border-radius: 8px;
    border: 1px solid #2D3943
}

@media only screen and (min-width: 1025px) {
    ._menuItemIconWrapper_1gg1r_152 {
        width: 32px;
        height: 32px;
        padding: 0;
        border: none;
        z-index: 1
    }
}

._menuItemIcon_1gg1r_152 {
    width: 24px;
    height: 24px
}

._menuItemIcon_1gg1r_152 svg {
    width: inherit;
    height: inherit
}

@media only screen and (min-width: 1025px) {
    ._menuItemIcon_1gg1r_152 {
        width: 20px;
        height: 20px
    }
}

._menuItemContent_1gg1r_579 {
    display: grid;
    gap: 4px
}

@media only screen and (min-width: 1025px) {
    ._menuItemContent_1gg1r_579 {
        display: block;
        text-align: left;
        opacity: 0;
        transform: translate(-20px);
        transition: opacity .3s ease, transform .3s ease
    }

    ._menuItemContent_1gg1r_579._menuHovered_1gg1r_73 {
        opacity: 1;
        transform: translate(0)
    }
}

@media only screen and (min-width: 1679px) {
    ._menuItemContent_1gg1r_579 {
        opacity: 1;
        transform: none;
        transition: none
    }
}

._menuItemTitle_1gg1r_149 {
    color: #b2c1cc;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

@media only screen and (min-width: 1025px) {
    ._menuItemTitle_1gg1r_149 {
        display: block;
        overflow: hidden;
        white-space: nowrap
    }
}

._menuItemSubtext_1gg1r_618 {
    color: #73c89a;
    font-size: 10px;
    font-weight: 500;
    line-height: 10px;
    letter-spacing: .2px
}

@media only screen and (min-width: 1025px) {
    ._menuItemSubtext_1gg1r_618 {
        display: block;
        overflow: hidden;
        white-space: nowrap
    }
}

._menuListMessageWrapper_1gg1r_633 {
    position: relative;
    grid-area: menuListMessage;
    grid-column: 1/-1;
    color: #b2c1cc
}

@media only screen and (min-width: 1025px) {
    ._menuListMessageWrapper_1gg1r_633 {
        margin-top: 12px;
        grid-area: unset;
        grid-column: unset
    }
}

._menuListMessage_1gg1r_633 {
    display: grid;
    gap: 6px;
    justify-items: start;
    padding: 6px;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 10px
}

@media only screen and (min-width: 1025px) {
    ._menuListMessage_1gg1r_633 {
        opacity: 0;
        transform: translate(-20px);
        grid-area: unset;
        grid-column: unset;
        overflow: hidden;
        white-space: nowrap;
        transition: opacity .3s ease, opacity .3s ease, transform .3s ease
    }

    ._menuListMessage_1gg1r_633._menuHovered_1gg1r_73 {
        opacity: 1;
        transform: translate(0)
    }
}

@media only screen and (min-width: 1679px) {
    ._menuListMessage_1gg1r_633 {
        opacity: 1;
        transform: none;
        transition: none
    }
}

._menuListMessage_1gg1r_633 span {
    color: #b2c1cc
}

._menuListMessage_1gg1r_633 button {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    background-color: transparent;
    border: none;
    padding: 0;
    color: #73c89a;
    font-size: inherit;
    cursor: pointer
}

._menuListMessageIcon_1gg1r_695 {
    display: none
}

@media only screen and (min-width: 1025px) {
    ._menuListMessageIcon_1gg1r_695 {
        position: absolute;
        top: 10px;
        left: 4px;
        display: block;
        width: 32px;
        height: 20px;
        opacity: 1;
        transition: opacity .3s ease
    }

    ._menuListMessageIcon_1gg1r_695 i,
    ._menuListMessageIcon_1gg1r_695 svg {
        width: 100%;
        height: 16px
    }

    ._menuListMessageIcon_1gg1r_695._menuHovered_1gg1r_73 {
        opacity: 0
    }
}

@media only screen and (min-width: 1679px) {
    ._menuListMessageIcon_1gg1r_695 {
        display: none
    }
}

._sidebarWrapper_g2r19_1 {
    width: 100%;
    height: 72px;
    min-width: 56px;
    z-index: 1000;
    color: #fff;
    position: relative;
    margin: 0;
    padding: 8px 8px 0
}

@media only screen and (min-width: 1025px) {
    ._sidebarWrapper_g2r19_1 {
        width: 56px;
        padding: 0
    }
}

@media only screen and (min-width: 1679px) {
    ._sidebarWrapper_g2r19_1 {
        min-width: 200px
    }
}

._sidebarInnerWrapper_g2r19_23 {
    position: static;
    width: 100%;
    max-height: 64px;
    display: grid;
    border-radius: 8px;
    border: 1px solid #2D3943;
    background: linear-gradient(180deg, #232c33, #1f272d);
    padding: 12px 8px;
    overflow: hidden;
    transition: max-height .3s ease
}

._sidebarInnerWrapper_g2r19_23._openOnMobile_g2r19_35 {
    max-height: 2000px
}

@media only screen and (min-width: 1025px) {
    ._sidebarInnerWrapper_g2r19_23 {
        position: fixed;
        grid-template-rows: auto 1fr;
        width: 56px;
        height: 100vh;
        max-height: none;
        border-radius: 0;
        border: none;
        border-right: 1px solid #2D3943;
        padding: 0;
        transition: width .3s ease;
        background: #1f272e
    }

    ._sidebarInnerWrapper_g2r19_23:hover {
        width: 200px
    }
}

@media only screen and (min-width: 1679px) {
    ._sidebarInnerWrapper_g2r19_23 {
        width: 200px
    }
}

._sidebarInnerWrapper_g2r19_23 ._backdrop_g2r19_61 {
    pointer-events: none;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    opacity: 0;
    transition: opacity .3s ease
}

._sidebarInnerWrapper_g2r19_23 ._backdrop_g2r19_61._showWhenOpenOnMobile_g2r19_73 {
    opacity: 1;
    pointer-events: unset
}

@media only screen and (min-width: 1025px) {
    ._sidebarInnerWrapper_g2r19_23 ._backdrop_g2r19_61 {
        display: none
    }
}

._sidebarHeader_g2r19_83 {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width: 1025px) {
    ._sidebarHeader_g2r19_83 {
        grid-auto-flow: row;
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr;
        justify-content: center;
        align-items: start
    }
}

._headerLogo_g2r19_99 {
    position: absolute;
    top: 26px;
    left: 50%;
    transform: translate(-50%);
    grid-column: 2;
    justify-self: center;
    width: 132px;
    height: 32px;
    opacity: 0;
    transition: opacity .3s ease;
    pointer-events: none
}

._headerLogo_g2r19_99._showWhenOpenOnMobile_g2r19_73 {
    opacity: 1;
    pointer-events: auto
}

._headerLogo_g2r19_99 svg {
    width: 100%;
    height: 100%
}

._headerContent_g2r19_121 {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    grid-column: 2;
    justify-self: center;
    opacity: 1;
    transition: opacity .3s ease, height .3s ease;
    pointer-events: auto
}

._headerContent_g2r19_121._hideWhenOpenOnMobile_g2r19_131 {
    opacity: 0;
    pointer-events: none
}

@media only screen and (min-width: 1025px) {
    ._headerContent_g2r19_121 {
        width: 100%;
        grid-auto-flow: row;
        grid-column: 1;
        justify-self: flex-start
    }
}

._logoWrapper_g2r19_144 {
    overflow: hidden;
    cursor: pointer;
    background-color: inherit
}

@media only screen and (min-width: 1025px) {
    ._logoWrapper_g2r19_144 {
        padding: 20px 12px 10px
    }
}

._logoWrapper_g2r19_144:hover {
    background-color: #3330
}

._logoWrapper_g2r19_144 ._logo_g2r19_144 {
    display: none;
    width: 32px;
    height: 32px
}

._logoWrapper_g2r19_144 ._logo_g2r19_144 svg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 1025px) {
    ._logoWrapper_g2r19_144 ._logo_g2r19_144 {
        display: block;
        opacity: 1;
        transition: opacity .3s ease, transform .3s ease
    }
}

@media only screen and (min-width: 1679px) {
    ._logoWrapper_g2r19_144 ._logo_g2r19_144 {
        display: none
    }
}

._logoWrapper_g2r19_144 ._logoWithText_g2r19_178 {
    width: 132px;
    height: 32px
}

._logoWrapper_g2r19_144 ._logoWithText_g2r19_178 svg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 1025px) {
    ._logoWrapper_g2r19_144 ._logoWithText_g2r19_178 {
        position: absolute;
        top: 20px;
        left: 12px;
        opacity: 0;
        transition: opacity .3s ease, transform .3s ease
    }
}

@media only screen and (min-width: 1679px) {
    ._logoWrapper_g2r19_144 ._logoWithText_g2r19_178 {
        position: static;
        opacity: 1;
        transform: none;
        transition: none
    }
}

@media only screen and (min-width: 1025px) {
    ._logoWrapper_g2r19_144._hovered_g2r19_204 ._logoWithText_g2r19_178 {
        opacity: 1
    }
}

._menuButton_g2r19_209 {
    grid-column: 3;
    justify-self: end;
    position: relative;
    display: block;
    color: #f9fafb;
    user-select: none;
    transition: opacity .3s ease
}

@media only screen and (min-width: 1025px) {
    ._menuButton_g2r19_209 {
        display: none
    }
}

._menuButtonOpen_g2r19_224 {
    opacity: 1
}

._menuButtonOpen_g2r19_224._hideWhenOpenOnMobile_g2r19_131 {
    opacity: 0
}

._menuButtonClose_g2r19_231 {
    position: absolute;
    top: 21px;
    right: 17px;
    opacity: 0
}

._menuButtonClose_g2r19_231._showWhenOpenOnMobile_g2r19_73 {
    opacity: 1
}

._title_g2r19_241 {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    font-weight: 500;
    color: #f9fafb
}

@media only screen and (min-width: 1025px) {
    ._title_g2r19_241 {
        display: none
    }
}

._title_g2r19_241 ._titleSeparator_g2r19_253 {
    margin: 0 11px;
    font-size: 24px
}

._title_g2r19_241 ._titleIcon_g2r19_257 {
    width: 32px;
    height: 32px
}

._title_g2r19_241 ._titleText_g2r19_261 {
    margin-left: 8px;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: .32px
}

.app.compound-ext ._sidebarWrapper_g2r19_1 {
    display: none
}

.language-switch-wrapper .select.box .select__control {
    width: 80px;
    height: 32px;
    min-height: 32px;
    background-color: #222b32;
    border: 1px solid #5A646C
}

.language-switch-wrapper .select.box .select__control .select__value-container {
    padding: 0 0 0 12px;
    margin: auto
}

.language-switch-wrapper .select.box .select__control .select__value-container .select__single-value {
    display: none
}

.language-switch-wrapper .select.box .select__control .select__value-container .lang-value {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase
}

.language-switch-wrapper .select.box .select__control .select__value-container .option-value {
    display: none
}

.language-switch-wrapper .select.box .select__control .select__dropdown-indicator {
    padding: 1px 8px 0 0
}

.language-switch-wrapper .select.box .select__control .select__single-value {
    font-size: 1.3rem
}

.language-switch-wrapper .select.box .select__menu {
    width: 100px;
    right: 0
}

._footerWrapper_bu63s_1 {
    color: #939da7;
    font-size: 1.4rem
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 {
    max-width: 1100px;
    margin: 0 auto;
    padding: 50px 30px;
    display: grid;
    grid-template-columns: auto auto;
    gap: 12px
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcEmbedSignupScroll_bu63s_13 {
    display: flex
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcFieldGroup_bu63s_16 {
    display: flex;
    align-items: center;
    gap: 12px
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcFieldGroup_bu63s_16 input[type=email] {
    border: 1px solid #61717E;
    transition: border-color .1s;
    border-radius: 3px;
    -webkit-appearance: none;
    outline: none;
    max-width: calc(100vw - 110px);
    width: 280px;
    height: 46px;
    color: #fff;
    background: transparent;
    min-width: 0;
    padding: 12px 100px 12px 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: -.03em
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcFieldGroup_bu63s_16 input[type=email]:hover {
    border-color: #7f8f9c
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcFieldGroup_bu63s_16 input[type=email]::placeholder {
    color: #939da7;
    opacity: 1
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcFieldGroup_bu63s_16 input[type=submit] {
    -webkit-appearance: none;
    height: 32px;
    width: 80px;
    margin-left: -100px;
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcFieldGroup_bu63s_16 input[type=submit]:disabled {
    background: #313d47;
    color: #fff
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 a {
    transition: .2s;
    position: relative;
    white-space: nowrap
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 a:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #939da7;
    bottom: -2px;
    transition: .2s
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 a:hover {
    color: #fff
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 a:hover:after {
    background-color: #fff
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 .GradientText:after {
    background: linear-gradient(135deg, #51eb98, #40a3ff 96.83%)
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 .GradientText:hover {
    background: linear-gradient(135deg, #85f1b7, #79bfff);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 .GradientText:hover:after {
    background: linear-gradient(135deg, #85f1b7, #79bfff)
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._socialMediaLinksWrapper_bu63s_91 {
    display: flex;
    align-items: center;
    gap: 16px
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._rightLinksWrapper_bu63s_96 {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: flex-end;
    text-align: right
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._rightLinksWrapper_bu63s_96 b {
    font-weight: inherit;
    color: #fff
}

._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._rightLinksWrapper_bu63s_96 img {
    height: 16px;
    vertical-align: top
}

@media only screen and (max-width: 414px) {
    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._rightLinksWrapper_bu63s_96 {
        flex-wrap: wrap
    }

    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._rightLinksWrapper_bu63s_96 ._LanguageSwitch_bu63s_115 {
        flex-basis: 100%;
        text-align: left
    }
}

@media only screen and (max-width: 1100px) {
    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 {
        grid-template-columns: 1fr;
        gap: 32px
    }

    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._socialMediaLinksWrapper_bu63s_91,
    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._rightLinksWrapper_bu63s_96,
    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._mcEmbedSignupScroll_bu63s_13 {
        text-align: center;
        justify-content: center
    }

    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 ._socialMediaLinksWrapper_bu63s_91 ._label_bu63s_129 {
        display: none
    }
}

@media only screen and (max-width: 1010px) {
    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 {
        gap: 48px
    }
}

@media only screen and (max-width: 414px) {
    ._footerWrapper_bu63s_1 ._widthContainer_bu63s_5 {
        padding: 50px 10px
    }
}

.page-404-wrapper {
    flex-grow: 1
}

.page-404-wrapper .main-section-wrapper {
    position: relative;
    border-bottom: 1px solid #37B06F
}

.page-404-wrapper .main-section-wrapper.cdp-blocker-wrapper {
    padding: 80px
}

.page-404-wrapper .large-title {
    font-size: 108px;
    line-height: 131px;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.page-404-wrapper .smaller-title {
    font-size: 36px;
    line-height: 44px;
    color: #fff;
    font-weight: 700;
    margin: 0
}

.page-404-wrapper a {
    display: inline-block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 17px;
    text-decoration: underline;
    color: #939da7
}

.cdp-blocker-wrapper {
    background: #252f37 !important;
    border: 1px solid var(--border-color-secondary);
    border-radius: 8px !important
}

.cdp-blocker-wrapper.has-header {
    border-radius: 0 0 3px 3px !important;
    border: 0 !important
}

.cdp-blocker-wrapper.main-section-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 60px;
    position: relative
}

@media only screen and (max-width: 650px) {
    .cdp-blocker-wrapper.main-section-wrapper {
        padding: 30px 20px
    }
}

.cdp-blocker-wrapper.main-section-wrapper .bg-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
    top: 0
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 40px
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper {
    flex: 1 1 60%;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .cdp-blocker--title {
    color: #fff;
    font-weight: 400;
    font-size: 3.5rem;
    margin-bottom: 22px
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .cdp-blocker--message {
    color: #939da7;
    max-width: 500px;
    line-height: 21px
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .cdp-blocker--message span {
    margin: 0 3px;
    color: #fff
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .cdp-blocker--links {
    color: #37b06f;
    margin-top: 22px;
    display: flex;
    gap: 16px
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .cdp-blocker--links a:hover {
    text-decoration: underline
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .button-wrapper :not(:last-child) {
    margin-right: 25px
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .button-wrapper .button {
    margin-top: 30px;
    min-width: 180px
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .button-wrapper a {
    color: #fff;
    white-space: nowrap
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .button-wrapper a.upgrade {
    margin: 0
}

@media only screen and (max-width: 800px) {
    .cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .button-wrapper {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .button-wrapper a {
        margin: 10px 0 0 !important
    }
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .right-content-wrapper {
    flex: 1 1 40%;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .right-content-wrapper .illustration {
    max-width: 100%
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .right-content-wrapper .illustration.bottom-pulled {
    margin-bottom: -50px
}

@media only screen and (max-width: 800px) {
    .cdp-blocker-wrapper.main-section-wrapper .blocker-content {
        flex-direction: column;
        align-items: center
    }

    .cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper {
        margin-right: 0;
        align-items: center;
        margin-bottom: 50px
    }

    .cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .cdp-blocker--title,
    .cdp-blocker-wrapper.main-section-wrapper .blocker-content .left-content-wrapper .cdp-blocker--message {
        text-align: center
    }
}

.cdp-blocker-wrapper.main-section-wrapper .blocker-content .select.box {
    background: #37b06f;
    box-shadow: 0 0 24px #37b06f4d
}

.cdp-blocker-wrapper .beta-ribbon {
    position: absolute;
    top: 0;
    left: 0
}

.modal-backdrop {
    position: absolute;
    outline: none;
    inset: 0;
    z-index: 0;
    transition: all .15s ease-out;
    text-align: center;
    visibility: hidden
}

.modal-backdrop .modal-scroll-container {
    width: 100%;
    height: 100%;
    position: fixed
}

.modal-backdrop .modal-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    max-height: 100%;
    height: 100%;
    padding: 0 15px
}

.modal-backdrop.confirmation {
    z-index: 12000 !important
}

.modal-backdrop.open {
    background: #0c151be6;
    z-index: 10000;
    visibility: visible
}

.modal-backdrop.open.calendar-modal .modal {
    padding-top: 0
}

.modal-backdrop.open .modal {
    transform: translateY(0);
    opacity: 1
}

.modal-backdrop .modal {
    margin-top: 0;
    top: 0;
    transform: translateY(-100px);
    opacity: 0;
    transition: all .3s ease-out;
    overflow: hidden;
    padding-bottom: 20px
}

.modal-backdrop .modal .modal-header {
    background: transparent;
    padding: 20px 0;
    display: flex;
    justify-content: flex-end
}

.modal-backdrop .modal .modal-header .icon-close {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.modal-backdrop .modal .modal-header .icon-close:hover {
    opacity: .7
}

.modal-backdrop .modal .modal-body {
    background: #313d47 linear-gradient(180deg, #293640 1.28%, #22353c);
    display: flex;
    flex-direction: column;
    color: #fff;
    max-height: calc(100vh - 130px);
    overflow: auto
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper {
    height: 100px;
    flex: 0 0 100px;
    padding: 20px 16px;
    display: flex;
    align-items: flex-end;
    background-color: #37b06f80;
    background-position: right center;
    background-repeat: no-repeat;
    background-position-x: calc(100% - 15px) !important
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper.warning {
    background-color: #f2c94c80;
    background-image: url("")
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper.simulation {
    background-color: #6d399d80;
    background-image: url("")
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper.top-up {
    background-color: #6d399d80;
    background-image: url("")
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper.darker {
    background-color: #1f272e
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper.error {
    background-color: #c0272780
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper.large-text h1 {
    font-size: var(--space-6);
    line-height: var(--space-8);
    font-weight: var(--text-weight-semi-bold)
}

.modal-backdrop .modal .modal-body .new-modal-top-wrapper h1 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.03em;
    margin: 0;
    font-weight: 400
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper {
    padding: 30px 20px;
    color: #939da7;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.1rem;
    overflow: auto;
    background-color: #313d47
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper.darker {
    background-color: #252f37
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper.newer-design {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5)
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper p {
    margin: 0 0 20px;
    max-width: 380px
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper p:last-child {
    margin-bottom: 0
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper p.full-width {
    max-width: none
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper p.whitespaced {
    white-space: pre-line
}

.modal-backdrop .modal .modal-body .new-modal-content-wrapper a {
    color: #fff;
    text-decoration: underline
}

.modal-backdrop .modal .modal-body .title {
    color: #fff;
    font-size: 20px;
    margin: 57px auto 32px;
    font-weight: 400;
    max-width: 300px
}

.modal-backdrop .modal .modal-body .sub-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 32px
}

.modal-backdrop .modal .modal-body .sub-header .label {
    color: #939da7;
    margin-right: 7px
}

.modal-backdrop .modal .modal-body .sub-header .value {
    color: #fff;
    font-size: 1.6rem
}

.modal-backdrop .modal .modal-body .description {
    max-width: 380px;
    color: #939da7;
    margin-left: auto;
    margin-right: auto
}

.modal-backdrop .modal .modal-error {
    display: flex;
    justify-content: center;
    background: #313d47;
    font-size: 1.8rem;
    padding-bottom: 32px;
    color: #c02727
}

.modal-backdrop .modal .modal-error .error-content {
    max-width: 500px
}

.modal-backdrop .modal .modal-controls {
    border-top: 3px solid #37B06F;
    display: flex;
    justify-content: flex-end
}

.modal-backdrop .modal .modal-controls .button {
    border-radius: 0
}

.modal-backdrop .modal .modal-controls :last-child {
    border-bottom-right-radius: 3px
}

.modal-backdrop .modal .modal-controls :first-child {
    border-bottom-left-radius: 3px
}

.modal-backdrop .modal .modal-controls.simulation {
    border-top: 3px solid #6D399D
}

.modal-backdrop .modal .modal-controls.automation {
    border-top: 2px solid;
    border-image: linear-gradient(135deg, #0af, #34765b) 3
}

.modal-backdrop .modal .modal-controls.darker {
    border-top: 3px solid var(--color-pine-300)
}

.modal-backdrop .coming-soon-modal {
    text-align: center
}

.modal-backdrop .coming-soon-modal .title {
    font-size: 2rem;
    margin-bottom: 15px
}

.modal-backdrop .coming-soon-modal .sub-title {
    font-size: 1.8rem;
    color: #939da7;
    margin: 0 auto 30px;
    word-break: break-word;
    padding: 0 20px
}

.modal-backdrop .coming-soon-modal .modal-body {
    border-bottom: 1px solid #37B06F
}

.modal-backdrop .coming-soon-modal .description {
    color: #939da7;
    max-width: 380px;
    margin: 0 auto 65px
}

.modal-backdrop .boost-repay-modal .new-modal-top-wrapper svg path {
    fill: #fff
}

.modal-backdrop .boost-repay-modal .new-modal-content-wrapper {
    padding: 0 !important
}

.modal-backdrop .boost-repay-modal .container {
    background: #3b4751;
    padding: 20px
}

.modal-backdrop .boost-repay-modal .action-info.has-additional {
    padding: 0;
    display: flex;
    flex-direction: column
}

.modal-backdrop .boost-repay-modal .action-info.has-additional .action-item-section {
    margin: 10px 10px 0;
    background-color: #313d47;
    padding: 15px 20px;
    border-radius: 3px
}

.modal-backdrop .boost-repay-modal .action-info.has-additional .action-item-section:last-child {
    margin-bottom: 10px
}

.modal-backdrop .boost-repay-modal .action-info .action-item {
    display: flex;
    justify-content: space-between
}

.modal-backdrop .boost-repay-modal .action-info .action-item .has-reload {
    display: none !important
}

.modal-backdrop .boost-repay-modal .action-info .action-item .time-interval.paused {
    display: none
}

.modal-backdrop .boost-repay-modal .action-info .action-item .loader-wrapper {
    width: 22px;
    height: 22px
}

.modal-backdrop .boost-repay-modal .action-info .action-item .loader-wrapper .loader {
    width: 22px
}

.modal-backdrop .boost-repay-modal .action-info .action-item .loading-placeholder {
    height: 20px;
    width: 150px;
    margin-left: 3px
}

.modal-backdrop .boost-repay-modal .action-info .action-item .loading-placeholder.asset {
    height: 30px;
    margin-bottom: 6px
}

.modal-backdrop .boost-repay-modal .action-info .action-item:not(:last-of-type) {
    margin-bottom: 15px
}

.modal-backdrop .boost-repay-modal .action-info .action-item__name {
    display: flex;
    margin-bottom: 3px !important
}

.modal-backdrop .boost-repay-modal .action-info .action-item__rate {
    color: #fff;
    font-weight: 400;
    margin-left: 3px
}

.modal-backdrop .boost-repay-modal .action-info .action-item__rate__label {
    color: #939da7
}

.modal-backdrop .boost-repay-modal .action-info .action-item__asset {
    display: inline-flex !important;
    font-weight: 300
}

.modal-backdrop .boost-repay-modal .action-info .action-item__asset>span {
    display: inline-flex;
    align-items: center
}

.modal-backdrop .boost-repay-modal .action-info .action-item__asset svg {
    width: 30px;
    height: 30px;
    margin-right: 10px
}

.modal-backdrop .boost-repay-modal .action-info .action-item__asset__amount {
    display: inline-flex;
    align-items: baseline;
    font-size: 30px;
    line-height: 25px;
    margin-bottom: -5px !important;
    color: #fff;
    flex-wrap: wrap
}

.modal-backdrop .boost-repay-modal .action-info .action-item__asset__symbol {
    margin-left: 3px;
    font-size: 20px;
    color: #939da7
}

.modal-backdrop .boost-repay-modal .action-info .action-item__advanced div {
    display: flex;
    gap: 4px
}

.modal-backdrop .boost-repay-modal .action-info .action-item__advanced svg {
    height: 20px;
    width: 20px
}

.modal-backdrop .boost-repay-modal .advanced__wrapper {
    background: #313d47
}

.modal-backdrop .boost-repay-modal .advanced__wrapper>*:not(:last-of-type) {
    margin: 0 0 15px
}

.modal-backdrop .boost-repay-modal .advanced__wrapper>*:last-of-type {
    margin-top: 0
}

.modal-backdrop .boost-repay-modal .advanced__wrapper .tsi-warning .icon-Info-circle {
    margin-right: 6px
}

.modal-backdrop .boost-repay-modal .advanced__wrapper .tsi-warning>div {
    display: inline-flex;
    align-items: center
}

.modal-backdrop .boost-repay-modal .advanced__wrapper .tsi-warning>div>div {
    display: inline-flex !important
}

.modal-backdrop .boost-repay-modal .advanced__wrapper .tsi-warning>div>div span {
    display: inline-flex
}

.modal-backdrop .boost-repay-modal .Switch {
    margin: 0 0 15px
}

.modal-backdrop .boost-repay-modal .Switch.disabled .tab:first-child {
    cursor: not-allowed;
    user-select: none;
    pointer-events: none;
    color: #89939d
}

.modal-backdrop .boost-repay-modal .Switch .tab {
    text-align: center
}

.modal-backdrop.migrate-cdp-from-instadapp-modal.open .modal-wrapper .modal,
.modal-backdrop.compound-collateral-required-modal.open .modal-wrapper .modal {
    transform: translateY(10px)
}

.modal-backdrop.close-mcd-cdp-modal.open .modal-wrapper .modal {
    transform: translateY(0)
}

.app.compound-ext .modal-backdrop.open {
    background: #0f171fe6
}

wcm-modal {
    z-index: 10000;
    position: fixed
}

.action-modal-wrapper .modal-body {
    text-align: left
}

.action-modal-wrapper .modal-body .advanced-wrapper {
    margin: 25px 0;
    border-radius: 3px;
    background: linear-gradient(180deg, #37b06f33 1.63%, #294c7333 127.52%);
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.action-modal-wrapper .modal-body .advanced-wrapper .title-wrapper {
    user-select: none;
    padding: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.action-modal-wrapper .modal-body .advanced-wrapper .title-wrapper .title-advanced {
    font-size: 1.3rem
}

.action-modal-wrapper .modal-body .advanced-wrapper .advanced-content {
    padding: 6px 20px 20px
}

.action-modal-wrapper .modal-body .advanced-wrapper .advanced-content .section-wrapper {
    font-size: 1.3rem;
    display: flex;
    align-items: center
}

.action-modal-wrapper .modal-body .advanced-wrapper .advanced-content .section-wrapper .form-wrapper {
    margin: 0
}

.action-modal-wrapper .modal-body .advanced-wrapper .advanced-content .section-wrapper .value {
    font-weight: 400
}

.action-modal-wrapper .modal-body .advanced-wrapper .advanced-content .section-wrapper .info-box-wrapper {
    margin-left: 7px;
    margin-right: 0
}

.action-modal-wrapper .modal-body .advanced-wrapper .input-values>label {
    white-space: normal;
    line-height: 1
}

.action-modal-wrapper .modal-body .data-item {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 0
}

.action-modal-wrapper .modal-body .data-item .amount {
    font-size: 3rem;
    margin: 8px 0;
    color: #fff
}

.action-modal-wrapper .modal-body .stability-fee-wrapper {
    display: flex;
    margin-bottom: 31px;
    color: #939da7
}

.action-modal-wrapper .modal-body .stability-fee-wrapper .label {
    margin-right: 4px
}

.action-modal-wrapper .modal-body .stability-fee-wrapper .value {
    font-size: 1.6rem;
    color: #fff
}

.action-modal-wrapper .modal-body .all-debt-repaid {
    color: #939da7;
    margin-bottom: 23px
}

.action-modal-wrapper .modal-body .trade-size-impact {
    color: #939da7
}

.action-modal-wrapper .modal-body .trade-size-impact .label {
    margin-right: 3px
}

.action-modal-wrapper .modal-body .trade-size-impact .icon-Info-circle {
    margin-left: 3px
}

.action-modal-wrapper .modal-body .bottom-item {
    color: #939da7
}

.action-modal-wrapper .modal-body .slippage-limit-wrapper {
    margin: 0 0 10px;
    max-width: 100%
}

@media only screen and (max-width: 448px) {
    .action-modal-wrapper .modal-body .slippage-limit-wrapper {
        justify-content: center
    }

    .action-modal-wrapper .modal-body .slippage-limit-wrapper .data-wrapper .third-label {
        top: 40px
    }
}

.form-item-wrapper.checkbox {
    padding: 0;
    flex-direction: row;
    justify-content: flex-start
}

.form-item-wrapper.checkbox .form-item {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.form-item-wrapper.checkbox .form-item:hover+.label-wrapper:not(.disabled) .checkbox-wrapper:not(.disabled) {
    background: #ffffff1a
}

.form-item-wrapper.checkbox .form-item:checked+.label-wrapper .checkbox-wrapper .box {
    background: #37b06f
}

.form-item-wrapper.checkbox .label-wrapper {
    display: flex;
    align-items: center
}

.form-item-wrapper.checkbox .label-wrapper:not(.disabled) {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.form-item-wrapper.checkbox .label-wrapper .checkbox-wrapper {
    width: 20px;
    height: 20px;
    padding: 4px;
    border: 1px solid #61717E;
    border-radius: 3px;
    margin-right: 8px
}

.form-item-wrapper.checkbox .label-wrapper .checkbox-wrapper:not(.disabled) {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.form-item-wrapper.checkbox .label-wrapper .checkbox-wrapper .box {
    width: 100%;
    height: 100%;
    border-radius: 1px
}

.form-item-wrapper.checkbox .label-wrapper .label-text {
    line-height: 57px;
    padding-top: 3px
}

.form-item-wrapper.checkbox .icon-Info-circle {
    margin-left: 6px;
    vertical-align: middle
}

.form-item-wrapper.checkbox.radio .checkbox-wrapper,
.form-item-wrapper.checkbox.radio .checkbox-wrapper .box {
    border-radius: 50%
}

.form-item-wrapper.checkbox.disabled .label-text {
    opacity: .5 !important
}

.form-item-wrapper.checkbox.no-border {
    border: 0 !important
}

.form-item-wrapper.checkbox.no-border.no-padding .label-wrapper {
    padding: 0
}

.form-item-wrapper.checkbox.highlighted {
    background: linear-gradient(to left, #364f6b4d, #37b06f4d 89.98%);
    border: 0
}

.form-item-wrapper.checkbox.highlighted .checkbox-wrapper {
    border: 1px solid white
}

.form-item-wrapper.checkbox.highlighted .form-item:checked+.label-wrapper .checkbox-wrapper .box {
    background: #fff
}

.tile,
.tile--radio {
    display: flex;
    gap: 1.6rem;
    padding: 1.6rem;
    background: #222b32;
    border: 1px solid transparent;
    border-radius: 3px
}

.tile__icon {
    display: flex;
    flex-direction: column
}

.tile__icon img {
    height: 3.2rem;
    width: 3.2rem
}

.tile__icon img+img {
    margin-top: -.6rem
}

.tile__content {
    flex-grow: 1
}

.tile__title {
    margin: 0 0 1.2rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2rem
}

.tile__description {
    margin: 0 0 1.2rem;
    font-size: 1.2rem;
    line-height: 1.6rem;
    color: #adb1b5
}

.tile--radio {
    cursor: pointer;
    display: flex;
    align-items: center
}

.tile--radio:hover {
    border-color: #adb1b5
}

.tile--radio:is(:checked, :has(:checked)),
.tile--radio:focus-within {
    border-color: #37b06f
}

.tile--radio:is(:checked, :has(:checked)):hover,
.tile--radio:focus-within:hover {
    border-color: #34765b
}

.tile--radio .tile__radio .checkbox-wrapper {
    margin-right: 0 !important
}

.tile-group {
    display: grid;
    grid-auto-rows: 1fr;
    gap: 2rem;
    margin: 0;
    padding: 0;
    list-style: none
}

.migration-select-modal {
    padding: 2rem;
    background: #2b3943
}

.migration-select-modal .tile-group {
    margin-bottom: 2.4rem
}

.migration-select-modal__description {
    margin: 0 0 2.4rem;
    font-size: 1.4rem;
    line-height: 2.1rem;
    color: #939da7
}

.migration-select-modal__description a {
    text-decoration: underline
}

.migration-select-modal__description:last-of-type {
    margin-bottom: 0
}

.after-value .amount {
    color: #fff
}

.after-value.boost .amount,
.after-value.collateral .amount,
.after-value.generate .amount,
.after-value.supply .amount,
.after-value.borrow .amount,
.after-value.deposit .amount,
.after-value.import .amount,
.after-value.claim .amount {
    color: #c379ff
}

.after-value.repay .amount,
.after-value.withdraw .amount,
.after-value.payback .amount,
.after-value.move .amount {
    color: #f2c94c
}

.after-value.error .amount {
    color: #c02727
}

.after-value.green .amount {
    color: #37b06f
}

.ratio-circle {
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    margin-right: 5px
}

.data-item-wrapper {
    position: relative;
    color: #939da7
}

.data-item-wrapper.highlighted {
    background: linear-gradient(180deg, #61717e73, #61717e00);
    margin: -30px -10px 0;
    padding: 30px 20px 0
}

.data-item-wrapper.highlighted.active {
    background: linear-gradient(to bottom, #264f42, #2b394300)
}

.data-item-wrapper .label-wrapper {
    display: flex;
    align-items: center
}

.data-item-wrapper .label-wrapper .after-value {
    display: inline-block
}

.data-item-wrapper .label-wrapper .after-value .amount-wrapper {
    display: inline-flex
}

.data-item-wrapper .label-wrapper .after-value .after {
    display: none
}

.data-item-wrapper .label-wrapper .after-value .amount {
    font-size: inherit !important
}

.data-item-wrapper .label-wrapper .icon-Info-circle,
.data-item-wrapper>.after-value .icon-Info-circle {
    height: 16px;
    margin-right: 6px;
    vertical-align: text-top
}

.data-item-wrapper .label-wrapper .icon-Info-circle:hover path,
.data-item-wrapper>.after-value .icon-Info-circle:hover path {
    fill: #fffc
}

.data-item-wrapper .label-wrapper .icon-Info-circle path,
.data-item-wrapper>.after-value .icon-Info-circle path {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    fill: #ffffff80
}

.data-item-wrapper .label {
    margin-bottom: 1px
}

.data-item-wrapper .value-wrapper {
    font-size: 42px;
    color: #fff;
    font-weight: 300;
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    white-space: nowrap
}

.data-item-wrapper .value-wrapper .automation-shield-icon-connected {
    vertical-align: top;
    height: 52px
}

.data-item-wrapper .value-wrapper .automation-shield-icon-connected svg {
    margin: 3px 0
}

.data-item-wrapper .value-wrapper .symbol.small {
    font-size: 2rem;
    color: #939da7;
    margin-left: 2px;
    vertical-align: baseline
}

.data-item-wrapper>.after-value .amount-wrapper {
    display: flex;
    align-items: center
}

.data-item-wrapper>.after-value .amount-wrapper .after {
    margin-right: 5px
}

.data-item-wrapper.standard>.after-value {
    height: 26px
}

@media only screen and (max-width: 650px) {
    .data-item-wrapper.standard>.after-value {
        height: auto
    }
}

.data-item-wrapper.standard>.after-value .amount {
    font-size: 2rem
}

.data-item-wrapper.standard .loading-placeholder {
    height: 42px;
    width: 150px;
    margin: 5px 0
}

.data-item-wrapper.standard+.spacer:not(:last-child) {
    flex: 0 1 40px;
    min-width: 5px
}

.data-item-wrapper.standard-smaller+.spacer:not(:last-child) {
    flex: 0 1 40px;
    min-width: 5px
}

.data-item-wrapper.value_rising .value-wrapper {
    color: #37b06f
}

.data-item-wrapper.value_falling .value-wrapper {
    color: #f55858
}

.data-item-wrapper.standard-smaller .value-wrapper {
    font-size: 2.5rem
}

.data-item-wrapper.standard-smaller .value-wrapper .symbol.small {
    font-size: 1.4rem
}

.data-item-wrapper.small .label-value-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.data-item-wrapper.small .label-value-wrapper .label-wrapper {
    margin-right: 5px;
    margin-bottom: 0
}

.data-item-wrapper.small .label-value-wrapper .label-wrapper .icon {
    font-size: 12px;
    vertical-align: baseline
}

.data-item-wrapper.small .label-value-wrapper .label-wrapper .label {
    font-size: 1.5rem
}

.data-item-wrapper.small .label-value-wrapper .value-wrapper {
    font-size: 2.5rem
}

.data-item-wrapper.small .after-value {
    margin-top: 3px
}

.data-item-wrapper.small .after-value .amount-wrapper {
    align-items: center;
    justify-content: space-between
}

.data-item-wrapper.small .after-value .amount-wrapper .after {
    margin-right: 5px
}

.data-item-wrapper.small .after-value .amount-wrapper .amount {
    font-size: 1.5rem
}

.data-item-wrapper.arrow,
.data-item-wrapper.inline,
.data-item-wrapper.arrow .label-value-wrapper,
.data-item-wrapper.inline .label-value-wrapper {
    display: flex;
    align-items: center
}

.data-item-wrapper.arrow .label-value-wrapper .label-wrapper,
.data-item-wrapper.inline .label-value-wrapper .label-wrapper {
    margin-bottom: 0;
    margin-right: 10px
}

.data-item-wrapper.arrow .label-value-wrapper .label-wrapper .label,
.data-item-wrapper.inline .label-value-wrapper .label-wrapper .label {
    font-size: 1.4rem;
    color: #939da7
}

.data-item-wrapper.arrow .label-value-wrapper .value-wrapper,
.data-item-wrapper.inline .label-value-wrapper .value-wrapper {
    font-size: 1.6rem;
    font-weight: 400
}

.data-item-wrapper.arrow .label-value-wrapper .value-wrapper .symbol.small,
.data-item-wrapper.inline .label-value-wrapper .value-wrapper .symbol.small {
    font-size: .9em
}

.data-item-wrapper.arrow .arrow-icon,
.data-item-wrapper.inline .arrow-icon {
    margin: 0 10px;
    flex: 1 0 auto
}

.data-item-wrapper.arrow>.after-value,
.data-item-wrapper.inline>.after-value {
    margin-top: 0
}

.data-item-wrapper.arrow>.after-value .amount-wrapper .after,
.data-item-wrapper.inline>.after-value .amount-wrapper .after {
    display: none
}

.data-item-wrapper.arrow>.after-value .amount-wrapper .amount,
.data-item-wrapper.inline>.after-value .amount-wrapper .amount {
    font-size: 1.8rem
}

.data-item-wrapper.arrow .loading-placeholder,
.data-item-wrapper.inline .loading-placeholder {
    height: 22px;
    width: 70px
}

@media only screen and (max-width: 650px) {
    .data-item-wrapper {
        width: 100%
    }

    .data-item-wrapper.standard {
        padding: 10px 20px !important
    }

    .data-item-wrapper.standard+.spacer {
        flex-basis: 0 !important
    }

    .data-item-wrapper.standard-smaller {
        padding: 10px 20px !important
    }

    .data-item-wrapper.standard-smaller+.spacer {
        flex-basis: 0 !important;
        min-width: 0
    }

    .data-item-wrapper.highlighted {
        padding: 20px !important
    }

    .data-item-wrapper .label-value-wrapper {
        flex: 1 0 auto
    }

    .data-item-wrapper .label-value-wrapper .value-wrapper .automation-shield-icon-connected {
        position: absolute;
        right: 10px;
        top: 10px;
        height: 90px
    }

    .data-item-wrapper .label-value-wrapper .value-wrapper .automation-shield-icon-connected svg {
        height: 80px;
        width: auto
    }

    .data-item-wrapper.standard>.after-value,
    .data-item-wrapper.highlighted>.after-value,
    .data-item-wrapper.small>.after-value {
        height: auto;
        width: 100%;
        position: static;
        margin-top: 2px
    }
}

.loading-placeholder {
    height: 30px;
    width: 100px;
    overflow: hidden;
    position: relative;
    border-radius: 3px
}

.loading-placeholder:before {
    content: "";
    display: block;
    position: absolute;
    left: -150px;
    top: 0;
    height: 100%;
    width: 450px;
    background: linear-gradient(to right, #ffffff1a 33%, #ffffff4d 50%, #ffffff1a 66%);
    animation: placeholder-loader 1.5s cubic-bezier(.4, 0, .2, 1) infinite
}

@keyframes placeholder-loader {
    0% {
        left: -300px
    }

    50% {
        left: 0
    }

    to {
        left: 0
    }
}

._claimMorphoModal_1nli8_1 .new-modal-content-wrapper {
    padding: 0
}

._claimMorphoModal_1nli8_1 .loader-wrapper {
    padding: 4rem 0
}

._claimMorphoModal_1nli8_1 ._description_1nli8_7 {
    margin-bottom: 2rem;
    white-space: break-spaces
}

._claimMorphoModal_1nli8_1 ._rewards_1nli8_11 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2)
}

._claimMorphoModal_1nli8_1 ._balance_1nli8_16 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column
}

._TokenIconCollection_d2066_1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0px
}

._TokenIconCollection_d2066_1 ._tokenIcon_d2066_7 {
    height: fit-content
}

._TokenIconCollection_d2066_1 ._moreTokensIndicator_d2066_10 {
    margin-left: var(--space-2);
    color: var(--text-color-secondary)
}

._EModeCategoryCard_rdsea_1 {
    --background-color: #252F37;
    padding: 0;
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    background-color: var(--background-color);
    cursor: pointer
}

._EModeCategoryCard_rdsea_1 ._header_rdsea_9 {
    padding: var(--space-4);
    display: flex;
    justify-content: space-between;
    color: var(--text-color-primary);
    font-size: var(--space-5);
    font-style: normal;
    font-weight: 500;
    line-height: var(--space-7)
}

._EModeCategoryCard_rdsea_1 ._header_rdsea_9 ._rightCorner_rdsea_19 {
    display: flex;
    gap: var(--space-3);
    align-items: center
}

._EModeCategoryCard_rdsea_1 ._header_rdsea_9 ._rightCorner_rdsea_19 ._warning_rdsea_24 {
    display: flex;
    gap: var(--space-1);
    align-items: center;
    justify-content: center;
    padding: 6px var(--space-1);
    border-radius: var(--standard, 3px);
    background: var(--accent-status-caution-caution-bg-overlay, rgba(126, 104, 38, .3));
    color: var(--accent-status-caution-caution-text-bright, #FAE9B7);
    font-size: var(--Font-size-responsive-font-size-300, 12px);
    font-style: normal;
    font-weight: var(--Font-weight-fw-500, 500);
    line-height: var(--Line-height-responsive-lh-300, 12px);
    letter-spacing: .12px
}

._EModeCategoryCard_rdsea_1 ._firstRow_rdsea_40 {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4)
}

@media only screen and (max-width: 414px) {
    ._EModeCategoryCard_rdsea_1 ._firstRow_rdsea_40 {
        flex-direction: column;
        gap: var(--space-2);
        align-items: flex-start
    }
}

._EModeCategoryCard_rdsea_1 ._secondRow_rdsea_53 {
    border-top: 1px solid var(--border-color-subtle);
    padding: var(--space-4);
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

@media only screen and (max-width: 375px) {
    ._EModeCategoryCard_rdsea_1 ._secondRow_rdsea_53 {
        flex-direction: column;
        gap: var(--space-2);
        align-items: flex-start
    }
}

._EModeCategoryCard_rdsea_1 ._secondRow_rdsea_53>* {
    flex-grow: 1
}

._EModeCategoryCard_rdsea_1 ._secondRow_rdsea_53 ._arrowIcon_rdsea_70 {
    margin-left: var(--space-1);
    margin-right: var(--space-1);
    font-size: 10px;
    height: 10px
}

._EModeCategoryCard_rdsea_1._disabled_rdsea_76 {
    opacity: .5
}

._EModeCategoryCard_rdsea_1._disabled_rdsea_76:hover {
    cursor: not-allowed
}

._EModeCategoryCard_rdsea_1:hover:not(._disabled_rdsea_76) {
    background: linear-gradient(0deg, #ffffff0d 0% 100%), var(--background-color);
    border: 1px solid var(--border-phase-2-border-brand, #34765B)
}

._EModeCategoryCard_rdsea_1:hover:not(._disabled_rdsea_76)._active_rdsea_86 {
    background-color: #216a431a
}

._EModeCategoryCard_rdsea_1._active_rdsea_86 {
    border: 1px solid var(--border-phase-2-border-brand, #34765B);
    background-color: #216a431a
}

._LabeledBox_rdsea_94 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    flex-basis: 0;
    align-items: flex-start
}

._LabeledBox_rdsea_94._horizontal_rdsea_101 {
    flex-direction: row;
    align-items: center;
    gap: var(--space-1)
}

._LabeledBox_rdsea_94._horizontal_rdsea_101 ._children_rdsea_106 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-300, 12px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-300, 12px);
    display: flex;
    align-items: center
}

._LabeledBox_rdsea_94._horizontal_rdsea_101 ._children_rdsea_106 ._arrowIcon_rdsea_70 {
    font-size: 10px;
    height: 10px
}

._LabeledBox_rdsea_94._horizontal_rdsea_101 ._children_rdsea_106 ._warningNumber_rdsea_119 {
    color: var(--color-orange-200)
}

._LabeledBox_rdsea_94._horizontal_rdsea_101 ._children_rdsea_106 ._successNumber_rdsea_122 {
    color: var(--color-green-500)
}

._LabeledBox_rdsea_94 ._children_rdsea_106 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    display: flex;
    align-items: center;
    line-height: 1;
    min-height: var(--space-6)
}

.spark-emode-modal__description {
    color: #939da7
}

.spark-emode-modal__categories {
    margin: 2rem 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.spark-emode-modal__categories hr {
    margin: 0
}

.spark-emode-modal__category,
.spark-emode-modal__category--selected {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 1rem;
    border-radius: 0
}

.spark-emode-modal__category:first-of-type,
.spark-emode-modal__category--selected:first-of-type {
    border-radius: 3px 3px 0 0
}

.spark-emode-modal__category:last-of-type,
.spark-emode-modal__category--selected:last-of-type {
    border-radius: 0 0 3px 3px
}

.spark-emode-modal__category--selected {
    background: #232d34
}

@media screen and (max-width: 450px) {

    .spark-emode-modal__category,
    .spark-emode-modal__category--selected {
        flex-direction: column-reverse
    }
}

.spark-emode-modal__category-data-wrapper {
    width: 100%
}

.spark-emode-modal__category-data {
    width: 100%;
    display: flex;
    justify-content: space-between
}

.spark-emode-modal__category-data:not(:last-of-type) {
    margin-bottom: .5rem
}

.spark-emode-modal__category-data span:last-of-type {
    color: #939da7
}

.spark-emode-modal__category-checkbox {
    margin-left: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 450px) {
    .spark-emode-modal__category-checkbox {
        margin-left: 0;
        margin-bottom: 1.8rem;
        justify-content: center !important
    }
}

.spark-e-mode-modal {
    background-color: var(--bg-color-primary) !important
}

.step-status {
    display: flex;
    flex-direction: row;
    text-align: left
}

.step-status__status-icon-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 8px
}

.step-status:last-child .step-status__status-icon-wrapper {
    display: unset
}

.step-status:last-child .step-status__description-wrapper {
    padding-bottom: unset
}

.step-status:not(:last-child) .step-status__line {
    border: 1px solid #202931;
    height: 100%
}

.step-status__status-icon {
    background-color: #202931;
    width: 24px;
    min-height: 24px;
    max-height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.step-status__status-icon .loader {
    height: 16px;
    width: 16px
}

.step-status__description-wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 16px
}

.step-status__title {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #fff
}

.step-status__description {
    font-size: 1.2rem;
    line-height: 1.33em;
    color: #c4c4c4
}

.badge,
.badge--blue,
.badge--yellow,
.badge--red,
.badge--green,
.badge--white,
.badge--xxl,
.badge--xl,
.badge--l,
.badge--m,
.badge--s,
.badge--xs,
.badge--xxs,
.badge--uppercase {
    margin-left: .4rem !important;
    border-radius: 2px
}

.badge--uppercase {
    text-transform: uppercase
}

.badge--xxs {
    padding: 2px !important;
    height: 14px;
    font-size: 10px;
    line-height: 10px
}

.badge--xs {
    padding: 2px !important;
    height: 16px;
    font-size: 12px;
    line-height: 12px
}

.badge--s {
    padding: 4px !important;
    height: 22px;
    font-size: 14px;
    line-height: 14px
}

.badge--m {
    padding: 4px !important;
    height: 24px;
    font-size: 16px;
    line-height: 16px
}

.badge--l {
    padding: 4px !important;
    height: 28px;
    font-size: 20px;
    line-height: 20px
}

.badge--xl {
    padding: 4px !important;
    height: 32px;
    font-size: 24px;
    line-height: 24px
}

.badge--xxl {
    padding: 4px !important;
    height: 40px;
    font-size: 32px;
    line-height: 32px
}

.badge--white {
    background: #ffffff1a;
    color: #fff
}

.badge--green {
    background: #37b06f1a;
    color: #37b06f
}

.badge--red {
    background: #eb57571a;
    color: #eb5757
}

.badge--yellow {
    background: #f2c94c1a;
    color: #f2c94c
}

.badge--blue {
    background: #2684ff1a;
    color: #56ccf2
}

.form-item-wrapper.with-label {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.form-item-wrapper.with-label label,
.form-item-wrapper.with-label .select {
    display: inline-flex
}

.form-item-wrapper.with-label label {
    flex: 0 1 auto
}

.form-item-wrapper.with-label label .info-tooltip-wrapper {
    margin-right: 1rem;
    display: inline-flex;
    align-items: center
}

.form-item-wrapper.with-label .select {
    flex: 1 0 auto;
    width: auto
}

.form-item-wrapper.with-label .select__control {
    width: 100%
}

.form-item-wrapper.with-label .form-item-error {
    flex: 1 0 100%;
    width: 100%
}

.form-item-wrapper.with-label .select {
    border-left: 1px solid #61717E
}

.form-item-wrapper.with-label .select .select__control .select__indicator {
    padding-right: 20px
}

.form-item-wrapper.with-internal-label .select__single-value,
.form-item-wrapper.with-internal-label .select__input,
.form-item-wrapper.with-internal-label input,
.form-item-wrapper.with-internal-label .second-select-label {
    text-align: right;
    right: 0;
    width: 100%;
    justify-content: flex-end
}

.form-item-wrapper .select__single-value {
    display: flex;
    flex-direction: row;
    align-items: center
}

.tsi-warning>div {
    margin: 0;
    color: #939da7
}

.tsi-warning .icon-Info-circle {
    margin-right: 8px;
    vertical-align: baseline;
    display: block
}

.tsi-warning>div {
    display: inline-flex !important;
    align-items: center
}

.tsi-warning>div>div {
    display: inline-flex !important;
    align-items: center;
    margin-right: 3px
}

.tsi-warning>div>div span {
    display: inline-flex
}

#comp-redeem-modal-wrapper .modal-body {
    border-bottom: 0
}

#comp-redeem-modal-wrapper .new-modal-content-wrapper {
    padding: 0
}

#comp-redeem-modal-wrapper .loader-wrapper {
    padding: 4rem 0
}

#comp-redeem-modal-wrapper .comp-redeem-modal__section {
    display: flex;
    flex-direction: column
}

#comp-redeem-modal-wrapper .comp-redeem-modal__section:not(:last-of-type) {
    margin-bottom: 2.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #37B06F
}

#comp-redeem-modal-wrapper .comp-redeem-modal__section .sub-title {
    padding: 0;
    color: #c4c4c4
}

#comp-redeem-modal-wrapper .comp-redeem-modal__section .Switch {
    text-align: center;
    margin-bottom: 1rem
}

@media only screen and (max-width: 448px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__section .Switch {
        flex-wrap: wrap
    }
}

#comp-redeem-modal-wrapper .comp-redeem-modal__section .Switch>* {
    font-size: 1.2rem !important
}

@media only screen and (max-width: 448px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__section .Switch>* {
        flex: 0 0 48%;
        margin: 0
    }
}

#comp-redeem-modal-wrapper .comp-redeem-modal__section .estimate-comp {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 500px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__section .estimate-comp {
        flex-direction: column
    }

    #comp-redeem-modal-wrapper .comp-redeem-modal__section .estimate-comp>div:not(:last-of-type) {
        margin-bottom: 1rem
    }
}

#comp-redeem-modal-wrapper .comp-redeem-modal__section .button.learn-more {
    align-self: flex-end
}

#comp-redeem-modal-wrapper .comp-redeem-modal__details {
    background-color: #232d34;
    padding: 30px 20px
}

#comp-redeem-modal-wrapper .comp-redeem-modal__actions {
    padding: 30px 20px
}

#comp-redeem-modal-wrapper .comp-redeem-modal__form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem
}

@media only screen and (max-width: 400px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__form {
        flex-direction: column
    }

    #comp-redeem-modal-wrapper .comp-redeem-modal__form>*:not(:last-of-type) {
        margin-bottom: 1.5rem
    }
}

#comp-redeem-modal-wrapper .comp-redeem-modal__form.has-input {
    flex-direction: column
}

#comp-redeem-modal-wrapper .comp-redeem-modal__form.has-input>*:not(:last-of-type) {
    margin-bottom: 1.5rem
}

#comp-redeem-modal-wrapper .comp-redeem-modal__select {
    display: flex;
    border: 1px solid #61717E;
    border-radius: 3px
}

@media only screen and (max-width: 448px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__select {
        flex-direction: column
    }
}

#comp-redeem-modal-wrapper .comp-redeem-modal__select>* {
    flex: 0 0 50%
}

#comp-redeem-modal-wrapper .comp-redeem-modal__select .select {
    background: none
}

#comp-redeem-modal-wrapper .comp-redeem-modal__select .select__control {
    padding: 1rem;
    width: 100%;
    border-radius: 3px 0 0 3px;
    border-right: 1px solid #61717E
}

#comp-redeem-modal-wrapper .comp-redeem-modal__select .select__control input {
    color: #fff !important
}

@media only screen and (max-width: 448px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__select .select__control {
        border-right: none;
        border-bottom: 1px solid #61717E
    }
}

#comp-redeem-modal-wrapper .comp-redeem-modal__select .select__balance {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    color: #fff
}

@media only screen and (max-width: 448px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__submit {
        flex-direction: column;
        align-items: flex-end
    }
}

#comp-redeem-modal-wrapper .comp-redeem-modal__submit .tsi-warning {
    margin-right: 2rem
}

@media only screen and (max-width: 448px) {
    #comp-redeem-modal-wrapper .comp-redeem-modal__submit .tsi-warning {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem
    }
}

#comp-redeem-modal-wrapper hr {
    margin: 25px 0
}

#comp-redeem-modal-wrapper p {
    max-width: none
}

#comp-redeem-modal-wrapper .data-item-wrapper .after-value .amount {
    color: #939da7
}

#comp-redeem-modal-wrapper .data-item-wrapper~.spacer {
    display: none
}

._root_218dp_1 {
    --icon-size: 32px;
    --padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 24px;
    border-bottom: 1px solid #313d47;
    position: relative
}

@media only screen and (max-width: 650px) {
    ._root_218dp_1 {
        align-items: center
    }
}

._positionInfoVerticalLine_218dp_17 {
    position: absolute;
    top: calc(var(--padding) + var(--icon-size) + 4px);
    left: 39.5px;
    height: calc(100% - var(--padding) - var(--icon-size) - 4px);
    width: 1px;
    background: #313d47
}

._positionInfoMessage_218dp_26 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative
}

@media only screen and (max-width: 650px) {
    ._positionInfoMessage_218dp_26 {
        width: 100%
    }
}

._positionInfoMessage_218dp_26 ._positionInfoIndicator_218dp_37 {
    z-index: 1;
    display: flex;
    gap: 12px;
    align-items: center
}

._positionInfoMessage_218dp_26 ._positionInfoIndicator_218dp_37 ._positionInfoIcon_218dp_43 {
    font-size: var(--icon-size)
}

._positionInfoMessage_218dp_26 ._positionInfoIndicator_218dp_37 ._positionInfoSuccess_218dp_46 {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1.68px;
    text-transform: uppercase;
    background: linear-gradient(135deg, #51eb98, #40a3ff 96.83%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

._positionInfoMessage_218dp_26 ._positionInfoTitle_218dp_58 {
    color: #f6f8f9;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    padding-left: 44px
}

@media only screen and (max-width: 650px) {
    ._positionInfoMessage_218dp_26 ._positionInfoTitle_218dp_58 {
        font-size: 24px;
        font-style: normal;
        line-height: 40px;
        width: 100%
    }
}

._positionInfoWidget_218dp_75 {
    display: flex;
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    border: 1px solid #313D47;
    background: linear-gradient(180deg, #2c3740, #222b32 92%);
    box-shadow: 0 4px 24px #00000040;
    width: 100%
}

@media only screen and (max-width: 650px) {
    ._positionInfoWidget_218dp_75._handleMobile_218dp_86 {
        padding: 0;
        background: transparent;
        width: auto
    }
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: flex-start
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43 {
    height: fit-content;
    width: fit-content;
    font-size: 45px;
    padding: 13.5px;
    border-radius: 3px;
    color: #fff;
    position: relative
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43 ._protocolVersionIndicator_218dp_108 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 4px 6px;
    color: #fff;
    background: #313d4733;
    font-size: 12px;
    line-height: 12px
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._makerdao_218dp_124 {
    background-color: #1aab9b
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._liquity_218dp_127 {
    background: linear-gradient(180deg, #95cbf3, #405ae5)
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._aave_218dp_130 {
    background: linear-gradient(180deg, #9391f7 .16%, #6562f4 99.84%)
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._compound_218dp_133 {
    background: linear-gradient(180deg, #01d395e6 1.28%, #00a776e6)
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._spark_218dp_136 {
    background: linear-gradient(180deg, #f2b72d -9.38%, #fa43bd 96.3%)
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._morpho-aave_218dp_139 {
    background: linear-gradient(180deg, #3543c2, #2230aa)
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._morpho-blue_218dp_142 {
    background: linear-gradient(98deg, #fff -28.11%, #d6dcff 165.88%)
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._curveUSD_218dp_145,
._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoIcon_218dp_43._llamalend_218dp_145 {
    background: linear-gradient(180deg, #fff, #e0e8ef)
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoId_218dp_148 {
    background-color: #313d47;
    justify-content: center;
    padding: 4px 6px;
    border-radius: 3px;
    width: 72px;
    display: flex;
    gap: 6px;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    border: 1px solid #465059
}

._positionInfoWidget_218dp_75 ._positionInfoLeftColumn_218dp_92 ._positionInfoId_218dp_148 ._hashIcon_218dp_161 {
    font-size: 12px;
    color: #adb1b5
}

._positionInfoWidget_218dp_75 ._positionInfoTable_218dp_165 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center
}

@media only screen and (max-width: 650px) {
    ._positionInfoWidget_218dp_75 ._positionInfoTable_218dp_165._handleMobile_218dp_86 {
        flex-grow: 1;
        display: none
    }
}

._positionInfoWidget_218dp_75 ._positionInfoTable_218dp_165 ._positionInfoRow_218dp_178 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    color: #9d9d9d;
    font-size: 14px;
    font-weight: 400
}

._positionInfoWidget_218dp_75 ._positionInfoTable_218dp_165 ._positionInfoRow_218dp_178 ._positionValue_218dp_187 {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    position: relative
}

._positionInfoWidget_218dp_75 ._positionInfoTable_218dp_165 ._positionInfoRow_218dp_178 ._positionValue_218dp_187:hover ._additionalHoverData_218dp_194 {
    display: flex
}

._positionInfoWidget_218dp_75 ._additionalHoverData_218dp_194 {
    display: none;
    position: absolute;
    background: #253038;
    padding: 12px;
    top: 0;
    right: 0;
    min-width: 200px;
    min-height: 50px;
    pointer-events: none;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    box-shadow: 0 2px 6px 1px #0000004d;
    border-radius: 3px;
    z-index: 1
}

._positionInfoWidget_218dp_75 ._additionalHoverData_218dp_194 ._additionalHoverDataItem_218dp_214 {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

._positionInfoWidget_218dp_75 ._additionalHoverData_218dp_194 ._additionalHoverDataItem_218dp_214 span {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

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

    to {
        transform: rotate(1turn)
    }
}

._root_edxia_9 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px 24px 24px 16px
}

._root_edxia_9 ._title_edxia_18 {
    align-items: center;
    gap: 12px;
    padding-left: 8px;
    align-self: flex-start;
    background: linear-gradient(135deg, #51eb98, #40a3ff 96.83%);
    background-clip: text;
    color: transparent;
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 1.68px;
    text-transform: uppercase
}

._root_edxia_9 ._title_edxia_18 ._icon_edxia_36 {
    width: 32px;
    height: 32px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: linear-gradient(135deg, #51eb98, #40a3ff 96.83%);
    color: #2b403c
}

._root_edxia_9 ._content_edxia_47 {
    display: flex;
    gap: 24px
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    gap: 0
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 ._whatToDoNextItem_edxia_58 {
    cursor: pointer;
    color: #6f777e;
    border: 1px solid #222b32;
    border-radius: 3px;
    padding: 8px 12px;
    transition: .1s;
    display: flex;
    gap: 12px;
    align-items: center
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 ._whatToDoNextItem_edxia_58._active_edxia_69 {
    color: #fff;
    background-color: #ffffff0d
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 ._whatToDoNextItem_edxia_58 ._whatToDoNextIcon_edxia_73 {
    height: 22px;
    width: 22px;
    font-size: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 ._whatToDoNextItem_edxia_58 ._whatToDoNextTitle_edxia_82 {
    text-align: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 ._whatToDoNextItem_edxia_58 ._whatToDoNextActiveBadge_edxia_89 {
    padding: var(--space-1) calc(var(--space-1) * 1.5);
    border-radius: var(--border-radius-small);
    background: var(--bg-color-automation);
    margin-left: auto;
    display: flex
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 ._whatToDoNextItem_edxia_58 ._whatToDoNextActiveBadge_edxia_89 ._text_edxia_96 {
    background: var(--automation-automation-primary, linear-gradient(135deg, #51EB98 0%, #40A3FF 96.83%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--text-size-extra-small);
    font-style: normal;
    font-weight: var(--text-weight-semi-bold);
    line-height: var(--space-3);
    letter-spacing: .12px
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextList_edxia_51 ._whatToDoNextItem_edxia_58:hover {
    background-color: #ffffff1a;
    color: #fff
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextSelectedOption_edxia_111 {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    gap: 28px;
    min-height: 220px
}

._root_edxia_9 ._content_edxia_47 ._whatToDoNextSelectedOption_edxia_111 ._activeAutomationCardWrapper_edxia_119 {
    border: 1px solid var(--border-color-subtle)
}

._root_edxia_9 ._content_edxia_47 ._selectedContent_edxia_122 {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 12px
}

._root_edxia_9 ._content_edxia_47 ._selectedContent_edxia_122 ._selectedTitle_edxia_129 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px
}

._root_edxia_9 ._content_edxia_47 ._selectedContent_edxia_122 ._selectedDescription_edxia_136 {
    color: #adb1b5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

._root_edxia_9 ._content_edxia_47 ._mobileOptionSection_edxia_143 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: start;
    justify-content: stretch
}

._root_edxia_9 ._content_edxia_47 ._mobileOptionSection_edxia_143 ._mobileOptionTextContent_edxia_150 {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 12px
}

._root_edxia_9 ._content_edxia_47 ._mobileOptionSection_edxia_143 ._mobileOptionTextContent_edxia_150 ._mobileOptionTitle_edxia_157 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

._root_edxia_9 ._content_edxia_47 ._mobileOptionSection_edxia_143 ._mobileOptionTextContent_edxia_150 ._mobileOptionDescription_edxia_164 {
    color: #adb1b5;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px
}

._root_edxia_9 ._content_edxia_47 ._emphasizedButton_edxia_171 {
    width: 100%;
    background: transparent;
    position: relative;
    z-index: 0;
    border-radius: 3px;
    overflow: hidden;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center
}

._root_edxia_9 ._content_edxia_47 ._emphasizedButton_edxia_171:before {
    content: "";
    position: absolute;
    z-index: -2;
    width: 200%;
    padding-top: 150%;
    background-repeat: no-repeat;
    background-image: repeating-conic-gradient(#9ee6bf, #63c18e 40%, #0af 70%, #63c18e 90%, #9ee6bf);
    animation: _rotate_edxia_1 5s linear infinite;
    transition-timing-function: cubic-bezier(.29, 1.01, 1, -.68)
}

._root_edxia_9 ._content_edxia_47 ._emphasizedButton_edxia_171:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background: #222b32;
    border-radius: 2px;
    transition: .1s
}

._root_edxia_9 ._content_edxia_47 ._emphasizedButton_edxia_171:hover:after {
    background: #28333b
}

._root_edxia_9 ._content_edxia_47 ._emphasizedButton_edxia_171:active:after {
    background: #2c3841
}

._root_edxia_9 ._content_edxia_47 ._button_edxia_212 {
    border-width: 2px;
    border-style: solid;
    border: 2px solid;
    border-color: #5a646c;
    border-radius: 3px;
    width: 100%
}

._root_edxia_9 ._content_edxia_47 ._desktop_edxia_220 {
    display: flex;
    gap: 24px
}

._root_edxia_9 ._content_edxia_47 ._mobile_edxia_143 {
    display: none
}

@media only screen and (max-width: 650px) {
    ._root_edxia_9 ._content_edxia_47 ._desktop_edxia_220 {
        display: none
    }

    ._root_edxia_9 ._content_edxia_47 ._mobile_edxia_143 {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 100%
    }
}

._root_1346w_1 {
    background-color: #313d47;
    display: flex;
    gap: 16px;
    padding: 8px 16px
}

@media only screen and (max-width: 650px) {
    ._root_1346w_1 {
        flex-direction: column;
        gap: 8px
    }
}

._root_1346w_1 ._knowHowLink_1346w_13 {
    cursor: pointer;
    border-radius: 3px;
    flex-grow: 1;
    flex-basis: 0;
    color: #adb1b5;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
    padding: 8px 12px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400
}

._root_1346w_1 ._knowHowLink_1346w_13:hover {
    text-decoration: underline;
    background-color: #39434d
}

._root_1rfn3_1 {
    background-color: #222b32;
    color: #fff;
    text-align: left;
    border-top: 1px solid var(--border-subtle, #313D47);
    border-right: 1px solid var(--border-subtle, #313D47);
    border-left: 1px solid var(--border-subtle, #313D47)
}

._root_1rfn3_1 ._modalHeader_1rfn3_9 {
    padding-right: 24px
}

._option_1mz1y_1 {
    padding: 12px 16px;
    display: flex;
    gap: 8px;
    flex-grow: 1;
    align-items: center;
    height: 64px;
    cursor: pointer
}

._option_1mz1y_1:hover {
    background-color: #2f383e
}

._option_1mz1y_1._active_1mz1y_13 {
    background-color: #316f561a
}

._option_1mz1y_1._active_1mz1y_13:hover {
    background-color: #2f3e40
}

._forMigrationModal_1mz1y_20 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px
}

._forMigrationModal_1mz1y_20 ._menuItemText_1mz1y_27 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-grow: 1
}

._forMigrationModal_1mz1y_20 ._menuItemPrimaryText_1mz1y_33 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    gap: 4px;
    align-items: center
}

._forMigrationModal_1mz1y_20 ._triggerButton_1mz1y_42 {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: var(--space-3);
    border-radius: 3px;
    background-color: #29343d;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s;
    min-width: 220px;
    border: 1px solid var(--color-blue-gray-400);
    height: 54px
}

._forMigrationModal_1mz1y_20 ._triggerButton_1mz1y_42 svg path {
    fill: #6f777e
}

._forMigrationModal_1mz1y_20 ._triggerButtonText_1mz1y_61 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    flex-grow: 1;
    line-height: 20px;
    height: 20px
}

._forMigrationModal_1mz1y_20 ._triggerButtonId_1mz1y_69 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    margin-left: 4px;
    color: #adb1b5
}

._forMigrationModal_1mz1y_20 ._labelWrapper_1mz1y_76 {
    display: flex;
    flex-direction: row;
    gap: 4px
}

._forMigrationModal_1mz1y_20 ._labelWrapper_1mz1y_76 span {
    height: 14px
}

._forMigrationModal_1mz1y_20 ._label_1mz1y_76 {
    color: #adb1b5;
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    display: flex;
    align-items: center
}

._forTransferCdpModal_1mz1y_94 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-left: 32px
}

._forTransferCdpModal_1mz1y_94 .Dropdown__Root,
._forTransferCdpModal_1mz1y_94 .Dropdown__Content {
    width: 100%
}

._forTransferCdpModal_1mz1y_94 ._triggerButton_1mz1y_42 {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 4px;
    padding: 16px 8px;
    border-radius: 3px;
    background-color: transparent;
    border: 1px solid #61717e;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s
}

._forTransferCdpModal_1mz1y_94 ._triggerButtonText_1mz1y_61 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    flex-grow: 1;
    line-height: 28px
}

._forTransferCdpModal_1mz1y_94 .Icon {
    margin-left: auto
}

._dropdownContent_1mz1y_133 {
    width: 100%
}

._formWrapper_1l3zv_1 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._formWrapper_1l3zv_1 .checkbox-wrapper,
._formWrapper_1l3zv_1 .checkbox-wrapper .box {
    border-radius: 50% !important
}

._formWrapper_1l3zv_1 ._formItemWrapper_1l3zv_12 {
    padding-left: 32px
}

._formWrapper_1l3zv_1 ._formItemWrapper_1l3zv_12 ._formItem_1l3zv_12 {
    width: 100%;
    padding: 16px 8px;
    border-radius: 3px;
    border: 1px solid #61717E;
    transition: border-color .1s;
    background-color: transparent;
    color: #fff;
    line-height: 28px
}

._formWrapper_1l3zv_1 ._formItemWrapper_1l3zv_12 ._formItem_1l3zv_12:focus {
    filter: brightness(1.2);
    outline: none
}

.transfer-cdp-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.transfer-cdp-form-wrapper .checkbox-wrapper,
.transfer-cdp-form-wrapper .checkbox-wrapper .box {
    border-radius: 50% !important
}

.transfer-cdp-form-wrapper .label-text {
    color: #fff;
    font-size: 14px !important;
    line-height: 16px !important;
    padding-top: 0 !important
}

.transfer-cdp-form-wrapper .cdp-transfer-form-item-wrapper {
    padding-left: 32px
}

.transfer-cdp-form-wrapper .cdp-transfer-form-item-wrapper .cdp-transfer-form-item {
    width: 100%;
    padding: 16px 8px;
    border-radius: 3px;
    border: 1px solid #61717E;
    transition: border-color .1s;
    background-color: transparent;
    color: #fff;
    line-height: 28px
}

.transfer-cdp-form-wrapper .cdp-transfer-form-item-wrapper .cdp-transfer-form-item:focus {
    filter: brightness(1.2);
    outline: none
}

#transfer-cdp-modal-wrapper .new-modal-content-wrapper p {
    max-width: none !important
}

#transfer-cdp-modal-wrapper.form-error .form-wrapper {
    margin-bottom: 30px
}

#transfer-cdp-modal-wrapper .modal-content {
    padding: 0 10px
}

#transfer-cdp-modal-wrapper .modal-content .title {
    font-size: 2rem;
    margin: 57px auto 2px
}

#transfer-cdp-modal-wrapper .modal-content .description,
#transfer-cdp-modal-wrapper .modal-content .warning-box-wrapper {
    max-width: 380px;
    margin: 5px auto 36px
}

#transfer-cdp-modal-wrapper .form-wrapper .input-values {
    flex-direction: column
}

#transfer-cdp-modal-wrapper .form-wrapper .input-values label {
    margin-bottom: 2px;
    line-height: 1.4em;
    padding: 0
}

#transfer-cdp-modal-wrapper .form-wrapper .input-values input {
    font-size: 1.3rem;
    text-align: left
}

#user-wallet-modal-wrapper .modal-body {
    border-bottom: 0
}

#user-wallet-modal-wrapper .new-modal-content-wrapper {
    padding: 24px;
    background-color: #222b32
}

#user-wallet-modal-wrapper .new-modal-content-wrapper a {
    text-decoration: none
}

#user-wallet-modal-wrapper .new-modal-content-wrapper a:hover {
    text-decoration: underline
}

#user-wallet-modal-wrapper .address-wrapper {
    flex: 1;
    display: flex;
    padding: 12px 16px;
    background-color: #313d47;
    gap: 8px;
    align-items: center;
    border-radius: 3px
}

#user-wallet-modal-wrapper .address-wrapper .address-label {
    flex: 1;
    color: #fff
}

#user-wallet-modal-wrapper .address-wrapper .address {
    color: #adb1b5;
    min-width: 0;
    word-break: break-all
}

#user-wallet-modal-wrapper .links {
    display: flex;
    gap: 12px;
    padding: 8px 0;
    margin-top: 8px
}

#user-wallet-modal-wrapper .links a {
    color: #37b06f
}

#user-wallet-modal-wrapper .data-rows hr {
    border-bottom: 1px solid #465059;
    margin: 12px 0
}

#user-wallet-modal-wrapper .data-row {
    display: flex
}

#user-wallet-modal-wrapper .data-row>div {
    flex: 1 1 50%;
    display: flex;
    gap: 4px
}

#user-wallet-modal-wrapper .data-row .value {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#user-wallet-modal-wrapper .data-row .value span {
    display: flex;
    align-items: center;
    gap: 4px
}

#user-wallet-modal-wrapper .data-row .value .aditionalInfo {
    color: #2684ff;
    font-size: 14px
}

#user-wallet-modal-wrapper h3 {
    margin-top: 24px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    letter-spacing: .05em
}

#user-wallet-modal-wrapper .owners-list {
    border-collapse: collapse;
    width: 100%;
    word-break: break-all
}

#user-wallet-modal-wrapper .owners-list tr:not(:last-child) td {
    border-bottom: 1px solid #465059
}

#user-wallet-modal-wrapper .owners-list tr td {
    padding: 16px 4px
}

#user-wallet-modal-wrapper .owners-list tr td.sw-input-row {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#user-wallet-modal-wrapper .owners-list tr td.sw-input-row.address-label {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

#user-wallet-modal-wrapper .manage-safe-wrapper {
    display: flex;
    gap: 16px;
    margin-top: 24px
}

@media (max-width: 768px) {
    #user-wallet-modal-wrapper .manage-safe-wrapper {
        flex-direction: column
    }
}

#user-wallet-modal-wrapper .manage-safe-wrapper p {
    margin: 0
}

#user-wallet-modal-wrapper .manage-safe-wrapper a:hover {
    text-decoration: none
}

#user-wallet-modal-wrapper .sub-header {
    background: linear-gradient(180deg, #37b06f33 1.28%, #294c7333);
    flex-wrap: wrap;
    padding: 30px 20px;
    text-align: left
}

#user-wallet-modal-wrapper .sub-header .sub-title {
    width: 100%;
    padding: 0;
    font-size: 1.6rem;
    margin: 0
}

#user-wallet-modal-wrapper .sub-header .disclaimer {
    font-weight: 700;
    width: 100%;
    margin-bottom: 15px
}

#user-wallet-modal-wrapper .content-section-wrapper {
    padding: 0;
    color: #939da7
}

#user-wallet-modal-wrapper .content-section-wrapper .button {
    margin-bottom: 10px
}

#user-wallet-modal-wrapper .content-section-wrapper.withdraw .button {
    margin-bottom: 30px
}

#user-wallet-modal-wrapper .content-section-wrapper.info {
    padding-top: 10px
}

#user-wallet-modal-wrapper .content-section-wrapper.import-active {
    padding-top: 30px;
    border-top: 1px solid #37B06F
}

#user-wallet-modal-wrapper .content-section-wrapper .content-section-title {
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px
}

#user-wallet-modal-wrapper .content-section-wrapper .description {
    margin: 0 0 20px;
    max-width: 400px
}

#user-wallet-modal-wrapper .title,
#user-wallet-modal-wrapper .container {
    padding-right: 20px
}

.address-label-type input {
    flex: 1;
    border: none;
    min-width: 150px;
    width: 300px;
    max-width: 100%;
    overflow: hidden;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    background: transparent;
    caret-color: #2684ff;
    padding: 0;
    color: #fff
}

.address-label-type input::placeholder {
    color: #6f777e
}

.address-label-type input:focus {
    padding: 4px;
    outline: none;
    border-radius: 4px;
    background: #2684ff1a
}

.action-buttons {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 570px) {
    .action-buttons {
        align-self: flex-end
    }
}

.action-buttons .label-edit-controls {
    gap: 4px;
    display: flex;
    align-items: center
}

.action-buttons .label-edit-controls>* {
    width: 32px;
    height: 32px;
    padding: 8px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 570px) {
    .action-buttons .label-edit-controls>* {
        stroke: #fff;
        border-radius: 3px;
        background: #313d47
    }
}

.action-buttons .label-edit-controls .check-icon {
    border-radius: 3px;
    background: #313d47
}

._AaveEModeModal_1chq5_1 ._content_1chq5_1 {
    background-color: var(--bg-color-primary) !important;
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

._AaveEModeModal_1chq5_1 ._warnings_1chq5_7 {
    display: flex;
    flex-direction: column;
    gap: var(--space-1)
}

._AaveEModeModal_1chq5_1 ._description_1chq5_12 {
    color: #939da7
}

._AaveEModeModal_1chq5_1 ._categories_1chq5_15 {
    margin: var(--space-2) 0;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

.connect-login-wrapper h2 {
    font-weight: 300
}

.connect-login-wrapper h2+p {
    color: #939da7;
    margin-bottom: 20px
}

.ledger-wrapper .acc-select-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.ledger-wrapper .acc-select-wrapper .label {
    color: #939da7
}

.ledger-wrapper .acc-select-wrapper .select {
    background: #37b06f;
    margin-left: 10px;
    font-weight: 500
}

.ledger-wrapper .acc-select-wrapper .select.select--is-disabled {
    background: #61717e33;
    cursor: not-allowed;
    user-select: none
}

.ledger-wrapper .acc-select-wrapper .select .select__control {
    width: 160px
}

.ledger-wrapper .acc-select-wrapper .select .select__control .select__single-value {
    font-size: 1.3rem
}

.ledger-wrapper .acc-select-wrapper .select .select__control .select__value-container {
    justify-content: flex-start
}

.ledger-wrapper .list-wrapper {
    margin: 35px 0
}

.ledger-wrapper .list-wrapper .loader-wrapper {
    display: flex;
    justify-content: center
}

.ledger-wrapper .list-wrapper .loader-wrapper .loader {
    width: 21px;
    height: 21px;
    margin: 0 13px 0 0
}

.ledger-wrapper .list-wrapper .loader-wrapper .message-wrapper {
    margin: 0;
    font-size: 1.4rem
}

.ledger-wrapper .list-wrapper .accounts-wrapper {
    overflow: hidden;
    overflow-y: auto
}

.ledger-wrapper .list-wrapper .single-acc {
    margin: 0 auto;
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer;
    padding: 5px
}

.ledger-wrapper .list-wrapper .single-acc:hover:not(.no-click) {
    background: #37b06f33
}

.ledger-wrapper .list-wrapper .single-acc.no-click {
    background: #61717e33;
    color: #939da7;
    user-select: none;
    cursor: not-allowed
}

.ledger-wrapper .list-wrapper .single-acc i {
    color: #939da7
}

.ledger-wrapper .list-wrapper .more {
    border: none;
    color: #939da7;
    cursor: pointer;
    text-decoration: underline;
    display: inline-block;
    margin-top: 20px;
    padding: 0;
    background: none;
    font-size: 1.4rem;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.ledger-wrapper .list-wrapper .more:hover {
    opacity: .7
}

.ledger-wrapper .list-wrapper .more:disabled {
    cursor: not-allowed
}

.ledger-wrapper .list-wrapper .more:disabled:hover {
    opacity: 1
}

.ledger-wrapper #cancel {
    margin: 0
}

.ledger-wrapper .form-wrapper.custom-path-form {
    margin-top: 35px
}

.ledger-connect-modal-wrapper .modal-body {
    padding: 40px
}

.trezor-connect-modal-wrapper .modal-body {
    padding: 40px
}

.trezor-connect-modal-wrapper .modal-body .trezor-wrapper .form-wrapper {
    margin-bottom: 23px
}

#unsubscribe-feedback-modal-wrapper .modal-body {
    border-bottom: none
}

#unsubscribe-feedback-modal-wrapper .modal-body .new-modal-top-wrapper {
    height: 126px
}

#unsubscribe-feedback-modal-wrapper .modal-body .new-modal-top-wrapper h1 {
    text-align: left
}

#unsubscribe-feedback-modal-wrapper .modal-body p {
    max-width: none
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper {
    padding: 20px;
    background-color: #253038
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .feedback-item-wrapper {
    overflow: hidden
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .feedback-item-wrapper:not(:last-child) {
    margin-bottom: 20px
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .feedback-item-wrapper .form-item-wrapper.checkbox {
    padding: 0;
    border: 0;
    flex-direction: column
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .feedback-item-wrapper .form-item-wrapper.checkbox .label-wrapper {
    position: relative;
    z-index: 1;
    padding: 0
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .feedback-item-wrapper .form-item-wrapper.checkbox .label-wrapper .checkbox-wrapper {
    margin-right: 16px;
    flex-shrink: 0
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .feedback-item-wrapper .form-item-wrapper.checkbox .label-wrapper .label-text {
    text-align: left;
    position: relative;
    line-height: 1.4em
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .feedback-item-wrapper .feedback-item-wrapper-cta {
    margin-top: -10px;
    margin-left: 35px;
    background: #0000001a;
    padding: 10px 15px;
    border-radius: 3px
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .bottom-section {
    background-color: #2b3943;
    padding: 20px;
    margin: 0 -20px -20px
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .additional-info-label {
    margin-bottom: 5px
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .textarea-container .form-item-wrapper-textarea.wrapper-error {
    border: none
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .textarea-container .form-item-wrapper-textarea.wrapper-error .input-values {
    padding: 0
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .textarea-container .form-item-wrapper-textarea.wrapper-error .input-values textarea {
    border: 1px solid #C02727
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .textarea-container .form-item-wrapper-textarea textarea {
    padding: 10px 12px;
    resize: vertical
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .info {
    margin-top: 20px;
    font-size: 1.4rem
}

#unsubscribe-feedback-modal-wrapper .new-modal-content-wrapper .submit-error {
    color: #c02727
}

.confirmation-modal p {
    color: #fff
}

.confirmation-modal .button {
    width: 150px
}

.info-modal p {
    color: #fff
}

.info-modal .button {
    width: 150px
}

.send-confirmation-modal p {
    color: #fff
}

.send-confirmation-modal .button {
    width: 150px
}

.send-confirmation-modal .send-token {
    display: flex
}

.send-confirmation-modal .send-token>span {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 25px
}

.send-confirmation-modal .send-token svg {
    margin-right: 10px;
    width: 30px;
    height: 30px
}

.send-confirmation-modal .send-token p {
    font-size: 42px;
    line-height: 30px;
    font-weight: lighter;
    color: #fff
}

.send-confirmation-modal .send-token p span {
    font-size: 20px;
    color: #939da7
}

.send-confirmation-modal .send-address {
    color: #939da7
}

.send-confirmation-modal .send-address span {
    color: #fff
}

.maker-create-cdp-success-modal-wrapper .modal-body {
    padding: 40px
}

.maker-create-cdp-success-modal-wrapper .modal-body .title {
    margin: 22px auto !important
}

.maker-create-cdp-success-modal-wrapper .modal-body img {
    height: 52px
}

#compound-collateral-required-modal-wrapper .new-modal-content-wrapper p {
    max-width: 100%;
    margin-bottom: 30px
}

#compound-collateral-required-modal-wrapper .data-wrapper .item-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#compound-collateral-required-modal-wrapper .data-wrapper .item-wrapper:not(:last-child) {
    margin-bottom: 20px
}

#compound-collateral-required-modal-wrapper .data-wrapper .item-wrapper .label {
    color: #fff
}

#compound-collateral-required-modal-wrapper .data-wrapper .item-wrapper .value-wrapper {
    display: flex;
    align-items: center
}

#compound-collateral-required-modal-wrapper .data-wrapper .item-wrapper .value-wrapper .val1,
#compound-collateral-required-modal-wrapper .data-wrapper .item-wrapper .value-wrapper .val2 {
    font-size: 2rem;
    color: #fff
}

#compound-collateral-required-modal-wrapper .data-wrapper .item-wrapper .value-wrapper .arrow-caret-icon {
    margin: 0 8px
}

.asset-container__data-item.data-item-wrapper {
    margin-left: 10px
}

@media only screen and (max-width: 650px) {
    .asset-container__data-item.data-item-wrapper {
        padding: 0 !important
    }
}

.position-container {
    background-color: #27333a;
    padding: 10px 20px
}

.position-container .select-description {
    margin-right: 15px;
    color: #fff;
    font-size: 1.6rem
}

.position-container .select.box {
    flex-grow: 1;
    background-color: #20292f
}

.position-container .select.box .select__control {
    width: auto
}

.position-container .selected-position {
    line-height: 1;
    margin-top: 10px
}

.position-container .selected-position.has-select {
    margin-top: 15px
}

.position-container .selected-position__column {
    width: 50%
}

@media only screen and (max-width: 650px) {
    .position-container .selected-position__column {
        width: 100%
    }
}

.position-container .selected-position__column .spacer {
    display: none
}

.position-container .selected-position__data-item {
    margin-bottom: 20px
}

@media only screen and (max-width: 650px) {
    .position-container .selected-position__data-item {
        padding: 0 !important
    }
}

.position-container .selected-position__data-item .label-wrapper {
    margin-bottom: 5px
}

.position-container .selected-position__asset {
    margin-bottom: 15px
}

.migrate-compound-from-instadapp-modal .modal-description>div {
    margin-bottom: 10px;
    max-width: 470px
}

.migrate-compound-from-instadapp-modal .modal-description>div:last-child {
    margin-bottom: 20px
}

.migrate-compound-from-instadapp-modal .steps {
    margin-top: 20px
}

.migrate-compound-from-instadapp-modal .migration-apy {
    display: flex;
    background-color: #27333a;
    margin: 1rem 0;
    padding: 1rem 2rem
}

.migrate-compound-from-instadapp-modal .migration-apy .data-item-wrapper:first-of-type {
    margin-right: 2rem
}

.address-monitor-modal {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.address-monitor-modal .address-monitor-inputs .enter-address-description {
    font-size: 14px;
    line-height: 21px;
    color: #939da7;
    margin-bottom: 30px
}

.address-monitor-modal .address-monitor-inputs .demo-address {
    text-align: right;
    color: #939da7;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -.03em
}

.address-monitor-modal .address-monitor-inputs .demo-address .demo {
    cursor: pointer;
    color: #37b06f
}

.address-monitor-modal .address-monitor-inputs .form-item-wrapper {
    margin-bottom: 0
}

.address-monitor-modal .address-monitor-inputs .form-item-wrapper .input-values {
    flex-direction: column
}

.address-monitor-modal .address-monitor-inputs .form-item-wrapper .input-values .address-label {
    color: #939da7;
    padding-bottom: 3px;
    padding-top: 10px;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -.03em
}

.address-monitor-modal .address-monitor-inputs .form-item-wrapper .input-values .form-item {
    padding-left: 20px;
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em;
    text-align: left;
    font-weight: 400
}

.address-monitor-modal .address-monitor-inputs .form-item-wrapper .input-values .form-item:-webkit-autofill,
.address-monitor-modal .address-monitor-inputs .form-item-wrapper .input-values .form-item:-webkit-autofill:hover,
.address-monitor-modal .address-monitor-inputs .form-item-wrapper .input-values .form-item:-webkit-autofill:focus,
.address-monitor-modal .address-monitor-inputs .form-item-wrapper .input-values .form-item:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important
}

._connectWalletButtonsWrapper_kifdw_1 {
    margin: 0
}

._connectWalletButtonsWrapper_kifdw_1 ._category_kifdw_4 {
    margin-bottom: 16px
}

._connectWalletButtonsWrapper_kifdw_1 ._category_kifdw_4:last-child {
    margin-bottom: 0
}

._connectWalletButtonsWrapper_kifdw_1 ._categoryLabel_kifdw_10 {
    display: flex;
    align-items: center;
    color: var(--text-color-secondary);
    font-size: 12px;
    font-style: normal;
    line-height: 12px;
    letter-spacing: 1.44px;
    text-transform: uppercase;
    margin: 0 0 1em;
    padding: 8px 0
}

._connectWalletButtonsWrapper_kifdw_1 ._categoryLabel_kifdw_10 span {
    margin-right: 6px
}

._connectWalletButtonsWrapper_kifdw_1 ._categoryPlaceholder_kifdw_25 {
    color: #fff
}

._connectWalletButtonsWrapper_kifdw_1 ._categoryOptions_kifdw_28 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
    margin-bottom: 16px
}

._connectWalletButtonsWrapper_kifdw_1 ._categoryOptions_kifdw_28:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 650px) {
    ._connectWalletButtonsWrapper_kifdw_1 ._categoryOptions_kifdw_28 {
        grid-template-columns: 1fr
    }
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42 {
    display: flex;
    background: #29343d;
    border: 1px solid var(--border-color-subtle);
    border-radius: 8px;
    min-width: 150px;
    height: 48px;
    padding: 12px 16px;
    align-items: center;
    cursor: pointer;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42:hover {
    background: #242e35
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42:active {
    background: #263038
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42 p {
    color: #fff;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42 ._iconWrapper_kifdw_64 {
    flex: 0 0 24px;
    display: flex;
    justify-content: center
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42 ._iconWrapper_kifdw_64 img,
._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42 ._iconWrapper_kifdw_64 svg {
    height: 100%;
    width: 100%;
    max-width: 24px;
    max-height: 24px
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42 ._label_kifdw_75 {
    margin: 0 0 0 12px;
    flex: 1 1 100%
}

._connectWalletButtonsWrapper_kifdw_1 ._buttonOption_kifdw_42 ._sublabel_kifdw_79 {
    margin: 0;
    padding: 3px 4px;
    border-radius: 3px;
    border: 1px solid #465059;
    background: #313d47;
    font-size: 11px;
    color: #f6f8f9
}

._fixedHeightWrapper_kifdw_89 {
    max-height: 411px;
    overflow-y: auto
}

._fixedHeightWrapper_kifdw_89::-webkit-scrollbar {
    width: 4px
}

._fixedHeightWrapper_kifdw_89::-webkit-scrollbar-thumb {
    background-color: #3d4e5c;
    border-radius: 6px
}

._fixedHeightWrapper_kifdw_89::-webkit-scrollbar-track {
    background-color: #181f25;
    border-radius: 6px
}

._trackAddressFormWrapper_132rd_1 {
    text-align: left
}

._trackAddressFormWrapper_132rd_1 h2 {
    display: flex;
    color: var(--color-blue-100);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1.68px;
    margin: 0 0 10px;
    text-transform: uppercase
}

._trackAddressFormWrapper_132rd_1 h2 i {
    margin-right: .8rem;
    width: 16px;
    height: 16px
}

._trackAddressFormWrapper_132rd_1 p {
    color: #939da7;
    font-size: 1.2rem;
    margin: 0 0 16px
}

._trackAddressFormWrapper_132rd_1 hr {
    border-color: #61717e;
    margin: 2em 0
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 ._trackAddressContent_132rd_27 {
    width: 100%;
    display: flex;
    align-items: center
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    border-color: var(--border-color-subtle)
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper .input-values {
    flex-direction: column;
    width: 100%
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper .input-values ._addressLabel_132rd_43 {
    color: #939da7;
    padding: 8px 0 2px 12px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.03em
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper .input-values .form-item {
    padding: 12px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.03em;
    text-align: left;
    font-weight: 400
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper .input-values .form-item:-webkit-autofill,
._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper .input-values .form-item:-webkit-autofill:hover,
._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper .input-values .form-item:-webkit-autofill:focus,
._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 .form-item-wrapper .input-values .form-item:-webkit-autofill:active {
    transition: background-color 9999s ease-in-out 0s;
    -webkit-text-fill-color: #fff !important
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 button {
    flex-shrink: 0;
    height: 40px;
    overflow: hidden;
    padding: 10px 12px;
    margin-left: 16px;
    letter-spacing: 1.44px
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 button svg {
    transition: .2s;
    min-width: 20px
}

._trackAddressFormWrapper_132rd_1 ._trackAddressForm_132rd_1 button:disabled svg {
    opacity: .5
}

@media only screen and (max-width: 1130px) {
    ._VisitDiscover_1lm6n_2 {
        display: flex
    }
}

@media only screen and (max-width: 1130px) {
    ._VisitDiscover_1lm6n_2 ._VisitDiscoverText_1lm6n_7 {
        width: 50%
    }
}

._VisitDiscover_1lm6n_2 h2 {
    display: flex;
    color: var(--color-green-100);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1.68px;
    margin: 0 0 10px;
    text-transform: uppercase
}

._VisitDiscover_1lm6n_2 h2 i {
    margin-right: .8rem;
    width: 16px;
    height: 16px
}

._VisitDiscover_1lm6n_2 p {
    color: #939da7;
    font-size: 1.2rem;
    margin: 0 0 16px
}

._VisitDiscover_1lm6n_2 button {
    width: 100%;
    height: 40px;
    font-size: 1.2rem;
    letter-spacing: 1.44px;
    padding: 1rem
}

@media only screen and (max-width: 1130px) {
    ._VisitDiscover_1lm6n_2 button {
        width: 50%
    }
}

@media only screen and (max-width: 1130px) {
    ._StartSimulation_12mj2_2 {
        display: flex
    }
}

@media only screen and (max-width: 1130px) {
    ._StartSimulation_12mj2_2 ._StartSimulationText_12mj2_7 {
        width: 50%
    }
}

._StartSimulation_12mj2_2 h2 {
    display: flex;
    color: var(--color-purple-100);
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: 1.68px;
    margin: 0 0 10px;
    text-transform: uppercase
}

._StartSimulation_12mj2_2 h2 i {
    margin-right: .8rem;
    width: 16px;
    height: 16px
}

._StartSimulation_12mj2_2 p {
    color: #939da7;
    font-size: 1.2rem;
    margin: 0 0 16px
}

._StartSimulation_12mj2_2 button {
    width: 100%;
    height: 40px;
    font-size: 1.2rem;
    letter-spacing: 1.44px;
    padding: 1rem
}

@media only screen and (max-width: 1130px) {
    ._StartSimulation_12mj2_2 button {
        width: 50%
    }
}

._connectWalletWrapper_1qoan_1 {
    padding: 24px;
    background: var(--bg-color-primary);
    text-align: left;
    height: 100%
}

._connectWalletWrapper_1qoan_1 ._connectWalletTitle_1qoan_7 {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    margin: 0 0 16px
}

._connectWalletWrapper_1qoan_1 section {
    display: flex;
    justify-content: space-between
}

._connectWalletWrapper_1qoan_1 section button {
    width: 40%
}

._connectWalletWrapper_1qoan_1 p {
    color: #939da7;
    margin: .5em 0 1em
}

._connectWalletWrapper_1qoan_1 hr {
    border-color: var(--border-color-subtle);
    margin: .7em 0 1.5em
}

._connectWalletWrapper_1qoan_1 hr:first-of-type {
    margin-top: 2em
}

._connectWalletWrapper_1qoan_1 ._trackAddressFormWrapper_1qoan_31 {
    padding: 0
}

.slippage-limit-wrapper {
    display: flex;
    justify-content: space-between;
    max-width: 375px;
    width: 100%;
    flex-wrap: wrap;
    margin: 0 auto 20px;
    border-radius: 3px;
    border: 1px solid #61717E;
    transition: border-color .1s
}

.slippage-limit-wrapper:hover {
    border-color: #7f8f9c
}

.slippage-limit-wrapper .label-wrapper {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    color: #fff;
    white-space: nowrap;
    margin-right: 10px
}

.slippage-limit-wrapper .data-wrapper .form-item-wrapper {
    padding: 0;
    border: 0;
    margin-bottom: 0
}

.slippage-limit-wrapper .data-wrapper .form-item-wrapper label:first-child {
    padding-left: 15px
}

.slippage-limit-wrapper .data-wrapper .form-item-wrapper .second-label {
    padding-right: 15px
}

.slippage-limit-wrapper .data-wrapper .form-item-wrapper .third-label {
    right: 15px
}

.slippage-limit-wrapper .data-wrapper .rate-wrapper {
    white-space: nowrap;
    color: #939da7;
    font-size: 1.3rem;
    display: flex;
    justify-content: flex-end
}

.reloader-wrapper {
    position: relative;
    display: inline-block;
    transition: transform .3s ease-in-out
}

.reloader-wrapper:hover {
    transform: scale(1.1)
}

.reloader-wrapper span {
    display: flex
}

.reloader-wrapper .reloader {
    background: transparent;
    position: relative
}

.reloader-wrapper .reloader.pulse {
    animation: pulse-animation 1s ease-in-out infinite
}

.reloader-wrapper .reloader circle {
    fill: transparent;
    stroke-width: 2px;
    transform: rotate(-90deg);
    transform-origin: center
}

.reloader-wrapper .reloader circle.over {
    stroke: #37b06f;
    stroke-dasharray: var(--lineLength);
    stroke-dashoffset: var(--percentage)
}

.reloader-wrapper .reloader circle.under {
    stroke: #61717e
}

@keyframes pulse-animation {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.9)
    }

    to {
        transform: scale(1)
    }
}

.advanced__wrapper-lp {
    background: #313d47;
    margin-bottom: 15px
}

.advanced__wrapper-lp .advanced__title-wrapper {
    width: 100%;
    padding: 19px 16px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    color: #fff
}

.advanced__wrapper-lp .advanced__title-wrapper .arrow-caret-icon path {
    stroke: #fff
}

.advanced__wrapper-lp .advanced__content {
    padding: 19px 16px
}

.advanced__wrapper-lp .advanced__content .swap-label {
    margin-bottom: 15px
}

.advanced__wrapper-lp .advanced__content .swap-label .highlighted {
    color: #fff
}

.togglable-section {
    border-radius: 3px;
    background: #394956;
    transition: all .3s cubic-bezier(.165, .84, .44, 1)
}

.togglable-section__title-wrapper {
    width: 100%;
    padding: 19px 16px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.togglable-section__title-wrapper .arrow-caret-icon {
    margin: 3px;
    min-width: 1.8rem
}

.togglable-section__title-wrapper .arrow-caret-icon path {
    stroke: #fff
}

.togglable-section__title {
    color: #fff
}

.togglable-section__content {
    padding: 19px 16px
}

.togglable-section__section :first-child {
    margin-top: 0
}

.togglable-section__section :last-child {
    margin-bottom: 0
}

.info-box-wrapper {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #61717e40;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-right: 10px
}

.info-box-wrapper svg {
    height: 20px
}

.slippage-advanced-options__content {
    display: inline-flex;
    align-items: center
}

.slippage-advanced-options__content .info-box-wrapper {
    margin: 0 0 0 10px
}

.slippage-advanced-options__content .slippage-limit-wrapper {
    margin-bottom: 0
}

.slippage-advanced-options__content .deadline-wrapper {
    margin-top: 10px
}

.additional-info__title {
    color: #fff;
    margin-bottom: 8px !important
}

.additional-info__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-flex;
    flex-direction: column
}

.additional-info__list__item {
    display: inline-flex;
    align-items: center
}

.additional-info__list__item:not(:last-of-type) {
    margin-bottom: 8px
}

.additional-info__list__item>span {
    display: inline-flex !important;
    align-items: center;
    margin-right: 6px
}

.additional-info__list__item>span span {
    display: inline-flex
}

.sections {
    display: flex;
    justify-content: space-between
}

.sections>div {
    flex: 0 0 45%
}

.sections>div .upper-part {
    color: #939da7;
    border-bottom: 1px solid #37B06F
}

.sections>div .lower-part {
    color: #fff;
    font-size: 2rem;
    line-height: 24px;
    letter-spacing: -.03em
}

.sections>div .lower-part .position {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em
}

.sections>div .lower-part .position img {
    margin-right: 10px
}

.sections>div .lower-part .amount {
    margin-bottom: 5px
}

.sections>div .lower-part .coll {
    font-size: 14px;
    line-height: 21px;
    color: #939da7
}

.simulation-start-modal-wrapper .simulation-start-modal {
    padding: 20px !important;
    overflow: visible
}

.simulation-start-modal-wrapper .simulation-start-modal p {
    margin: 0 !important;
    padding: 0
}

.tile--simulation-disabled {
    color: #eee !important;
    opacity: .65;
    cursor: default
}

.tile--simulation-disabled:hover {
    border-color: transparent
}

.tile--simulation-disabled .tile__flair {
    display: none !important
}

.recipe-book-item-modal-wrapper .form-wrapper {
    margin: 0 auto;
    display: flex;
    flex-direction: column
}

.recipe-book-item-modal-wrapper .form-wrapper .add-more {
    align-self: flex-end;
    margin-top: -1.8rem;
    cursor: pointer
}

.recipe-book-item-modal-wrapper .form-wrapper .add-more:hover {
    color: #fff
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper {
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    height: 4.8rem
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper:not(:last-child) {
    margin-bottom: 30px
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .label {
    white-space: nowrap;
    align-items: center;
    flex: 0 0 auto
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .asset {
    white-space: nowrap;
    align-items: center;
    font-weight: 700;
    font-size: 1.7rem;
    color: #fff
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .form-item {
    padding-right: .7rem
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .select {
    background: transparent;
    flex: 1 0 auto
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .select:only-child>.select__control {
    border: none
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .select .select__control {
    width: 100%
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .select .select__menu-list {
    max-height: 17rem
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .select .icon-wrapper {
    display: inline-flex
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .rc-slider {
    margin-top: 7px
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .rc-slider__legend {
    margin-top: 0
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .max-wrapper {
    position: absolute;
    top: -22px;
    right: 0;
    color: #939da7;
    text-align: right;
    font-size: 1.3rem;
    transition: .3s;
    cursor: pointer
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .max-wrapper:hover {
    opacity: .7
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .second-label span {
    max-width: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recipe-book-item-modal-wrapper .form-wrapper .form-item-wrapper .input-values {
    flex: 0 0 100%
}

.rc-slider-disabled {
    background: none !important
}

.rc-slider__label {
    display: inline-flex;
    width: 100%;
    text-align: left;
    color: #939da7;
    font-size: 1.3rem;
    margin-bottom: 13px
}

.rc-slider__legend {
    position: relative;
    width: 100%;
    display: inline-flex;
    justify-content: space-between;
    color: #939da7;
    margin-top: 5px
}

.rc-slider__legend .middle {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    display: inline-flex;
    height: 8px;
    width: 1px;
    background-color: #939da7
}

.rc-slider__wrapper .ratio-tooltip-wrapper .dots-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 240px;
    display: flex;
    justify-content: space-around
}

.rc-slider__wrapper .ratio-tooltip-wrapper .dots-wrapper .dot-wrapper {
    display: flex;
    align-items: center
}

.rc-slider__wrapper .ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 100%
}

.rc-slider__wrapper .ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot.green {
    background: #219653
}

.rc-slider__wrapper .ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot.orange {
    background: #f2994a
}

.rc-slider__wrapper .ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot.red {
    background: red
}

.rc-slider__wrapper .ratio-tooltip-wrapper .ratio-explain-text {
    margin-top: 10px;
    max-width: 280px;
    white-space: pre-line
}

.rc-slider__wrapper .rc-slider__background-element-wrapper {
    max-width: calc(100% - 14px);
    margin: 0 auto -6px
}

.rc-slider__wrapper .rc-slider {
    max-width: calc(100% - 14px);
    margin: 0 auto;
    position: relative;
    height: 14px;
    padding: 5px 0;
    width: 100%;
    border-radius: 6px;
    touch-action: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider__wrapper .rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider__wrapper .rc-slider-rail {
    position: absolute;
    width: 100%;
    background-color: #61717e;
    height: 4px;
    border-radius: 6px
}

.rc-slider__wrapper .rc-slider-track {
    position: absolute;
    left: 0;
    height: 4px;
    border-radius: 6px;
    background-color: #afc7ba
}

.rc-slider__wrapper .rc-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    margin-top: -5px;
    cursor: grab;
    border-radius: 50%;
    border: solid 2px #37b06f;
    background-color: #37b06f;
    touch-action: pan-x
}

.rc-slider__wrapper .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #37b06f;
    box-shadow: 0 0 0 5px #37b06f
}

.rc-slider__wrapper .rc-slider-handle:focus {
    outline: none
}

.rc-slider__wrapper .rc-slider-handle-click-focused:focus {
    border-color: #37b06f;
    background: #37b06f;
    box-shadow: unset
}

.rc-slider__wrapper .rc-slider-handle:hover {
    border-color: #239c5b;
    background: #239c5b
}

.rc-slider__wrapper .rc-slider-handle:active {
    border-color: #37b06f;
    box-shadow: 0 0 5px #37b06f;
    background: #37b06f;
    cursor: grabbing
}

.rc-slider__wrapper .rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.rc-slider__wrapper .rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999
}

.rc-slider__wrapper .rc-slider-mark-text-active {
    color: #666
}

.rc-slider__wrapper .rc-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.rc-slider__wrapper .rc-slider-dot {
    position: absolute;
    bottom: -2px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.rc-slider__wrapper .rc-slider-dot-active {
    border-color: #96dbfa
}

.rc-slider__wrapper .rc-slider-dot-reverse {
    margin-right: -4px
}

.rc-slider__wrapper .rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider__wrapper .rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider__wrapper .rc-slider-disabled .rc-slider-handle,
.rc-slider__wrapper .rc-slider-disabled .rc-slider-dot {
    border-color: #ccc;
    box-shadow: none;
    background-color: #fff;
    cursor: not-allowed
}

.rc-slider__wrapper .rc-slider-disabled .rc-slider-mark-text,
.rc-slider__wrapper .rc-slider-disabled .rc-slider-dot {
    cursor: not-allowed !important
}

.rc-slider__wrapper .rc-slider-vertical {
    width: 14px;
    height: 100%;
    padding: 0 5px
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-track {
    left: 5px;
    bottom: 0;
    width: 4px
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    touch-action: pan-y
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 18px;
    height: 100%
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-dot:first-child {
    margin-bottom: -4px
}

.rc-slider__wrapper .rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px
}

.rc-slider__wrapper .rc-slider-tooltip-zoom-down-enter,
.rc-slider__wrapper .rc-slider-tooltip-zoom-down-appear,
.rc-slider__wrapper .rc-slider-tooltip-zoom-down-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    display: block !important;
    animation-play-state: paused
}

.rc-slider__wrapper .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider__wrapper .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running
}

.rc-slider__wrapper .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running
}

.rc-slider__wrapper .rc-slider-tooltip-zoom-down-enter,
.rc-slider__wrapper .rc-slider-tooltip-zoom-down-appear {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.rc-slider__wrapper .rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(.755, .05, .855, .06)
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0)
    }

    to {
        transform-origin: 50% 100%;
        transform: scale(1)
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform-origin: 50% 100%;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0)
    }
}

.rc-slider__wrapper .rc-slider-tooltip {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: visible;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider__wrapper .rc-slider-tooltip * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.rc-slider__wrapper .rc-slider-tooltip-hidden {
    display: none
}

.rc-slider__wrapper .rc-slider-tooltip-placement-top {
    padding: 4px 0 8px
}

.rc-slider__wrapper .rc-slider-tooltip-inner {
    padding: 6px 2px;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #394956;
    border-radius: 3px
}

.rc-slider__wrapper .rc-slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.rc-slider__wrapper .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #394956
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper {
    overflow: visible !important;
    padding: 0 !important
}

.recipe-book-item-modal-wrapper .new-modal-top-wrapper {
    position: relative
}

.recipe-book-item-modal-wrapper .new-modal-top-wrapper .bookmark {
    position: absolute;
    top: 0;
    left: 16px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .Switch {
    background: #202b33;
    margin-bottom: 30px;
    display: none
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .Switch>div.active {
    background: linear-gradient(180deg, #3f4d57, #35434d8f)
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row {
    width: 100%;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1.3fr 1fr;
    overflow: hidden
}

@media screen and (max-width: 720px) {
    .recipe-book-item-modal-wrapper .new-modal-content-wrapper .row {
        grid-template-columns: 1fr
    }
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .column {
    min-width: 0;
    padding: 30px 20px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .column.quick-access {
    background-color: #253038
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row p {
    color: #fff;
    max-width: initial;
    white-space: pre-line
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row p span {
    color: #939da7
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions {
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    padding: 5px;
    background: #202b33;
    margin-top: 20px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .action-draggable-outer-wrapper {
    padding: 5px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .action-draggable-wrapper {
    height: 32px;
    width: auto;
    cursor: auto;
    padding-left: 38px;
    margin-bottom: 10px;
    background: #394956
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .action-draggable-wrapper:hover {
    opacity: 1
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .action-draggable-wrapper:last-of-type {
    margin-bottom: 0
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .icon {
    height: 24px;
    flex: 0 0 22px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .icon img {
    max-height: 14px;
    max-width: 14px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .protocol-icon {
    width: 45px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .protocol-icon:before {
    top: 6px;
    width: 20px;
    height: 20px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .protocol-icon:after {
    right: -6px;
    width: 6px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .actions .inner-content-wrapper {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    max-width: none !important;
    animation: flash-text-color .3s
}

@keyframes flash-text-color {
    0% {
        color: #37b06f
    }

    50% {
        color: #37b06f
    }

    to {
        color: #fff
    }
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .fee-info {
    font-size: 1.4rem;
    text-align: center;
    margin-top: 10px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row h2 {
    color: #fff;
    font-weight: 400;
    margin: 0 0 16px;
    font-size: 1.8rem
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .recipe-quick-access-form-wrapper {
    margin-bottom: 30px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .recipe-quick-access-form-wrapper>p {
    color: #939da7
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .recipe-quick-access-form-wrapper .form-item-wrapper .source {
    display: none
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .recipe-quick-access-form-wrapper .form-item-wrapper .Switch {
    display: flex;
    margin-bottom: 0;
    width: 100%
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .recipe-quick-access-form-wrapper .form-item-wrapper .Switch>* {
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 2px 0
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .recipe-final-state-position-states .position-states-wrapper {
    min-width: 0;
    flex-direction: column
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .recipe-final-state-position-states .position-states-wrapper>div {
    margin-right: 0;
    margin-bottom: 10px;
    background-color: #202b33;
    animation: flash-background-color .3s
}

@keyframes flash-background-color {
    0% {
        background-color: #222e36
    }

    50% {
        background-color: #222e36
    }

    to {
        background-color: #202b33
    }
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .error-box-wrapper {
    margin-bottom: 10px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .quick-access-buttons {
    display: flex;
    flex-direction: column;
    justify-content: stretch
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .quick-access-buttons>:not(:last-child) {
    margin-bottom: 10px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .ethsaver-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #61717E
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .ethsaver-wrapper a.button {
    text-decoration: none;
    margin-bottom: 8px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: left;
    padding: 10px 14px
}

.recipe-book-item-modal-wrapper .new-modal-content-wrapper .row .ethsaver-wrapper img {
    height: 30px
}

.position-states-wrapper {
    margin-top: 10px;
    align-items: stretch;
    min-width: 500px;
    overflow: auto
}

.position-states-wrapper>div {
    padding: 10px;
    margin-right: 10px;
    background-color: #2e3c47;
    border-radius: 3px;
    min-width: 150px;
    animation: show-dropdown .1s ease-out
}

.position-states-wrapper>div h3 {
    font-size: 1.3rem;
    margin: 0 0 .5em
}

.position-states-wrapper>div h3:not(:first-child) {
    margin-top: .5em
}

.position-states-wrapper>div h4 {
    margin: 0;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 1.3em
}

.position-states-wrapper>div .error {
    color: #c02727
}

.position-states-wrapper .warning {
    border: 1px solid yellow;
    border-radius: 3px
}

.position-states-wrapper .warning .info-tooltip-wrapper {
    margin-right: 5px
}

.top-up-modal {
    overflow: visible
}

.top-up-modal {
    height: 700px
}

.top-up-modal__content>p {
    color: #939da7;
    text-align: left;
    padding: 0 20px
}

.top-up-modal__top-up-form,
.top-up-modal__top-up-form--disabled {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px;
    border-bottom: 4px solid #6D399D;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.top-up-modal__top-up-form--disabled {
    border-bottom: 4px solid #472566
}

.top-up-modal__top-up-form .submit-button button,
.top-up-modal__top-up-form--disabled .submit-button button {
    position: absolute;
    right: 0;
    margin-top: 24px;
    border-radius: 0 0 3px 3px
}

.top-up-modal__top-up-form .submit-button button span,
.top-up-modal__top-up-form--disabled .submit-button button span {
    display: flex;
    gap: 8px;
    align-items: center
}

.top-up-modal__max {
    display: flex;
    gap: 4px;
    right: 0;
    line-height: 12px;
    font-size: 12px;
    justify-content: flex-end;
    color: #939da7
}

.top-up-modal__max .balance {
    color: #fff
}

.top-up-modal__source-select-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.top-up-modal__source-label {
    color: #939da7
}

.top-up-modal__estimate {
    position: absolute;
    right: 13px;
    bottom: 9px;
    font-size: 12px
}

.top-up-modal__form-inputs {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-bottom: 8px;
    height: 62px;
    align-items: center;
    text-align: left;
    color: #939da7
}

.top-up-modal__token-input,
.top-up-modal__token-input--radius-left {
    width: 100%;
    height: 100%;
    background: #20292f;
    display: flex;
    position: relative;
    align-items: center;
    border: 1px solid #2b3943;
    transition: border-color .1s;
    color: #939da7
}

.top-up-modal__token-input--radius-left,
.top-up-modal__token-input--radius-left .input__amount {
    border-radius: 3px 0 0 3px
}

.top-up-modal__token-input .input__amount,
.top-up-modal__token-input--radius-left .input__amount {
    width: 100%;
    height: 100%
}

.top-up-modal__token-input .input__amount .input-values,
.top-up-modal__token-input--radius-left .input__amount .input-values {
    display: flex;
    align-items: center
}

.top-up-modal__token-input .input__amount .input-values>label,
.top-up-modal__token-input--radius-left .input__amount .input-values>label {
    padding: 0 12px 0 20px;
    line-height: 60px;
    flex: 1 0 auto
}

.top-up-modal__token-input .input__amount .input-values>input,
.top-up-modal__token-input--radius-left .input__amount .input-values>input {
    flex: 1 1 auto;
    height: 60px;
    padding: 0 12px 14px 0;
    width: 100%;
    background: transparent;
    border: none;
    font-size: 2rem;
    line-height: 24px;
    text-align: right;
    outline: none;
    font-weight: 600;
    color: #fff
}

.exchange-token-select,
.exchange-token-select--radius,
.exchange-token-select--radius-right,
.exchange-token-select--radius-left,
.exchange-token-select--margin-left,
.exchange-token-select--open,
.exchange-token-select--modal {
    border-radius: 3px;
    background: #20292f;
    height: 100%;
    display: flex;
    border: 1px solid #2B3943;
    transition: border-color .1s;
    flex: 1 1 auto
}

.exchange-token-select:hover,
.exchange-token-select--radius:hover,
.exchange-token-select--radius-right:hover,
.exchange-token-select--radius-left:hover,
.exchange-token-select--margin-left:hover,
.exchange-token-select--open:hover,
.exchange-token-select--modal:hover {
    border-color: #61717e80
}

.exchange-token-select--modal .exchange-token-select__drop {
    position: absolute;
    right: 0;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #313D47;
    background: #202931;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: opacity .1s ease-in-out;
    top: 37%
}

.exchange-token-select--open {
    z-index: 9999;
    border-color: #2684ff !important
}

.exchange-token-select--margin-left {
    margin-left: 2px
}

.exchange-token-select--radius-left {
    border-radius: 3px 0 0 3px
}

.exchange-token-select--radius-right {
    border-radius: 0 3px 3px 0
}

.exchange-token-select--radius {
    border-radius: 3px
}

.exchange-token-select__selected {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 8px 8px 8px 12px;
    flex: 1 1 100%
}

.exchange-token-select__label {
    flex: 1 0 auto;
    padding: 0 12px 0 8px;
    line-height: 60px;
    color: #939da7;
    cursor: pointer
}

.exchange-token-select__item--list {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

.exchange-token-select__item-left {
    display: flex;
    align-items: center
}

.exchange-token-select__token-balances {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.exchange-token-select__token-balance--list {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    margin-bottom: 4px
}

.exchange-token-select__token-balance-usd--list {
    font-size: 13px;
    line-height: 13px
}

.exchange-token-select__token-icon,
.exchange-token-select__token-icon--list {
    margin-right: 8px
}

.exchange-token-select__token-icon svg,
.exchange-token-select__token-icon--list svg {
    display: block
}

@media only screen and (max-width: 650px) {

    .exchange-token-select__token-icon svg,
    .exchange-token-select__token-icon--list svg {
        width: 20px;
        height: 20px
    }
}

.exchange-token-select__token-icon--list {
    margin-right: 8px
}

.exchange-token-select__token-icon--list svg {
    display: block;
    height: 20px;
    width: 20px
}

.exchange-token-select__token-symbol,
.exchange-token-select__token-symbol--list {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100px
}

@media only screen and (max-width: 650px) {

    .exchange-token-select__token-symbol,
    .exchange-token-select__token-symbol--list {
        font-size: 14px;
        line-height: 14px
    }
}

.exchange-token-select__token-symbol--list {
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 4px
}

.exchange-token-select__token-name--list {
    font-size: 13px;
    line-height: 13px
}

.exchange-token-select__chevron {
    margin-left: 8px;
    margin-right: 12px
}

.exchange-token-select__chevron svg {
    display: block
}

.exchange-token-select__list-item,
.exchange-token-select__list-item--selected {
    margin-top: 4px;
    margin-left: 8px;
    border-radius: 3px
}

.exchange-token-select__list-item:first-child,
.exchange-token-select__list-item--selected:first-child {
    margin-top: 12px
}

.exchange-token-select__list-item:last-child,
.exchange-token-select__list-item--selected:last-child {
    margin-bottom: 8px
}

.exchange-token-select__list-item:hover,
.exchange-token-select__list-item--selected:hover {
    background-color: #35434d
}

.exchange-token-select__list-item--selected {
    background-color: #3f4d57
}

.exchange-token-select__list-item--selected:hover {
    background-color: #43525d
}

.exchange-token-select__drop {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    width: 100%;
    border-radius: 3px;
    border: 1px solid #313D47;
    background: #202931;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: opacity .1s ease-in-out
}

.exchange-token-select__list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 250px
}

.exchange-token-select__list::-webkit-scrollbar {
    background: #202931
}

.exchange-token-select__list::-webkit-scrollbar-thumb {
    background: #35434d;
    border: 4px solid #20292F
}

.exchange-token-select__list::-webkit-scrollbar-thumb:hover {
    background: #35434d;
    border: 3px solid #20292F
}

.exchange-token-select__drop-header {
    border-radius: 3px;
    background: #20292f;
    margin: 8px 16px 0 8px;
    border: 1px solid #61717E
}

.exchange-token-select__drop-input {
    width: 100%;
    color: #fff;
    padding: 15px;
    border: none;
    border-radius: 3px;
    background-color: unset;
    font-size: 14px;
    outline: none
}

.exchange-token-select__drop-input::placeholder {
    font-weight: 400;
    color: #61717e;
    line-height: 22px
}

.exchange-token-select__no-results {
    padding: 8px
}

.exchange-token-select__no-results p {
    margin: 0
}

.exchange-token-select__no-results p:not(:last-of-type) {
    margin-bottom: 10px
}

.exchange-token-select__import-token {
    color: #fff !important;
    cursor: pointer
}

.exchange-token-select__import-token:hover {
    text-decoration: underline
}

._buttonWithBlockie_w312h_1 {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px !important;
    height: auto !important;
    text-transform: none !important;
    font-size: 14px !important
}

._buttonWithBlockie_w312h_1 ._label_w312h_10 {
    color: #9d9d9d;
    line-height: 14px
}

._buttonWithBlockie_w312h_1 ._secondLabel_w312h_14 {
    margin-top: 4px;
    color: #6f777e;
    line-height: 14px
}

._buttonWithBlockie_w312h_1.active ._label_w312h_10 {
    color: #fff !important
}

._buttonWithBlockie_w312h_1.active ._secondLabel_w312h_14 {
    color: #9d9d9d !important
}

.add-wallet-modal .new-modal-content-wrapper {
    background: #222b32 !important
}

.add-wallet-modal form {
    gap: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.add-wallet-modal form .form-element {
    width: 100%;
    padding: 12px;
    display: flex;
    color: #adb1b5;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    border-radius: 3px;
    align-items: center;
    background: transparent;
    border: 1px solid #5A646C;
    justify-content: space-between
}

.add-wallet-modal form .form-element input {
    flex: 1;
    border: none;
    color: #fff;
    outline: none;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
    background: transparent
}

.add-wallet-modal button.green {
    background: #34765b !important
}

.export-address-book-modal .new-modal-content-wrapper {
    background: #222b32 !important
}

.import-address-book-modal .import-address-book-modal-wrapper {
    gap: 24px;
    display: flex;
    align-items: center;
    justify-items: flex-start;
    background: #222b32 !important
}

.import-address-book-modal .import-address-book-modal-wrapper span {
    color: #37b06f;
    cursor: pointer
}

.import-address-book-modal .import-address-book-modal-wrapper #importedCSV {
    display: none
}

.import-address-book-modal .import-address-book-modal-wrapper button {
    background: #313d47
}

.button._migrate_wjc9h_1,
.button._smartWallet_wjc9h_2 {
    padding-left: 76px;
    transition: all .2s;
    position: relative;
    overflow: hidden
}

.button._migrate_wjc9h_1:before,
.button._smartWallet_wjc9h_2:before {
    display: block;
    content: "";
    position: absolute;
    height: 42px;
    width: 44px;
    background-color: var(--bg-color-brand);
    top: 0;
    left: 0;
    box-shadow: 0 0 #266147;
    transition: all .2s;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1
}

.button._migrate_wjc9h_1:after,
.button._smartWallet_wjc9h_2:after {
    display: block;
    content: attr(data-after-text);
    position: absolute;
    height: 42px;
    top: 0;
    left: 0;
    right: 0;
    line-height: 44px;
    opacity: 0;
    text-align: center;
    padding-left: 40px;
    transition: all .2s;
    transform: translate(-20px);
    z-index: 2;
    border: 1px solid #5D917C;
    border-left: inherit
}

.button._migrate_wjc9h_1:hover,
.button._smartWallet_wjc9h_2:hover {
    background-color: #61717e;
    color: #fff;
    border: 1px solid var(--brand-border)
}

.button._migrate_wjc9h_1:hover:before,
.button._smartWallet_wjc9h_2:hover:before {
    background-color: var(--bg-color-brand);
    box-shadow: 0 0 0 200px var(--bg-color-brand);
    border-right: inherit
}

.button._migrate_wjc9h_1:hover:after,
.button._smartWallet_wjc9h_2:hover:after {
    opacity: 1;
    transform: translate(0)
}

.button._migrate_wjc9h_1:before {
    background-image: url("");
    border: 1px solid #5D917C
}

.button._migrate_wjc9h_1:hover:before {
    background-image: url("")
}

.button._smartWallet_wjc9h_2:before {
    background-image: url("");
    border: 1px solid #5D917C
}

.button._smartWallet_wjc9h_2:hover:before {
    background-image: url("")
}

.lqty-stake-modal-wrapper .Switch {
    margin-bottom: 2rem
}

.lqty-stake-modal-wrapper .gains {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-self: flex-end
}

.lqty-stake-modal-wrapper .gains .data-item-wrapper:not(:last-of-type) {
    margin-bottom: 1rem
}

.lqty-stake-modal-wrapper .gains .button {
    margin-top: 1rem
}

.lqty-stake-modal-wrapper .lqty-stake-form__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 1.5rem
}

.lqty-stake-modal-wrapper .lqty-stake-form__item .max-wrapper {
    text-align: right
}

.lqty-stake-modal-wrapper .lqty-stake-form__item .item-button-wrapper {
    align-self: flex-end
}

.lqty-redeem-modal-wrapper .stats {
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    align-self: flex-end
}

.lqty-redeem-modal-wrapper .stats .data-item-wrapper:not(:last-of-type) {
    margin-bottom: 1rem
}

.lqty-redeem-modal-wrapper .lqty-redeem-form__item {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 1.5rem
}

.lqty-redeem-modal-wrapper .lqty-redeem-form__item .max-wrapper {
    text-align: right
}

.lqty-redeem-modal-wrapper .lqty-redeem-form__item .item-button-wrapper {
    align-self: flex-end
}

.recipe-success-modal-wrapper .new-modal-top-wrapper {
    padding: 10px 20px
}

.recipe-success-modal-wrapper .new-modal-content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    background: linear-gradient(180deg, #2b3943, #1a242b 92.86%);
    padding: 27px 20px
}

.recipe-success-modal-wrapper .modal-controls .modal-controls-etherscan-wrapper {
    display: flex;
    align-items: center
}

.recipe-success-modal-wrapper .modal-controls .modal-controls-etherscan-wrapper>svg {
    margin-left: 5px;
    margin-bottom: 2px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper {
    padding: 5px;
    background-color: #202b33;
    border-radius: 3px;
    margin-right: 37px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper {
    padding: 5px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper {
    height: 32px;
    width: 335px;
    padding-left: 38px;
    background-color: #394956;
    cursor: auto
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper:hover {
    opacity: 1
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper .icon {
    height: 24px;
    flex: 0 0 22px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper .icon img {
    max-height: 14px;
    max-width: 14px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper .protocol-icon {
    width: 45px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper .protocol-icon:before {
    top: 6px;
    width: 20px;
    height: 20px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper .protocol-icon:after {
    right: -6px;
    width: 6px
}

.recipe-success-modal-wrapper .recipe-success-modal-actions-wrapper .action-draggable-outer-wrapper .action-draggable-wrapper .inner-content-wrapper {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-subtitle {
    margin-bottom: 9px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-positions-changed-wrapper {
    font-size: 14px;
    margin-bottom: 20px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-positions-changed-wrapper .positions-changed-main-protocol-wrapper .positions-changed-protocol-wrapper {
    color: #fff;
    display: inline-flex;
    justify-content: left;
    align-items: center;
    margin-bottom: 14px;
    padding: 6px 10px 6px 8px;
    background: #394956;
    border-radius: 3px;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: .05em;
    font-weight: 500;
    text-transform: uppercase
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-positions-changed-wrapper .positions-changed-main-protocol-wrapper .positions-changed-protocol-wrapper:hover {
    background: #3d4e5c
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-positions-changed-wrapper .positions-changed-main-protocol-wrapper .positions-changed-protocol-wrapper:last-child {
    margin-bottom: 0
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-positions-changed-wrapper .positions-changed-main-protocol-wrapper .positions-changed-protocol-wrapper .protocol-circle-icon {
    margin-right: 10px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper {
    margin-bottom: 15px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper {
    display: flex;
    flex-direction: column
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 8px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper:last-child {
    margin-bottom: 0
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper .swaps-made-arrow {
    margin-top: 4px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper .swaps-made-swap-token:first-child {
    margin-right: 10px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper .swaps-made-swap-token:last-child {
    margin-left: 10px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper .swaps-made-swap-token .swaps-made-swap-token-name-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 7px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper .swaps-made-swap-token .swaps-made-swap-token-name-wrapper .swaps-made-swap-token-icon {
    display: flex;
    margin-right: 5px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-swaps-made-wrapper .swaps-made-wrapper .swaps-made-swap-wrapper .swaps-made-swap-token>span {
    color: #fff;
    font-size: 25px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-fees-made-wrapper {
    font-size: 14px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-fees-made-wrapper .recipe-success-modal-subtitle {
    margin-bottom: 11px
}

.recipe-success-modal-wrapper .recipe-success-modal-info-wrapper .recipe-success-modal-fees-made-wrapper .fees-made-list {
    color: #fff;
    padding-left: 25px;
    margin-top: 0
}

.metamask-change-acc-modal b {
    font-size: 1.3rem;
    letter-spacing: .02em;
    color: #fff
}

.metamask-change-acc-modal a {
    color: #37b06f !important;
    cursor: pointer;
    transition: .3s
}

.metamask-change-acc-modal a:hover {
    color: #239c5b !important
}

.manage-wallets-wrapper {
    padding: 0;
    text-align: left;
    max-height: 452px;
    overflow-y: auto
}

.manage-wallets-wrapper::-webkit-scrollbar {
    width: 4px
}

.manage-wallets-wrapper::-webkit-scrollbar-thumb {
    background-color: #3d4e5c;
    border-radius: 6px
}

.manage-wallets-wrapper::-webkit-scrollbar-track {
    background-color: #181f25;
    border-radius: 6px
}

.manage-wallets-wrapper .button.mini {
    height: 30px;
    line-height: 30px
}

.manage-wallets-wrapper h2 {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    margin: 0 0 16px
}

.manage-wallets-wrapper p {
    color: #939da7;
    margin: .5em 0 1em
}

.manage-wallets-wrapper .wallet-list {
    margin: 10px 0 18px
}

.manage-wallets-wrapper .wallet-list:last-child {
    margin-bottom: 0
}

.manage-wallets-wrapper .wallet-option {
    display: flex;
    padding: 10px 20px;
    border: 1px solid var(--border-color-subtle);
    background: #253038;
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    transition: .2s;
    cursor: pointer;
    line-height: 1.2em
}

.manage-wallets-wrapper .wallet-option:not(:last-child) {
    margin-bottom: 10px
}

.manage-wallets-wrapper .wallet-option:hover {
    background: #29353e
}

.manage-wallets-wrapper .wallet-option .wallet-icon {
    width: 18px
}

.manage-wallets-wrapper .wallet-option .wallet-icon>img {
    width: 18px
}

.manage-wallets-wrapper .wallet-option h3 {
    margin: 0 0 0 20px;
    font-weight: 400;
    color: #fff;
    letter-spacing: .03em;
    font-size: 1.3rem
}

.manage-wallets-wrapper .wallet-option h4 {
    margin: 0 0 0 20px;
    font-weight: 300;
    color: #939da7;
    font-size: 1.3rem
}

.manage-wallets-wrapper .wallet-option button {
    background: none;
    border: 0;
    outline: none;
    transition: .1s;
    cursor: pointer;
    padding: 3px;
    line-height: 0;
    margin-left: 5px
}

.manage-wallets-wrapper .wallet-option button svg {
    height: 18px;
    width: 18px
}

.manage-wallets-wrapper .wallet-option button .star-icon path {
    transition: .1s
}

.manage-wallets-wrapper .wallet-option button:hover {
    opacity: .7
}

.manage-wallets-wrapper .wallet-option button:hover .star-icon path {
    fill: #55ce8d !important
}

.manage-wallets-modal-wrapper .new-modal-content-wrapper {
    padding: 0 !important
}

.manage-wallets-modal-wrapper .manage-wallets-wrapper {
    padding: 20px !important;
    background: linear-gradient(180deg, #253038, #172026)
}

.manage-wallets-modal-wrapper .manage-wallets-wrapper h2 {
    font-weight: 400;
    font-size: 1.6rem
}

._modalTitle_19rbd_1 {
    display: flex;
    justify-content: space-between;
    align-items: end;
    padding: var(--space-3) var(--space-6);
    background-color: var(--bg-color-primary);
    font-size: var(--space-6);
    font-weight: 500
}

._modalTitle_19rbd_1 ._safeIcon_19rbd_10 {
    width: 72px;
    height: 72px;
    font-size: 72px
}

._modalContent_19rbd_16 {
    padding: var(--space-4) var(--space-6);
    color: #939da7;
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.1rem;
    overflow: auto;
    background-color: #252f37;
    line-height: var(--space-5)
}

._modalContent_19rbd_16 ._primarySpan_19rbd_26 {
    color: var(--text-color-primary)
}

._modalContent_19rbd_16 p {
    color: var(--text-color-secondary)
}

._modalContent_19rbd_16 p:last-child {
    margin-bottom: 0
}

._modalContent_19rbd_16 p._whitespaced_19rbd_35 {
    white-space: pre-line
}

._modalContent_19rbd_16 ._gradientSpan_19rbd_38 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    background: var(--automation-automation-primary, linear-gradient(135deg, #51EB98 0%, #40A3FF 96.83%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

._modalContent_19rbd_16 ._features_19rbd_47 {
    display: flex
}

._modalContent_19rbd_16 ._features_19rbd_47 ._featureGroup_19rbd_50 ._featureIndividually_19rbd_50 {
    display: flex;
    margin: 0;
    padding: var(--space-1) 0;
    align-items: center
}

._modalContent_19rbd_16 ._features_19rbd_47 ._featureGroup_19rbd_50 ._featureIndividually_19rbd_50 p {
    padding: 0 var(--space-3);
    margin: 0
}

._modalContent_19rbd_16 ._features_19rbd_47 ._featureGroup_19rbd_50 ._featureIndividually_19rbd_50 ._featureIcon_19rbd_60 {
    font-size: var(--space-5)
}

._modalContent_19rbd_16 ._infoSmartWallet_19rbd_63 {
    background-color: var(--bg-color-secondary);
    padding: var(--space-3)
}

._modalContent_19rbd_16 ._infoSmartWallet_19rbd_63 span {
    color: var(--text-color-secondary)
}

._modalContent_19rbd_16 ._linksGroup_19rbd_70 {
    display: flex;
    color: var(--color-green-200);
    padding-top: var(--space-5)
}

._modalContent_19rbd_16 ._linksGroup_19rbd_70 ._links_19rbd_70 {
    display: flex;
    align-items: center;
    padding-right: var(--space-3)
}

._modalContent_19rbd_16 ._linksGroup_19rbd_70 ._links_19rbd_70 span {
    padding-right: var(--space-05)
}

.automation-unsub-next-steps-modal-wrapper .new-modal-content-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.automation-unsub-next-steps-modal-wrapper .next-step-wrapper {
    display: flex;
    padding: 20px 0;
    align-items: center
}

.automation-unsub-next-steps-modal-wrapper .next-step-wrapper:not(:last-child) {
    border-bottom: 1px solid #64707D
}

.automation-unsub-next-steps-modal-wrapper .next-step-wrapper h2 {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    margin: 0 0 .3em
}

.automation-unsub-next-steps-modal-wrapper .next-step-wrapper .image-wrapper {
    flex: 0 0 100px;
    height: 100px;
    width: 100px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #64707d33;
    border-radius: 3px
}

.automation-unsub-next-steps-modal-wrapper .next-step-wrapper .image-wrapper img {
    height: 68px;
    width: 68px
}

.automation-unsub-next-steps-modal-wrapper p {
    max-width: none !important
}

.uniswap-v3-image img {
    max-height: 80vh
}

.close-mcd-cdp-form-wrapper .swap-rate {
    margin-bottom: 20px
}

.close-mcd-cdp-form-wrapper .form-width-container {
    margin: 0 auto
}

.close-mcd-cdp-form-wrapper .form-width-container .Switch {
    margin-bottom: 20px;
    flex-direction: column;
    align-items: flex-start
}

.close-mcd-cdp-form-wrapper .form-width-container .Switch .tab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 40px;
    margin-right: 0;
    padding-left: 10px
}

.close-mcd-cdp-form-wrapper .form-width-container .Switch .tab svg {
    margin-right: 5px
}

.close-mcd-cdp-form-wrapper .form-width-container .Switch .tab:not(:last-child) {
    margin-bottom: 5px
}

.close-mcd-cdp-form-wrapper .form-width-container .source-toggle {
    margin-bottom: 24px
}

.close-mcd-cdp-form-wrapper .form-width-container .togglable-section {
    margin: 20px 0
}

.close-mcd-cdp-form-wrapper .form-width-container .exchangeRouteSelectWrapper {
    margin-top: 20px
}

.close-mcd-cdp-form-wrapper .form-label {
    text-align: left;
    margin-bottom: 15px;
    color: #939da7
}

.close-mcd-cdp-form-wrapper .form-item-wrapper:focus-within {
    border: 1px solid #2684FF
}

.close-mcd-cdp-form-wrapper .form-item-wrapper:focus-within .input-values .form-item {
    outline: none
}

.close-mcd-cdp-form-wrapper .desc-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.close-mcd-cdp-form-wrapper .desc-wrapper .label {
    margin-right: 7px;
    color: #939da7;
    font-size: 1.3rem
}

.close-mcd-cdp-form-wrapper .desc-wrapper .value {
    font-weight: 700;
    color: #fff
}

.close-mcd-cdp-form-wrapper .desc-wrapper:first-child {
    margin-bottom: 15px
}

.close-mcd-cdp-form-wrapper .desc-wrapper:nth-child(2) {
    margin-bottom: 25px
}

.close-mcd-cdp-form-wrapper .advanced-content {
    display: flex;
    align-items: center
}

.close-mcd-cdp-form-wrapper .advanced-content .slippage-limit-wrapper {
    margin: 0
}

.close-mcd-cdp-form-wrapper .advanced-content .info-box-wrapper {
    margin-left: 7px;
    margin-right: 0
}

@media only screen and (max-width: 420px) {
    .close-mcd-cdp-form-wrapper .desc-wrapper {
        flex-direction: column
    }
}

.text-info-box {
    background-color: #56ccf24d;
    padding: 12px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: left;
    word-break: break-word;
    font-size: 1.4rem !important;
    font-weight: 400 !important
}

.text-info-box.margin-top {
    margin-top: 30px
}

.text-info-box.margin-bottom {
    margin-bottom: 30px
}

.text-info-box img {
    vertical-align: middle;
    margin-right: 10px
}

.text-info-box a {
    text-decoration: underline
}

.text-info-box span {
    color: #fff !important
}

._ExchangeSelectSource_184ei_1 {
    display: flex;
    justify-content: center;
    align-items: center
}

._ExchangeSelectSource_184ei_1._labelAbove_184ei_6 {
    flex-direction: column;
    align-items: stretch;
    gap: 6px
}

._ExchangeSelectSource_184ei_1 ._label_184ei_6 {
    padding-right: 12px;
    font-size: 13px;
    line-height: 13px;
    color: #939da7
}

._ExchangeSelectSource_184ei_1 .form-item-wrapper {
    flex: 1 1 auto;
    border: 1px solid #2B3943
}

._ExchangeSelectSource_184ei_1 .form-item-wrapper:hover {
    border-color: #61717e80
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__control .icon-wrapper svg {
    width: 32px;
    height: 32px
}

@media only screen and (max-width: 768px) {
    ._ExchangeSelectSource_184ei_1 .select.in-form .select__control .icon-wrapper svg {
        width: 20px;
        height: 20px
    }
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__control .option-value {
    line-height: 1;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__control .option-value>div {
    display: flex;
    justify-content: center;
    align-items: center
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__control .option-value .select__single-value {
    font-size: 14px;
    line-height: 14px;
    color: #939da7;
    position: unset
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__control .option-value .second-select-label {
    margin: 0 0 0 4px;
    color: #61717e;
    font-size: 14px;
    line-height: 14px
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu {
    border-radius: 8px;
    margin-top: 4px
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .select__menu-list {
    padding: 4px;
    border-radius: 8px;
    background: #20292f
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .select__option {
    margin-bottom: 4px;
    padding: 4px 8px;
    border-radius: 2px;
    height: 28px
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .select__option:last-child {
    margin-bottom: 0
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .default-select-option-wrapper {
    height: 100%
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .icon-wrapper svg {
    width: 20px;
    height: 20px
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .option-value {
    font-size: 13px;
    line-height: 13px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .option-value .select__single-value {
    color: #939da7
}

._ExchangeSelectSource_184ei_1 .select.in-form .select__menu .option-value .second-select-label {
    margin: 0 0 0 4px;
    color: #61717e;
    font-size: 12px;
    line-height: 12px
}

._ExchangeSelectSource_184ei_1._newDesign_184ei_98 .form-item-wrapper {
    flex: 1 1 auto;
    border: 1px solid #61717E
}

._ExchangeSelectSource_184ei_1._newDesign_184ei_98 .form-item-wrapper:hover {
    border-color: #7f8f9c
}

.exchange-advanced {
    width: 100%;
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    overflow: visible;
    color: #fff;
    text-align: start
}

.exchange-advanced.background {
    background-color: #29353d
}

.exchange-advanced.background__heading {
    background-color: #2f3b43
}

.exchange-advanced__heading {
    width: 100%;
    padding: 15px 20px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.exchange-advanced__heading__title {
    display: inline-flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700
}

.exchange-advanced__heading__title span {
    color: #939da7;
    font-size: 13px;
    font-weight: 400
}

.exchange-advanced__body-wrapper {
    padding: 20px
}

.exchange-advanced .exchange-select-source {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 17px
}

.exchange-advanced .exchange-select-source__label {
    margin-bottom: 17px
}

.exchange-advanced .exchange-select-source .select.box {
    width: 100%
}

.exchange-advanced .send-token label {
    padding: 0 12px 0 20px
}

.percentage-graph-wrapper {
    position: relative;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: -.03em;
    margin-bottom: 22px
}

.percentage-graph-wrapper .top-labels {
    height: 20px;
    color: #939da7
}

.percentage-graph-wrapper .graph-wrapper {
    display: flex;
    height: 38px;
    overflow: hidden;
    background-color: #2c3a42;
    border-radius: 3px;
    animation: grow-width .1s ease;
    transform-origin: left
}

@keyframes grow-width {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

.percentage-graph-wrapper .graph-wrapper .data-point {
    display: flex;
    transition: .1s ease
}

.percentage-graph-wrapper .graph-wrapper .data-point>span {
    flex-grow: 1
}

.percentage-graph-wrapper .graph-wrapper .special-data-point {
    position: absolute;
    width: 4px;
    margin-left: -2px;
    height: 42px;
    pointer-events: all;
    display: flex
}

.percentage-graph-wrapper .graph-wrapper .special-data-point>span {
    flex-grow: 1
}

.percentage-graph-wrapper .graph-wrapper .special-data-point:after {
    content: attr(data-label);
    position: absolute;
    bottom: -17px;
    color: inherit;
    left: -40px;
    width: 80px;
    text-align: center;
    line-height: 15px;
    font-weight: 700
}

.percentage-graph-wrapper .graph-wrapper .special-data-point.left:after {
    width: auto;
    left: 0
}

.percentage-graph-wrapper .graph-wrapper .special-data-point.right:after {
    width: auto;
    left: auto;
    right: 0
}

.percentage-graph-wrapper.slim .top-labels {
    display: none
}

.percentage-graph-wrapper.slim .graph-wrapper,
.percentage-graph-wrapper.slim .graph-wrapper .special-data-point {
    height: 8px
}

.exchange-sources {
    margin-bottom: 26px
}

.exchange-sources__title {
    font-size: 13px;
    color: #939da7;
    margin: 0 0 8px !important
}

.exchange-sources .percentage-graph-wrapper {
    margin-bottom: 8px
}

.exchange-sources__content {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.exchange-sources__content .slick-slider .slick-slide div {
    outline: none
}

.exchange-sources__content .slick-slider ul {
    display: flex !important;
    margin: 5px -5px 0 0;
    padding: 0 10px;
    justify-content: center;
    list-style-type: none
}

.exchange-sources__content .slick-slider ul li {
    height: 10px
}

.exchange-sources__content .slick-slider ul li::marker {
    content: none
}

.exchange-sources__content .slick-slider ul li button {
    font-size: 0;
    height: 12px;
    width: 18px;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
    vertical-align: top;
    cursor: pointer
}

.exchange-sources__content .slick-slider ul li button:after {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #939da7;
    top: 3px;
    left: 3px;
    position: absolute;
    display: block;
    border-radius: 2px;
    box-shadow: 0 0 3px 2px #fff0;
    transition: .3s
}

.exchange-sources__content .slick-slider ul li button:hover:after {
    box-shadow: 0 0 3px 2px #ffffff80
}

.exchange-sources__content .slick-slider ul li.slick-active button:after {
    background-color: #fff
}

.exchange-sources__liquidity {
    margin: 0 0 4px;
    font-size: 14px;
    color: #939da7
}

.exchange-sources__liquidity-routes {
    margin: 0 0 4px;
    font-size: 14px;
    color: #939da7;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.exchange-sources__liquidity-route {
    display: flex;
    flex-direction: row;
    gap: 12px;
    padding-bottom: 8px
}

.exchange-sources__liquidity-route:not(:last-child) {
    border-bottom: 1px solid #465059
}

.exchange-sources__liquidity-route-info {
    display: flex;
    flex-direction: row;
    align-items: flex-start
}

.exchange-sources__liquidity-route-info-box {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    height: 20px
}

.exchange-sources__liquidity-route-element {
    line-height: 20px
}

.exchange-sources__liquidity-route-square {
    display: block;
    width: 8px;
    height: 8px
}

.exchange-sources__liquidity-route-percentage {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    min-width: 40px
}

.exchange-sources__route {
    font-size: 13px;
    display: inline-flex;
    flex-wrap: wrap;
    color: #939da7;
    margin: 0
}

.exchange-sources__route span {
    font-weight: 700;
    margin: 0 4px
}

.slippage-input__title {
    font-size: 14px;
    color: #939da7;
    margin: 0 0 17px !important
}

.slippage-input__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 3px;
    gap: 8px
}

.slippage-input__item,
.slippage-input__item--selected,
.slippage-input__item--input {
    cursor: pointer;
    flex: 1 0 20%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #2B3943;
    border-radius: 3px;
    padding: 8px 0
}

.slippage-input__item:hover,
.slippage-input__item--selected:hover,
.slippage-input__item--input:hover {
    border-color: #61717e80
}

.slippage-input__item--input {
    padding: 0
}

.slippage-input__item--input input {
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: none;
    text-align: center;
    color: #fff;
    outline: none
}

.slippage-input__item--input input::placeholder {
    color: #fff
}

.slippage-input__item--selected {
    background-color: #2b3943
}

.slippage-input .warning-box-wrapper,
.slippage-input .error-box-wrapper {
    margin: 10px 0 0 !important
}

.exchange-advanced__body {
    padding: 0
}

.exchange-advanced__body--margin-bottom {
    margin-bottom: 17px
}

.exchange-advanced__price-info {
    font-size: 14px;
    color: #939da7;
    margin-top: 17px
}

.change-network-modal__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.change-network-modal__item {
    background-color: #293640;
    display: inline-flex;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    color: #fff;
    font-size: 2.5rem;
    cursor: pointer
}

.change-network-modal__item>div {
    padding: 2rem;
    width: 100%;
    display: inline-flex;
    align-items: center
}

.change-network-modal__item>div:first-of-type {
    width: 8rem;
    height: 9rem;
    justify-content: center
}

.close-mcd-cdp-picker-wrapper .error-box-wrapper.margin-top {
    margin-top: 30px !important
}

.close-mcd-cdp-picker-wrapper .descriptions {
    margin-bottom: 25px
}

.close-mcd-cdp-picker-wrapper .descriptions .description {
    max-width: unset !important;
    margin-left: 0 !important;
    text-align: left;
    font-size: 14px;
    line-height: 21px;
    color: #939da7
}

.close-mcd-cdp-picker-wrapper .descriptions .description:not(:last-child) {
    margin-bottom: 15px
}

.close-mcd-cdp-picker-wrapper .loading-placeholder {
    height: 22px
}

.close-mcd-cdp-picker-wrapper .bottom-info {
    margin-top: 20px
}

.close-mcd-cdp-picker-wrapper .bottom-info .time-interval {
    height: 26px;
    width: 26px
}

.close-mcd-cdp-picker-wrapper .bottom-info .time-interval.paused {
    display: none
}

.close-mcd-cdp-picker-wrapper .bottom-info .loader-wrapper {
    width: 22px;
    height: 22px
}

.close-mcd-cdp-picker-wrapper .bottom-info .loader-wrapper .loader {
    width: 22px
}

._fluidDexActionModal_1289e_1 {
    display: flex
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 {
    width: 50%;
    padding: var(--space-6);
    color: var(--text-color-secondary)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._listOfActions_1289e_9 ._supplyBorrowInfo_1289e_9 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._listOfActions_1289e_9 ._supplyBorrowInfo_1289e_9 ._actionBlock_1289e_14 {
    width: 45%;
    font-size: 12px
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._listOfActions_1289e_9 ._supplyBorrowInfo_1289e_9 ._actionBlock_1289e_14 ._actionBlockLabel_1289e_18 {
    display: flex;
    align-items: center;
    padding-bottom: var(--space-2);
    gap: var(--space-1)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._listOfActions_1289e_9 ._supplyBorrowInfo_1289e_9 ._actionBlock_1289e_14 ._mainNumericValue_1289e_24 {
    font-size: var(--space-5)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._listOfActions_1289e_9 ._supplyBorrowInfo_1289e_9 ._actionBlock_1289e_14 ._mainNumericValue_1289e_24 ._icon_1289e_27 {
    height: var(--space-5);
    width: var(--space-5)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._listOfActions_1289e_9 ._rateBlockInfo_1289e_31 {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    padding-bottom: var(--space-4)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._listOfActions_1289e_9 ._rateBlockInfo_1289e_31 ._rateFont_1289e_37 {
    color: var(--text-color-primary)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 {
    font-size: var(--text-size-small);
    padding-top: var(--space-4)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 ._assetBreakdown_1289e_44 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-1) 0;
    gap: var(--space-1)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 ._assetBreakdown_1289e_44 ._assetInfo_1289e_51 {
    display: flex
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 ._assetBreakdown_1289e_44 ._assetInfo_1289e_51 ._numericAssetValue_1289e_54 {
    padding-right: var(--space-1);
    font-size: var(--space-2)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 ._assetBreakdown_1289e_44 ._assetInfo_1289e_51 ._assetSymbol_1289e_58 {
    display: inline-flex;
    align-items: center;
    height: var(--space-4);
    width: var(--space-4);
    padding-right: var(--space-1)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 ._assetBreakdown_1289e_44 ._assetAmount_1289e_65 {
    width: 33%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: var(--text-color-primary)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 ._assetBreakdown_1289e_44 ._assetAmount_1289e_65 ._afterValueIcon_1289e_72 {
    padding-right: var(--space-1);
    font-size: var(--space-3);
    line-height: var(--space-3);
    color: var(--color-purple-200)
}

._fluidDexActionModal_1289e_1 ._basicInfoLeft_1289e_4 ._assetsBreakdownInfo_1289e_40 ._assetBreakdown_1289e_44 ._assetAmount_1289e_65 ._afterValueAmount_1289e_78 {
    color: var(--color-purple-200)
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 {
    width: 50%;
    padding: var(--space-6);
    color: var(--text-color-primary);
    border-left: 2px solid var(--border-color-subtle);
    background: var(--bg-color-primary)
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._chooseSlippage_1289e_88 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-4) 0
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._chooseSlippage_1289e_88 ._triggerButton_1289e_94 {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    border-radius: 3px;
    background-color: #313d47;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s;
    min-width: 200px
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._chooseSlippage_1289e_88 ._triggerButtonText_1289e_108 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    flex-grow: 1;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._chooseSlippage_1289e_88 ._triggerButtonText_1289e_108>span {
    display: flex;
    align-items: center
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._chooseSlippage_1289e_88 ._menu_1289e_123 {
    width: 200px;
    padding: var(--space-4);
    background-color: #222b32;
    border-radius: var(--space-2);
    border: 1px solid #313D47
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._slippageAdvance_1289e_130 {
    display: flex;
    flex-direction: column;
    padding: var(--space-4) 0
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._slippageAdvance_1289e_130 ._slippageButtonsBlock_1289e_135 {
    display: flex;
    padding: var(--space-1)
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._slippageAdvance_1289e_130 ._slippageButtonsBlock_1289e_135 ._slippageButton_1289e_135 {
    background-color: transparent;
    max-width: 30px;
    padding: var(--space-2) !important;
    all: unset;
    cursor: pointer;
    font-family: var(--text-font-family-numeric);
    font-size: var(--text-size-extra-small);
    font-weight: var(--text-weight-semi-bold);
    line-height: var(--text-line-height-regular);
    letter-spacing: 1.44px;
    color: var(--text-color-primary)
}

._fluidDexActionModal_1289e_1 ._infoRight_1289e_81 ._slippageAdvance_1289e_130 ._slippageButtonsBlock_1289e_135 ._slippageButton_1289e_135._active_1289e_152 {
    padding: var(--space-2);
    background-color: var(--bg-color-secondary);
    border: 1px solid var(--border-color-secondary)
}

#close-mcd-cdp-modal-wrapper .error-box-wrapper {
    margin: 40px
}

#close-mcd-cdp-modal-wrapper .title {
    max-width: 100%;
    text-align: center;
    font-size: 2rem
}

#close-mcd-cdp-modal-wrapper .error-box-wrapper {
    margin: 20px 0 0
}

#close-mcd-cdp-modal-wrapper .close-mcd-cdp-submit-steps-wrapper .loader-wrapper {
    padding: 0
}

.boost-repay-modal .error-box-wrapper,
.boost-repay-modal .warning-box-wrapper {
    margin-left: 20px;
    margin-right: 20px
}

.boost-repay-modal .steps {
    background-color: #313d47;
    padding: 0 20px 20px 16px
}

.notify-channels-modal-wrapper .new-modal-content-wrapper {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.notify-channels-modal-wrapper .next-step-wrapper {
    display: flex;
    padding: 20px 0;
    align-items: center
}

.notify-channels-modal-wrapper .next-step-wrapper:not(:last-child) {
    border-bottom: 1px solid #64707D
}

.notify-channels-modal-wrapper .next-step-wrapper h2 {
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    margin: 0 0 .3em
}

.notify-channels-modal-wrapper .next-step-wrapper .image-wrapper {
    flex: 0 0 100px;
    height: 100px;
    width: 100px;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #64707d33;
    border-radius: 3px
}

.notify-channels-modal-wrapper .next-step-wrapper .image-wrapper img {
    height: 54px;
    width: 54px
}

.notify-channels-modal-wrapper .next-step-wrapper.active .image-wrapper {
    border: 1px solid #37B06F;
    box-shadow: 0 0 5px #37b06feb
}

.notify-channels-modal-wrapper .next-step-wrapper.active h2:after {
    content: "";
    display: inline-block;
    background-image: url("");
    height: 14px;
    width: 14px;
    margin-left: 5px
}

.notify-channels-modal-wrapper p {
    max-width: none !important
}

.notify-telegram-channel-modal-wrapper .notify-telegram-message-wrapper {
    background: #20292f;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 20px
}

.notify-telegram-channel-modal-wrapper .notify-telegram-message-wrapper .notify-telegram-qr-code {
    flex: 1 0 auto
}

.notify-telegram-channel-modal-wrapper .notify-telegram-message-wrapper .notify-telegram-message-button-wrapper {
    margin-left: 20px
}

.notify-telegram-channel-modal-wrapper .notify-telegram-message-wrapper .notify-telegram-message-button-wrapper span {
    color: #fff;
    font-size: 16px
}

.notify-telegram-channel-modal-wrapper .notify-telegram-message-wrapper .notify-telegram-message-button-wrapper .button.telegram {
    margin-top: 10px;
    padding-left: 12px;
    text-decoration: none;
    padding-right: 20px
}

.notify-telegram-channel-modal-wrapper .notify-telegram-message-wrapper .notify-telegram-message-button-wrapper .button.telegram img {
    padding-right: 15px
}

.notify-email-channel-modal-wrapper .underlined {
    text-decoration: underline;
    cursor: pointer;
    color: #fff
}

.notify-email-channel-modal-wrapper .underlined.no-margin {
    margin-bottom: 0 !important
}

.chicken-bonds-create .modal-description {
    margin-bottom: 20px
}

.chicken-bonds-create__panel {
    display: flex;
    gap: 30px
}

@media only screen and (max-width: 650px) {
    .chicken-bonds-create__panel {
        flex-direction: column
    }
}

.chicken-bonds-create__panel-right {
    display: flex;
    flex-direction: column;
    width: 50%;
    gap: 33px
}

@media only screen and (max-width: 650px) {
    .chicken-bonds-create__panel-right {
        width: 100%
    }
}

.chicken-bonds-create__panel-right .item-button-wrapper {
    display: none !important
}

.chicken-bonds-create__panel-right .chicken-bonds-chart {
    padding: 10px 10px 20px;
    background: #3a4750
}

.chicken-bonds-create__panel-left {
    background: #3a4750;
    border-radius: 3px;
    padding: 20px;
    width: 50%
}

@media only screen and (max-width: 650px) {
    .chicken-bonds-create__panel-left {
        width: 100%
    }
}

.chicken-bonds-create__panel-left .stat-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.chicken-bonds-create__panel-left .stat-wrapper:not(:last-child) {
    margin-bottom: 13px
}

.chicken-bonds-create__panel-left .stat-wrapper .label {
    font-size: 1.3rem;
    color: #939da7
}

.chicken-bonds-create__panel-left .stat-wrapper .label .info-tooltip-wrapper {
    margin-right: 3px;
    font-size: 1.2rem
}

.chicken-bonds-create__panel-left .stat-wrapper .value {
    text-align: right;
    font-size: 1.5rem;
    color: #fff
}

.action-items-wrapper .item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%
}

@media (max-width: 460px) {
    .action-items-wrapper .item.has-description {
        padding-top: 60px !important
    }
}

.action-items-wrapper .item .hint-box-wrapper {
    margin-top: 10px
}

.action-items-wrapper .item .hint-box-wrapper .notification-box-description {
    white-space: pre-line
}

.action-items-wrapper .item .error-box-wrapper {
    margin-top: 10px
}

.action-items-wrapper .item .action-desc {
    position: absolute;
    left: 0;
    color: #939da7;
    top: -20px;
    font-size: 1.3rem
}

.action-items-wrapper .item .max-wrapper {
    position: absolute;
    top: -20px;
    right: 0;
    color: #939da7;
    text-align: right;
    font-size: 1.3rem
}

.action-items-wrapper .item .max-wrapper:not(.loading) {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.action-items-wrapper .item .max-wrapper:not(.loading):hover {
    opacity: .7
}

.action-items-wrapper .item .max-wrapper .loading>div {
    cursor: default
}

.action-items-wrapper .item .top-label {
    position: absolute;
    top: -20px;
    left: 0;
    color: #939da7;
    text-align: left;
    font-size: 1.3rem
}

.action-items-wrapper .item .action-items-above-wrapper {
    position: absolute;
    top: -4px;
    height: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end
}

.action-items-wrapper .item .action-items-above-wrapper .max-wrapper,
.action-items-wrapper .item .action-items-above-wrapper .action-desc {
    position: relative;
    top: 0
}

.action-items-wrapper .item .action-items-above-wrapper .action-desc {
    margin-right: 15px
}

.action-items-wrapper .item .action-items-above-wrapper .max-wrapper {
    flex: 0 0 auto
}

.action-items-wrapper .item .action-items-above-wrapper>*:not(.max-wrapper):first-child {
    flex-grow: 1
}

.action-items-wrapper .item.collateral .button {
    width: auto
}

.action-items-wrapper .item .item-button-wrapper {
    margin-top: 10px;
    display: flex
}

.action-items-wrapper .item .form-item-wrapper {
    width: 100%;
    margin-bottom: 0
}

.action-items-wrapper .item .form-item-wrapper.active.boost input,
.action-items-wrapper .item .form-item-wrapper.active.collateral input,
.action-items-wrapper .item .form-item-wrapper.active.generate input,
.action-items-wrapper .item .form-item-wrapper.active.supply input,
.action-items-wrapper .item .form-item-wrapper.active.borrow input,
.action-items-wrapper .item .form-item-wrapper.active.import input,
.action-items-wrapper .item .form-item-wrapper.active.claim input {
    color: #c379ff
}

.action-items-wrapper .item .form-item-wrapper.active.repay input,
.action-items-wrapper .item .form-item-wrapper.active.withdraw input,
.action-items-wrapper .item .form-item-wrapper.active.payback input,
.action-items-wrapper .item .form-item-wrapper.active.move input {
    color: #f2c94c
}

.action-items-wrapper .item .form-item-wrapper.disabled {
    opacity: .5;
    background-color: #2c3942
}

.action-items-wrapper .item .form-item-wrapper .input-values label {
    white-space: nowrap
}

.action-items-wrapper .item .form-item-wrapper .input-values input {
    outline: 0;
    line-height: 60px
}

.action-items-wrapper .item .form-item-wrapper.preset-value-wrapper {
    line-height: 60px;
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

.action-items-wrapper .item .select-preset-value-wrapper {
    width: 100%
}

.action-items-wrapper .item .select-input-wrapper:before {
    content: "";
    display: block;
    width: 9px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 3px 0 0 3px
}

.action-items-wrapper .item.boost .select-input-wrapper,
.action-items-wrapper .item.collateral .select-input-wrapper,
.action-items-wrapper .item.generate .select-input-wrapper,
.action-items-wrapper .item.supply .select-input-wrapper,
.action-items-wrapper .item.borrow .select-input-wrapper,
.action-items-wrapper .item.import .select-input-wrapper,
.action-items-wrapper .item.claim .select-input-wrapper {
    padding-left: 8px
}

.action-items-wrapper .item.boost .select-input-wrapper:before,
.action-items-wrapper .item.collateral .select-input-wrapper:before,
.action-items-wrapper .item.generate .select-input-wrapper:before,
.action-items-wrapper .item.supply .select-input-wrapper:before,
.action-items-wrapper .item.borrow .select-input-wrapper:before,
.action-items-wrapper .item.import .select-input-wrapper:before,
.action-items-wrapper .item.claim .select-input-wrapper:before {
    background-color: #c379ff
}

.action-items-wrapper .item.repay .select-input-wrapper,
.action-items-wrapper .item.withdraw .select-input-wrapper,
.action-items-wrapper .item.payback .select-input-wrapper,
.action-items-wrapper .item.move .select-input-wrapper {
    padding-left: 8px
}

.action-items-wrapper .item.repay .select-input-wrapper:before,
.action-items-wrapper .item.withdraw .select-input-wrapper:before,
.action-items-wrapper .item.payback .select-input-wrapper:before,
.action-items-wrapper .item.move .select-input-wrapper:before {
    background-color: #f2c94c
}

.action-items-wrapper .item .select-input-max-wrapper {
    position: relative;
    width: 100%
}

.action-items-wrapper .item.select-item .form-item-wrapper {
    border: 0
}

.action-items-wrapper .item.select-item .select-input-wrapper {
    border: 1px solid #61717E;
    border-radius: 3px;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.action-items-wrapper .item.select-item .select-input-wrapper:hover {
    border-color: #7f8f9c
}

.action-items-wrapper .item.select-item .select-input-wrapper:focus-within {
    border-color: #2684ff
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper {
    display: flex
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper:focus-within .select-blocker-wrapper.small {
    border-left-color: #2684ff
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .form-item-wrapper .label-replacement {
    padding-right: 12px
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select .select__control {
    width: 100px
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select .select__control input {
    line-height: normal
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select .select__control--is-disabled {
    opacity: .5;
    background-color: #2c3942
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select .select__menu .select__option.Flex {
    justify-content: initial;
    align-items: initial
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select .select__menu .select__option.Flex .select-label {
    color: #939da7;
    font-size: 1rem
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select.oneOption .select__control {
    opacity: 1 !important;
    background: none !important
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select.oneOption .select__indicators {
    display: none !important
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper.disabled {
    opacity: .5;
    background-color: #2c3942
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper.small {
    border-left: 1px solid #61717E;
    padding-top: 13px
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper.small .icon-wrapper {
    padding: 5px;
    margin-bottom: 1px
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper.small .icon-wrapper svg {
    height: 10px;
    width: 10px
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper.small .label-wrapper {
    color: #939da7;
    font-size: 1rem
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    background: #61717e;
    width: 70px;
    padding: 10px
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper .icon-wrapper:hover svg path {
    fill: #b1b4b7
}

.action-items-wrapper .item.select-item .select-input-max-wrapper .select-blocker-wrapper .icon-wrapper svg path {
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

@media only screen and (max-width: 650px) {
    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper {
        flex-wrap: wrap
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .form-item-wrapper {
        flex: 1 1 100%
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .form-item-wrapper .label-replacement {
        padding-right: 20px
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select {
        flex: 1 1 50%;
        border-top: 1px solid #61717E;
        border-left: none !important;
        border-right: none !important;
        border-top-right-radius: 0
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select:not(:last-child) {
        border-right: 1px solid #61717E
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select .select__control {
        width: 100%;
        padding: 0 10px;
        height: 62px
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select-blocker-wrapper {
        border-top: 1px solid #61717E;
        border-left: none !important;
        border-top-right-radius: 0;
        height: 62px;
        flex: 1 1 100%
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select-blocker-wrapper.small {
        flex: 1 1 50%
    }

    .action-items-wrapper .item.select-item .select-input-max-wrapper .select-input-wrapper .select-blocker-wrapper.small:not(:last-child) {
        border-right: 1px solid #61717E
    }
}

.action-items-wrapper .item.reverse .select-input-wrapper .form-item-wrapper {
    flex: 0 0 50%
}

.action-items-wrapper .item.reverse .select-input-wrapper .input-values input {
    padding-right: 20px
}

.action-items-wrapper .item.reverse .select-input-wrapper .select {
    flex: 0 0 50%;
    border-left: none !important;
    border-right: 1px solid #61717E;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.action-items-wrapper .item.reverse .select-input-wrapper .select .icon-wrapper {
    flex: 0 0 30px
}

.action-items-wrapper .item.reverse .select-input-wrapper .select:last-child .select__control {
    border-radius: 3px 0 0 3px !important
}

.action-items-wrapper .item.reverse .select-input-wrapper .select .select__control {
    width: 100% !important;
    display: flex;
    justify-content: flex-start
}

.action-items-wrapper .item.reverse .select-input-wrapper .select .select__value-container {
    padding-left: 20px
}

.action-items-wrapper .item.reverse .select-input-wrapper .select .select__dropdown-indicator {
    padding: 10px
}

.action-items-wrapper .item.withIcon .action-desc {
    text-align: left
}

.action-items-wrapper .item.withIcon .select__option {
    display: inline-flex;
    align-items: center
}

.action-items-wrapper .item.withIcon .select__option .icon-wrapper {
    margin-right: 8px
}

#select-portal .select__menu .select__option.Flex {
    justify-content: initial;
    align-items: initial
}

#select-portal .select__menu .select__option.Flex .select-label {
    color: #939da7;
    font-size: 1rem
}

.chicken-bonds-chart,
.chicken-bonds-chart--unavailable {
    border-radius: 3px
}

.chicken-bonds-chart--unavailable {
    position: relative;
    z-index: 20
}

.chicken-bonds-chart--unavailable:after {
    position: absolute;
    content: "Currently\aunavailable";
    white-space: break-spaces;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 12px 0 0 10px
}

.chicken-bonds-chart--unavailable>div {
    opacity: .5
}

.chicken-bonds-chart .highcharts-xaxis,
.chicken-bonds-chart--unavailable .highcharts-xaxis {
    display: none
}

.highcharts-tooltip-container {
    z-index: 10000 !important
}

.chicken-bonds-transfer-modal__input {
    padding: 0;
    margin-top: 20px
}

.chicken-bonds-transfer-modal__input input {
    width: 100%;
    color: #fff;
    padding: 10px;
    border: 1px solid #61717E;
    border-radius: 3px;
    background-color: transparent;
    outline: none;
    font-size: 16px
}

.chicken-bonds-transfer-modal__input input::placeholder {
    color: #939da7
}

.chicken-bonds-redeem-modal .modal-description {
    margin-bottom: 20px
}

.chicken-bonds-redeem-modal__stats,
.chicken-bonds-redeem-modal__stats--bottom {
    margin-bottom: 30px;
    display: flex
}

.chicken-bonds-redeem-modal__stats--bottom {
    margin-bottom: 40px
}

.chicken-bonds-redeem-modal__stats .data-item-wrapper,
.chicken-bonds-redeem-modal__stats--bottom .data-item-wrapper {
    width: 50%
}

.chicken-bonds-redeem-modal__input .item-button-wrapper {
    display: none !important
}

.eth-wrap-modal a {
    margin-bottom: 12px;
    display: inline-block
}

.eth-wrap-modal .action-items-wrapper {
    padding: 30px 0 20px
}

.eth-wrap-modal .action-items-wrapper button {
    display: none
}

.eth-wrap-modal .data-item-wrapper {
    flex: 1 1 50%
}

.eth-wrap-modal .spacer {
    display: none
}

.migration-modal__description {
    white-space: break-spaces;
    margin-bottom: 2rem
}

.migration-modal__content {
    margin-bottom: 2rem
}

.migration-modal__wallet-navigation {
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: flex-start;
    gap: 10px
}

.migration-modal__wallet-navigation .Dropdown__Content {
    overflow-y: auto;
    max-height: 300px
}

.migration-apy-diff {
    display: flex;
    background-color: #27333a;
    margin-top: 1rem;
    padding: 1rem 2rem;
    gap: 2rem
}

.swap-usd-tsi-confirmation-modal-wrapper b {
    color: #fff;
    font-weight: 400
}

.swap-usd-tsi-confirmation-modal-wrapper .data-item-wrapper {
    margin-bottom: 12px
}

.swap-usd-tsi-confirmation-modal-wrapper .label-text {
    line-height: 2em !important
}

.aave-claim-modal__form {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between
}

.aave-claim-modal__form .aave-claim-modal__form-left {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.aave-claim-modal__form .aave-claim-modal__submit {
    display: flex;
    align-items: flex-end
}

.safe-direct-login-warning-modal p {
    max-width: none !important
}

.safe-direct-login-warning-modal .label-text {
    line-height: 1.5em !important
}

._formWrapper_1bscl_1 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._formWrapper_1bscl_1 .checkbox-wrapper,
._formWrapper_1bscl_1 .checkbox-wrapper .box {
    border-radius: 50% !important
}

._formWrapper_1bscl_1 ._formItemWrapper_1bscl_12 {
    padding-left: 32px
}

._formWrapper_1bscl_1 ._formItemWrapper_1bscl_12 ._formItem_1bscl_12 {
    width: 100%;
    padding: 16px 8px;
    border-radius: 3px;
    border: 1px solid #61717E;
    transition: border-color .1s;
    background-color: transparent;
    color: #fff;
    line-height: 28px
}

._formWrapper_1bscl_1 ._formItemWrapper_1bscl_12 ._formItem_1bscl_12:focus {
    filter: brightness(1.2);
    outline: none
}

._rateLabel_1tw1o_1 {
    display: flex;
    align-items: center;
    margin-top: var(--space-6);
    height: var(--space-5)
}

._rateLabel_1tw1o_1 .icon-Info-circle {
    margin-right: var(--space-2);
    vertical-align: baseline;
    display: block
}

._rateLabel_1tw1o_1 ._labelInner_1tw1o_12 {
    display: flex;
    color: var(--text-color-secondary);
    flex-direction: row;
    gap: var(--space-1)
}

._rateLabel_1tw1o_1 ._labelInner_1tw1o_12 svg {
    display: block;
    width: var(--space-4);
    height: var(--space-4)
}

._wrapTokenModal_7w07h_1 .new-modal-content-wrapper {
    padding: 0
}

._wrapTokenModal_7w07h_1 .loader-wrapper {
    padding: 4rem 0
}

._wrapTokenModal_7w07h_1 ._description_7w07h_7 {
    margin-bottom: 2rem;
    white-space: break-spaces
}

._wrapTokenModal_7w07h_1 ._balance_7w07h_11 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column
}

.price-label {
    display: flex;
    align-items: center;
    margin-top: 24px;
    height: 20px
}

.price-label .icon-Info-circle {
    margin-right: 8px;
    vertical-align: baseline;
    display: block
}

.price-label__label {
    display: flex;
    color: #939da7
}

.price-label__label>* {
    margin-right: 5px
}

.price-label__label svg {
    display: block;
    width: 16px;
    height: 16px
}

._AavePendleRolloverModal_1y48j_1 .new-modal-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 880px) {
    ._AavePendleRolloverModal_1y48j_1 ._contentWrapper_1y48j_7 {
        max-width: 400px
    }
}

._AavePendleRolloverModal_1y48j_1 ._positions_1y48j_11 {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    align-items: flex-start;
    gap: 80px
}

@media (max-width: 880px) {
    ._AavePendleRolloverModal_1y48j_1 ._positions_1y48j_11 {
        display: block
    }
}

._AavePendleRolloverModal_1y48j_1 ._positions_1y48j_11>div {
    flex: 1 1 50%;
    position: relative
}

._AavePendleRolloverModal_1y48j_1 ._positions_1y48j_11>div h2 {
    font-size: var(--text-size-regular);
    border-bottom: 1px solid #37b06f;
    padding: 10px 0;
    font-weight: 400
}

._AavePendleRolloverModal_1y48j_1 ._formWrapper_1y48j_34 {
    border-bottom: 1px solid #37b06f
}

._AavePendleRolloverModal_1y48j_1 ._walletSelect_1y48j_37,
._AavePendleRolloverModal_1y48j_1 ._walletSelectContent_1y48j_38 {
    width: 100% !important
}

._AavePendleRolloverModal_1y48j_1 ._walletSelect_1y48j_37 {
    border: 1px solid #61717e;
    border-radius: 3px;
    height: 62px
}

._AavePendleRolloverModal_1y48j_1 ._infoWrapper_1y48j_46 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

@media (max-width: 880px) {
    ._AavePendleRolloverModal_1y48j_1 ._infoWrapper_1y48j_46 {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

._AavePendleRolloverModal_1y48j_1 ._infoWrapper_1y48j_46 ._sellInfo_1y48j_60 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

._AavePendleRolloverModal_1y48j_1 ._infoWrapper_1y48j_46 ._sellInfo_1y48j_60 .price-label {
    margin-top: 0
}

._AavePendleRolloverModal_1y48j_1 .select__control {
    width: auto !important
}

._AavePendleRolloverModal_1y48j_1 .item {
    margin: 42px 0 20px
}

._AavePendleRolloverModal_1y48j_1 .select-input-wrapper {
    flex-wrap: wrap
}

._AavePendleRolloverModal_1y48j_1 .label-value-wrapper,
._AavePendleRolloverModal_1y48j_1 .label-wrapper {
    flex-grow: 1
}

._AavePendleRolloverModal_1y48j_1 .arrow-icon {
    flex-grow: 0 !important
}

._AavePendleRolloverModal_1y48j_1 .data-item-wrapper {
    margin: 15px 0
}

._AavePendleRolloverModal_1y48j_1 .arrow-caret-icon.right {
    position: absolute;
    top: 88px;
    right: -50px
}

@media (max-width: 880px) {
    ._AavePendleRolloverModal_1y48j_1 .arrow-caret-icon.right {
        display: none
    }
}

._AavePendleRolloverModal_1y48j_1 .arrow-caret-icon.down {
    display: none;
    margin: auto
}

@media (max-width: 880px) {
    ._AavePendleRolloverModal_1y48j_1 .arrow-caret-icon.down {
        display: block;
        margin-top: 40px
    }
}

.notification-wrapper {
    position: fixed;
    transform: translateY(-80px);
    opacity: 0;
    transition: all .3s;
    text-align: center;
    width: 100%;
    pointer-events: none;
    z-index: 1000000
}

.notification-wrapper.active {
    z-index: 1000002;
    transform: translateY(10px);
    opacity: 1
}

.notification-wrapper .notification-inner-wrapper {
    display: inline-block;
    width: 500px;
    max-width: 100%;
    min-height: 40px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    background-color: #eee;
    padding: 10px;
    box-shadow: 0 2px 2px #0003;
    border-radius: 3px;
    pointer-events: all;
    cursor: pointer;
    word-break: break-word
}

.notification-wrapper .notification-inner-wrapper.success {
    background-color: #37b06f;
    color: #fff
}

.notification-wrapper .notification-inner-wrapper.error {
    background-color: #c02727;
    color: #fff
}

.tx-confirm-wrapper {
    width: 400px;
    max-width: calc(100vw - 20px);
    color: #fff
}

.tx-confirm-wrapper .content-wrapper {
    background: #222b32;
    box-shadow: 0 0 20px 5px #00000080;
    border-bottom: 5px solid #37B06F
}

.tx-confirm-wrapper .header {
    position: relative;
    background-color: #37b06f80;
    padding: 15px 35px 15px 20px;
    line-height: 17px;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600
}

.tx-confirm-wrapper .header img {
    height: 30px;
    width: 30px;
    margin-right: 10px
}

.tx-confirm-wrapper .header .reloader-wrapper,
.tx-confirm-wrapper .header .loader-wrapper {
    position: absolute;
    right: 10px;
    margin-top: 3px
}

.tx-confirm-wrapper .header .loader-wrapper {
    width: 22px;
    height: 22px
}

.tx-confirm-wrapper .header .loader-wrapper .loader {
    width: 22px
}

.tx-confirm-wrapper .mev-protection-section {
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    background-color: #252f37
}

.tx-confirm-wrapper .mev-protection-section a {
    text-decoration: underline;
    text-underline-offset: 2px;
    line-height: 20px;
    font-size: 12px;
    color: #adb1b5
}

.tx-confirm-wrapper .tx-content {
    padding: 15px
}

.tx-confirm-wrapper .loader-wrapper {
    padding: 10px 0
}

.tx-confirm-wrapper .error-box-wrapper {
    margin-bottom: 10px
}

.tx-confirm-wrapper .warning-box-wrapper:not(:last-of-type) {
    margin-bottom: 10px
}

.tx-confirm-wrapper .tabs-wrapper {
    width: 100%
}

.tx-confirm-wrapper .Switch {
    margin-bottom: 25px;
    text-align: center
}

.tx-confirm-wrapper .Switch .small {
    font-size: .8em;
    color: #939da7
}

.tx-confirm-wrapper .form-wrapper .form-item-wrapper label:first-of-type {
    font-size: 13px;
    padding-left: 12px
}

.tx-confirm-wrapper .form-wrapper .form-item-wrapper label:first-of-type>span {
    display: inline-flex;
    align-items: center
}

.tx-confirm-wrapper .form-wrapper .form-item-wrapper label:first-of-type>span>span {
    line-height: 12px
}

.tx-confirm-wrapper .advanced-wrapper {
    margin-bottom: 25px;
    border-radius: 3px;
    background: #2b3943;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.tx-confirm-wrapper .advanced-wrapper .icon-group {
    display: inline-flex;
    gap: 4px;
    align-items: center
}

.tx-confirm-wrapper .advanced-wrapper .icon-group .icon-info-tooltip-wrapper {
    display: inline-flex
}

.tx-confirm-wrapper .advanced-wrapper .title-wrapper {
    user-select: none;
    padding: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tx-confirm-wrapper .advanced-wrapper .title-wrapper .title-advanced {
    font-size: 1.3rem
}

.tx-confirm-wrapper .advanced-wrapper .title-wrapper.disabled {
    color: #6f777e;
    background-color: #2c3740
}

.tx-confirm-wrapper .advanced-wrapper .advanced-content {
    padding: 6px 20px 20px;
    display: flex;
    flex-direction: column
}

.tx-confirm-wrapper .advanced-wrapper .advanced-content .form-wrapper {
    margin-bottom: 10px
}

.tx-confirm-wrapper .advanced-wrapper .advanced-content .form-wrapper .form-item-wrapper {
    margin-bottom: 15px
}

.tx-confirm-wrapper .advanced-wrapper .advanced-content .form-wrapper .form-item-wrapper:last-of-type {
    margin-bottom: 0
}

.tx-confirm-wrapper .advanced-wrapper .advanced-content .form-wrapper .form-item-wrapper label {
    white-space: nowrap
}

.tx-confirm-wrapper .advanced-wrapper .advanced-content .section-wrapper {
    width: 100%;
    padding: 0;
    margin-bottom: 0
}

.tx-confirm-wrapper .advanced-wrapper .reset-wrapper {
    text-align: right;
    margin: -10px 0 10px
}

.tx-confirm-wrapper .advanced-wrapper .reset-wrapper a {
    color: #939da7;
    cursor: pointer;
    transition: .1s
}

.tx-confirm-wrapper .advanced-wrapper .reset-wrapper a:hover {
    color: #fff
}

.tx-confirm-wrapper .section-wrapper {
    padding: 0 10px 0 0;
    font-size: 1.3rem;
    display: flex;
    margin: 0 auto 20px;
    justify-content: space-between;
    line-height: 20px
}

.tx-confirm-wrapper .section-wrapper .label {
    display: flex;
    align-items: center
}

.tx-confirm-wrapper .section-wrapper .label span:first-of-type {
    line-height: 12px
}

.tx-confirm-wrapper .section-wrapper .value {
    font-size: 2rem
}

.tx-confirm-wrapper .section-wrapper .value.with-sub {
    position: relative;
    padding-bottom: 20px
}

.tx-confirm-wrapper .section-wrapper .value.with-sub .subvalue {
    position: absolute;
    right: 0;
    top: 24px;
    font-size: 14px;
    font-weight: 400;
    color: #939da7
}

.tx-confirm-wrapper .under-tabs-wrapper {
    margin-bottom: 20px
}

.tx-confirm-wrapper .under-tabs-wrapper .section-wrapper:last-of-type {
    margin-bottom: 0
}

.tx-confirm-wrapper .bottom-controls {
    display: inline-flex;
    background: none;
    box-shadow: 0 5px 5px #00000080;
    float: right;
    border: 0
}

.tx-confirm-wrapper .bottom-controls>:first-child {
    border-bottom-left-radius: 3px
}

.tx-confirm-wrapper .bottom-controls>:last-child button {
    border-bottom-right-radius: 3px
}

.tx-confirm-wrapper .icon-Info-circle {
    margin-right: 5px;
    vertical-align: baseline
}

.tx-confirm-wrapper .tx-saver-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #313d47;
    padding: 16px 20px;
    color: #9d9d9d
}

.tx-confirm-wrapper .tx-saver-toggle:hover {
    cursor: pointer
}

.tx-confirm-wrapper .tx-saver-toggle.active {
    background: linear-gradient(135deg, #284d42, #253f56)
}

.tx-confirm-wrapper .tx-saver-toggle .tx-saver-brand-info {
    line-height: 11px
}

.tx-confirm-wrapper .tx-saver-toggle .new-pill-label {
    border-radius: 3px;
    padding: 4px 6px;
    height: 24px;
    background-color: #34765b;
    color: #f6f8f9;
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 12px;
    margin-right: 6px
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper {
    margin-bottom: 10px
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper .tx-saver-max-fee-usd {
    display: none
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper.show-usd-field {
    color: green
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper.show-usd-field .tx-saver-max-fee-usd {
    display: unset
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper.show-usd-field .tx-saver-max-fee {
    display: none
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper .label-replacement {
    padding-right: 8px
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper .Switch {
    width: 120px;
    padding: 0 4px;
    margin: 10px 12px 10px 0;
    background: #161f25;
    border: 1px solid #313D47;
    border-radius: 8px
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper .Switch>div {
    color: #adb1b5
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper .Switch>div:hover {
    background: #1c272f;
    border-radius: 4px
}

.tx-confirm-wrapper .tx-saver-confirm .form-wrapper .Switch>div.active {
    color: #f6f8f9;
    background: #313d47;
    border: 1px solid #465059;
    border-radius: 4px
}

.tx-confirm-wrapper .tx-saver-toggle-internal-wrapper {
    color: #f6f8f9;
    display: flex;
    align-items: center;
    width: 100%
}

.tx-confirm-wrapper .tx-saver-toggle-internal-wrapper .tx-saver-logo-tooltip {
    gap: 4px;
    display: flex;
    align-items: center
}

.tx-confirm-wrapper .tx-saver-toggle-internal-wrapper .tx-saver-logo-tooltip span {
    display: flex;
    align-items: center;
    justify-content: center
}

.tx-confirm-wrapper .tx-saver-toggle-text {
    margin-right: 6px
}

.tx-saver-protected {
    display: flex;
    align-items: center;
    padding: 15px
}

.tx-saver-protected .tx-saver-logo-tooltip {
    margin-left: 6px;
    display: flex;
    align-items: end;
    gap: 4px
}

._checkboxWrapper_1acr4_1 {
    display: flex;
    width: 100%;
    justify-content: flex-start
}

._checkboxWrapper_1acr4_1 ._checkbox_1acr4_1 {
    border: none !important
}

._checkboxWrapper_1acr4_1 ._checkbox_1acr4_1 .checkbox-wrapper {
    border: 1px solid var(--text-color-primary) !important
}

._checkboxWrapper_1acr4_1 ._checked_1acr4_12 .box {
    background: var(--text-color-primary) !important
}

.approve {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 10px;
    margin-bottom: 16px
}

.approve__info {
    font-size: 1.3rem
}

.approve__info .icon-Info-circle {
    margin-right: 8px
}

.approve__switch.Switch {
    padding: 4px;
    margin-bottom: 0
}

.approve__switch.Switch>.tab {
    width: 55px
}

.nonce-fields .nonce-tooltip {
    margin-right: 20px
}

.nonce-fields .form-item-wrapper .label-replacement {
    padding-right: 12px
}

.nonce-fields .nonce-reset-default {
    height: 100%;
    display: flex;
    align-items: center;
    transition: transform .3s ease
}

.nonce-fields .nonce-reset-default:hover {
    filter: brightness(1.2)
}

.nonce-fields .nonce-reset-default.animate {
    animation: pulse-animation .3s ease-in-out
}

.nonce-fields .nonce-reset-default svg {
    height: 20px;
    width: 20px
}

@keyframes pulse-animation {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(15deg)
    }

    to {
        transform: rotate(0)
    }
}

.tx-saver-tx-description-wrapper {
    width: 100%
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info {
    flex: 1;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info p {
    margin: 0
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description {
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .description-wrapper {
    gap: 8px;
    width: 100%;
    display: flex;
    color: #adb1b5;
    align-items: center;
    justify-content: space-between
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .description-wrapper .description-info-text {
    gap: 4px;
    display: flex;
    max-width: 250px;
    white-space: nowrap
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .description-wrapper a {
    color: #519dff
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .description-wrapper a:hover {
    color: #84baff
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .tx-saver-progress-bars-wrapper {
    gap: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .tx-saver-progress-bars-wrapper .tx-saver-progress-bar {
    flex: 1;
    height: 4px;
    display: flex;
    overflow: hidden;
    background: #313d47;
    align-items: center;
    border-radius: 100px;
    justify-content: flex-start
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .tx-saver-progress-bars-wrapper .tx-saver-progress-bar .progress-fill {
    width: 100%;
    height: 100%
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .tx-saver-progress-bars-wrapper .tx-saver-progress-bar .progress-fill.done {
    background: #5a646c
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .tx-saver-progress-bars-wrapper .tx-saver-progress-bar .progress-fill.active {
    background: #5a646c;
    animation: progress 2s ease-in-out infinite
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .tx-saver-progress-bars-wrapper .tx-saver-progress-bar.confirmed .progress-fill {
    background: #37b06f
}

.tx-saver-tx-description-wrapper .tx-saver-tx-info .tx-saver-tx-description .tx-saver-progress-bars-wrapper .tx-saver-progress-bar.failed .progress-fill {
    background: #eb5757
}

@keyframes progress {
    0% {
        width: 0;
        opacity: 1
    }

    40% {
        width: 100%
    }

    60% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.tx-notifications-wrapper {
    z-index: 11000;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: fixed;
    top: 10px;
    right: 10px
}

.tx-notifications-wrapper .tx-confirm-outer-wrapper {
    margin-bottom: 20px
}

.tx-notifications-wrapper .tx-steps {
    width: 400px;
    max-width: 100%;
    border-radius: 3px;
    display: flex;
    height: 40px;
    padding: 9px;
    margin-bottom: 8px
}

.tx-notifications-wrapper .tx-steps .tx-number {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    height: 24px;
    width: 24px;
    background-color: #61717e;
    color: #939da7
}

.tx-notifications-wrapper .tx-steps .tx-number.finished {
    background-color: #307357;
    font-weight: 600;
    color: #fff
}

.tx-notifications-wrapper .tx-steps .horizontal-line-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 2px;
    flex-grow: 1
}

.tx-notifications-wrapper .tx-steps .horizontal-line-wrapper.mini {
    flex: 0 0 8px
}

.tx-notifications-wrapper .tx-steps .horizontal-line-wrapper .horizontal-line {
    width: 100%;
    height: 3px;
    background-color: #61717e;
    border-radius: 3px
}

.tx-notifications-wrapper .tx-steps .horizontal-line-wrapper .horizontal-line.finished {
    background-color: #307357
}

@media only screen and (max-width: 650px) {
    .tx-notifications-wrapper {
        position: fixed;
        top: initial;
        bottom: 0;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 351px;
        align-items: center
    }

    .tx-notifications-wrapper .tx-confirm-outer-wrapper {
        position: fixed;
        inset: 0;
        z-index: 1;
        background: #0000004d;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tx-notifications-wrapper .single-notification .content {
        width: 100%;
        justify-content: space-between
    }
}

.tx-notifications-wrapper .single-notification {
    width: 400px;
    max-width: 100%;
    position: relative;
    background: #293640;
    border-color: #293640;
    display: flex;
    flex-direction: column;
    box-shadow: 0 0 20px 5px #00000080;
    color: #fff;
    border-radius: 3px;
    overflow: hidden
}

.tx-notifications-wrapper .single-notificationnot-composed {
    animation: show-dropdown .1s ease-out
}

.tx-notifications-wrapper .single-notification:not(:last-child) {
    margin-bottom: 20px
}

.tx-notifications-wrapper .single-notification.pending-sign .notif-header-wrapper,
.tx-notifications-wrapper .single-notification.pending .notif-header-wrapper,
.tx-notifications-wrapper .single-notification.confirmed .notif-header-wrapper,
.tx-notifications-wrapper .single-notification.signed .notif-header-wrapper {
    background-color: #34765b
}

.tx-notifications-wrapper .single-notification.rejected .notif-header-wrapper,
.tx-notifications-wrapper .single-notification.dropped .notif-header-wrapper,
.tx-notifications-wrapper .single-notification.cancel .notif-header-wrapper,
.tx-notifications-wrapper .single-notification.failed .notif-header-wrapper {
    background-color: #eb5757
}

.tx-notifications-wrapper .single-notification.rejected .action-info-wrapper,
.tx-notifications-wrapper .single-notification.dropped .action-info-wrapper,
.tx-notifications-wrapper .single-notification.cancel .action-info-wrapper,
.tx-notifications-wrapper .single-notification.failed .action-info-wrapper {
    background-color: #573d44
}

.tx-notifications-wrapper .single-notification.speedup .notif-header-wrapper {
    background-color: #939da7
}

.tx-notifications-wrapper .single-notification.pending .description,
.tx-notifications-wrapper .single-notification.confirmed .description {
    color: #37b06f
}

.tx-notifications-wrapper .single-notification .notif-header-wrapper {
    padding: 12px 40px 12px 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: 600;
    position: relative
}

.tx-notifications-wrapper .single-notification .notif-header-wrapper img {
    height: 30px;
    width: 30px;
    margin-right: 10px
}

.tx-notifications-wrapper .single-notification .notif-header-wrapper .close-icon-wrapper {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 14px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.tx-notifications-wrapper .single-notification .notif-header-wrapper .close-icon-wrapper:hover {
    opacity: .7
}

.tx-notifications-wrapper .single-notification .status-wrapper {
    display: flex
}

.tx-notifications-wrapper .single-notification .status-wrapper svg {
    width: 27px;
    height: 27px
}

.tx-notifications-wrapper .single-notification .status-wrapper .loader-wrapper .loader {
    width: 27px
}

.tx-notifications-wrapper .single-notification .action-info-wrapper {
    background-color: #2b4546;
    padding: 20px 20px 14px;
    display: flex
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .arrow-wrapper {
    width: 15px;
    margin-right: 15px;
    margin-top: 2px
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .amount {
    font-weight: 300;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -.03em;
    color: #fff
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .token-name {
    margin-left: 5px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.03em;
    color: #939da7
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .token-icon {
    margin-left: 10px;
    height: 20px
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .token-section {
    display: flex
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .token-section.has-second-token {
    flex-direction: column-reverse
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .token-section.has-second-token .token-icon {
    margin: 0
}

.tx-notifications-wrapper .single-notification .action-info-wrapper .token-section.has-second-token:first-child {
    margin-right: 15px
}

.tx-notifications-wrapper .single-notification .info-wrapper {
    padding: 15px 15px 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    line-height: 1.4em;
    background: #222b32
}

.tx-notifications-wrapper .single-notification .info-wrapper .swap-rate,
.tx-notifications-wrapper .single-notification .info-wrapper .fee {
    color: #939da7
}

.tx-notifications-wrapper .single-notification .info-wrapper .defiexplore-error-data {
    margin-top: 10px;
    flex: 0 0 100%;
    color: #fff
}

.tx-notifications-wrapper .single-notification .info-wrapper .defiexplore-error-data p {
    margin: 0
}

.tx-notifications-wrapper .single-notification .info-wrapper .defiexplore-error-data p.error {
    color: #939da7
}

.tx-notifications-wrapper .single-notification .info-wrapper .defiexplore-error-data p.error a {
    color: #fff;
    text-decoration: underline;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.tx-notifications-wrapper .single-notification .info-wrapper .defiexplore-error-data p.error a:hover {
    color: #51c989
}

.tx-notifications-wrapper .single-notification .info-wrapper .title {
    font-weight: 600
}

.tx-notifications-wrapper .single-notification .info-wrapper .description {
    display: block;
    max-width: 250px;
    width: 100%;
    word-break: break-word
}

.tx-notifications-wrapper .single-notification .info-wrapper .description a {
    color: #37b06f;
    text-decoration: underline;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.tx-notifications-wrapper .single-notification .info-wrapper .description a:hover {
    color: #51c989
}

.information-wrapper {
    background: #0b1216
}

.information-wrapper .first-section {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 50px;
    background: linear-gradient(to bottom, #2a5648, #264f42)
}

.information-wrapper .first-section .jumbotron-heading {
    font-size: 2.8rem;
    color: #fff;
    margin-bottom: 5px
}

.information-wrapper .first-section .jumbotron-heading p {
    text-align: center
}

.information-wrapper .first-section .jumbotron-heading p:nth-child(2) {
    font-size: 2rem
}

.information-wrapper .points-wrapper {
    padding: 50px;
    max-width: 676px;
    margin: 50px auto;
    background: #2b3943;
    border-radius: 3px
}

.information-wrapper .points-wrapper .point:not(:last-child) {
    margin-bottom: 67px
}

.information-wrapper .points-wrapper .point .point-header {
    color: #fff;
    font-size: 2.8rem;
    margin-bottom: 22px
}

.information-wrapper .points-wrapper .point .point-header-small {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 15px
}

.information-wrapper .points-wrapper .point .point-text {
    color: #939da7;
    line-height: 24px
}

.information-wrapper .points-wrapper .point .point-text:not(:last-child) {
    margin-bottom: 26px
}

.information-wrapper .points-wrapper .point .point-text .link {
    display: inline;
    cursor: pointer;
    margin: 0 3px;
    color: #37b06f;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.information-wrapper .points-wrapper .point .point-text .link.next-to-comma {
    margin-right: 0
}

.information-wrapper .points-wrapper .point .point-text .link:hover {
    text-decoration: underline
}

.information-wrapper .points-wrapper .point .point-table {
    border: solid 1px;
    border-collapse: collapse
}

.information-wrapper .points-wrapper .point .point-table th,
.information-wrapper .points-wrapper .point .point-table td {
    padding-left: 8px;
    border: 1px solid
}

.terms-of-service-wrapper {
    color: #b6bbbf
}

.terms-of-service-wrapper .c9 {
    margin-left: 36pt;
    padding-bottom: 12pt;
    line-height: 1.5;
    orphans: 2;
    widows: 2;
    text-align: left
}

.terms-of-service-wrapper .c0 {
    margin-left: 36pt;
    padding-bottom: 0;
    line-height: 1.5;
    orphans: 2;
    widows: 2;
    text-align: left
}

.terms-of-service-wrapper .c4 {
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 10.5pt;
    font-style: normal
}

.terms-of-service-wrapper .c1 {
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 11pt;
    font-style: normal
}

.terms-of-service-wrapper .c3 {
    font-weight: 400;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 11.5pt;
    font-style: normal
}

.terms-of-service-wrapper .c11 {
    font-weight: 700;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 11.5pt;
    font-style: normal
}

.terms-of-service-wrapper .c23 {
    line-height: 1.5;
    orphans: 2;
    widows: 2;
    text-align: center
}

.terms-of-service-wrapper .c2 {
    line-height: 1.5;
    orphans: 2;
    widows: 2;
    text-align: left
}

.terms-of-service-wrapper .c8 {
    line-height: 1.5;
    orphans: 2;
    widows: 2;
    text-align: justify
}

.terms-of-service-wrapper .c16 {
    line-height: 1.2545454545;
    orphans: 2;
    widows: 2;
    text-align: left
}

.terms-of-service-wrapper .c24 {
    line-height: 1;
    orphans: 2;
    widows: 2;
    text-align: left
}

.terms-of-service-wrapper .c22 {
    line-height: 1.2545454545;
    orphans: 2;
    widows: 2;
    text-align: center
}

.terms-of-service-wrapper .c18 {
    line-height: 1.1;
    orphans: 2;
    widows: 2;
    text-align: center
}

.terms-of-service-wrapper .c21 {
    line-height: 1.5;
    orphans: 2;
    widows: 2;
    text-align: left
}

.terms-of-service-wrapper .c27 {
    line-height: 1.15;
    orphans: 2;
    widows: 2;
    text-align: left
}

.terms-of-service-wrapper .c13 {
    text-decoration: none;
    vertical-align: baseline;
    font-style: normal
}

.terms-of-service-wrapper .c17 {
    text-decoration-skip-ink: none;
    font-size: 11.5pt;
    -webkit-text-decoration-skip: none;
    text-decoration: underline
}

.terms-of-service-wrapper .c29 {
    font-size: 10.5pt;
    font-weight: 400
}

.terms-of-service-wrapper .c28 {
    text-decoration-skip-ink: none;
    -webkit-text-decoration-skip: none;
    text-decoration: underline
}

.terms-of-service-wrapper .c25 {
    max-width: 468pt;
    padding: 72pt
}

.terms-of-service-wrapper .c14 {
    padding: 0;
    margin: 0
}

.terms-of-service-wrapper .c10 {
    color: inherit;
    text-decoration: inherit
}

.terms-of-service-wrapper .c7 {
    font-size: 16pt;
    margin: 30px 0 10px;
    display: block;
    color: #fff
}

.terms-of-service-wrapper .c12 {
    font-weight: 700
}

.terms-of-service-wrapper .c19 {
    font-size: 11pt
}

.terms-of-service-wrapper .c20 {
    font-size: 11.5pt
}

.terms-of-service-wrapper .c5 {
    height: 11pt
}

.terms-of-service-wrapper a {
    display: inline;
    cursor: pointer;
    margin: 0 3px;
    color: #37b06f
}

.terms-of-service-wrapper a.link {
    margin: 0
}

.terms-of-service-wrapper a:hover {
    text-decoration: underline
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet {
    padding: 0;
    background: transparent !important;
    border: none
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 {
    width: 100%
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._topPanel_1n4ac_9 {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border: 1px solid var(--border-color-subtle);
    border-radius: 8px;
    background: var(--bg-color-primary);
    overflow: hidden
}

@media only screen and (max-width: 1130px) {
    .cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._topPanel_1n4ac_9 {
        grid-template-columns: 1fr
    }
}

@media only screen and (min-width: 1025px) {
    .cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._topLeftPanel_1n4ac_24 {
        border-right: 1px solid var(--border-color-subtle)
    }
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._topRightPanel_1n4ac_28 {
    padding: 24px;
    background: #1f272e
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._divider_1n4ac_32 {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 16px 0;
    font-size: 1.4rem;
    color: var(--text-color-secondary)
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._divider_1n4ac_32:before,
.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._divider_1n4ac_32:after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: var(--border-color-subtle);
    margin: 0 8px
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._bottomPanel_1n4ac_47 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    background: transparent
}

@media only screen and (max-width: 1130px) {
    .cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._bottomPanel_1n4ac_47 {
        grid-template-columns: 1fr
    }
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._bottomLeftPanel_1n4ac_58 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
    background: transparent
}

@media only screen and (max-width: 1130px) {
    .cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._bottomLeftPanel_1n4ac_58 {
        grid-template-columns: 1fr
    }
}

.cdp-blocker-wrapper.main-section-wrapper.no-wallet ._notConnectedWrapper_1n4ac_6 ._bottomSection_1n4ac_69 {
    padding: 16px;
    background: var(--bg-color-primary);
    border: 1px solid var(--border-color-subtle);
    border-radius: 8px
}

.deapprove-wrapper {
    background: linear-gradient(to bottom, #2b3943, #1a242b);
    color: #fff;
    padding: 30px
}

.deapprove-wrapper p {
    color: #939da7
}

.deapprove-wrapper p a {
    color: #fff;
    text-decoration: underline
}

.deapprove-wrapper p b {
    color: #fff
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item {
    display: flex;
    padding: 40px 0
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-header {
    display: flex;
    flex-direction: column;
    flex: 0 0 200px
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-header .title {
    display: none;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-header .date {
    font-size: 14px;
    color: #939da7;
    position: sticky;
    top: 40px
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-body {
    font-size: 15px;
    color: #939da7;
    line-height: 1.5em;
    max-width: 700px
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-body li:not(:last-child) {
    margin-bottom: 8px
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-body li.bolded {
    font-weight: 700;
    color: #fff
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-body li.bolded .nested {
    color: #939da7;
    font-weight: 400;
    list-style-type: none;
    margin-top: 5px
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-body ul {
    margin: 0
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-body ul ul {
    padding-left: 0
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-body a {
    font-weight: 400;
    text-decoration: underline;
    color: #fff
}

.whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media only screen and (max-width: 1024px) {
    .whats-new-wrapper .whats-new-body {
        padding: 20px
    }

    .whats-new-wrapper .whats-new-body .whats-new-items-wrapper {
        max-width: 700px;
        margin: 0 auto
    }

    .whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item {
        flex-direction: column
    }

    .whats-new-wrapper .whats-new-body .whats-new-items-wrapper .whats-new-item .whats-new-item-header {
        flex: 0 0 auto;
        padding: 20px 0
    }
}

.bookmark-banner {
    background: #37b06f;
    color: #fff;
    width: 100%;
    text-align: center;
    line-height: 1.4em;
    padding: 5px;
    position: fixed;
    top: 0;
    z-index: 1000001
}

@media only screen and (max-width: 650px) {
    .bookmark-banner {
        padding: 10px
    }
}

.bookmark-banner a {
    text-decoration: underline
}

.bookmark-banner .close-icon {
    height: 19px;
    margin-left: 10px;
    cursor: pointer;
    padding: 2px
}

.bookmark-banner .close-icon:hover {
    opacity: .8
}

.showcase-wrapper {
    color: #fff
}

.showcase-wrapper .main-section-wrapper {
    padding: 20px
}

.showcase-wrapper .main-section-wrapper table th,
.showcase-wrapper .main-section-wrapper table td {
    padding: 5px 20px;
    border-bottom: 1px solid #61717E
}

.action-wrapper {
    font-family: Montserrat, sans-serif
}

.action-wrapper>* {
    width: 100%
}

.action-wrapper .new-modal-top-wrapper {
    gap: 1rem;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.action-wrapper .new-modal-top-wrapper svg path {
    fill: #fff
}

.action-wrapper .content-wrapper {
    gap: 2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start
}

.action-wrapper .content-wrapper .address-book-controls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 410px) {
    .action-wrapper .content-wrapper .address-book-controls {
        gap: 16px;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
}

.action-wrapper .content-wrapper .address-book-controls .cta-wrapper {
    gap: 16px;
    display: flex;
    align-items: center;
    justify-items: flex-end
}

.action-wrapper .content-wrapper .address-book-controls .cta-wrapper .network-information {
    gap: 6px;
    display: flex;
    color: #f6f8f9;
    font-size: 14px;
    padding: 6px 8px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 3px;
    align-items: center;
    justify-items: flex-start;
    border: 1px solid #313D47
}

@media screen and (max-width: 460px) {
    .action-wrapper .content-wrapper .address-book-controls .cta-wrapper .network-information {
        display: none
    }
}

.action-wrapper .content-wrapper .address-book-controls .cta-wrapper .network-information p {
    margin: 0
}

@media screen and (max-width: 540px) {
    .action-wrapper .content-wrapper .address-book-controls .cta-wrapper .network-information p {
        display: none
    }
}

.action-wrapper .content-wrapper .address-book-controls .cta-wrapper .network-information .item-icon {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.action-wrapper .content-wrapper .address-book-controls .cta-wrapper .network-information .item-icon>* {
    width: auto;
    height: 100%
}

.action-wrapper .content-wrapper .address-book-controls .Switch {
    gap: 2px;
    padding: 4px;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid #313D47
}

.action-wrapper .content-wrapper .address-book-controls .Switch .active {
    background: #313d47
}

.action-wrapper .content-wrapper .address-book-controls .Switch>div {
    display: flex;
    padding: 8px 12px;
    width: max-content;
    align-items: center;
    justify-content: center
}

.action-wrapper .content-wrapper .address-book-tab-body {
    gap: 24px;
    width: 100%;
    padding: 24px;
    display: flex;
    color: #adb1b5;
    background: #222b32;
    flex-direction: column;
    border-bottom: 4px solid #34765B;
    overflow: auto
}

.action-wrapper .content-wrapper .address-book-tab-body .address-book-info {
    gap: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.action-wrapper .content-wrapper .address-book-tab-body .csv-actions {
    width: 100%
}

.action-wrapper .content-wrapper .address-book-tab-body .csv-actions button {
    gap: 10px;
    display: flex;
    padding: 8px 10px;
    background: #313d47
}

.action-wrapper .content-wrapper .address-book-tab-body .csv-actions button.text {
    color: inherit;
    background: transparent
}

@media screen and (max-width: 570px) {
    .action-wrapper .content-wrapper .address-book-tab-body .csv-actions {
        gap: 8px;
        flex-direction: column;
        align-items: flex-start
    }
}

.action-wrapper .content-wrapper .address-book-tab-body .csv-actions,
.action-wrapper .content-wrapper .address-book-tab-body .import-export-controls {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.entries-list-wrapper {
    width: 100%;
    display: flex;
    overflow: auto;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.entries-list-wrapper .entry-wrapper {
    gap: 12px;
    width: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.entries-list-wrapper .entry-wrapper:not(:last-child) {
    border-bottom: 1px solid rgb(59.4125, 73.9625, 86.0875)
}

.entries-list-wrapper .entry-wrapper.is-being-edited {
    border: 1px solid #2684FF
}

@media screen and (max-width: 570px) {
    .entries-list-wrapper .entry-wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.entries-list-wrapper .entry-wrapper .entry-information-wrapper {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.entries-list-wrapper .entry-wrapper .entry-information {
    gap: 64px;
    flex: 1;
    display: flex;
    color: #f6f8f9;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    align-items: center;
    justify-content: flex-start
}

@media screen and (max-width: 930px) {
    .entries-list-wrapper .entry-wrapper .entry-information {
        gap: 4px;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column-reverse
    }
}

.entries-list-wrapper .entry-wrapper .entry-information .address-with-copy {
    gap: 4px;
    display: flex;
    width: 400px;
    align-items: center;
    justify-items: flex-start;
    color: #adb1b5
}

@media screen and (max-width: 470px) {
    .entries-list-wrapper .entry-wrapper .entry-information .address-with-copy {
        width: 220px
    }
}

.entries-list-wrapper .entry-wrapper .entry-information p {
    max-width: 380px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 !important
}

.empty-address-book {
    width: 100%;
    display: flex;
    color: #6f777e;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    min-height: 240px;
    padding: 24px 16px;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(59.4125, 73.9625, 86.0875)
}

.recent-wallets-list-wrapper {
    width: 100%;
    display: flex;
    overflow-y: scroll;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.recent-wallets-list-wrapper .recent-wallets-wrapper {
    gap: 12px;
    width: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.recent-wallets-list-wrapper .recent-wallets-wrapper:not(:last-child) {
    border-bottom: 1px solid rgb(59.4125, 73.9625, 86.0875)
}

.recent-wallets-list-wrapper .recent-wallets-wrapper.is-being-edited {
    border: 1px solid #2684FF
}

@media screen and (max-width: 570px) {
    .recent-wallets-list-wrapper .recent-wallets-wrapper {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-information-wrapper {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information {
    gap: 64px;
    flex: 1;
    display: flex;
    color: #f6f8f9;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    align-items: center;
    justify-content: flex-start
}

@media screen and (max-width: 930px) {
    .recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information {
        gap: 4px;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column-reverse
    }
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information .address-with-copy {
    gap: 4px;
    display: flex;
    width: 400px;
    align-items: center;
    justify-items: flex-start;
    color: #adb1b5
}

@media screen and (max-width: 470px) {
    .recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information .address-with-copy {
        width: 220px
    }
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information input {
    flex: .5;
    border: none;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    background: transparent;
    caret-color: #2684ff
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information input.unlabeled {
    color: #61717e
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information input.is-being-edited {
    border: none;
    padding: 4px;
    outline: none;
    color: #f6f8f9;
    border-radius: 4px;
    background: #2684ff1a
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information input.is-being-edited::placeholder {
    color: #608090
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .recent-wallets-information p {
    max-width: 380px;
    overflow: hidden;
    margin: 0 !important;
    text-overflow: ellipsis
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .action-buttons {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 570px) {
    .recent-wallets-list-wrapper .recent-wallets-wrapper .action-buttons {
        align-self: flex-end
    }
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .action-buttons .label-edit-controls {
    gap: 4px;
    display: flex;
    align-items: center
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .action-buttons .label-edit-controls>* {
    width: 32px;
    height: 32px;
    padding: 8px;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 570px) {
    .recent-wallets-list-wrapper .recent-wallets-wrapper .action-buttons .label-edit-controls>* {
        stroke: #fff;
        border-radius: 3px;
        background: #313d47
    }
}

.recent-wallets-list-wrapper .recent-wallets-wrapper .action-buttons .label-edit-controls .check-icon {
    border-radius: 3px;
    background: #313d47
}

.feature-blocker-wrapper {
    color: #fff
}

.feature-blocker-wrapper .main-section-wrapper {
    padding: 50px;
    display: flex;
    flex-direction: row
}

.feature-blocker-wrapper .main-section-wrapper .decoration {
    margin: -50px
}

@media screen and (max-width: 800px) {
    .feature-blocker-wrapper .main-section-wrapper .decoration {
        display: none
    }
}

.feature-blocker-wrapper .main-section-wrapper .title {
    font-weight: 400;
    font-size: 35px;
    line-height: 43px;
    margin-top: 0
}

.feature-blocker-wrapper .main-section-wrapper .description {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #939da7
}

.feature-blocker-wrapper .main-section-wrapper .description span {
    color: #fff
}

.feature-blocker-wrapper .main-section-wrapper .button {
    align-self: flex-start
}

.analytics-wrapper {
    z-index: 10000000000;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, #293640 1.28%, #22353c);
    border-top: 6px solid #37B06F;
    padding: 20px
}

.analytics-wrapper.closed {
    display: none
}

@media only screen and (max-width: 970px) {
    .analytics-wrapper .content-wrapper {
        flex-direction: column
    }

    .analytics-wrapper .content-wrapper .text-wrapper {
        text-align: center;
        margin-right: 0;
        margin-bottom: 20px
    }

    .analytics-wrapper .content-wrapper .buttons-wrapper {
        justify-content: center
    }
}

.analytics-wrapper .content-wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1100px
}

.analytics-wrapper .content-wrapper .text-wrapper {
    line-height: 24px;
    color: #939da7;
    display: initial;
    margin-right: 20px
}

.analytics-wrapper .content-wrapper .text-wrapper p {
    display: inline;
    margin: 0
}

.analytics-wrapper .content-wrapper .text-wrapper a {
    color: #37b06f;
    text-decoration: underline;
    margin: 0 2px;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.analytics-wrapper .content-wrapper .text-wrapper a:hover {
    color: #239c5b
}

.analytics-wrapper .content-wrapper .buttons-wrapper {
    display: flex;
    align-items: center
}

.analytics-wrapper .content-wrapper .buttons-wrapper .button:first-child {
    margin-right: 20px
}

.modalOverlay {
    position: fixed;
    inset: 0;
    z-index: 50;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 10vh 8px 0
}

.modalBackdrop {
    position: fixed;
    inset: 0;
    background-color: #0c151b66;
    transition: opacity .3s
}

.modalContainer {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 500px;
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--bg-color-primary);
    box-shadow: 0 5px 30px #00000040;
    border: 1px solid rgba(255, 255, 255, .1);
    transition: all .3s
}

.modalHeader {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(55, 65, 81, .6);
    padding: 1rem
}

.modalHeader .searchIcon {
    margin-right: .75rem;
    color: #9ca3af
}

.modalHeader .searchInput {
    width: 100%;
    background-color: transparent;
    font-size: 16px;
    line-height: 1.75em;
    color: #fff;
    border: none
}

.modalHeader .searchInput::placeholder {
    color: #6b7281
}

.modalHeader .searchInput:focus {
    outline: none
}

.resultsContainer {
    max-height: 60vh;
    overflow-y: auto;
    padding: .5rem
}

.resultsContainer ul {
    padding: 0;
    margin: 0
}

.resultItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 8px;
    padding: 12px
}

.resultItem.interactive {
    cursor: pointer
}

.resultItem.nonInteractive {
    opacity: .6
}

.resultItem.active {
    background-color: #34765b33
}

.resultItem .itemContent {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0
}

.resultItem .itemContent .itemIcon {
    display: flex;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: #9ca3af
}

.resultItem .itemContent .itemIcon.active {
    color: #34d399
}

.resultItem .itemContent .itemIcon.active.contextual {
    color: #c084fc
}

.resultItem .itemContent .itemIcon.contextual {
    color: #a855f7
}

.resultItem .itemContent .itemText {
    min-width: 0
}

.resultItem .itemContent .itemText p {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.resultItem .itemContent .itemText .itemName {
    font-weight: 500;
    color: #fff
}

.resultItem .itemContent .itemText .itemName .highlight {
    color: #37b06f
}

.resultItem .itemContent .itemText .itemDescription {
    font-size: 14px;
    line-height: 1.5em;
    color: #9ca3af
}

.resultItem .itemContent .itemText .itemDescription .highlight {
    color: #37b06f
}

.resultItem .contextLabel {
    margin: 0 4px;
    flex-shrink: 0;
    border-radius: 2px;
    background-color: #2684ff1a;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.5em;
    font-weight: 500;
    color: #2684ff
}

.noResults {
    padding: 2rem;
    text-align: center;
    color: #9ca3af
}

.noResults p {
    margin: 0
}

.noResults .noResultsTitle {
    font-weight: 500
}

.noResults .noResultsSubtitle {
    font-size: 14px;
    line-height: 1.5em
}

.modalFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(55, 65, 81, .6);
    background-color: var(--bg-color-secondary);
    padding: .75rem;
    font-size: 12px;
    line-height: 1.5em;
    color: #9ca3af
}

.modalFooter kbd {
    border-radius: .375rem;
    border: 1px solid #4b5563;
    background-color: #1f2937;
    padding: .25rem .5rem;
    margin: 0 .25rem
}

.faq-wrapper {
    background: transparent
}

.faq-wrapper .sections-wrapper .section-wrapper {
    color: #fff
}

.faq-wrapper .sections-wrapper .section-wrapper:not(:last-child) {
    margin-bottom: 64px
}

.faq-wrapper .sections-wrapper .section-wrapper .section-title {
    font-size: 2.5rem;
    margin: 0 0 2rem;
    font-weight: 400;
    color: #fff
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper:not(:last-of-type) {
    border-bottom: 1px solid #61717E
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .question-answer-header {
    cursor: pointer;
    position: relative;
    width: 100%;
    padding: 2.6rem 0;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .question-answer-header:hover {
    opacity: .7
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .question-answer-header span,
.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .question-answer-header .plus-minus-toggle {
    cursor: pointer
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .question {
    font-size: 1.4rem;
    color: #939da7;
    padding: 0 0 2.6rem;
    position: relative;
    line-height: 1.4em
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .answer {
    height: 0;
    overflow: hidden;
    transition: height, .2s ease-in-out;
    line-height: 24px;
    color: #939da7
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .answer.open {
    transition: height, .3s ease-in-out;
    padding-top: 26px;
    height: auto
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .answer br {
    content: "A" !important;
    display: block !important;
    margin: 15px 0 !important
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .answer a {
    color: #37b06f;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.faq-wrapper .sections-wrapper .section-wrapper .question-answer-wrapper .answer a:hover {
    text-decoration: underline
}

.faq-wrapper .plus-minus-toggle {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 20px;
    width: 20px
}

.faq-wrapper .plus-minus-toggle:before,
.faq-wrapper .plus-minus-toggle:after {
    transform: rotate(45deg);
    background: #fff;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 20px;
    transition: transform .3s ease
}

.faq-wrapper .plus-minus-toggle:before {
    transform: rotate(135deg)
}

.faq-wrapper .plus-minus-toggle.plus:after {
    transform: rotate(90deg)
}

.faq-wrapper .plus-minus-toggle.plus:before {
    transform: rotate(180deg)
}

._AutomationCard_1rz4x_1 {
    border: 1px solid var(--border-color-subtle);
    border-radius: var(--border-radius-large);
    background: var(--bg-color-primary);
    text-align: left;
    padding: 0;
    transition: .2s
}

._AutomationCard_1rz4x_1:hover {
    cursor: pointer;
    background: #2d363c;
    box-shadow: 0 7px 32px #0a0c0e59
}

._AutomationCard_1rz4x_1:disabled {
    cursor: not-allowed
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 {
    padding: var(--space-4)
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._badgeWrapper_1rz4x_20 {
    padding-right: var(--space-3)
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._badgeWrapper_1rz4x_20 ._badgeIcon_1rz4x_23 {
    height: unset
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._badgeWrapper_1rz4x_20 ._badgeIcon_1rz4x_23 svg {
    width: var(--space-8);
    height: var(--space-8)
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._cardContentWrapper_1rz4x_30 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-3)
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._cardContentWrapper_1rz4x_30 ._AutomationCardHeader_1rz4x_37 {
    display: flex;
    gap: var(--space-2)
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._cardContentWrapper_1rz4x_30 ._AutomationCardHeader_1rz4x_37 ._title_1rz4x_41 {
    color: var(--color-blue-gray-025);
    font-size: var(--Font-size-responsive-font-size-450, 18px);
    line-height: var(--Line-height-responsive-lh-500, 20px);
    font-weight: var(--fw-500, 500);
    margin: 0
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._cardContentWrapper_1rz4x_30 ._disabledInfoIcon_1rz4x_48 {
    color: var(--text-color-secondary)
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._cardContentWrapper_1rz4x_30 ._description_1rz4x_51 {
    margin: 0;
    color: var(--color-blue-gray-100);
    line-height: var(--body, 20px)
}

._AutomationCard_1rz4x_1 ._AutomationCardBody_1rz4x_17 ._cardContentWrapper_1rz4x_30 ._description_1rz4x_51 b {
    color: #fff;
    font-weight: var(--text-weight-semi-bold)
}

@keyframes _wave_lhsbc_1 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

._AutomationStatusActiveIconWaveAnimation_lhsbc_9 {
    animation: _wave_lhsbc_1 infinite 3s linear;
    transform-box: content-box
}

._AutomationStatusWidgetExpandable_bwrse_1 {
    padding: var(--space-6);
    border-top: var(--space-025) solid var(--border-color-subtle);
    background: linear-gradient(135deg, #284d42, #253f56 96.83%);
    border-bottom: var(--space-025) solid var(--border-color-subtle)
}

._AutomationStatusWidgetExpandable_bwrse_1 ._singleStatus_bwrse_7 {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    color: var(--text-color-secondary);
    font-size: 12px
}

._AutomationStatusWidgetExpandable_bwrse_1 ._singleStatus_bwrse_7 ._status_bwrse_16 {
    font-size: 14px;
    display: flex;
    gap: var(--space-3)
}

._AutomationStatusWidgetExpandable_bwrse_1 ._singleStatus_bwrse_7 ._status_bwrse_16 ._iconWrapper_bwrse_21 {
    width: var(--space-8);
    min-width: var(--space-8);
    display: flex;
    justify-content: center
}

._AutomationStatusWidgetExpandable_bwrse_1 ._singleStatus_bwrse_7 ._status_bwrse_16 ._iconWrapper_bwrse_21 ._statusIcon_bwrse_27 {
    width: var(--space-4);
    height: var(--space-4)
}

._AutomationStatusWidgetExpandable_bwrse_1 ._singleStatus_bwrse_7 ._status_bwrse_16 ._statusInfo_bwrse_31 {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    color: #b2c1cc
}

._AutomationStatusWidgetExpandable_bwrse_1 ._singleStatus_bwrse_7 ._status_bwrse_16 ._statusInfo_bwrse_31 ._statusInfoHeader_bwrse_37 {
    display: flex;
    gap: var(--space-2)
}

._AutomationStatusWidgetExpandable_bwrse_1 ._singleStatus_bwrse_7 ._status_bwrse_16 ._statusInfo_bwrse_31 ._statusInfoHeader_bwrse_37 ._statusPhase_bwrse_41 {
    color: #f9fafb
}

._AutomationStatusWidgetExpandable_bwrse_1 ._showMoreButton_bwrse_44 {
    background-color: transparent;
    border: 0;
    display: flex;
    align-items: center;
    color: var(--text-color-brand-vivid);
    padding-right: 0;
    white-space: nowrap
}

._AutomationStatusWidgetExpandable_bwrse_1 ._showMoreButton_bwrse_44>i {
    font-size: 20px
}

._AutomationStatusWidgetExpandable_bwrse_1 ._showMoreButton_bwrse_44:hover {
    cursor: pointer
}

._AutomationStatusWidgetExpandable_bwrse_1 ._firstStatusWrapper_bwrse_59 {
    display: flex
}

._AutomationStatusWidgetExpandable_bwrse_1 ._statusListWrapper_bwrse_62 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding-top: var(--space-4)
}

._AutomationStatusWidgetStatic_39z65_1 {
    padding: var(--space-4);
    border-top: var(--space-025) solid var(--color-blue-gray-500);
    background: linear-gradient(135deg, #284d42, #253f56 96.83%);
    border-bottom-left-radius: calc(var(--border-radius-large) - 1px);
    border-bottom-right-radius: calc(var(--border-radius-large) - 1px);
    display: flex;
    justify-content: space-between;
    gap: var(--space-3);
    color: #b2c1cc
}

._AutomationStatusWidgetStatic_39z65_1 ._status_39z65_12 {
    display: flex;
    gap: var(--space-3);
    font-size: 14px
}

._AutomationStatusWidgetStatic_39z65_1 ._status_39z65_12 ._iconWrapper_39z65_17 {
    width: var(--space-8);
    min-width: var(--space-8);
    display: flex;
    justify-content: center
}

._AutomationStatusWidgetStatic_39z65_1 ._status_39z65_12 ._iconWrapper_39z65_17 ._statusIcon_39z65_23 {
    width: var(--space-4);
    height: var(--space-4)
}

._AutomationStatusWidgetStatic_39z65_1 ._status_39z65_12 ._statusInfo_39z65_27 {
    display: flex;
    gap: var(--space-2)
}

._AutomationStatusWidgetStatic_39z65_1 ._status_39z65_12 ._statusInfo_39z65_27 ._statusPhase_39z65_31 {
    background: var(--automation-automation-primary, linear-gradient(135deg, #51EB98 0%, #40A3FF 96.83%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

._AutomationStatusWidgetStatic_39z65_1 ._status_39z65_12 ._statusInfo_39z65_27 ._statusDescription_39z65_37 {
    color: #f9fafb;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

._AutomationStatusWidgetStatic_39z65_1 ._statusTime_39z65_45 {
    white-space: nowrap
}

@keyframes _fromLeft_12i74_1 {
    0% {
        opacity: 0;
        transform: translate(-50px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

._LandingScreen_12i74_11 {
    animation: _fromLeft_12i74_1 .1s ease-in;
    display: flex;
    flex-direction: column;
    gap: var(--space-18)
}

._LandingScreen_12i74_11 ._cardList_12i74_17 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._LandingScreen_12i74_11 ._faqTitle_12i74_22 {
    color: #fff;
    font-size: var(--font-size-80032-px, 32px);
    font-weight: var(--fw-600-bold, 600);
    line-height: var(--lh-100040-px, 40px);
    margin-top: 0;
    margin-bottom: var(--space-6)
}

._LandingScreen_12i74_11 ._noStrategiesTitle_12i74_30 {
    color: #fff
}

@keyframes _fromRight_1f184_1 {
    0% {
        opacity: 0;
        transform: translate(50px)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

._ManageScreen_1f184_11 {
    border: var(--space-025) solid var(--border-color-subtle);
    border-radius: var(--border-radius-large);
    background-color: var(--bg-color-primary);
    animation: _fromRight_1f184_1 .1s ease-in
}

._ManageScreen_1f184_11 ._header_1f184_17 {
    border-bottom: 1px solid var(--border-color-subtle);
    padding: var(--space-7);
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

._ManageScreen_1f184_11 ._header_1f184_17 ._contentWrapper_1f184_24 {
    display: flex;
    justify-content: space-between
}

._ManageScreen_1f184_11 ._header_1f184_17 ._contentWrapper_1f184_24 ._iconWrapper_1f184_28 {
    padding-left: var(--space-5)
}

._ManageScreen_1f184_11 ._header_1f184_17 ._contentWrapper_1f184_24 ._iconWrapper_1f184_28 svg {
    width: 72px;
    height: 72px
}

._ManageScreen_1f184_11 ._header_1f184_17 ._contentWrapper_1f184_24 ._title_1f184_35 {
    margin: 0;
    font-size: 32px;
    font-weight: 500;
    color: var(--text-color-primary)
}

._ManageScreen_1f184_11 ._header_1f184_17 ._contentWrapper_1f184_24 ._description_1f184_41 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: var(--space-4);
    color: var(--text-color-secondary);
    line-height: 1.5
}

._ManageScreen_1f184_11 ._header_1f184_17 ._contentWrapper_1f184_24 ._description_1f184_41 b {
    color: #fff;
    font-weight: var(--text-weight-semi-bold)
}

._ManageScreen_1f184_11 ._body_1f184_52 {
    background-color: #1f272e;
    padding: var(--space-7)
}

.strategy-manage-graph__item {
    color: #939da7;
    line-height: 1.4em
}

.strategy-manage-graph__item span {
    color: #fff
}

.strategy-manage-graph__item:last-of-type {
    margin-bottom: 0
}

.strategy-manage-graph__placeholder {
    color: #939da7;
    text-align: center;
    padding: 100px 0;
    margin: 0
}

.cdp-status-graph-wrapper {
    padding: 45px 0 60px
}

.cdp-status-graph-wrapper .value-bar {
    width: 100%;
    height: 38px;
    background-color: #c4c4c4;
    position: relative;
    border-radius: 3px 3px 0 0
}

.cdp-status-graph-wrapper .value-bar .current-bar {
    height: 38px;
    background-color: #747477;
    border-top-left-radius: 3px
}

.cdp-status-graph-wrapper .value-bar .marker {
    width: 2px;
    margin-left: -1px;
    background-color: #fff;
    height: 34px;
    position: absolute;
    top: 2px;
    opacity: .8;
    border-radius: 3px
}

.cdp-status-graph-wrapper .value-bar .marker.liquidation {
    background-color: #b51a1a
}

.cdp-status-graph-wrapper .value-bar .label {
    text-align: right;
    color: #fff;
    position: absolute;
    top: 0;
    height: 38px;
    line-height: 38px;
    width: 50px;
    margin-left: -50px;
    padding: 0 15px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement,
.cdp-status-graph-wrapper .value-bar .arrow {
    position: absolute;
    opacity: .5;
    height: 16px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement:after,
.cdp-status-graph-wrapper .value-bar .arrow:after {
    position: absolute;
    color: #fff;
    font-size: 12px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement>div,
.cdp-status-graph-wrapper .value-bar .arrow>div {
    margin: 0 -45px;
    display: block !important
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement>div>span,
.cdp-status-graph-wrapper .value-bar .arrow>div>span {
    display: flex !important;
    justify-content: space-between;
    color: #fff
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement>div>span .arrow-value,
.cdp-status-graph-wrapper .value-bar .arrow>div>span .arrow-value {
    display: inline-block;
    width: 36px;
    text-align: center
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement {
    border: 2px solid white
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.lower {
    border-top: 0;
    border-radius: 0 0 3px 3px;
    top: 44px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.lower:after {
    content: "\25b2";
    right: -7px;
    top: -6px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.lower div {
    margin-top: 8px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.lower div span>span:first-child {
    border-bottom: 1px solid white
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.upper {
    border-radius: 3px 3px 0 0;
    border-bottom: 0;
    top: -20px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.upper:after {
    content: "\25bc";
    left: -6.5px;
    bottom: -6px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.upper div {
    margin-top: -12px
}

.cdp-status-graph-wrapper .value-bar .arrow-with-movement.upper div span:nth-child(2) {
    border-top: 1px solid white
}

.cdp-status-graph-wrapper .value-bar .arrow {
    border: 0;
    border-left: 1px solid white;
    border-right: 1px solid white
}

.cdp-status-graph-wrapper .value-bar .arrow.lower {
    top: 44px
}

.cdp-status-graph-wrapper .value-bar .arrow.lower:after {
    content: "\25b2";
    right: -6px;
    top: -6px
}

.cdp-status-graph-wrapper .value-bar .arrow.lower div {
    margin-top: 8px
}

.cdp-status-graph-wrapper .value-bar .arrow.lower div span>span:first-child {
    border-bottom: 1px solid white
}

.cdp-status-graph-wrapper .value-bar .arrow.upper {
    top: -20px
}

.cdp-status-graph-wrapper .value-bar .arrow.upper:after {
    content: "\25bc";
    left: -6.5px;
    bottom: -6px
}

.cdp-status-graph-wrapper .value-bar .arrow.upper div {
    margin-top: -12px
}

.cdp-status-graph-wrapper .value-bar .arrow.upper div span:nth-child(2) {
    border-top: 1px solid white
}

.cdp-status-graph-wrapper .value-bar .danger-bar {
    height: 10px;
    border-radius: 0 0 3px 3px
}

.debt-in-front-graph-wrapper g.highcharts-axis-labels.highcharts-xaxis-labels.highcharts-navigator-xaxis {
    visibility: hidden
}

.debt-in-front-graph-wrapper .highcharts-legend-item {
    pointer-events: none
}

.debt-in-front-graph-wrapper__item {
    color: #939da7;
    padding-left: 20px
}

.debt-in-front-graph-wrapper__loader {
    height: 100%;
    display: flex;
    justify-content: center
}

.rebond-bar {
    background: #1f2c35;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px 0
}

.rebond-bar__inner-wrapper {
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@media only screen and (max-width: 1130px) {
    .rebond-bar {
        height: 255px
    }
}

.rebond-bar__bar {
    border-right: 1px solid #61717E;
    height: 100%;
    position: relative;
    padding-right: 6px
}

.rebond-bar__point,
.rebond-bar__point--current,
.rebond-bar__point--end,
.rebond-bar__point--start {
    background: #61717e;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: absolute
}

.rebond-bar__point>div,
.rebond-bar__point--current>div,
.rebond-bar__point--end>div,
.rebond-bar__point--start>div {
    color: #fff;
    font-size: 1.4rem;
    line-height: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px
}

.rebond-bar__point>div span,
.rebond-bar__point--current>div span,
.rebond-bar__point--end>div span,
.rebond-bar__point--start>div span {
    white-space: nowrap
}

.rebond-bar__point--end {
    top: 94%
}

.rebond-bar__point--current {
    background: #37b06f;
    top: var(--perc);
    z-index: 1
}

.rebond-bar__time-text {
    display: inline-block;
    width: 60px;
    color: #61717e
}

._Tab_h00t3_1 {
    padding-top: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

.arrow-td {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.arrow-td>svg {
    margin-right: 15px
}

.history-description {
    padding: 20px;
    text-align: center;
    background-color: #253038;
    color: #fff
}

._ProtocolStrategies_c5is9_1 {
    font-family: var(--text-font-family-numeric);
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media only screen and (max-width: 768px) {
    ._ProtocolStrategies_c5is9_1 {
        flex-direction: column;
        gap: var(--space-3)
    }
}

._ProtocolStrategies_c5is9_1 ._mainWrapper_c5is9_13 {
    width: 62%
}

@media only screen and (max-width: 768px) {
    ._ProtocolStrategies_c5is9_1 ._mainWrapper_c5is9_13 {
        order: 2;
        width: 100%
    }
}

._ProtocolStrategies_c5is9_1 ._sidebarWrapper_c5is9_22 {
    width: 36%
}

@media only screen and (max-width: 768px) {
    ._ProtocolStrategies_c5is9_1 ._sidebarWrapper_c5is9_22 {
        order: 1;
        width: 100%
    }
}

._ProtocolStrategies_c5is9_1 ._sidebarWrapper_c5is9_22 ._sidebar_c5is9_22 {
    position: sticky;
    top: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

@media only screen and (max-width: 768px) {
    ._ProtocolStrategies_c5is9_1 ._sidebarWrapper_c5is9_22 ._sidebar_c5is9_22 {
        gap: var(--space-3)
    }
}

.no-cdp-blocker.blocker-content .left-content-wrapper .button.green {
    width: 222px
}

.no-cdp-blocker.blocker-content .right-content-wrapper img {
    width: 448px;
    height: 313px
}

.migrate-cdp-from-address-to-proxy-blocker-wrapper .main-section-wrapper {
    background: linear-gradient(180deg, #2b3943, #2b394375 92.86%);
    border-bottom: 1px solid #37B06F;
    padding: 40px;
    gap: 16px;
    align-items: flex-start
}

.migrate-cdp-from-address-to-proxy-blocker-wrapper .main-section-wrapper .content-title {
    color: #fff;
    font-size: 20px
}

.migrate-cdp-from-address-to-proxy-blocker-wrapper .main-section-wrapper .content-text,
.migrate-cdp-from-address-to-proxy-blocker-wrapper .main-section-wrapper .content-error {
    text-align: left;
    color: #939da7;
    line-height: 21px;
    max-width: 600px
}

.migrate-cdp-from-address-to-proxy-blocker-wrapper .main-section-wrapper a {
    color: #fff;
    text-decoration: underline
}

.maker-active-auctions-wrapper {
    margin-top: 25px
}

.maker-active-auctions-wrapper .Element {
    background-color: #2b3943
}

.saver-form {
    display: flex;
    flex-direction: column
}

.saver-form .strategy-sub-controls__buttons {
    display: flex;
    justify-content: flex-end
}

.saver-form .strategy-sub-controls__buttons .button:last-of-type {
    margin-left: 1.5rem
}

.saver-form .strategy-sub-controls__errors {
    display: flex;
    flex-direction: column
}

.saver-form .strategy-sub-controls__errors .error-box-wrapper:not(:last-of-type) {
    margin-bottom: 2rem
}

.saver-form .strategy-sub-controls+.information-box-wrapper {
    margin-top: 15px !important
}

.saver-form .input-row-wrapper {
    margin-bottom: 2rem
}

.saver-form .input-row-wrapper.basic .input-row {
    margin-bottom: 0
}

.saver-form .input-row-wrapper.advanced-row-wrapper .input-row .form-item-wrapper {
    max-width: 100%
}

.saver-form .input-row-wrapper .input-row {
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

.saver-form .input-row-wrapper .input-row .form-item-wrapper {
    justify-content: center;
    margin: 0;
    height: fit-content
}

.saver-form .input-row-wrapper .input-row .form-item-wrapper label {
    white-space: nowrap
}

.saver-form .input-row-wrapper .input-row .form-item-wrapper .form-item {
    color: #37b06f
}

.saver-form .input-row-wrapper .description-row {
    margin-top: 17px;
    color: #939da7
}

.saver-form .form-item-wrapper.checkbox {
    border: 0
}

.saver-form .advanced-wrapper {
    animation: show-dropdown .1s ease-out
}

.saver-form .advanced-wrapper .input-row .form-item-wrapper {
    max-width: 100%
}

.saver-form .advanced-wrapper.hide {
    display: none
}

.saver-form .advanced-wrapper .advanced-subheader-wrapper {
    margin: 0;
    font-size: 1.6rem;
    color: #fff;
    line-height: 60px
}

.saver-form .error-box-wrapper,
.saver-form .warning-box-wrapper,
.saver-form .information-box-wrapper {
    margin-top: 0 !important;
    margin-bottom: 2rem
}

.saver-form .overlay {
    opacity: .3;
    cursor: not-allowed
}

.saver-form .overlay>* {
    pointer-events: none
}

.saver-form .button {
    align-self: flex-end
}

.maker-cdp-warnings-wrapper {
    margin-bottom: 20px
}

.maker-cdp-warnings-wrapper .maker-warning-wrapper {
    display: flex;
    align-items: flex-start
}

.maker-cdp-warnings-wrapper .maker-warning-wrapper:not(:last-child) {
    margin-bottom: 20px
}

.maker-cdp-warnings-wrapper .maker-warning-wrapper .warning-box-wrapper,
.maker-cdp-warnings-wrapper .maker-warning-wrapper .success-box-wrapper {
    flex-grow: 1;
    margin-bottom: 0
}

.maker-cdp-warnings-wrapper .maker-warning-wrapper button {
    margin-left: 20px;
    height: 44px
}

@media only screen and (max-width: 650px) {
    .maker-cdp-warnings-wrapper .maker-warning-wrapper {
        flex-direction: column;
        align-items: flex-end
    }

    .maker-cdp-warnings-wrapper .maker-warning-wrapper .warning-box-wrapper {
        margin-bottom: 20px;
        width: 100%
    }
}

.fit-content {
    width: fit-content
}

._PositionOverviewCard_ytvjc_1 {
    background-color: var(--color-blue-gray-700);
    border-radius: var(--border-radius-large);
    border: var(--space-025) solid var(--color-blue-gray-500);
    padding: var(--space-4)
}

._PositionOverviewCard_ytvjc_1 ._title_ytvjc_7 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    font-weight: var(--text-weight-semi-bold);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1.68px
}

._PositionOverviewCard_ytvjc_1 ._walletWrapper_ytvjc_16 {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-weight: var(--fw-500, 500);
    color: var(--text-color-primary)
}

._ProtocolAutomationInfoCard_namrb_1 {
    padding: var(--space-4);
    background: linear-gradient(90deg, #2b403c, #223435, #1b3341);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    border-radius: var(--border-radius-large)
}

._ProtocolAutomationInfoCard_namrb_1 ._title_namrb_9 {
    margin: 0;
    background: linear-gradient(135deg, #51eb98, #40a3ff 96.83%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    letter-spacing: 1.68px;
    text-transform: uppercase
}

._ProtocolAutomationInfoCard_namrb_1 ._description_namrb_21 {
    margin: 0;
    color: var(--text-color-primary);
    line-height: var(--body, 20px)
}

._ProtocolAutomationInfoCard_namrb_1 ._actionItems_namrb_26 {
    display: flex;
    gap: var(--space-1)
}

._ProtocolAutomationInfoCard_namrb_1 ._actionItems_namrb_26 ._actionLink_namrb_30 {
    padding: 10px;
    font-size: var(--Font-size-responsive-font-size-500, 20px);
    border-radius: var(--border-radius-small);
    width: 40px;
    height: 40px
}

._ProtocolAutomationInfoCard_namrb_1 ._actionItems_namrb_26 ._actionLink_namrb_30:hover {
    background-color: hsl(from var(--bg-color-secondary) h s calc(l + 4))
}

._ProtocolAutomationInfoCard_namrb_1 ._actionItems_namrb_26 ._actionLink_namrb_30 ._actionIcon_namrb_40 {
    vertical-align: middle
}

._ProtocolAutomationInfoCard_namrb_1 ._actionItems_namrb_26 ._actionLink_namrb_30 ._automationCount_namrb_43 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-600, 24px);
    vertical-align: middle;
    padding-left: var(--space-1)
}

.ratio-tooltip-wrapper .dots-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 240px;
    display: flex;
    justify-content: space-around
}

.open-position-wrapper.dashboard-page-wrapper .section-content .loader-wrapper {
    margin-bottom: 30px !important;
    display: inline-flex;
    flex-direction: row
}

.open-position-wrapper.dashboard-page-wrapper .section-content .loader-wrapper .loader {
    width: 30px
}

.open-position-wrapper.dashboard-page-wrapper .section-content .loader-wrapper .message-wrapper {
    font-size: 14px;
    margin: 0
}

.open-position-wrapper.dashboard-page-wrapper .section-content .form-wrapper {
    text-align: left
}

.open-position-wrapper.dashboard-page-wrapper .section-content .form-wrapper .loader-wrapper {
    margin-bottom: 0 !important;
    align-self: center
}

.open-position-wrapper.dashboard-page-wrapper .balance-source-label {
    color: #939da7;
    font-size: 1.3rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

.open-position-wrapper.dashboard-page-wrapper .balance-source-label span {
    height: 14px
}

.open-position-wrapper.dashboard-page-wrapper .form-input-wrapper {
    display: inline-flex;
    position: relative;
    justify-content: space-between;
    flex-direction: row;
    border-radius: 3px;
    border: 1px solid #61717E;
    transition: border-color .1s
}

.open-position-wrapper.dashboard-page-wrapper .form-input-wrapper .item {
    margin: 0
}

.open-position-wrapper.dashboard-page-wrapper .form-input-wrapper .form-item-wrapper {
    border: none
}

.open-position-wrapper.dashboard-page-wrapper .no-label input {
    line-height: 60px
}

.open-position-wrapper.dashboard-page-wrapper .no-label .label-replacement {
    position: absolute
}

.open-position-wrapper.dashboard-page-wrapper .Switch {
    background: #202b33;
    max-width: fit-content;
    margin: 0 auto;
    text-align: center;
    line-height: 2rem;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .12em
}

.open-position-wrapper.dashboard-page-wrapper .Switch__wrapper {
    margin-bottom: 30px;
    padding: 0 20px
}

.open-position-wrapper.dashboard-page-wrapper .Switch__description {
    max-width: 600px;
    margin: 15px auto 0;
    color: #939da7
}

.open-position-wrapper.dashboard-page-wrapper .bottom-controls {
    background: none
}

.open-position-wrapper.dashboard-page-wrapper .bottom-controls .button {
    border-radius: 0 0 3px 3px
}

.open-position-wrapper.dashboard-page-wrapper .section-header {
    position: relative;
    background: #313d47;
    padding: 40px 0;
    border-radius: 3px 3px 0 0
}

.open-position-wrapper.dashboard-page-wrapper .section-header .back-button {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%)
}

.open-position-wrapper.dashboard-page-wrapper .section-header .heading-container {
    display: inline-block
}

.open-position-wrapper.dashboard-page-wrapper .section-header .content-heading {
    font-size: 2rem
}

.open-position-wrapper.dashboard-page-wrapper .section-header .content-heading span {
    margin-left: 4px;
    font-weight: 700
}

.open-position-wrapper.dashboard-page-wrapper .section-header .content-text {
    margin-top: 20px;
    color: #939da7
}

.open-position-wrapper.dashboard-page-wrapper .main-section-wrapper {
    text-align: center;
    color: #fff;
    border-radius: 3px
}

.open-position-wrapper.dashboard-page-wrapper .main-section-wrapper .section-content {
    padding: 30px 0
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex {
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 20px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex>* {
    width: 360px;
    max-width: 360px;
    flex: 1 1 100%
}

@media only screen and (max-width: 650px) {
    .open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex>* {
        width: auto;
        max-width: none;
        margin: 0 20px
    }
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex>.loader-wrapper {
    margin: 0 !important
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex>form {
    display: flex;
    flex-direction: column;
    gap: 15px
}

@media only screen and (max-width: 650px) {
    .open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex>form {
        gap: 30px
    }
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex>div .tsi-warning {
    margin-top: 10px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper>.Flex>div .additional-info {
    margin-top: 10px;
    color: #939da7
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .form-item-wrapper:not(:last-child) {
    margin-bottom: 0 !important
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .checkbox-wrapper__input {
    border: 0
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .checkbox-wrapper__label {
    text-align: left;
    color: #939da7;
    font-size: 1.3rem;
    margin-bottom: 4px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .item {
    margin-top: 18px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .item .form-item-wrapper {
    border-left-width: 1px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .item .item-button-wrapper {
    display: none
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .item .select-input-wrapper {
    padding-left: 0
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .item .select-input-wrapper:before {
    display: none
}

@media (max-width: 460px) {
    .open-position-wrapper.dashboard-page-wrapper .form-wrapper .item.has-description {
        padding-top: 0 !important
    }
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .form-item-wrapper label {
    flex-shrink: 0
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .form-item-wrapper .input-values input {
    margin-left: 10px;
    padding-left: 0
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper {
    border-top: 0;
    background: #2b3943;
    padding: 16px;
    border-radius: 3px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper:not(:last-child) {
    margin-bottom: 10px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper .label {
    font-size: 1.3rem;
    color: #939da7
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper .label .info-tooltip-wrapper {
    margin-right: 3px;
    font-size: 1.2rem
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper .past-amount {
    color: #939da7;
    font-size: 14px
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper .value {
    font-size: 1.5rem;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper .value #temp1,
.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper .value #temp2,
.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper.larger .label {
    color: #fff
}

.open-position-wrapper.dashboard-page-wrapper .form-wrapper .new-stats-wrapper .stat-wrapper.larger .value {
    font-size: 2rem
}

.open-position-wrapper.dashboard-page-wrapper .warning-info-error {
    max-width: 760px;
    margin: 0 auto
}

.open-position-wrapper.dashboard-page-wrapper .warning-info-error>div {
    margin: 0 auto 20px
}

@media only screen and (max-width: 650px) {
    .open-position-wrapper.dashboard-page-wrapper .warning-info-error>div {
        margin-left: 20px;
        margin-right: 20px
    }
}

.open-position-wrapper.dashboard-page-wrapper .warning-info-error>div:last-of-type {
    margin-bottom: 0 !important
}

.open-position-wrapper.dashboard-page-wrapper .promo-wrapper {
    max-width: 760px;
    margin: 0 auto
}

@media only screen and (max-width: 650px) {
    .open-position-wrapper.dashboard-page-wrapper .promo-wrapper>div {
        margin-left: 20px;
        margin-right: 20px
    }
}

.ratio-tooltip-wrapper .dots-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 240px;
    display: flex;
    justify-content: space-around;
    gap: 12px
}

.ratio-tooltip-wrapper .dots-wrapper .dot-wrapper {
    display: flex;
    align-items: center
}

.ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    border-radius: 100%
}

.ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot.green {
    background: #219653
}

.ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot.orange {
    background: #f2994a
}

.ratio-tooltip-wrapper .dots-wrapper .dot-wrapper .dot.red {
    background: #eb5757
}

.ratio-tooltip-wrapper .ratio-explain-text {
    margin-top: 10px;
    max-width: 280px;
    white-space: pre-line
}

.automation-shield-icon-connected {
    cursor: pointer;
    padding: 0 4px;
    display: inline-block;
    vertical-align: middle
}

.automation-shield-icon-connected * {
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.automation-shield-icon-connected span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.automation-shield-icon-connected:hover svg .hoverTarget {
    fill: #fff
}

.automation-shield-icon-connected:hover svg .hoverBorder {
    stroke: #fff
}

.automation-shield-icon-connected:hover .automation-shield-icon-shield {
    opacity: .8
}

.vault-manage-data-items-wrapper {
    display: flex;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(55, 176, 111, .5)
}

@media only screen and (max-width: 1130px) {
    .vault-manage-data-items-wrapper {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .vault-manage-data-items-wrapper .data-item-wrapper:not(:last-child) {
        margin-right: 0
    }
}

@media only screen and (max-width: 650px) {
    .vault-manage-data-items-wrapper {
        flex-direction: column;
        margin: 0 auto;
        padding-bottom: 0;
        border-bottom: 0
    }

    .vault-manage-data-items-wrapper .data-item-wrapper.highlighted {
        margin: 10px 0 0 !important
    }
}

@media only screen and (max-width: 380px) {
    .vault-manage-data-items-wrapper .data-item-wrapper:last-child .value-wrapper {
        flex-direction: column
    }

    .vault-manage-data-items-wrapper .data-item-wrapper:last-child .value-wrapper .value {
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.maker-manage-info-items-wrapper {
    display: flex
}

@media only screen and (max-width: 1130px) {
    .maker-manage-info-items-wrapper {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        align-items: flex-start
    }

    .maker-manage-info-items-wrapper .info-item-wrapper:not(:last-child) {
        margin-right: 0
    }
}

@media only screen and (max-width: 650px) {
    .maker-manage-info-items-wrapper {
        flex-direction: column
    }

    .maker-manage-info-items-wrapper .data-item-wrapper:last-child .info-item-value-wrapper .label-wrapper,
    .maker-manage-info-items-wrapper .data-item-wrapper:first-child .info-item-value-wrapper .label-wrapper,
    .maker-manage-info-items-wrapper .data-item-wrapper:nth-child(2) .info-item-value-wrapper .label-wrapper {
        width: auto
    }
}

.rising {
    color: #37b06f
}

.falling {
    color: #f55858
}

.maker-manage-profit-calc-wrapper {
    padding: 30px 20px 30px 0;
    flex-basis: 30%
}

@media only screen and (max-width: 1130px) {
    .maker-manage-profit-calc-wrapper {
        padding: 20px
    }
}

@media only screen and (max-width: 650px) {
    .maker-manage-profit-calc-wrapper {
        width: 100%;
        padding: 10px 20px 20px
    }
}

.maker-manage-profit-calc-wrapper .data-item-wrapper {
    margin-bottom: 12px
}

.maker-manage-profit-calc-wrapper .has-separator {
    border-top: 1px solid rgba(55, 176, 111, .5);
    padding-top: 12px
}

.maker-manage-profit-calc-wrapper .note {
    font-style: italic;
    color: #939da7;
    line-height: 1.5em
}

.select.box .select__menu {
    border-radius: 4px;
    border: 1px solid #465059
}

.address-input-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.address-input-wrapper .form-item-wrapper {
    width: 100%
}

.address-input-wrapper .form-item-wrapper input {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px
}

.address-input-wrapper .form-item-wrapper .label-replacement {
    padding-right: 10px
}

.address-input-wrapper button {
    margin-top: 10px
}

._dashboardActionWrapper_hgjp3_1 {
    color: #fff;
    cursor: pointer;
    opacity: .3;
    display: flex;
    margin: 10px 5px;
    width: 554px;
    max-width: 100vw;
    transition: opacity .2s
}

._dashboardActionWrapper_hgjp3_1>div {
    pointer-events: none
}

._dashboardActionWrapper_hgjp3_1._active_hgjp3_14 {
    opacity: 1;
    cursor: initial
}

._dashboardActionWrapper_hgjp3_1._active_hgjp3_14>div {
    pointer-events: initial
}

._dashboardActionWrapper_hgjp3_1._active_hgjp3_14 ._actionHeader_hgjp3_21 {
    background-color: #2a5648 !important
}

._dashboardActionWrapper_hgjp3_1._active_hgjp3_14 ._opener_hgjp3_24:before {
    background-color: #2a5648 !important
}

._dashboardActionWrapper_hgjp3_1._additionalOpen_hgjp3_27 {
    width: 1004px
}

._dashboardActionWrapper_hgjp3_1._hasAdditional_hgjp3_30 ._verticalWrapper_hgjp3_30:first-child p {
    opacity: .3
}

._dashboardActionWrapper_hgjp3_1._hasAdditional_hgjp3_30 ._verticalWrapper_hgjp3_30:first-child ._itemButtonWrapper_hgjp3_33 button {
    opacity: .2
}

._dashboardActionWrapper_hgjp3_1._zeroAdditional_hgjp3_36 {
    width: 504px
}

@media only screen and (max-width: 1130px) {
    ._dashboardActionWrapper_hgjp3_1 {
        flex-direction: column;
        width: 500px !important
    }
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 {
    position: relative;
    background-color: #2b3943;
    border-radius: 3px;
    overflow: hidden;
    margin: 1px;
    transition: .2s ease;
    display: flex;
    flex-direction: column;
    transform: translate(calc(-100% + 50px))
}

@media only screen and (max-width: 1130px) {
    ._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 {
        transform: translateY(calc(-100% + 34px));
        width: 500px;
        max-width: 100vw;
        height: 34px
    }
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30:first-child {
    z-index: 1
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30:first-child p {
    transition: opacity .3s
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30:nth-child(2) {
    z-index: 0
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30:first-child,
._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30._active_hgjp3_14 {
    width: 500px;
    max-width: 100vw;
    overflow: initial;
    transform: translate(0);
    opacity: 1;
    height: unset
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30:first-child ._actionBody_hgjp3_81,
._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30._active_hgjp3_14 ._actionBody_hgjp3_81 {
    opacity: 1 !important
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30:first-child ._actionHeader_hgjp3_21,
._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30._active_hgjp3_14 ._actionHeader_hgjp3_21 {
    visibility: visible !important
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30:first-child ._opener_hgjp3_24,
._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30._active_hgjp3_14 ._opener_hgjp3_24 {
    opacity: 0 !important;
    pointer-events: none !important
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionHeader_hgjp3_21 {
    visibility: hidden;
    display: flex;
    justify-content: space-between;
    background-color: #394956;
    border-radius: 3px;
    width: 500px;
    max-width: 100vw;
    padding: 0 24px;
    height: 24px;
    line-height: 24px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .02em
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionHeader_hgjp3_21 a {
    cursor: pointer
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionHeader_hgjp3_21 a:hover {
    text-decoration: underline
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._additional_hgjp3_27 ._actionBody_hgjp3_81 .form-item-wrapper {
    margin-bottom: 0 !important;
    border: 1px solid #61717E;
    transition: border-color .1s
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._additional_hgjp3_27 ._actionBody_hgjp3_81 .form-item-wrapper:hover {
    border-color: #7f8f9c
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 {
    padding: 24px;
    opacity: 0;
    gap: 14px;
    transition: all .2s ease;
    transition-delay: .05s;
    width: 500px;
    max-width: 100vw;
    flex: 1;
    display: flex;
    flex-direction: column
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 ._sourceSelectWrapper_hgjp3_132 {
    display: flex;
    justify-content: space-between;
    align-items: center
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 ._sourceSelectWrapper_hgjp3_132 ._balanceSourceLabel_hgjp3_137 {
    color: #939da7;
    font-size: 1.3rem;
    margin-bottom: 4px
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 ._notification-box-wrapper_hgjp3_142 {
    width: 100%
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 ._selectItemWrapper_hgjp3_145 {
    display: flex;
    justify-content: stretch
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 ._selectItemWrapper_hgjp3_145 ._itemLabel_hgjp3_149 {
    line-height: 60px;
    padding: 0 12px 0 20px;
    font-size: 1.6rem
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 .select.box {
    height: 60px;
    flex: 1
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 .select.box input {
    line-height: unset
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 .select.box .select__control {
    width: 100%
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 .item {
    padding-top: 20px
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 .item input {
    line-height: 60px
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 p {
    margin-bottom: 0;
    color: #939da7
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 p:first-child {
    margin-top: 0
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 ._cancelWrapper_hgjp3_177 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 10px
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._actionBody_hgjp3_81 ._buttonAction_hgjp3_183 {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24 {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    width: 50px;
    text-align: right;
    line-height: 24px;
    cursor: pointer;
    z-index: 2;
    transition: .2s;
    font-size: 1.2rem;
    font-weight: 500;
    color: #939da7;
    letter-spacing: .02em;
    background-color: #2b3943
}

@media only screen and (max-width: 1130px) {
    ._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24 {
        bottom: 0;
        top: unset;
        width: 100%;
        height: 34px;
        line-height: 34px
    }
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24:hover {
    color: #fff
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24 span {
    position: absolute;
    bottom: 20px;
    transform: rotate(-90deg);
    transform-origin: 25px 25px;
    display: block;
    width: 150px;
    text-align: left;
    line-height: 50px
}

@media only screen and (max-width: 1130px) {
    ._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24 span {
        transform: none;
        bottom: 0;
        left: 40px;
        line-height: 34px
    }
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24:after {
    content: "+";
    display: block;
    height: 24px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 2rem;
    color: #fff
}

@media only screen and (max-width: 1130px) {
    ._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24:after {
        height: 34px;
        width: 34px
    }
}

._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24:before {
    content: "";
    display: block;
    height: 24px;
    width: 50px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #394956;
    border-radius: 3px
}

@media only screen and (max-width: 1130px) {
    ._dashboardActionWrapper_hgjp3_1 ._verticalWrapper_hgjp3_30 ._opener_hgjp3_24:before {
        height: 34px;
        width: 34px
    }
}

.ButtonToggleGroup {
    background-color: #222b32
}

.ButtonToggleGroup button:not(.active)>div>div {
    color: #939da7
}

._dashboardActionsWrapper_1fbce_1 {
    position: relative
}

._dashboardActionsWrapper_1fbce_1 ._loaningWrapper_1fbce_4 {
    position: absolute;
    z-index: 1;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, #161f258a 0, #0b1216 100vh)
}

._dashboardActionsWrapper_1fbce_1 ._dashboardActionsInnerWrapper_1fbce_16 {
    mask-image: linear-gradient(to right, transparent 0, blue 50px, red calc(100% - 50px), transparent 100%)
}

@media only screen and (max-width: 1130px) {
    ._dashboardActionsWrapper_1fbce_1 ._dashboardActionsInnerWrapper_1fbce_16 {
        mask-image: none !important
    }
}

._dashboardActionsInnerWrapper_1fbce_16 .slick-track {
    display: flex
}

._dashboardActionsInnerWrapper_1fbce_16 .slick-track .slick-slide {
    display: flex;
    height: auto
}

._dashboardActionsInnerWrapper_1fbce_16 .slick-track .slick-slide>div {
    display: flex
}

._dashboardActionsInnerWrapper_1fbce_16 .slick-track .slick-slide>div>div {
    display: flex !important
}

._dashboardActionsInnerWrapper_1fbce_16._hasSingleAction_1fbce_38 .slick-slide:nth-child(1) {
    display: none
}

._dashboardActionsInnerWrapper_1fbce_16._hasSingleAction_1fbce_38 .slick-slide:nth-child(3) {
    display: none
}

._dashboardActionsInnerWrapper_1fbce_16._hasSingleAction_1fbce_38 .slick-track {
    width: unset !important;
    justify-content: center;
    transform: translateZ(0) !important
}

.manage-page-wrapper .main-section-wrapper .main-subsection {
    flex: 1 1 70%;
    padding: 30px 30px 30px 20px
}

.manage-page-wrapper .maker-cdp-warnings-wrapper {
    margin: 30px 0 0
}

@media only screen and (max-width: 1130px) {
    .manage-page-wrapper .content-wrapper .tabs-wrapper {
        max-width: 650px;
        width: 100%
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper {
        flex-direction: column
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper .main-subsections-wrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper .border {
        display: none
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper .main-subsection {
        width: 100%
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper .main-subsection:first-child {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 650px) {
    .manage-page-wrapper .content-wrapper {
        padding: 0
    }

    .manage-page-wrapper .content-wrapper .maker-cdp-warnings-wrapper {
        margin: 20px 20px 0;
        padding: 0
    }

    .manage-page-wrapper .content-wrapper .mobile-action-picker-wrapper {
        padding-bottom: 20px
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper {
        padding: 20px 0 0
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper .tabs-wrapper {
        max-width: none;
        margin-bottom: 0
    }

    .manage-page-wrapper .content-wrapper .main-section-wrapper .main-subsections-wrapper .main-subsection:first-child {
        padding: 0
    }
}

.dashboard-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: .6rem 2rem;
    flex-wrap: wrap;
    gap: 1rem;
    background: #313d47;
    border-radius: 3px 3px 0 0
}

.dashboard-header__item {
    display: inline-flex;
    align-items: center;
    gap: .8rem;
    flex-wrap: wrap
}

.dashboard-header__second {
    margin-left: auto
}

@media only screen and (max-width: 768px) {
    .dashboard-header {
        flex-direction: column
    }

    .dashboard-header__item {
        justify-content: center;
        margin: auto
    }
}

.dashboard-header .button:disabled {
    background: #27333a
}

.info-dropdown,
.info-dropdown--maker-header {
    position: relative
}

.info-dropdown:hover .info-dropdown__list-wrapper,
.info-dropdown--maker-header:hover .info-dropdown__list-wrapper {
    display: unset;
    z-index: 1
}

.info-dropdown:hover .info-dropdown__value,
.info-dropdown--maker-header:hover .info-dropdown__value {
    background-color: #202931
}

.info-dropdown__value {
    height: 35px;
    cursor: pointer;
    display: flex;
    align-items: center;
    border-radius: 3px;
    padding: 0 8px;
    color: #fff
}

.info-dropdown__value-label {
    padding-right: 10px
}

.info-dropdown__list-wrapper {
    display: none;
    position: absolute;
    padding-top: 2px;
    white-space: nowrap;
    animation: show-dropdown .1s ease-out
}

.info-dropdown__list {
    background: linear-gradient(180deg, #253038, #172026);
    border-radius: 3px;
    padding: 10px;
    z-index: inherit;
    box-shadow: 0 6px 20px #0003
}

.info-dropdown__title {
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff
}

.info-dropdown__list-item:not(:last-child) {
    margin-bottom: 8px
}

.info-dropdown__list-item .label-value-wrapper {
    width: 100%;
    justify-content: space-between;
    gap: 10px
}

.info-dropdown__list-item .value-wrapper {
    font-size: 1.4rem !important
}

.info-dropdown__list-item .icon-Info-circle {
    height: 12px !important;
    margin-top: 2px
}

.info-dropdown__list-item.move-symbol .value-wrapper>div>span>span {
    margin-left: 4px
}

@media only screen and (max-width: 650px) {
    .info-dropdown--maker-header .info-dropdown__value {
        justify-content: space-between
    }
}

.info-dropdown--maker-header .arrow-caret-thick-icon {
    margin-top: 1px
}

.label-select {
    display: flex;
    align-items: center;
    color: #fff
}

.label-select .loader {
    margin-left: 10px !important
}

.label-select.no-value .select__single-value {
    display: none
}

.label-select .select.box {
    background: #202931
}

.label-select .select.box .select__control {
    width: 120px;
    min-height: auto
}

.label-select .select .select__menu {
    z-index: 5
}

.label-select .select .select__menu .select__menu-list {
    width: 100%
}

.label-select .select__option {
    display: flex;
    align-items: center;
    padding: 8px
}

.label-select .loading-indicator .loader {
    width: 20px
}

.label-select .select__value-container .value-container {
    display: flex;
    max-width: calc(100% - 8px);
    overflow: hidden;
    position: absolute;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box
}

.label-select .value-container {
    display: flex;
    align-items: center
}

.label-select .icon-wrapper {
    display: flex;
    align-items: center;
    margin-right: 8px
}

.label-select .icon-wrapper svg {
    width: 21px;
    height: 21px
}

.label-select .label {
    color: #fff;
    margin-right: 10px
}

.sub-navigation {
    display: inline-flex;
    justify-content: flex-start
}

@media only screen and (max-width: 1024px) {
    .sub-navigation {
        order: 2;
        justify-content: flex-start;
        border-bottom: 1px solid #394956
    }
}

.sub-navigation .links {
    display: inline-flex;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none
}

@media only screen and (max-width: 1024px) {
    .sub-navigation .links {
        width: 100%;
        justify-content: space-around;
        text-align: center;
        gap: 0
    }
}

@media only screen and (max-width: 1024px) {
    .sub-navigation .link-list-item {
        flex-grow: 1;
        flex-basis: 0
    }
}

.sub-navigation .link {
    display: inline-flex;
    align-items: flex-start;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    padding: 14px 0;
    color: #758ea3;
    transition: color .2s ease-in-out, background .2s ease-in-out
}

.sub-navigation .link:hover {
    color: #fffc
}

.sub-navigation .link.active {
    color: #f9fafb;
    border-bottom: 1px solid #4BB87D
}

@media only screen and (max-width: 1024px) {
    .sub-navigation .link {
        position: relative;
        flex-direction: column;
        align-items: center;
        flex-grow: 1;
        width: 100%;
        padding: 14px 0 20px
    }
}

.sub-navigation .badge {
    --badgeColor: 255, 255, 255;
    display: inline-flex;
    padding: .1rem;
    margin-left: .4rem;
    border-radius: 1px;
    line-height: .8rem;
    color: rgb(var(--badgeColor));
    background: rgba(var(--badgeColor), 10%);
    text-transform: uppercase;
    font-size: .8rem
}

@media only screen and (max-width: 1024px) {
    .sub-navigation .badge {
        position: absolute;
        bottom: 8px
    }
}

.select-sub-navigation {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.select-sub-navigation .label {
    color: #939da7;
    display: flex;
    align-items: center
}

.select-sub-navigation .select {
    width: 20rem
}

._root_18owm_1 {
    display: inline-flex
}

._triggerButton_18owm_5 {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 16px;
    border-radius: 3px;
    background-color: #313d47;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color .2s;
    min-width: 180px
}

._triggerButtonText_18owm_20 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    flex-grow: 1;
    line-height: 20px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

._triggerButtonText_18owm_20>span {
    display: flex;
    align-items: center
}

._triggerButtonId_18owm_36 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    margin-left: 4px;
    color: #adb1b5
}

._menu_18owm_44 {
    display: flex;
    width: 280px;
    padding: 8px 0;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    background-color: #222b32;
    border-radius: 3px;
    border: 1px solid #313D47
}

._menu_18owm_44 hr {
    border: 0;
    border-top: 1px solid #313D47;
    margin-top: 8px;
    margin-bottom: 8px
}

._menuItem_18owm_62 {
    padding: 12px 16px;
    display: flex;
    gap: 8px;
    flex-grow: 1;
    align-items: center;
    cursor: pointer
}

._menuItem_18owm_62:hover {
    background-color: #2f383e
}

._menuItem_18owm_62._active_18owm_73 {
    background-color: #316f561a
}

._menuItem_18owm_62._active_18owm_73:hover {
    background-color: #2f3e40
}

._menuItemText_18owm_80 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex-grow: 1
}

._menuItemPrimaryText_18owm_87 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #fff;
    display: flex;
    gap: 4px;
    align-items: center
}

._menuItemIdNumber_18owm_97 {
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    color: #adb1b5
}

._menuItemSecondaryText_18owm_104 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    color: #adb1b5
}

._dividerText_18owm_112 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #adb1b5;
    padding: 6px 16px;
    letter-spacing: 1.2px
}

._selectIndicator_18owm_123 {
    width: fit-content;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px
}

.sub-header {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0 20px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px
}

@media only screen and (max-width: 1024px) {
    .sub-header {
        flex-direction: column
    }
}

.sub-header .sub-navigation {
    flex: 1
}

@media only screen and (max-width: 1024px) {
    .sub-header .sub-navigation {
        width: 100%
    }
}

.sub-header .additional-nav {
    display: inline-flex;
    justify-content: center;
    gap: 8px;
    align-items: center
}

@media only screen and (max-width: 1024px) {
    .sub-header .additional-nav {
        width: 100%;
        order: 1;
        align-self: flex-start;
        align-items: flex-start;
        justify-content: flex-end
    }
}

@media only screen and (max-width: 430px) {
    .sub-header .additional-nav {
        justify-content: space-between;
        gap: 8px
    }
}

.sub-header .additional-nav .select-wrapper {
    display: flex;
    gap: 8px
}

@media only screen and (max-width: 1024px) {
    .sub-header .additional-nav .select-wrapper {
        flex-direction: column
    }
}

.cdp-history-graph-wrapper {
    height: 500px
}

.cdp-history-graph-wrapper>* {
    flex: 1 1 100%;
    text-align: center
}

.maker-history-wrapper .main-section-wrapper>* {
    flex: 1 1 100%
}

.maker-history-wrapper .history-table-wrapper {
    margin: 40px 0
}

.link-card {
    flex: 1 0 auto;
    display: grid;
    grid-template-areas: "header content manage";
    grid-template-columns: max-content auto 13rem;
    grid-template-rows: 1fr;
    grid-gap: 2rem;
    color: #fff;
    background-color: #263442;
    border-radius: 3px;
    padding: 2rem;
    cursor: pointer;
    transition: box-shadow .2s ease-in-out
}

.link-card:hover {
    box-shadow: 0 0 20px -10px #000
}

@media only screen and (max-width: 650px) {
    .link-card {
        flex: auto;
        padding: 2rem 2.5rem
    }

    .link-card svg {
        flex: 1 0 auto
    }
}

@media only screen and (max-width: 1130px) {
    .link-card {
        grid-template-areas: "header" "content" "manage";
        grid-template-columns: 1fr
    }
}

.link-card__header {
    grid-area: header;
    display: flex;
    align-items: center
}

.link-card__header svg {
    margin-right: 1.5rem;
    height: 4rem;
    width: 4rem
}

.link-card__title-group {
    display: flex;
    flex-direction: column
}

.link-card__subtitle {
    font-weight: 400;
    font-size: 1.4rem;
    color: #939da7;
    margin: 0
}

.link-card__title {
    font-weight: 400;
    font-size: 2rem;
    margin: 0
}

.link-card__content {
    grid-area: content;
    justify-content: end
}

@media only screen and (max-width: 1130px) {
    .link-card__content {
        justify-content: start
    }
}

@media only screen and (max-width: 650px) {
    .link-card__content {
        grid-template-columns: 1fr
    }
}

.link-card__content .data-item-wrapper {
    justify-self: end
}

@media only screen and (max-width: 1130px) {
    .link-card__content .data-item-wrapper {
        justify-self: start
    }
}

@media only screen and (max-width: 650px) {
    .link-card__content .data-item-wrapper {
        padding: 0 !important
    }
}

.link-card__content .data-item-wrapper .label-wrapper {
    font-size: 1.4rem !important
}

.link-card__content .data-item-wrapper .value-wrapper {
    font-size: 2rem !important
}

.link-card__manage {
    grid-area: manage;
    margin-left: auto;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 1130px) {
    .link-card__manage {
        margin-left: unset
    }
}

.link-card__manage .button {
    background: #3a4750
}

.notify-landing {
    color: #fff
}

.notify-landing__content {
    background: #1b252b !important;
    padding: 3rem 5rem
}

@media only screen and (max-width: 650px) {
    .notify-landing__content {
        padding: 2rem
    }
}

.notify-landing__title,
.notify-landing__title--no-margin {
    font-size: 2.5rem;
    margin: 0 0 2rem;
    font-weight: 400;
    color: #fff
}

.notify-landing__title--no-margin {
    margin-bottom: 1rem
}

.notify-landing__item:not(:last-of-type) {
    margin-bottom: 4rem
}

@media only screen and (max-width: 1130px) {
    .notify-landing__item>.grid {
        grid-template-columns: 1fr
    }
}

.notify-landing__item p {
    color: #939da7;
    line-height: 1.5em
}

.notify-predefined-monitor {
    color: #fff;
    background-color: #263442;
    border-radius: 3px;
    padding: 2rem 2.5rem;
    cursor: pointer;
    transition: box-shadow .2s ease-in-out
}

.notify-predefined-monitor:hover {
    box-shadow: 0 0 20px -10px #000
}

.notify-predefined-monitor__title {
    font-size: 2.3rem;
    font-weight: 400;
    margin: 0 0 .5rem
}

.notify-predefined-monitor__description {
    font-size: 1.4rem;
    color: #939da7;
    margin: 0 0 2rem;
    line-height: 1.4em
}

.notify-predefined-monitor__more {
    font-size: 1.4rem;
    margin: 0
}

.user-wallet-tab-wrapper {
    padding: 45px;
    background: linear-gradient(to bottom, #2b3943, #1a242b)
}

.user-wallet-tab-wrapper .title {
    font-size: 2rem;
    margin-bottom: 13px;
    color: #fff
}

.user-wallet-tab-wrapper .description {
    color: #939da7;
    line-height: 1.4em;
    margin-bottom: 2em;
    max-width: 600px
}

.user-wallet-tab-wrapper .description a {
    color: #fff;
    text-decoration: underline
}

@media only screen and (max-width: 1130px) {
    .user-wallet-tab-wrapper {
        margin-left: auto;
        margin-right: auto;
        width: 100%
    }
}

.liquity-manage-stats-wrapper {
    padding: 30px 20px 30px 0;
    flex-basis: 30%
}

@media only screen and (max-width: 1130px) {
    .liquity-manage-stats-wrapper {
        padding: 20px
    }
}

@media only screen and (max-width: 650px) {
    .liquity-manage-stats-wrapper {
        width: 100%;
        padding: 10px 20px 20px
    }
}

.liquity-manage-stats-wrapper .data-item-wrapper {
    margin-bottom: 12px
}

.liquity-manage-stats-wrapper .has-separator {
    border-top: 1px solid rgba(55, 176, 111, .5);
    padding-top: 12px
}

.liquity-manage-stats-wrapper .note {
    font-style: italic;
    color: #939da7;
    line-height: 1.5em
}

.liquity-manage-wrapper {
    color: #939da7
}

.liquity-manage-wrapper .main-subsection {
    flex-grow: 1;
    padding: 30px 30px 30px 20px
}

.liquity-manage-wrapper .main-subsection .warning-box-wrapper {
    margin-top: 15px
}

.liquity-manage-wrapper .actions-section-wrapper .tab-content .action-items-wrapper {
    justify-content: flex-start
}

.liquity-manage-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item:not(:last-child) {
    margin-right: 60px
}

@media only screen and (max-width: 1130px) {
    .liquity-manage-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item:not(:last-child) {
        margin-right: 0
    }
}

@media only screen and (max-width: 650px) {
    .liquity-manage-wrapper .actions-section-wrapper .tab-content .action-items-wrapper .item {
        max-width: 510px
    }
}

@media only screen and (max-width: 1130px) {
    .liquity-manage-wrapper .content-wrapper .tabs-wrapper {
        max-width: 650px;
        width: 100%
    }

    .liquity-manage-wrapper .content-wrapper .main-subsections-wrapper {
        flex-direction: column
    }
}

@media only screen and (max-width: 650px) {
    .liquity-manage-wrapper .content-wrapper {
        padding: 0
    }

    .liquity-manage-wrapper .content-wrapper .mobile-action-picker-wrapper {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .liquity-manage-wrapper .content-wrapper .main-section-wrapper .tabs-wrapper {
        margin-bottom: 0
    }

    .liquity-manage-wrapper .content-wrapper .main-section-wrapper .main-subsections-wrapper .main-subsection {
        padding: 0
    }
}

.redemption-warning--padding {
    padding: 0 20px 20px
}

.chicken-bonds__create,
.chicken-bonds__create--disabled {
    background-color: #295446;
    font-size: 1.3rem;
    padding: .8rem 1rem;
    height: auto;
    text-decoration: none;
    border-radius: 3px
}

.chicken-bonds__create:hover,
.chicken-bonds__create--disabled:hover {
    background: #1f4a3c !important;
    opacity: 1
}

.chicken-bonds__create .label,
.chicken-bonds__create--disabled .label {
    display: flex;
    align-items: center;
    color: #fff
}

.chicken-bonds__create .icon,
.chicken-bonds__create--disabled .icon {
    margin-right: 1rem
}

.chicken-bonds__create--disabled {
    background: #61717e;
    color: #89939d;
    cursor: not-allowed
}

.chicken-bonds__create--disabled:hover {
    background: #61717e !important
}

.chicken-bonds__sub-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px
}

@media only screen and (max-width: 1024px) {
    .chicken-bonds__sub-header {
        padding: 0 20px
    }
}

@media only screen and (max-width: 375px) {
    .chicken-bonds__sub-header {
        flex-direction: column;
        align-items: flex-start
    }
}

.chicken-bonds__checkbox-filter .label-text {
    line-height: 0 !important;
    color: #fff
}

@media only screen and (max-width: 375px) {
    .chicken-bonds__checkbox-filter .label-text {
        line-height: 57px !important
    }
}

.chicken-bonds__checkbox-filter .checkbox-wrapper {
    border-color: #37b06f !important
}

.chicken-bonds__bonds-wrapper {
    margin-top: 20px;
    --gridGap: 3rem;
    --gridColumns: 2
}

@media only screen and (max-width: 1130px) {
    .chicken-bonds__bonds-wrapper {
        --gridColumns: 1
    }
}

@media only screen and (max-width: 1024px) {
    .chicken-bonds__bonds-wrapper {
        padding: 0 20px
    }
}

@media only screen and (max-width: 375px) {
    .chicken-bonds__bonds-wrapper {
        margin-top: 0
    }
}

.chicken-bonds__buttons {
    display: flex;
    gap: 10px
}

.chicken-bond-card {
    background-color: #2b3943;
    border-radius: 3px;
    padding: 24px;
    position: relative
}

.chicken-bond-card>div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start
}

.chicken-bond-card>:nth-child(2) {
    align-items: flex-end
}

.chicken-bond-card .spacer {
    display: none
}

.chicken-bond-card__id {
    display: inline-block;
    color: #fff;
    padding: 5px;
    border-radius: 3px;
    background-color: #364653;
    font-size: 16px;
    cursor: pointer
}

.chicken-bond-card__id:hover {
    background-color: #32414d
}

.chicken-bond-card__label {
    color: #939da7
}

.chicken-bond-card__status,
.chicken-bond-card__status--5,
.chicken-bond-card__status--4,
.chicken-bond-card__status--3,
.chicken-bond-card__status--2,
.chicken-bond-card__status--1 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    border-radius: 3px;
    margin-left: 8px
}

.chicken-bond-card__status--1 {
    background-color: #f2c94c4d
}

.chicken-bond-card__status--2,
.chicken-bond-card__status--3 {
    background-color: #ffffff4d
}

.chicken-bond-card__status--4 {
    background-color: #56ccf2b3
}

.chicken-bond-card__status--5 {
    background-color: #37b06fb3
}

.chicken-bond-card__status svg,
.chicken-bond-card__status--1 svg,
.chicken-bond-card__status--2 svg,
.chicken-bond-card__status--3 svg,
.chicken-bond-card__status--4 svg,
.chicken-bond-card__status--5 svg {
    margin-left: 4px;
    margin-top: -3px;
    vertical-align: middle
}

.chicken-bond-card__sw-icon {
    margin-left: 10px;
    line-height: 0
}

.chicken-bond-card__sw-icon path {
    stroke: #939da7 !important
}

.chicken-bond-card__sw-icon>div {
    line-height: 0
}

@media only screen and (max-width: 650px) {
    .chicken-bond-card {
        flex-direction: column
    }

    .chicken-bond-card>:first-child {
        margin-bottom: 20px
    }

    .chicken-bond-card>:nth-child(2) {
        align-items: flex-start
    }

    .chicken-bond-card .data-item-wrapper {
        padding: 0 !important
    }
}

.chicken-bond-card__automation {
    height: 30px
}

.chicken-bond-card__automation svg {
    position: absolute;
    top: 18px;
    right: 18px
}

.button-dropdown {
    position: relative
}

.button-dropdown>:first-child .arrow-caret-thick-icon {
    margin-left: 10px
}

.button-dropdown>:nth-child(2) {
    display: none;
    position: absolute;
    left: 0;
    background-color: #253038;
    z-index: 100;
    animation: show-dropdown .1s ease-out;
    border-radius: 3px;
    padding: 5px 0;
    box-shadow: 0 6px 20px #0003
}

.button-dropdown>:nth-child(2) .button.disabled {
    color: #89939d
}

.button-dropdown>:nth-child(2) .button.disabled:hover {
    cursor: not-allowed
}

.button-dropdown>:nth-child(2)>* {
    white-space: nowrap
}

.button-dropdown:hover>:nth-child(2) {
    display: block
}

.chicken-bonds-overview {
    flex-grow: unset !important;
    margin: 25px 0
}

.chicken-bonds-overview .label-wrapper span {
    white-space: nowrap
}

.chicken-bonds-overview__panel {
    padding: 20px;
    display: flex
}

@media only screen and (max-width: 650px) {
    .chicken-bonds-overview__panel {
        flex-direction: column
    }
}

.chicken-bonds-overview__spacer {
    flex-grow: 1
}

.chicken-bonds-overview__panel-right {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-end
}

@media only screen and (max-width: 650px) {
    .chicken-bonds-overview__panel-right {
        flex-direction: column
    }
}

.saver-congestion-disclaimer__content {
    color: #fff;
    white-space: break-spaces
}

.saver-congestion-disclaimer__content :first-child {
    margin-top: 0
}

.saver-congestion-disclaimer__content :last-child {
    margin-bottom: 0
}

.saver-congestion-disclaimer__content a {
    text-decoration: underline
}

.saver-congestion-disclaimer__content li {
    margin-bottom: 5px
}

.saver-congestion-disclaimer__content ul {
    padding-left: 2rem
}

.section-header,
.section-header--with-btn {
    background: #313d47;
    border-radius: 3px 3px 0 0
}

.section-header__content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 4rem 2rem
}

@media only screen and (max-width: 650px) {
    .section-header__content {
        padding: 2rem 2rem 3rem
    }
}

.section-header__content svg {
    margin-right: 1rem
}

.section-header__title {
    font-size: 2rem;
    font-weight: 400;
    color: #fff;
    margin: 0 0 2rem
}

@media only screen and (max-width: 650px) {
    .section-header__title {
        margin-top: 1rem
    }
}

.section-header__subtitle {
    font-size: 1.4rem;
    color: #939da7;
    margin: 0
}

.section-header--with-btn .button {
    align-self: flex-start;
    background-color: #202931;
    font-size: 1.2rem;
    padding: .8rem 1rem;
    height: auto;
    text-decoration: none;
    border-radius: 3px
}

.section-header--with-btn .section-header__content {
    padding-top: 2rem
}

.protocol-saver-manage .main-section-wrapper {
    background: #1b252b
}

.protocol-saver-manage__header .button {
    align-self: flex-start
}

.protocol-saver-manage__content {
    padding: 3rem 2rem
}

@media only screen and (max-width: 650px) {
    .protocol-saver-manage__content {
        padding: 2rem
    }
}

.protocol-saver-manage__title {
    font-weight: 400;
    font-size: 1.4rem;
    color: #fff;
    margin: 0 0 2rem
}

.protocol-saver-manage__description {
    font-weight: 400;
    font-size: 1.4rem;
    color: #939da7;
    margin: 0
}

.protocol-saver-manage__position-status {
    background: #1f2c35;
    padding: 2rem;
    border-radius: 3px
}

.protocol-saver-manage__position-status .data-item-wrapper .label-value-wrapper {
    margin: 0
}

.protocol-saver-manage__position-status .data-item-wrapper .label-wrapper {
    font-size: 1.2rem
}

@media only screen and (max-width: 650px) {
    .protocol-saver-manage__position-status .data-item-wrapper {
        padding: 0 !important
    }
}

.protocol-saver-manage__position-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2rem
}

.protocol-saver-manage__details {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-gap: 2rem
}

@media only screen and (max-width: 1130px) {
    .protocol-saver-manage__details {
        grid-template-columns: 1fr
    }
}

.protocol-saver-manage .saver-congestion-disclaimer,
.protocol-saver-manage .warning-box-wrapper,
.protocol-saver-manage__modify {
    width: 100%
}

.protocol-saver-manage__modify .information-box-wrapper {
    margin-top: 1.5rem
}

.protocol-saver-manage__history,
.protocol-saver-manage .error-box-wrapper {
    width: 100%
}

.liquity-history-wrapper .main-section-wrapper>* {
    flex: 1 1 100%
}

.liquity-history-wrapper .history-table-wrapper {
    margin: 0
}

.dashboard-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column
}

.moneymarket-supply-graph-wrapper {
    flex-basis: 100%;
    color: #939da7
}

.moneymarket-supply-graph-wrapper h2 {
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    line-height: 32px
}

.moneymarket-supply-graph-wrapper h3 {
    font-weight: 400;
    margin: 0;
    font-size: 14px;
    line-height: 25px
}

.moneymarket-supply-wrapper {
    background: linear-gradient(to bottom, #2b3943, #1a242b);
    border-bottom-left-radius: 3px;
    max-width: 300px
}

.moneymarket-supply-wrapper .data-item-wrapper.standard .after-value {
    height: auto
}

@media only screen and (max-width: 1130px) {
    .moneymarket-supply-wrapper {
        max-width: none;
        border-radius: 0
    }
}

.compound-manage-borrow-graph-wrapper {
    flex-basis: 100%;
    color: #939da7
}

.compound-manage-borrow-graph-wrapper h2 {
    font-weight: 400;
    margin: 0;
    font-size: 20px;
    line-height: 32px
}

.compound-manage-borrow-graph-wrapper h3 {
    font-weight: 400;
    margin: 0;
    font-size: 14px;
    line-height: 25px
}

.compound-manage-borrow-wrapper .top-wrapper {
    display: flex;
    justify-content: space-between
}

.compound-manage-borrow-wrapper .top-wrapper .data-item-wrapper.standard .after-value {
    height: auto
}

.compound-manage-borrow-wrapper .top-wrapper .data-item-wrapper.highlighted {
    padding-top: 0;
    margin: 0;
    height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper {
    width: 100%;
    max-width: 280px
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slide-inner-wrapper {
    padding: 0 5px
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .data-item-wrapper:first-child {
    margin-bottom: 10px
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider .slick-slide div {
    outline: none
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider ul {
    display: flex !important;
    margin: 5px -5px 0 0;
    padding: 0 10px;
    justify-content: flex-end;
    list-style-type: none
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider ul li {
    height: 10px
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider ul li::marker {
    content: none
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider ul li button {
    font-size: 0;
    height: 12px;
    width: 18px;
    border: 0;
    outline: none;
    margin: 0;
    padding: 0;
    background: transparent;
    position: relative;
    vertical-align: top;
    cursor: pointer
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider ul li button:after {
    content: "";
    width: 12px;
    height: 4px;
    background-color: #939da7;
    top: 3px;
    left: 3px;
    position: absolute;
    display: block;
    border-radius: 2px;
    box-shadow: 0 0 3px 2px #37b06f00;
    transition: .3s
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider ul li button:hover:after {
    box-shadow: 0 0 3px 2px #37b06f80
}

.compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper .slick-slider ul li.slick-active button:after {
    background-color: #37b06f
}

@media only screen and (max-width: 720px) {
    .compound-manage-borrow-wrapper .top-wrapper {
        flex-direction: column;
        height: auto !important;
        align-items: flex-start !important;
        padding: 10px 0
    }

    .compound-manage-borrow-wrapper .top-wrapper .top-right-wrapper {
        max-width: none;
        padding: 10px 20px
    }
}

@media only screen and (max-width: 650px) {
    .compound-manage-borrow-wrapper .top-wrapper .Flex {
        flex-direction: column;
        width: 100%
    }
}

.styled-table-wrapper {
    max-width: 100%;
    overflow: auto;
    color: #fff;
    border-radius: 3px
}

.styled-table-wrapper table {
    width: 100%;
    border-collapse: collapse
}

.styled-table-wrapper table thead tr {
    background-color: #2b3943
}

.styled-table-wrapper table tbody tr {
    background-color: #253038;
    border-bottom: 1px solid #2B3943
}

.styled-table-wrapper table tbody tr:last-child {
    border: 0
}

.styled-table-wrapper table td,
.styled-table-wrapper table th {
    text-align: right
}

@media only screen and (max-width: 650px) {

    .styled-table-wrapper table td,
    .styled-table-wrapper table th {
        white-space: nowrap
    }
}

.styled-table-wrapper table td:first-child,
.styled-table-wrapper table th:first-child {
    text-align: left
}

.styled-table-wrapper table td:last-child,
.styled-table-wrapper table th:last-child {
    text-align: right
}

.styled-table-wrapper table td.right,
.styled-table-wrapper table th.right {
    text-align: right
}

.styled-table-wrapper table td.left,
.styled-table-wrapper table th.left {
    text-align: left
}

.styled-table-wrapper table td.center,
.styled-table-wrapper table th.center {
    text-align: center
}

.styled-table-wrapper table th {
    color: #939da7;
    padding: 12px 14px;
    font-weight: 400
}

.styled-table-wrapper table td {
    padding: 15px
}

.styled-table-wrapper table a {
    text-decoration: underline
}

.styled-table-wrapper table .pill {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    padding: 0 8px;
    background-color: #c379ff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    vertical-align: text-top
}

.styled-table-wrapper table .empty {
    opacity: .3
}

.styled-table-wrapper.clickable tbody tr {
    cursor: pointer;
    transition: background-color .2s
}

.styled-table-wrapper.clickable tbody tr:hover {
    background-color: #29353e
}

.assets-table-wrapper .title {
    margin-bottom: 25px;
    font-size: 2rem;
    color: #fff
}

@media only screen and (max-width: 1110px) {
    .assets-table-wrapper .title {
        margin-left: 10px
    }
}

.assets-table-wrapper .styled-table-wrapper {
    box-shadow: 0 4px 4px #00000040;
    display: flex;
    align-items: center;
    border-radius: 3px
}

.assets-table-wrapper.loading .styled-table-wrapper {
    justify-content: center;
    min-height: 200px
}

.assets-table-wrapper.has-after tbody tr:not(.after) {
    display: none
}

.assets-table-wrapper table {
    background: linear-gradient(180deg, #2b3943, #2b394375 92.86%)
}

.assets-table-wrapper table.native-asset {
    margin-bottom: 30px;
    border-radius: 3px;
    overflow: hidden
}

.assets-table-wrapper table.native-asset th span {
    display: flex;
    align-items: center
}

.assets-table-wrapper table.native-asset th span svg {
    margin-right: 5px
}

.assets-table-wrapper table.native-asset .content {
    display: inline-flex;
    flex-direction: column
}

.assets-table-wrapper table th,
.assets-table-wrapper table tr.row-header {
    text-align: left;
    border-bottom: none;
    color: #fff6;
    padding-top: 13px;
    padding-bottom: 13px
}

.assets-table-wrapper table th:first-child,
.assets-table-wrapper table tr.row-header:first-child {
    padding-left: 20px
}

.assets-table-wrapper table th:last-child,
.assets-table-wrapper table tr.row-header:last-child {
    padding-right: 20px
}

.assets-table-wrapper table th {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.assets-table-wrapper table th.unavailable {
    cursor: auto
}

.assets-table-wrapper table th svg {
    margin-left: 5px
}

.assets-table-wrapper table th.asc svg:not(.icon) path:first-child {
    fill: #b2bac0
}

.assets-table-wrapper table th.desc svg:not(.icon) path:nth-child(2) {
    fill: #b2bac0
}

.assets-table-wrapper table .icon {
    margin-bottom: -5px;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.assets-table-wrapper table tbody tr {
    cursor: default
}

.assets-table-wrapper table tbody tr td {
    text-align: left;
    padding: 13px
}

.assets-table-wrapper table tbody tr td.disabled {
    opacity: .5
}

.assets-table-wrapper table tbody tr td:first-child {
    padding-left: 20px
}

.assets-table-wrapper table tbody tr td:first-child svg {
    margin-right: 13px;
    width: 30px;
    height: 30px;
    vertical-align: bottom
}

.assets-table-wrapper table tbody tr td:last-child {
    padding-right: 20px
}

.assets-table-wrapper table tbody tr td .button {
    padding: 2px 15px;
    height: 29px
}

.assets-table-wrapper table tbody tr td .button.aave-rate-button {
    width: 132px
}

.assets-table-wrapper table tbody tr td .additional-label {
    padding: 5px 4px 3px;
    background: #91792e;
    font-size: .9em;
    border-radius: 3px;
    display: inline-block;
    line-height: 1em;
    margin-top: 3px
}

.assets-table-wrapper table tbody tr.first-level .asset .text {
    display: inline-flex !important;
    flex-direction: column;
    line-height: 1;
    justify-content: center;
    min-height: 30px
}

.assets-table-wrapper table tbody tr.first-level .asset .text .tooltip {
    margin-top: 3px;
    opacity: .5
}

.assets-table-wrapper table tbody tr.first-level .asset .text .tooltip .icon-Info-circle {
    height: 14px;
    width: 14px;
    margin-right: 0
}

.assets-table-wrapper table tbody tr.first-level .asset .text .tooltip .icon-Info-circle path {
    fill: #fff
}

.assets-table-wrapper table tbody tr.first-level:not(:last-child) {
    border-bottom: 1px solid #39434D
}

.assets-table-wrapper table tbody tr.first-level.has-content {
    background: #38434d
}

.assets-table-wrapper table tbody tr.first-level.has-content:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.has-content:nth-child(odd):hover {
    background: #38434d
}

.assets-table-wrapper table tbody tr.first-level.supply,
.assets-table-wrapper table tbody tr.first-level.collateral,
.assets-table-wrapper table tbody tr.first-level.borrow,
.assets-table-wrapper table tbody tr.first-level.boost {
    background: #53317b;
    border-bottom: 1px solid #C379FF
}

.assets-table-wrapper table tbody tr.first-level.supply:hover,
.assets-table-wrapper table tbody tr.first-level.supply:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.supply:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.first-level.collateral:hover,
.assets-table-wrapper table tbody tr.first-level.collateral:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.collateral:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.first-level.borrow:hover,
.assets-table-wrapper table tbody tr.first-level.borrow:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.borrow:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.first-level.boost:hover,
.assets-table-wrapper table tbody tr.first-level.boost:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.boost:nth-child(odd):hover {
    background: #53317b
}

.assets-table-wrapper table tbody tr.first-level.withdraw,
.assets-table-wrapper table tbody tr.first-level.payback,
.assets-table-wrapper table tbody tr.first-level.repay {
    background: #504926;
    border-bottom: 1px solid #F2C94C
}

.assets-table-wrapper table tbody tr.first-level.withdraw:hover,
.assets-table-wrapper table tbody tr.first-level.withdraw:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.withdraw:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.first-level.payback:hover,
.assets-table-wrapper table tbody tr.first-level.payback:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.payback:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.first-level.repay:hover,
.assets-table-wrapper table tbody tr.first-level.repay:nth-child(odd),
.assets-table-wrapper table tbody tr.first-level.repay:nth-child(odd):hover {
    background: #504926
}

.assets-table-wrapper table tbody tr.after-level td:first-child {
    padding-left: 20px
}

.assets-table-wrapper table tbody tr.after-level.supply,
.assets-table-wrapper table tbody tr.after-level.collateral,
.assets-table-wrapper table tbody tr.after-level.borrow,
.assets-table-wrapper table tbody tr.after-level.boost {
    background: #53317b;
    border-bottom: 4px solid #C379FF
}

.assets-table-wrapper table tbody tr.after-level.supply:hover,
.assets-table-wrapper table tbody tr.after-level.supply:nth-child(odd),
.assets-table-wrapper table tbody tr.after-level.supply:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.after-level.collateral:hover,
.assets-table-wrapper table tbody tr.after-level.collateral:nth-child(odd),
.assets-table-wrapper table tbody tr.after-level.collateral:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.after-level.borrow:hover,
.assets-table-wrapper table tbody tr.after-level.borrow:nth-child(odd),
.assets-table-wrapper table tbody tr.after-level.borrow:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.after-level.boost:hover,
.assets-table-wrapper table tbody tr.after-level.boost:nth-child(odd),
.assets-table-wrapper table tbody tr.after-level.boost:nth-child(odd):hover {
    background: #53317b
}

.assets-table-wrapper table tbody tr.after-level.supply td:not(:first-child),
.assets-table-wrapper table tbody tr.after-level.collateral td:not(:first-child),
.assets-table-wrapper table tbody tr.after-level.borrow td:not(:first-child),
.assets-table-wrapper table tbody tr.after-level.boost td:not(:first-child) {
    color: #c379ff
}

.assets-table-wrapper table tbody tr.after-level.withdraw,
.assets-table-wrapper table tbody tr.after-level.payback,
.assets-table-wrapper table tbody tr.after-level.repay {
    background: #504926;
    border-bottom: 4px solid #F2C94C
}

.assets-table-wrapper table tbody tr.after-level.withdraw:hover,
.assets-table-wrapper table tbody tr.after-level.withdraw:nth-child(odd),
.assets-table-wrapper table tbody tr.after-level.withdraw:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.after-level.payback:hover,
.assets-table-wrapper table tbody tr.after-level.payback:nth-child(odd),
.assets-table-wrapper table tbody tr.after-level.payback:nth-child(odd):hover,
.assets-table-wrapper table tbody tr.after-level.repay:hover,
.assets-table-wrapper table tbody tr.after-level.repay:nth-child(odd),
.assets-table-wrapper table tbody tr.after-level.repay:nth-child(odd):hover {
    background: #504926
}

.assets-table-wrapper table tbody tr.after-level.withdraw td:not(:first-child),
.assets-table-wrapper table tbody tr.after-level.payback td:not(:first-child),
.assets-table-wrapper table tbody tr.after-level.repay td:not(:first-child) {
    color: #f2c94c
}

@media only screen and (max-width: 650px) {
    .assets-table-wrapper {
        margin-top: 40px
    }
}

.assets-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.assets-table-header.has-filter {
    margin-bottom: 10px
}

.assets-table-header.has-filter .title {
    margin-bottom: 0
}

.assets-table-header .form-item-wrapper.checkbox {
    color: #fff
}

.assets-table-header .form-item-wrapper.checkbox .label-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.assets-table-header .form-item-wrapper.checkbox .label-wrapper .checkbox-wrapper {
    padding: 2px;
    border: 1px solid #37B06F
}

.assets-table-header .form-item-wrapper.checkbox:not(.active):hover .label-wrapper .checkbox-wrapper {
    background: #ffffff1a
}

.assets-table-header .form-item-wrapper.checkbox.active .label-wrapper .checkbox-wrapper .box {
    background: #37b06f
}

.assets-table-header .title {
    margin-bottom: 25px;
    font-size: 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 24px
}

@media only screen and (max-width: 1110px) {
    .assets-table-header .title {
        margin-left: 10px
    }
}

._wrapper_16ebr_1 {
    display: flex;
    align-items: center
}

._wrapper_16ebr_1 svg {
    height: 16px;
    margin-right: 6px;
    vertical-align: text-top
}

._wrapper_16ebr_1 ._labelWrapper_16ebr_10 {
    margin-bottom: 0;
    margin-right: 10px;
    display: flex;
    align-items: center
}

._wrapper_16ebr_1 ._labelWrapper_16ebr_10 ._label_16ebr_10 {
    font-size: 1.4rem;
    color: #939da7;
    margin-bottom: 1px
}

._wrapper_16ebr_1 ._valueWrapper_16ebr_21 {
    font-size: 1.6rem;
    font-weight: 400;
    color: #fff
}

._wrapper_16ebr_1 ._valueWrapper_16ebr_21 .loading-placeholder {
    height: 22px;
    width: 70px
}

._wrapper_16ebr_1 ._valueWrapper_16ebr_21 ._value_16ebr_21 {
    background: #f2c94c1a;
    border: 1px solid #f78e1e;
    padding: 6px 8px;
    border-radius: 3px
}

._wrapper_16ebr_1 ._valueWrapper_16ebr_21 ._value_16ebr_21 ._valueInner_16ebr_36 {
    display: flex;
    align-items: center;
    gap: 2px
}

.moneymarket-sub-header-right-wrapper {
    display: flex;
    flex-direction: row;
    gap: .8rem
}

.moneymarket-sub-header-right-wrapper .right-item {
    display: flex;
    align-items: center
}

.moneymarket-sub-header-right-wrapper .right-item .label {
    color: #939da7;
    margin-right: 5px
}

@media only screen and (max-width: 650px) {
    .moneymarket-sub-header-right-wrapper {
        width: 100%;
        flex-direction: column
    }

    .moneymarket-sub-header-right-wrapper .right-item {
        width: 100%;
        justify-content: space-between
    }

    .moneymarket-sub-header-right-wrapper .right-item .icon {
        display: none
    }

    .moneymarket-sub-header-right-wrapper .right-item:not(:last-child) {
        margin-bottom: 20px
    }

    .moneymarket-sub-header-right-wrapper .divider {
        display: none
    }

    .moneymarket-sub-header-right-wrapper .data-item-wrapper .label-value-wrapper {
        justify-content: space-between
    }

    .moneymarket-sub-header-right-wrapper .data-item-wrapper .arrow-icon {
        flex-grow: 0
    }

    .moneymarket-sub-header-right-wrapper .data-item-wrapper .after-value {
        width: fit-content
    }
}

.market-info-table-wrapper .header-add-ons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #1d252b;
    letter-spacing: .16px;
    font-size: 12px;
    line-height: 12px;
    color: #adb1b5;
    font-weight: 500;
    height: 64px;
    padding: 0 14px;
    border: 1px solid #465059;
    border-bottom: none;
    border-radius: 4px 4px 0 0
}

.market-info-table-wrapper .header-add-ons .title {
    font-size: 1.8rem
}

.market-info-table-wrapper .header-add-ons .Switch {
    background: #161f25;
    padding: 4px
}

.market-info-table-wrapper .header-add-ons .Switch>div {
    background: transparent;
    font-size: 1.2rem;
    width: auto;
    height: auto;
    padding: 8px 12px;
    line-height: 16px;
    text-transform: uppercase;
    border: 1px solid transparent
}

.market-info-table-wrapper .header-add-ons .Switch>div:hover {
    background: #ffffff0d
}

.market-info-table-wrapper .header-add-ons .Switch>div.active {
    background: #222b32;
    border-color: #313d47
}

.market-info-table-wrapper .header-add-ons .Switch>div.active:hover {
    background-color: #2d363c
}

.market-info-table-wrapper table {
    margin-bottom: 130px !important
}

.market-info-table-wrapper table .format-asset div {
    display: flex;
    gap: 10px;
    align-items: center
}

.market-info-table-wrapper table .format-asset div .text-column {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start
}

.market-info-table-wrapper table .format-asset div .text-column .symbol {
    display: flex;
    gap: 6px;
    align-items: center
}

.market-info-table-wrapper table .format-asset div .text-column .symbol .conditions {
    display: flex;
    gap: 4px;
    line-height: 14px
}

.market-info-table-wrapper table .format-asset div .text-column .symbol .conditions svg {
    height: 14px;
    width: 14px
}

.market-info-table-wrapper table .format-asset div .text-column .price {
    font-size: 12px;
    color: #adb1b5
}

.market-info-table-wrapper table thead tr {
    background-color: #2b3943 !important;
    border: 1px solid #465059
}

.market-info-table-wrapper table tbody {
    border: 1px solid #465059
}

.market-info-table-wrapper table tbody tr {
    border-top: 1px solid #465059 !important;
    border-bottom: 1px solid #465059 !important;
    height: auto
}

.market-info-table-wrapper table tbody tr:hover {
    background-color: #2d363c !important
}

.market-info-table-wrapper table .has-after {
    border-bottom: 0 !important
}

.market-info-table-wrapper table .after-row {
    height: 24px;
    border-top: 0 !important
}

.market-info-table-wrapper table .after-row .dfs-table__cell {
    background: #6d399d33 !important;
    color: #b985e9
}

.market-info-table-wrapper table .after-row .dfs-table__cell .gray-out {
    color: #a562e3 !important
}

.market-info-table-wrapper table td {
    padding: 10px 16px;
    vertical-align: top;
    position: relative
}

.market-info-table-wrapper table .icon {
    display: flex;
    align-items: center
}

.market-info-table-wrapper table .indicator {
    height: 10px;
    width: 10px;
    border-radius: 50%
}

.market-info-table-wrapper table .indicator.supply {
    background-color: #519dff
}

.market-info-table-wrapper table .indicator.borrow {
    background-color: #ec9f5f
}

.market-info-table-wrapper table .toggle-collateral {
    display: flex;
    gap: 4px;
    align-items: center;
    line-height: 1em
}

.market-info-table-wrapper table .gray-out {
    color: #adb1b5
}

.market-info-table-wrapper table .info-tooltip-wrapper {
    margin-right: 4px
}

.market-info-table-wrapper table .cell-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
    align-items: flex-start
}

.market-info-table-wrapper table .hover-indicator {
    position: absolute;
    bottom: 0;
    right: 0
}

.market-info-table-wrapper table .additional-hover-data {
    display: none;
    position: absolute;
    background: #253038;
    padding: 12px 16px;
    top: 0;
    right: 0;
    min-height: 100px;
    min-width: 100%;
    pointer-events: none;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    box-shadow: 0 2px 6px 1px #0000004d;
    border-radius: 3px;
    z-index: 1
}

.market-info-table-wrapper table .additional-hover-data>div {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.market-info-table-wrapper table td:hover .additional-hover-data {
    display: flex
}

.market-info-table-wrapper table .incentive span {
    display: flex;
    align-items: center;
    gap: 2px
}

.market-info-table-wrapper table .incentive.p2p {
    justify-content: flex-end
}

.market-info-table-wrapper table th,
.market-info-table-wrapper table .label {
    font-size: 12px;
    font-weight: 400
}

.legacy-table-switch-wrapper {
    padding: 1px;
    border-radius: 3px;
    cursor: pointer;
    height: 40px;
    width: fit-content;
    color: #fff;
    background: linear-gradient(180deg, #90e3b61a, #1992511a)
}

.legacy-table-switch-wrapper.active {
    background: linear-gradient(135deg, #51eb98, #40a3ff 96.83%)
}

.legacy-table-switch-wrapper .legacy-table-switch {
    height: 100%;
    background: linear-gradient(90.22deg, #1d2c2b -.73%, #152624 102.81%);
    border-radius: 3px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 20px;
    padding: 0 16px;
    box-shadow: 0 0 8px #0003 inset
}

.legacy-table-switch-wrapper .legacy-table-switch.active {
    background: linear-gradient(90.2deg, #313725, #223435, #1b3341)
}

.legacy-table-switch-wrapper .legacy-table-switch>div:nth-child(2) {
    margin-right: 8px
}

.legacy-table-switch-wrapper .legacy-table-switch .toggle-wrapper {
    margin-right: 8px
}

.legacy-table-switch-wrapper .legacy-table-switch .feedback {
    color: #37b06f;
    transition: all .2s;
    white-space: nowrap;
    overflow: hidden
}

@media only screen and (max-width: 650px) {
    .moneymarket-page-wrapper.dashboard-page-wrapper .tabs-wrapper {
        margin-bottom: 0
    }

    .moneymarket-page-wrapper.dashboard-page-wrapper .mobile-action-picker-wrapper {
        padding: 20px
    }
}

.moneymarket-page-wrapper.dashboard-page-wrapper .tabs-wrapper .action-items-wrapper {
    max-width: 500px;
    width: 100%;
    margin: 0 auto
}

.moneymarket-page-wrapper.dashboard-page-wrapper .main-section-wrapper {
    background: linear-gradient(180deg, #253038, #172026)
}

.moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper {
    display: flex;
    border-radius: 0 0 3px 3px
}

@media only screen and (max-width: 1130px) {
    .moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper {
        flex-wrap: wrap
    }
}

.moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper .main-subsection {
    padding: 0 20px;
    width: 100%
}

.moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper .main-subsection .top-wrapper {
    display: flex;
    align-items: center;
    height: 135px;
    border-bottom: 1px solid #37B06F
}

.moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper .main-subsection .bottom-wrapper {
    height: 194px;
    display: flex;
    align-items: center
}

.moneymarket-page-wrapper.dashboard-page-wrapper .tabs-wrapper {
    margin-bottom: 0
}

.moneymarket-page-wrapper.dashboard-page-wrapper .tab-content .loader-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.moneymarket-page-wrapper.dashboard-page-wrapper .tab-content .loader-wrapper .loader {
    width: 70px;
    margin: 0
}

.moneymarket-page-wrapper.dashboard-page-wrapper .tab-content .loader-wrapper .message-wrapper {
    margin: 0 0 0 20px
}

.moneymarket-page-wrapper.dashboard-page-wrapper .mobile-action-picker-wrapper .select.box {
    position: relative;
    z-index: 4
}

@media only screen and (max-width: 1130px) {
    .moneymarket-page-wrapper.dashboard-page-wrapper .tabs-wrapper {
        max-width: 650px;
        width: 100%
    }

    .moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper .main-subsection .bottom-wrapper {
        padding: 20px 0;
        height: auto
    }
}

@media only screen and (max-width: 650px) {
    .moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper .main-subsection {
        padding: 0
    }

    .moneymarket-page-wrapper.dashboard-page-wrapper .main-subsections-wrapper .main-subsection .bottom-wrapper {
        padding: 20px
    }

    .moneymarket-page-wrapper.dashboard-page-wrapper .tabs-wrapper {
        max-width: none
    }
}

.compound-page-wrapper .moneymarket-supply-wrapper {
    background: linear-gradient(180deg, #35434d, #1b4943)
}

@media only screen and (max-width: 768px) {
    ._hideOnMobile_19nlf_2 {
        display: none
    }
}

._dropdown_19nlf_7 ._moreButton_19nlf_7 {
    color: var(--color-green-100)
}

._createPositionBanner_hvky7_1 {
    display: grid;
    grid-template-columns: 1fr 30fr 5fr;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #5D917C;
    background: #34765b33
}

._iconWrapper_hvky7_11 {
    padding: 4px;
    width: 40px;
    height: 40px
}

._icon_hvky7_11 {
    width: 32px;
    height: 32px
}

._icon_hvky7_11 svg {
    width: inherit;
    height: inherit
}

._text_hvky7_26 {
    display: grid;
    grid-template-rows: auto
}

._title_hvky7_31 {
    margin-bottom: 4px;
    color: #afdfc5;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px
}

._description_hvky7_40 {
    color: #719f8c;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px
}

._description_hvky7_40 strong {
    overflow: hidden;
    white-space: nowrap;
    max-width: 150px;
    text-overflow: ellipsis;
    font-weight: 500;
    color: #afdfc5
}

@media only screen and (max-width: 650px) {
    ._descriptionBigScreen_hvky7_57 {
        display: none
    }
}

._descriptionSmallScreen_hvky7_62 {
    display: none
}

@media only screen and (max-width: 650px) {
    ._descriptionSmallScreen_hvky7_62 {
        display: block
    }
}

._button_hvky7_71:before {
    font-size: 12px;
    content: "Create Position"
}

@media only screen and (max-width: 650px) {
    ._button_hvky7_71:before {
        content: "Create"
    }
}

._root_qm9tv_1 {
    display: inline-flex;
    gap: .8rem;
    flex-wrap: wrap;
    justify-content: center
}

._versionTriggerButton_qm9tv_8 {
    background-color: #313d47;
    color: #fff;
    padding: 10px 16px;
    border-radius: 3px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px
}

._versionTriggerButton_qm9tv_8 ._versionTriggerButtonInnerLabel_qm9tv_19 {
    display: flex;
    align-items: center;
    line-height: 20px;
    gap: 4px
}

._versionTriggerButton_qm9tv_8 ._versionTriggerButtonInnerLabel_qm9tv_19 ._icons_qm9tv_25 {
    height: 20px;
    display: flex
}

._versionTriggerButton_qm9tv_8 ._versionTriggerButtonInnerLabel_qm9tv_19 ._icons_qm9tv_25 :first-child {
    z-index: 1;
    position: relative
}

._versionTriggerButton_qm9tv_8 ._versionTriggerButtonInnerLabel_qm9tv_19 ._icons_qm9tv_25 :nth-child(2) {
    margin-left: -4px;
    z-index: 0;
    position: relative
}

._versionTriggerButton_qm9tv_8 ._versionTriggerButtonInnerLabel_qm9tv_19 ._icons_qm9tv_25 svg,
._versionTriggerButton_qm9tv_8 ._versionTriggerButtonInnerLabel_qm9tv_19 ._icons_qm9tv_25 img {
    width: 20px;
    height: 20px
}

._versionTriggerButton_qm9tv_8 ._versionTriggerButtonInnerLabel_qm9tv_19 ._body_qm9tv_42 {
    display: flex;
    flex-direction: column;
    gap: var(--space-05)
}

._pills_qm9tv_48 {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 4px
}

._subVersionPills_qm9tv_55 {
    padding-left: 40px
}

._selectOptionWithSubOptions_qm9tv_59 {
    border-top: 1px solid #313D47
}

._selectOptionWithSubOptions_qm9tv_59 .chevron {
    transform: rotate(0);
    transition: transform .3s
}

._selectOption_qm9tv_59,
._selectOptionWithSubOptions_qm9tv_59 {
    background-color: transparent;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    min-width: 180px;
    display: flex;
    flex-direction: column;
    white-space: nowrap
}

._selectOption_qm9tv_59:focus,
._selectOption_qm9tv_59:focus-visible,
._selectOptionWithSubOptions_qm9tv_59:focus,
._selectOptionWithSubOptions_qm9tv_59:focus-visible {
    outline: none
}

._selectOption_qm9tv_59:focus ._selectOptionMainContent_qm9tv_83,
._selectOption_qm9tv_59:focus-visible ._selectOptionMainContent_qm9tv_83,
._selectOptionWithSubOptions_qm9tv_59:focus ._selectOptionMainContent_qm9tv_83,
._selectOptionWithSubOptions_qm9tv_59:focus-visible ._selectOptionMainContent_qm9tv_83 {
    background-color: #ffffff0d
}

._selectOption_qm9tv_59 ._selectOptionMainContent_qm9tv_83,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionMainContent_qm9tv_83 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-2) var(--space-2) var(--space-2) var(--space-3)
}

._selectOption_qm9tv_59 ._selectOptionMainContent_qm9tv_83:hover,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionMainContent_qm9tv_83:hover {
    background-color: #ffffff0d;
    cursor: pointer
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 {
    display: flex;
    align-items: center;
    line-height: 20px;
    gap: 4px;
    margin-right: 10px
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 {
    height: 20px
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 :first-child,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 :first-child {
    z-index: 2;
    position: relative
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 :nth-child(2),
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 :nth-child(2) {
    margin-left: -4px;
    z-index: 1;
    position: relative
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 svg,
._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 img,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 svg,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._icons_qm9tv_25 img {
    width: 20px;
    height: 20px
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._body_qm9tv_42,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._body_qm9tv_42 {
    display: flex;
    flex-direction: column;
    gap: var(--space-05)
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._body_qm9tv_42 ._pillsRow_qm9tv_124,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._body_qm9tv_42 ._pillsRow_qm9tv_124 {
    height: var(--space-4);
    display: flex;
    flex-direction: row;
    gap: var(--space-1);
    align-items: center;
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-300, var(--space-3));
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-300, var(--space-3))
}

._selectOption_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._selectOptionInnerLabelPill_qm9tv_137,
._selectOptionWithSubOptions_qm9tv_59 ._selectOptionInnerLabel_qm9tv_96 ._selectOptionInnerLabelPill_qm9tv_137 {
    border-radius: 3px;
    padding: 2px 4px;
    font-size: 1.2rem;
    line-height: 1.4rem;
    background-color: #fff3
}

._selectOption_qm9tv_59.active {
    border-radius: var(--standard, 3px);
    border: 1px solid var(--border-phase-2-border-brand, #34765B);
    background: var(--interaction-brand-vivid-20-active, rgba(55, 176, 111, .2))
}

._selectOption_qm9tv_59.active:hover {
    background: linear-gradient(0deg, var(--interaction-brand-vivid-20-active, rgba(55, 176, 111, .2)) 0%, var(--interaction-brand-vivid-20-active, rgba(55, 176, 111, .2)) 100%), var(--interaction-wh-5-hover, rgba(255, 255, 255, .05))
}

._selectOptionWithSubOptions_qm9tv_59.expanded .chevron {
    transform: rotate(180deg);
    transition: transform .3s
}

.saver-wrapper .proxy-blocker {
    color: #939da7
}

.saver-wrapper .proxy-blocker .cdp-blocker--message {
    max-width: 630px
}

@keyframes _show-dropdown_18q5k_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_18q5k_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_18q5k_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_18q5k_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_18q5k_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_18q5k_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_18q5k_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._ButterflyCard_18q5k_67 {
    animation: _rollUp_18q5k_1 .1s ease-in;
    display: flex;
    justify-content: center;
    width: 100%;
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    background: var(--bg-color-primary);
    color: var(--text-color-primary)
}

._ButterflyCard_18q5k_67._vertical_18q5k_77 {
    flex-direction: column
}

@media only screen and (max-width: 1024px) {
    ._ButterflyCard_18q5k_67 {
        flex-direction: column
    }
}

._ButterflyCard_18q5k_67 ._left_18q5k_85 {
    flex-basis: 0;
    flex-grow: 1;
    padding: var(--space-4);
    border-right: 1px solid var(--border-color-subtle)
}

._ButterflyCard_18q5k_67 ._right_18q5k_91 {
    flex-basis: 0;
    flex-grow: 1;
    padding: var(--space-4);
    background: #0000001a
}

._ButterflyCard_18q5k_67 ._top_18q5k_97 {
    border-bottom: 1px solid var(--border-color-subtle);
    padding: var(--space-4)
}

._ButterflyCard_18q5k_67 ._bottom_18q5k_101 {
    padding: var(--space-4);
    background: #0000001a;
    flex-grow: 1
}

._AaveStakingPositionCard_1w9qz_1 {
    background: var(--bg-color-primary);
    flex-grow: 1;
    flex-basis: 0;
    border-radius: var(--border-radius-large)
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7 {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: var(--space-4)
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7>* {
    width: 100%;
    flex-grow: 1
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7 ._title_1w9qz_17 {
    all: unset;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-600, 24px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-800, 32px);
    letter-spacing: -.24px
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7 ._description_1w9qz_27 {
    all: unset;
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--space-5)
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7 ._stakingTable_1w9qz_36 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7 ._stakingTable_1w9qz_36 ._stakedBalanceInDollars_1w9qz_43 {
    margin-top: var(--space-1);
    margin-bottom: var(--space-2)
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7 ._stakingTable_1w9qz_36 ._claimIconWrapper_1w9qz_47 {
    height: var(--space-5);
    width: var(--space-5);
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: hsl(from var(--bg-color-secondary) h s calc(l + 5));
    border-radius: 50%;
    font-size: var(--space-3)
}

._AaveStakingPositionCard_1w9qz_1 ._topCardContent_1w9qz_7 ._stakingTable_1w9qz_36 ._columnWithSecondaryValue_1w9qz_57 {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

._AaveStakingPositionCard_1w9qz_1 ._bottomCardContent_1w9qz_62 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._AaveStakingPositionCard_1w9qz_1 ._bottomCardContent_1w9qz_62 ._actionDescription_1w9qz_67 {
    all: unset;
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--space-5)
}

._AaveStakingPositionCard_1w9qz_1 ._bottomCardContent_1w9qz_62 ._buttonRow_1w9qz_76 {
    display: flex;
    flex-direction: row;
    justify-content: end
}

._AaveStakingPositionCard_1w9qz_1 ._bottomCardContent_1w9qz_62 ._rateInfo_1w9qz_81 {
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    letter-spacing: .32px
}

._AaveStakingPositionCard_1w9qz_1 ._bottomCardContent_1w9qz_62 ._rateInfo_1w9qz_81 ._infoIcon_1w9qz_90 {
    font-size: var(--space-3)
}

._AaveStakingPositionCard_1w9qz_1 ._bottomCardContent_1w9qz_62 ._serviceFeeInfo_1w9qz_93 {
    color: var(--text-color-secondary);
    color: var(--depricated-gray-3, #939DA7);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

._AaveStakingPositionCard_1w9qz_1 ._rewardsInfo_1w9qz_102 {
    display: inline-flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    color: var(--text-color-secondary)
}

._LockControl_1w9qz_110 {
    display: flex;
    flex-direction: row;
    padding: var(--space-3);
    align-items: center;
    gap: var(--space-3);
    align-self: stretch;
    border-radius: var(--border-radius-small);
    background: var(--color-blue-800)
}

._LockControl_1w9qz_110._unlocked_1w9qz_120 {
    background: var(--color-green-800)
}

._LockControl_1w9qz_110 ._stateIcon_1w9qz_123 {
    width: var(--space-5);
    display: flex;
    align-items: center;
    height: 100%;
    font-size: var(--space-5)
}

._LockControl_1w9qz_110 ._stateDescription_1w9qz_130 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--body, 20px)
}

._LockControl_1w9qz_110 ._actionButtonWrapper_1w9qz_141 {
    display: flex;
    align-items: center
}

._LockControl_1w9qz_110 ._actionButtonWrapper_1w9qz_141 ._actionButton_1w9qz_141 {
    border: 1px solid rgba(255, 255, 255, .2);
    background-color: #fff3
}

._LockControl_1w9qz_110 ._actionButtonWrapper_1w9qz_141 ._actionButton_1w9qz_141:hover {
    background-color: #ffffff4d;
    border: 1px solid rgba(255, 255, 255, .3)
}

._LockControl_1w9qz_110 ._actionButtonWrapper_1w9qz_141 ._actionButton_1w9qz_141:disabled {
    background-color: #ffffff1a;
    border: 1px solid rgba(255, 255, 255, .1);
    cursor: not-allowed;
    color: var(--text-color-secondary)
}

._LockStatusDisplay_1w9qz_160 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    letter-spacing: .32px;
    display: inline-flex;
    gap: var(--space-1)
}

._LockStatusDisplay_1w9qz_160 ._message_1w9qz_171._secondary_1w9qz_171 {
    color: var(--text-color-tertiary)
}

._LockStatusDisplay_1w9qz_160 ._timer_1w9qz_174 {
    font-weight: 600
}

._ListItemDivider_1w9qz_178:last-child {
    display: none
}

._AaveStakingNavigationCard_t2e9y_1 {
    border-radius: var(--border-radius-large);
    padding: var(--space-4);
    background-color: var(--bg-color-primary);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    border: 1px solid var(--border-color-secondary)
}

._AaveStakingNavigationCard_t2e9y_1:hover {
    background-color: #ffffff0d;
    background: linear-gradient(0deg, #ffffff0d 0% 100%), var(--bg-color-primary)
}

._AaveStakingNavigationCard_t2e9y_1:hover ._header_t2e9y_15 ._arrowIconWrapper_t2e9y_15 {
    display: inline-flex
}

._AaveStakingNavigationCard_t2e9y_1._active_t2e9y_18 {
    border: 1px solid var(--border-phase-2-border-brand, #34765B);
    background-color: #2a4942
}

._AaveStakingNavigationCard_t2e9y_1._active_t2e9y_18 ._header_t2e9y_15 ._arrowIconWrapper_t2e9y_15 {
    display: inline-flex
}

._AaveStakingNavigationCard_t2e9y_1 ._header_t2e9y_15 {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center;
    justify-content: space-between;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-500, 20px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-500, 20px);
    letter-spacing: .2px
}

._AaveStakingNavigationCard_t2e9y_1 ._header_t2e9y_15 ._title_t2e9y_39 {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center
}

._AaveStakingNavigationCard_t2e9y_1 ._header_t2e9y_15 ._tokenIconWrapper_t2e9y_44 {
    height: var(--space-6);
    width: var(--space-6)
}

._AaveStakingNavigationCard_t2e9y_1 ._header_t2e9y_15 ._arrowIconWrapper_t2e9y_15 {
    height: var(--space-4);
    width: var(--space-4);
    font-size: var(--space-4);
    display: none
}

@media only screen and (max-width: 650px) {
    ._AaveStakingNavigationCard_t2e9y_1 ._header_t2e9y_15 ._arrowIconWrapper_t2e9y_15 {
        display: none
    }
}

._AaveStakingNavigationCard_t2e9y_1 ._description_t2e9y_59 {
    height: var(--space-8);
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Font-size-responsive-font-size-500, 20px);
    display: flex;
    align-items: center
}

@media only screen and (max-width: 650px) {
    ._AaveStakingNavigationCard_t2e9y_1 ._description_t2e9y_59 {
        display: none
    }
}

._AaveStakingNavigationCard_t2e9y_1 ._description_t2e9y_59 ._label_t2e9y_75 {
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Font-size-responsive-font-size-500, 20px);
    display: inline-flex;
    margin-right: var(--space-2);
    align-items: center;
    gap: var(--space-1)
}

._AaveStakingNavigationCard_t2e9y_1 ._description_t2e9y_59 ._value_t2e9y_87 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    letter-spacing: .32px;
    display: inline-flex;
    margin-right: var(--space-4)
}

._AaveStakingNavigationCard_t2e9y_1 ._description_t2e9y_59 ._value_t2e9y_87 ._merit_t2e9y_98 {
    color: var(--text-color-secondary);
    margin-left: var(--space-2)
}

._AaveStakingNavigation_10tbx_1 {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: var(--space-3)
}

@media only screen and (max-width: 1024px) {
    ._AaveStakingNavigation_10tbx_1 {
        flex-direction: row
    }
}

._AaveStakingNavigation_14i1i_1 {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: var(--space-3)
}

@media only screen and (max-width: 1024px) {
    ._AaveStakingNavigation_14i1i_1 {
        flex-direction: row
    }
}

._AaveStakingPage_14i1i_15 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

._AaveStakingPage_14i1i_15 ._header_14i1i_20 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._AaveStakingPage_14i1i_15 ._header_14i1i_20 ._title_14i1i_25 {
    color: var(--text-color-primary);
    font-family: var(--font-sans, Montserrat);
    font-size: var(--font-size-80032-px, 32px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--lh-100040-px, 40px);
    letter-spacing: -.64px
}

._AaveStakingPage_14i1i_15 ._header_14i1i_20 ._description_14i1i_35 {
    max-width: 640px;
    align-self: stretch;
    color: var(--text-color-secondary);
    font-family: var(--font-sans, Montserrat);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--body, 20px)
}

._AaveStakingPage_14i1i_15 ._content_14i1i_46 {
    display: flex;
    justify-content: stretch;
    gap: var(--space-2)
}

@media only screen and (max-width: 1024px) {
    ._AaveStakingPage_14i1i_15 ._content_14i1i_46 {
        flex-direction: column
    }
}

.tabs-wrapper {
    width: fit-content;
    margin: 0 auto 20px
}

.tabs-wrapper .tab-list {
    padding-left: 0;
    margin: 0
}

.tabs-wrapper .tab-list-item {
    user-select: none;
    cursor: pointer;
    padding: 15px 43px;
    color: #fff;
    list-style: none;
    font-size: 1.6rem;
    background: linear-gradient(180deg, #253038, #172026);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    display: inline-flex
}

.tabs-wrapper .tab-list-item .text {
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.tabs-wrapper .tab-list-item:not(:last-child) {
    margin-right: 25px
}

.tabs-wrapper .tab-list-item:hover .text {
    opacity: .7
}

.tabs-wrapper .tab-list-active {
    background: #2b3943
}

.tabs-wrapper .tab-content {
    width: 100%;
    background: linear-gradient(to bottom, #2b3943, #1a242b);
    position: relative
}

.action-debug-blocker {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: none
}

.action-debug-blocker .action-debug-blocker-description {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.03em
}

._dropdown_1cgly_1 ._moreButton_1cgly_1 {
    color: var(--color-green-100)
}

.aave-page-wrapper .moneymarket-supply-wrapper {
    background: linear-gradient(180deg, #36444d, #21454d)
}

.strategy-form-layout .strategy-sub-controls__buttons {
    display: flex;
    justify-content: flex-end
}

.strategy-form-layout .strategy-sub-controls__buttons .button:last-of-type {
    margin-left: 1.5rem
}

.strategy-form-layout .strategy-sub-controls__errors {
    display: flex;
    flex-direction: column
}

.strategy-form-layout .strategy-sub-controls__errors .error-box-wrapper:not(:last-of-type) {
    margin-bottom: 2rem
}

.strategy-form-layout .strategy-sub-controls+.information-box-wrapper {
    margin-top: 15px !important
}

.strategy-form-layout .input-row-wrapper {
    margin-bottom: 2rem
}

.strategy-form-layout .input-row-wrapper.basic .input-row {
    margin-bottom: 0
}

.strategy-form-layout .input-row-wrapper.advanced-row-wrapper .input-row .form-item-wrapper {
    max-width: 100%
}

.strategy-form-layout .input-row-wrapper .input-row {
    display: flex;
    flex-direction: column;
    gap: var(--space-8)
}

.strategy-form-layout .input-row-wrapper .input-row .form-item-wrapper {
    justify-content: center;
    margin: 0;
    height: fit-content
}

.strategy-form-layout .input-row-wrapper .input-row .form-item-wrapper label {
    white-space: nowrap
}

.strategy-form-layout .input-row-wrapper .input-row .form-item-wrapper .form-item {
    color: #37b06f
}

.strategy-form-layout .input-row-wrapper .description-row {
    margin-top: 17px;
    color: #939da7
}

.strategy-form-layout .form-item-wrapper.checkbox {
    border: 0
}

.strategy-form-layout .advanced-wrapper {
    animation: show-dropdown .1s ease-out
}

.strategy-form-layout .advanced-wrapper .input-row .form-item-wrapper {
    max-width: 100%
}

.strategy-form-layout .advanced-wrapper.hide {
    display: none
}

.strategy-form-layout .advanced-wrapper .advanced-subheader-wrapper {
    margin: 0;
    font-size: 1.6rem;
    color: #fff;
    line-height: 60px
}

.strategy-form-layout .error-box-wrapper,
.strategy-form-layout .warning-box-wrapper,
.strategy-form-layout .information-box-wrapper {
    margin-top: 0 !important;
    margin-bottom: 2rem
}

.strategy-form-layout .overlay {
    opacity: .3;
    cursor: not-allowed
}

.strategy-form-layout .overlay>* {
    pointer-events: none
}

.strategy-form-layout .button {
    align-self: flex-end
}

._dropdown_ineuq_1 ._moreButton_ineuq_1 {
    color: var(--color-green-100)
}

.spark-page-wrapper .moneymarket-supply-wrapper {
    background: linear-gradient(180deg, #36444d, #21454d)
}

.emergency-dai-withdraw-wrapper {
    color: #fff
}

.emergency-dai-withdraw-wrapper p {
    color: #939da7
}

.emergency-dai-withdraw-wrapper input {
    width: 350px
}

@media only screen and (max-width: 1130px) {
    .smart-savings-subheader__wrapper {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 20px;
        border-radius: 0
    }
}

.smart-savings-subheader__label {
    display: flex;
    align-items: center;
    gap: 24px
}

.smart-savings-subheader__label .label-text {
    line-height: normal
}

@media only screen and (max-width: 1130px) {
    .smart-savings-subheader__label {
        margin-bottom: 28px
    }
}

.smart-savings-subheader__filter-wrapper {
    display: flex
}

@media only screen and (max-width: 1130px) {
    .smart-savings-subheader__filter-wrapper {
        flex-wrap: wrap
    }
}

.smart-savings-subheader__select__wrapper {
    display: flex;
    align-items: center;
    margin-right: 20px
}

@media only screen and (max-width: 1130px) {
    .smart-savings-subheader__select__wrapper {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 10px
    }
}

.smart-savings-subheader__select__wrapper:last-child {
    margin-right: 0
}

.smart-savings-subheader__select__wrapper .select.box .select__control {
    width: 120px
}

.smart-savings-subheader__select__wrapper .select.box .select__control .select__single-value,
.smart-savings-subheader__select__wrapper .select.box .select__placeholder,
.smart-savings-subheader__select__wrapper .select.box .select__menu {
    font-size: 12px
}

.smart-savings-subheader__select__label {
    margin-right: 10px
}

@media only screen and (max-width: 1130px) {
    .smart-savings-subheader__select__label {
        margin-bottom: 6px
    }
}

.interest-estimate-wrapper .data-item-wrapper .label-value-wrapper,
.interest-estimate-wrapper .data-item-wrapper .label-value-wrapper .label-wrapper {
    flex-grow: 1
}

.interest-estimate-wrapper .data-item-wrapper:not(:last-child) {
    margin-bottom: 10px
}

.smart-savings-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    color: #fff;
    background: linear-gradient(180deg, #1c262e 45.6%, #1c262e00)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card {
        background: #263442
    }
}

.smart-savings-card:hover {
    filter: brightness(1.12)
}

.smart-savings-card .spacer {
    min-width: 0 !important;
    max-width: 0
}

.smart-savings-card__header {
    width: 100%;
    height: 70px;
    transition: .36s ease;
    background: #263442;
    border-radius: 3px;
    display: grid;
    grid-template-areas: "protocol content dropdown";
    grid-template-columns: 60px auto 55px;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__header {
        grid-template-areas: "protocol" "content" "dropdown";
        grid-template-columns: unset;
        grid-template-rows: 35px auto 45px;
        height: 250px;
        border-radius: 0
    }

    .smart-savings-card__header .data-item-wrapper.standard-smaller {
        padding: 0 !important
    }
}

.smart-savings-card__header .spacer {
    display: none
}

.smart-savings-card.open-backdrop,
.smart-savings-card.open {
    z-index: 9999
}

.smart-savings-card.open:hover {
    filter: unset
}

.smart-savings-card.open.has-after .smart-savings-card__item,
.smart-savings-card.open.has-after .smart-savings-card__dropdown,
.smart-savings-card.open.has-after .smart-savings-card__icon>svg {
    transform: translateY(0)
}

@media only screen and (max-width: 768px) {

    .smart-savings-card.open.has-after .smart-savings-card__item,
    .smart-savings-card.open.has-after .smart-savings-card__dropdown,
    .smart-savings-card.open.has-after .smart-savings-card__icon>svg {
        transform: unset
    }
}

.smart-savings-card.open .smart-savings-card__header {
    border-radius: 3px 3px 0 0;
    height: 89px
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.open .smart-savings-card__header {
        height: 250px;
        border-radius: 0
    }
}

.smart-savings-card.open .smart-savings-card__item,
.smart-savings-card.open .smart-savings-card__dropdown,
.smart-savings-card.open .smart-savings-card__icon>svg {
    transform: translateY(7.5px)
}

@media only screen and (max-width: 768px) {

    .smart-savings-card.open .smart-savings-card__item,
    .smart-savings-card.open .smart-savings-card__dropdown,
    .smart-savings-card.open .smart-savings-card__icon>svg {
        transform: unset
    }
}

.smart-savings-card.open .smart-savings-card__icon {
    border-bottom-left-radius: 0
}

.smart-savings-card.open .smart-savings-card__body {
    transition: max-height .36s ease-in;
    max-height: 745px
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.open .smart-savings-card__body {
        max-height: 1080px
    }
}

.smart-savings-card__icon {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-color: #3a4856;
    grid-area: protocol;
    border-radius: 3px 0 0 3px;
    padding-top: 20px
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__icon {
        align-items: center;
        justify-content: flex-start;
        padding: 0 0 0 20px
    }
}

.smart-savings-card__icon svg {
    width: 30px;
    height: 30px
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__icon svg {
        width: 19px;
        height: 19px
    }
}

.smart-savings-card__icon__protocol-mobile {
    display: none
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__icon__protocol-mobile {
        padding-left: 7px;
        display: block
    }
}

.smart-savings-card__content {
    grid-area: content;
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    grid-template-areas: "protocol protocol protocol protocol protocol protocol    token token token token token    claim claim claim    apy apy apy    size size size size    liquidity liquidity liquidity";
    grid-gap: 4px;
    margin: 0 10px
}

@media only screen and (max-width: 1130px) {
    .smart-savings-card__content {
        grid-template-areas: "protocol protocol protocol protocol protocol protocol   token token token token token    claim claim claim    apy apy apy    size size size size    liquidity liquidity liquidity"
    }
}

@media only screen and (max-width: 825px) {
    .smart-savings-card__content {
        grid-template-areas: "protocol protocol protocol protocol protocol protocol   token token token token token   claim claim claim    apy apy apy    size size size size    liquidity liquidity liquidity"
    }
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__content {
        margin: 20px 20px 14px;
        grid-row-gap: 18px;
        grid-template-columns: repeat(12, 1fr);
        grid-template-areas: "token token token token    apy apy apy apy apy apy apy apy" "size size size size    liquidity liquidity liquidity liquidity liquidity   claim claim claim";
        grid-template-rows: 59px auto
    }
}

.smart-savings-card__dropdown {
    grid-area: dropdown;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding-top: 17.5px;
    margin: 0 10px
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__dropdown {
        background: #303e4c;
        margin: 0;
        padding: 0 8px 0 27px;
        justify-content: space-between;
        align-items: center
    }
}

.smart-savings-card__dropdown__text-mobile {
    display: none
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__dropdown__text-mobile {
        display: block
    }
}

.smart-savings-card__dropdown__icon {
    width: 35px;
    height: 35px;
    background-color: #303e4c;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__dropdown__icon {
        background: #263442
    }
}

.smart-savings-card__item {
    padding-top: 15px
}

.smart-savings-card__item,
.smart-savings-card__dropdown,
.smart-savings-card__icon>svg {
    transition: transform .36s ease
}

.smart-savings-card__item .label-value-wrapper,
.smart-savings-card__apy .label-value-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

@media only screen and (max-width: 768px) {

    .smart-savings-card__item .label-value-wrapper,
    .smart-savings-card__apy .label-value-wrapper {
        padding-top: 0
    }
}

.smart-savings-card__item .label-value-wrapper svg,
.smart-savings-card__apy .label-value-wrapper svg {
    height: 20px;
    width: 20px;
    vertical-align: top;
    margin-top: 2px
}

.smart-savings-card__item .value-wrapper,
.smart-savings-card__apy .value-wrapper {
    font-size: 2rem !important;
    line-height: 2.4rem
}

.smart-savings-card__protocol {
    grid-area: protocol
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__protocol {
        display: none
    }
}

.smart-savings-card__token {
    grid-area: token
}

.smart-savings-card__token svg {
    height: 20px;
    width: 20px;
    margin: 3px 5px 3px 0;
    vertical-align: top
}

.smart-savings-card__supplied {
    grid-area: token
}

.smart-savings-card__claim {
    grid-area: claim
}

.smart-savings-card__apy {
    grid-area: apy;
    display: flex;
    justify-content: flex-start
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__apy {
        display: unset;
        justify-content: unset
    }
}

.smart-savings-card__pool-size {
    grid-area: size;
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__pool-size {
        display: unset;
        justify-content: unset
    }
}

.smart-savings-card__pool-liquidity {
    grid-area: liquidity;
    justify-content: flex-end
}

.smart-savings-card__body {
    display: flex;
    overflow: hidden;
    flex-direction: column;
    width: 100%;
    transition: max-height .36s cubic-bezier(.14, .67, .68, 1.08);
    max-height: 0
}

.smart-savings-card__body .warning-box-wrapper {
    margin: 0 10px 10px
}

.smart-savings-card__body__description,
.smart-savings-card__body__chart,
.smart-savings-card__body__estimates {
    background: #263038;
    border-radius: 3px;
    height: 100px;
    padding: 10px 15px
}

@media only screen and (max-width: 768px) {

    .smart-savings-card__body__description,
    .smart-savings-card__body__chart,
    .smart-savings-card__body__estimates {
        padding: 22px 20px;
        height: unset
    }
}

.smart-savings-card__body__description {
    padding-right: 30px;
    overflow: auto;
    color: #939da7
}

.smart-savings-card__body__chart {
    display: flex;
    align-items: center;
    overflow: hidden
}

.smart-savings-card__body__chart .smart-savings-manage-chart .smart-savings-card__apy {
    display: flex;
    align-items: center;
    justify-content: unset
}

.smart-savings-card__body__chart .smart-savings-manage-chart .smart-savings-card__apy .label-value-wrapper {
    padding-top: 0
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__body__chart .smart-savings-manage-chart .smart-savings-card__apy {
        padding: unset !important
    }
}

.smart-savings-card__body .select__menu-list {
    max-height: 90px
}

.smart-savings-card__body__content {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__body__content {
        margin-bottom: 0
    }
}

.smart-savings-card__body__content .smart-savings-card__icon {
    width: 60px;
    border-radius: 0
}

@media only screen and (max-width: 1024px) {
    .smart-savings-card__body__content .smart-savings-card__icon {
        display: none
    }
}

.smart-savings-card__body__content__inner {
    flex: 1;
    display: grid;
    grid-template-areas: "description chart estimates";
    grid-template-columns: auto 310px 250px;
    grid-gap: 10px;
    margin: 10px 20px 0 10px
}

@media only screen and (max-width: 1130px) {
    .smart-savings-card__body__content__inner {
        grid-template-columns: auto 280px 250px
    }
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__body__content__inner {
        grid-template-areas: "description" "chart" "estimates";
        grid-template-columns: auto;
        grid-template-rows: 110px 110px auto;
        margin: 25px 20px
    }
}

.smart-savings-card__body__estimate {
    margin-left: 20px
}

.smart-savings-card__body__estimate:first-child {
    margin-left: 0
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__body__estimate {
        margin-left: 0
    }
}

.smart-savings-card__body__current-apy .value-wrapper {
    max-width: unset
}

.smart-savings-card__body .dashboard-actions-wrapper {
    margin-top: 0
}

.smart-savings-card__body .dashboard-actions-wrapper .dashboard-action-wrapper.move .select-input-wrapper .select.box .select__control {
    width: 160px
}

@media only screen and (max-width: 768px) {
    .smart-savings-card__body .dashboard-actions-wrapper .vertical-wrapper {
        background: #1f2830
    }

    .smart-savings-card__body .dashboard-actions-wrapper .Switch {
        margin: 0
    }

    .smart-savings-card__body .dashboard-actions-wrapper .dashboard-actions-inner-wrapper .dashboard-action-wrapper {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .smart-savings-card__body .dashboard-actions-wrapper .dashboard-actions-inner-wrapper .dashboard-action-wrapper.active .action-header {
        background-color: #34765b !important
    }

    .smart-savings-card__body .dashboard-actions-wrapper .dashboard-actions-inner-wrapper .action-header {
        height: 34px;
        line-height: 34px
    }
}

.smart-savings-card.has-deposit.yearn .smart-savings-card__icon {
    background: #146cd5
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.yearn .smart-savings-card__icon {
        background: linear-gradient(90deg, #146cd5, #263038)
    }
}

.smart-savings-card.has-deposit.yearn .smart-savings-card__header {
    background: linear-gradient(90deg, #1e3f66, #263038 66.67%)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.yearn .smart-savings-card__header {
        background: linear-gradient(90deg, #1e3f66, #263038)
    }
}

.smart-savings-card.has-deposit.rari .smart-savings-card__icon {
    background: #4e9041
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.rari .smart-savings-card__icon {
        background: linear-gradient(90deg, #4e9041, #263038)
    }
}

.smart-savings-card.has-deposit.rari .smart-savings-card__header {
    background: linear-gradient(90deg, #305728, #263038 66.67%)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.rari .smart-savings-card__header {
        background: linear-gradient(90deg, #305728, #263038)
    }
}

.smart-savings-card.has-deposit.mstable .smart-savings-card__icon {
    background: #427beb
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.mstable .smart-savings-card__icon {
        background: linear-gradient(90deg, #294d93, #263442)
    }
}

.smart-savings-card.has-deposit.mstable .smart-savings-card__header {
    background: linear-gradient(90deg, #223e75, #263038 66.67%)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.mstable .smart-savings-card__header {
        background: linear-gradient(90deg, #223e75, #263038)
    }
}

.smart-savings-card.has-deposit.convex .smart-savings-card__icon {
    background: #01a3fe
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.convex .smart-savings-card__icon {
        background: linear-gradient(90deg, #21729f, #2b3640 66.67%)
    }
}

.smart-savings-card.has-deposit.convex .smart-savings-card__header {
    background: linear-gradient(90deg, #185070, #263038 66.67%)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.convex .smart-savings-card__header {
        background: linear-gradient(90deg, #185070, #263038 66.67%)
    }
}

.smart-savings-card.has-deposit.maker .smart-savings-card__icon {
    background: #5bb4a7
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.maker .smart-savings-card__icon {
        background: linear-gradient(90deg, #5bb4a7, #263038)
    }
}

.smart-savings-card.has-deposit.maker .smart-savings-card__header {
    background: linear-gradient(90deg, #0b5c51, #263038 66.67%)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.maker .smart-savings-card__header {
        background: linear-gradient(90deg, #0b5c51, #263038)
    }
}

.smart-savings-card.has-deposit.bprotocol .smart-savings-card__icon {
    background: #12c264
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.bprotocol .smart-savings-card__icon {
        background: linear-gradient(90deg, #12c264, #263038)
    }
}

.smart-savings-card.has-deposit.bprotocol .smart-savings-card__header {
    background: linear-gradient(90deg, #056431, #263038 66.67%)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.bprotocol .smart-savings-card__header {
        background: linear-gradient(90deg, #056431, #263038)
    }
}

.smart-savings-card.has-deposit.dydx .smart-savings-card__icon {
    background: #6a6bfb
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.dydx .smart-savings-card__icon {
        background: linear-gradient(90deg, #6a6bfb, #2d2e40)
    }
}

.smart-savings-card.has-deposit.dydx .smart-savings-card__icon svg path {
    fill: #fff
}

.smart-savings-card.has-deposit.dydx .smart-savings-card__header {
    background: linear-gradient(90deg, #4849b2, #2d2e40)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.dydx .smart-savings-card__header {
        background: linear-gradient(90deg, #4849b2, #2d2e40)
    }
}

.smart-savings-card.has-deposit.metamorpho .smart-savings-card__icon {
    background: #2e4dff
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.metamorpho .smart-savings-card__icon {
        background: linear-gradient(90deg, #2e4dff, #263038)
    }
}

.smart-savings-card.has-deposit.metamorpho .smart-savings-card__icon svg path {
    fill: #fff
}

.smart-savings-card.has-deposit.metamorpho .smart-savings-card__header {
    background: linear-gradient(90deg, #16267e, #263038)
}

@media only screen and (max-width: 768px) {
    .smart-savings-card.has-deposit.metamorpho .smart-savings-card__header {
        background: linear-gradient(90deg, #16267e, #263038)
    }
}

.smart-savings-card .Switch {
    margin: 0 10px
}

@media only screen and (max-width: 1130px) {
    .smart-savings-card .Switch {
        padding: 7px !important
    }

    .smart-savings-card .Switch:before {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .smart-savings-card .Switch {
        padding: 32px 20px 7px !important
    }

    .smart-savings-card .Switch:before {
        display: unset
    }
}

.smart-savings-card .smart-savings-manage-chart {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-areas: "apy chart";
    flex-basis: 100%
}

.smart-savings-card .smart-savings-manage-chart__no-data {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.smart-savings-card .smart-savings-manage-chart__container--no-data {
    z-index: 1;
    opacity: .3
}

.smart-savings-card .smart-savings-manage-chart__container,
.smart-savings-card .smart-savings-manage-chart__no-data {
    grid-area: chart
}

.tooltip-assets-wrapper {
    display: flex;
    flex-direction: column
}

.tooltip-assets-wrapper .tooltip-asset-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.tooltip-assets-wrapper .tooltip-asset-wrapper:not(:last-child) {
    padding-bottom: 5px
}

.tooltip-assets-wrapper .tooltip-asset-wrapper .tooltip-asset .value-wrapper,
.tooltip-assets-wrapper .tooltip-asset-wrapper .tooltip-asset .value-wrapper .symbol.small {
    font-size: 1.5rem
}

:root {
    --tableColumns: 6;
    --maxItemsVisible: 10;
    --borderRadius: "0px"
}

.table,
.table--type1 {
    border-radius: var(--borderRadius);
    overflow-x: auto !important
}

.table__inner {
    width: 100%;
    border-collapse: collapse
}

.table__toggle {
    cursor: pointer
}

.table--type1 .table__inner {
    color: #fff
}

.table--type1 .table__cell,
.table--type1 .table__cell--has-icon,
.table--type1 .table__cell--header {
    white-space: nowrap;
    width: calc(100% / var(--tableColumns));
    padding: .6rem;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: left
}

.table--type1 .table__cell:first-of-type,
.table--type1 .table__cell--has-icon:first-of-type,
.table--type1 .table__cell--header:first-of-type {
    padding-left: 2rem
}

.table--type1 .table__cell:last-of-type,
.table--type1 .table__cell--has-icon:last-of-type,
.table--type1 .table__cell--header:last-of-type {
    text-align: right;
    padding-right: 2rem
}

.table--type1 .table__cell--has-icon {
    vertical-align: middle
}

.table--type1 .table__cell--has-icon svg {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top
}

.table--type1 .table__row {
    background-color: #273037;
    width: 100%
}

.table--type1 .table__header {
    display: table;
    width: 100%;
    table-layout: fixed
}

.table--type1 .table__header .table__row {
    color: #939da7;
    background-color: #2e3942
}

.table--type1 .table__body,
.table--type1 .table__body--open {
    table-layout: fixed;
    display: block;
    width: 100%;
    max-height: calc(var(--maxItemsVisible) * 3rem + 1.5rem);
    overflow-y: auto
}

.table--type1 .table__body .table__row,
.table--type1 .table__body--open .table__row {
    display: table
}

.table--type1 .table__body .table__row:not(:last-of-type),
.table--type1 .table__body--open .table__row:not(:last-of-type) {
    border-bottom: 1px solid #2E3942
}

.table--type1 .table__body--open {
    max-height: 35rem
}

.table__footer--type1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    background-color: #2e3942;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2rem;
    letter-spacing: .12em
}

.table__footer--type1>* {
    padding: .8rem 2rem
}

@media screen and (max-width: 460px) {
    .table__footer--type1 {
        flex-direction: column
    }
}

.savings-manage-overview-wrapper {
    margin-bottom: 20px;
    background: linear-gradient(180deg, #253038, #172026)
}

.savings-manage-overview-wrapper.expanded {
    z-index: 9999
}

.savings-manage-overview-wrapper .smart-savings-overview {
    padding: 20px;
    align-items: center;
    display: grid !important;
    grid-template-areas: "info estimates" "line estimates";
    grid-template-columns: auto 220px;
    justify-content: unset !important
}

@media only screen and (max-width: 650px) {
    .savings-manage-overview-wrapper .smart-savings-overview {
        grid-template-areas: "info" "line" "estimates";
        grid-template-columns: unset
    }
}

.savings-manage-overview-wrapper .smart-savings-overview .interest-profit-overview {
    grid-area: estimates
}

.savings-manage-overview-wrapper .smart-savings-overview .info-container {
    grid-area: info;
    display: flex;
    height: 90px;
    transform: translateY(10px);
    transition: transform .36s ease
}

.savings-manage-overview-wrapper .smart-savings-overview .info-container.has-after {
    transform: translateY(0)
}

@media only screen and (max-width: 650px) {
    .savings-manage-overview-wrapper .smart-savings-overview .info-container {
        height: 100px
    }

    .savings-manage-overview-wrapper .smart-savings-overview .info-container>:first-child {
        padding-left: 0 !important
    }
}

.savings-manage-overview-wrapper .smart-savings-overview .amount-graph-wrapper {
    grid-area: line
}

.savings-manage-overview-wrapper .smart-savings-overview .percentage-graph-wrapper {
    margin: 10px 0 0;
    width: 100%
}

@media only screen and (max-width: 650px) {
    .savings-manage-overview-wrapper .smart-savings-overview .percentage-graph-wrapper {
        margin-bottom: 10px
    }
}

.savings-manage-overview-wrapper .smart-savings-overview .interest-profit-overview {
    margin-left: 20px
}

.savings-manage-overview-wrapper .smart-savings-overview .interest-profit-overview .data-item-wrapper .label-value-wrapper,
.savings-manage-overview-wrapper .smart-savings-overview .interest-profit-overview .data-item-wrapper .label-value-wrapper .label-wrapper {
    flex-grow: 1
}

.savings-manage-overview-wrapper .smart-savings-overview .interest-profit-overview>:not(:last-child) {
    margin-bottom: 10px
}

@media only screen and (max-width: 650px) {
    .savings-manage-overview-wrapper .smart-savings-overview .interest-profit-overview {
        margin-left: 0;
        width: 100%
    }
}

.savings-manage-overview-wrapper .smart-savings-info-box-wrapper {
    background-color: #273e4d;
    padding: 40px 20px;
    display: flex;
    flex-direction: row;
    align-items: center
}

.savings-manage-overview-wrapper .smart-savings-info-box-wrapper .smart-savings-info-box-text {
    font-size: 1.6rem;
    max-width: 720px;
    word-wrap: break-word;
    color: #fff
}

@media only screen and (max-width: 1024px) {
    .savings-manage-overview-wrapper .smart-savings-info-box-wrapper .smart-savings-info-box-text {
        max-width: calc(100vw - 130px)
    }
}

@media only screen and (max-width: 650px) {
    .savings-manage-overview-wrapper .smart-savings-info-box-wrapper .smart-savings-info-box-text {
        font-size: unset;
        margin-right: 10px
    }
}

.savings-manage-overview-wrapper .unavailable {
    align-items: center;
    background-color: #2e3942;
    color: #fff;
    display: flex;
    font-size: 1.2rem;
    font-weight: 600;
    justify-content: space-between;
    letter-spacing: .12em;
    text-transform: uppercase
}

.savings-manage-overview-wrapper .unavailable>span {
    padding: .8rem 2rem
}

.main-section-wrapper.smart-savings {
    background: linear-gradient(180deg, #253038, #172026)
}

.smart-savings__wrapper {
    padding: 10px;
    border-radius: 0 0 3px 3px;
    flex-direction: column;
    gap: 10px
}

@media only screen and (max-width: 650px) {
    .smart-savings__wrapper {
        padding: 10px 0 0;
        border-radius: 0
    }
}

.highcharts-tooltip-container {
    z-index: 9999 !important
}

#select-portal>div {
    z-index: 9999
}

.exchange-form {
    color: #fff;
    background: #2b3943;
    padding: 32px;
    border-radius: 2px
}

.exchange-form__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.exchange-form__advanced-indicator {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px 18px 10px 12px;
    border-radius: 3px
}

.exchange-form__advanced-indicator:hover {
    background-color: #ffffff1a
}

.exchange-form__advanced-indicator .advanced-section-icon:hover .advanced-section-icon-path {
    fill: #7f8f9c
}

@media only screen and (max-width: 768px) {
    .exchange-form__advanced-indicator {
        display: none
    }
}

.exchange-form__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

@media only screen and (min-width: 550px) {
    .exchange-form.advanced-exchange-form {
        border-top-left-radius: var(--border-radius-large);
        border-bottom-left-radius: var(--border-radius-large);
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border: 1px solid var(--border-color-subtle);
        border-right: 0
    }
}

.exchange-form .submit-button {
    margin-top: 24px
}

.exchange-form .submit-button button {
    width: 100%
}

.exchange-form .input-values input {
    width: 100%;
    background: transparent;
    border: none;
    font-size: 2rem;
    line-height: 24px;
    text-align: right;
    outline: none;
    font-weight: 600;
    color: #fff
}

.exchange-form .input-values input::placeholder {
    color: #939da7;
    opacity: 1
}

.exchange-form .form-item-wrapper label {
    flex: 1 0 auto
}

.exchange-form .label {
    font-size: 14px;
    color: #939da7
}

@media only screen and (max-width: 650px) {
    .exchange-form .label {
        font-size: 12px;
        line-height: 12px
    }
}

.exchange-form .steps {
    margin-top: 24px
}

.token-input,
.token-input--has-max {
    position: relative;
    height: 62px;
    display: flex;
    align-items: center;
    border-radius: 2px;
    color: #939da7;
    border: none
}

.token-input:first-child,
.token-input--has-max:first-child {
    margin-top: 40px
}

.token-input--has-max {
    margin-top: 18px
}

.token-input__max {
    display: flex;
    gap: 4px;
    position: absolute;
    right: 0;
    top: -20px;
    line-height: 12px
}

.token-input__max .balance {
    color: #fff
}

.token-input__max:hover {
    text-decoration: underline
}

.token-input .exchange-weth-prompt,
.token-input--has-max .exchange-weth-prompt {
    position: absolute;
    left: 0;
    top: -22px;
    line-height: 0;
    height: 14px
}

.token-input__estimate {
    position: absolute;
    right: 13px;
    bottom: 9px;
    font-size: 12px
}

.token-input__input,
.token-input__input--radius-left,
.token-input__input--has-estimate,
.token-input__input--editable {
    width: 100%;
    height: 100%;
    background: #20292f;
    display: flex;
    position: relative;
    align-items: center;
    border: 1px solid #2B3943;
    transition: border-color .1s
}

.token-input__input .label,
.token-input__input--radius-left .label,
.token-input__input--has-estimate .label,
.token-input__input--editable .label {
    padding: 0 12px 0 20px
}

.token-input__input--editable:hover {
    border-color: #61717e80
}

.token-input__input--editable:focus-within {
    border-color: #2684ff
}

.token-input__input--has-estimate input,
.token-input__input--has-estimate .price-estimation {
    padding-bottom: 14px !important
}

.token-input__input--radius-left,
.token-input__input--radius-left .input__amount {
    border-radius: 3px 0 0 3px
}

.token-input__input .input__amount,
.token-input__input--editable .input__amount,
.token-input__input--has-estimate .input__amount,
.token-input__input--radius-left .input__amount {
    width: 100%;
    height: 100%
}

.token-input__input .input__amount .input-values,
.token-input__input--editable .input__amount .input-values,
.token-input__input--has-estimate .input__amount .input-values,
.token-input__input--radius-left .input__amount .input-values {
    display: flex;
    align-items: center
}

.token-input__input .input__amount .input-values label,
.token-input__input--editable .input__amount .input-values label,
.token-input__input--has-estimate .input__amount .input-values label,
.token-input__input--radius-left .input__amount .input-values label {
    padding: 0 12px 0 20px;
    line-height: 60px;
    flex: 1 0 auto
}

.token-input__input .input__amount .input-values input,
.token-input__input--editable .input__amount .input-values input,
.token-input__input--has-estimate .input__amount .input-values input,
.token-input__input--radius-left .input__amount .input-values input {
    flex: 1 1 auto;
    height: 60px;
    padding: 0 12px 0 0
}

.token-input__input .input__amount .input-values input::placeholder,
.token-input__input--editable .input__amount .input-values input::placeholder,
.token-input__input--has-estimate .input__amount .input-values input::placeholder,
.token-input__input--radius-left .input__amount .input-values input::placeholder {
    color: #939da7;
    opacity: 1
}

.token-input__input .price-estimation,
.token-input__input--editable .price-estimation,
.token-input__input--has-estimate .price-estimation,
.token-input__input--radius-left .price-estimation {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    flex: 1 1 auto;
    padding-right: 12px;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 600;
    color: #37b06f;
    text-align: right;
    transition: color .1s ease-in-out
}

.token-input__input .price-estimation.yellow,
.token-input__input--editable .price-estimation.yellow,
.token-input__input--has-estimate .price-estimation.yellow,
.token-input__input--radius-left .price-estimation.yellow {
    color: #f2c94c
}

.token-input__input .price-estimation.orange,
.token-input__input--editable .price-estimation.orange,
.token-input__input--has-estimate .price-estimation.orange,
.token-input__input--radius-left .price-estimation.orange {
    color: #e4761b
}

.token-input__input .price-estimation.red,
.token-input__input--editable .price-estimation.red,
.token-input__input--has-estimate .price-estimation.red,
.token-input__input--radius-left .price-estimation.red {
    color: #eb5757
}

.token-input__input .price-estimation__info,
.token-input__input--editable .price-estimation__info,
.token-input__input--has-estimate .price-estimation__info,
.token-input__input--radius-left .price-estimation__info {
    font-weight: 400;
    font-size: 13px;
    color: #939da7;
    text-align: right
}

.token-input__input .price-estimation__info b,
.token-input__input--editable .price-estimation__info b,
.token-input__input--has-estimate .price-estimation__info b,
.token-input__input--radius-left .price-estimation__info b {
    color: #fff
}

.exchange-weth-prompt {
    animation: label-delayed-appear 1s
}

@keyframes label-delayed-appear {
    0% {
        transform: translateY(10px);
        opacity: 0
    }

    80% {
        transform: translateY(10px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.exchange-weth-prompt__button {
    border: 0;
    outline: none;
    padding: 0;
    background: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: #fff;
    line-height: 14px
}

.exchange-weth-prompt__button svg {
    display: block
}

.exchange-weth-prompt__button:hover {
    text-decoration: underline
}

.exchange-arrow,
.exchange-arrow--horizontal,
.exchange-arrow--vertical {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: stretch
}

.exchange-arrow--vertical {
    margin: 20px 0
}

.exchange-arrow--horizontal {
    margin: 0
}

.exchange-arrow__divider {
    border: 2px solid #202931;
    transform: rotate(-180deg);
    flex-grow: 1
}

.exchange-arrow__icon {
    padding: 4px;
    cursor: pointer
}

.exchange-arrow__icon.horizontal {
    transform: rotate(90deg)
}

.exchange-arrow__icon:hover svg {
    transform: rotate(180deg) !important
}

.exchange-arrow__icon svg {
    display: block;
    transition: transform .2s
}

.swap-form .exchange-advanced {
    display: none;
    background: #20292f
}

.swap-form .exchange-advanced__body-wrapper .exchange-select-source .form-item-wrapper {
    width: 100%
}

@media only screen and (max-width: 768px) {
    .swap-form .exchange-advanced {
        margin-top: 40px;
        display: flex
    }
}

.tsi-warning {
    margin-top: 18px
}

.zero-fee-label {
    margin-top: 18px;
    color: #939da7
}

.send-token {
    background: transparent;
    margin-top: 18px;
    border-radius: 3px
}

.send-token__body {
    padding-top: 20px
}

.send-token__body input {
    width: 100%;
    height: 62px;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    border-radius: 3px;
    background-color: #20292f;
    outline: none;
    font-size: 16px
}

.send-token__body input::placeholder {
    color: #939da7
}

.send-token__heading {
    display: flex;
    align-items: center
}

.send-token__heading__title span {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    color: #939da7
}

.send-token__heading__title span svg {
    margin-right: 5px
}

.send-token__heading .toggle-wrapper {
    margin-right: 16px;
    width: 34px;
    height: 19px
}

.send-token__heading .toggle-wrapper input:checked+.toggle-movable:after {
    transform: translate(15px)
}

.send-token__heading .toggle-wrapper .toggle-movable:after {
    width: 17px;
    height: 17px
}

.expiry-select,
.expiry-select--margin-top {
    display: flex;
    background: #20292f;
    border-radius: 3px;
    border: 1px solid #2B3943;
    transition: border-color .1s
}

.expiry-select:hover,
.expiry-select--margin-top:hover {
    border-color: #61717e80
}

.expiry-select:focus-within,
.expiry-select--margin-top:focus-within {
    border-color: #2684ff
}

.expiry-select--margin-top {
    margin-top: 24px
}

.expiry-select__select {
    flex: 1 1 100%
}

.dca-form__to-select {
    width: 100%;
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.dca-form__to-select .label {
    width: 100%;
    height: 100%;
    background: #20292f;
    padding-left: 20px;
    display: flex;
    align-items: center;
    border-radius: 3px 0 0 3px
}

.dca-form__fee-disclaimer {
    margin-top: 24px
}

.exchange-weth-warning {
    margin-top: 24px
}

.exchange-weth-warning .warning-box-wrapper {
    padding: 4px 4px 4px 12px;
    line-height: 36px;
    background: #f2c94c4d !important
}

@media only screen and (max-width: 650px) {
    .exchange-weth-warning .warning-box-wrapper {
        padding: 4px;
        text-align: center
    }
}

.exchange-weth-warning .warning-box-wrapper img {
    display: none
}

.exchange-weth-warning .icon-Info-circle {
    margin-right: 4px;
    margin-bottom: -2px
}

.exchange-weth-warning .icon-Info-circle path {
    fill: #fff !important
}

.exchange-price-input,
.exchange-price-input--margin-top {
    background: #20292f;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 3px;
    border: 1px solid #2B3943;
    transition: border-color .1s
}

.exchange-price-input:hover,
.exchange-price-input--margin-top:hover {
    border-color: #61717e80
}

.exchange-price-input:focus-within,
.exchange-price-input--margin-top:focus-within {
    border-color: #2684ff
}

.exchange-price-input--margin-top {
    margin-top: 42px
}

.exchange-price-input__percentage,
.exchange-price-input__percentage--plus,
.exchange-price-input__percentage--minus {
    position: absolute;
    right: 0;
    top: -20px;
    line-height: 12px
}

.exchange-price-input__percentage--minus {
    color: #c02727
}

.exchange-price-input__percentage--plus {
    color: #37b06f
}

.exchange-price-input__reset-price {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: -20px;
    line-height: 12px;
    color: #fff
}

.exchange-price-input__reset-price:hover {
    text-decoration: underline
}

.exchange-price-input__label {
    padding: 0 12px 0 20px;
    line-height: 60px;
    flex: 1 0 auto
}

.exchange-price-input__input,
.exchange-price-input__input--loading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: right
}

.exchange-price-input__input--loading {
    justify-content: flex-end;
    margin-right: 12px
}

.exchange-price-input__price {
    flex-basis: 100%
}

.exchange-price-input__price .input-values input {
    font-weight: 400;
    font-size: 20px;
    line-height: 60px;
    padding: 0
}

.exchange-price-input__symbol {
    padding: 0 12px 0 8px;
    font-size: 20px;
    color: #fff;
    line-height: 60px;
    text-wrap: none;
    text-wrap-mode: nowrap;
    white-space-collapse: preserve
}

.exchange-price-input__icons {
    padding: 4px
}

.exchange-price-input__icons div:first-child {
    margin-bottom: 4px
}

.exchange-price-input__lock {
    cursor: pointer
}

.exchange-price-input__swap-price {
    cursor: pointer;
    border-radius: 2px
}

.exchange-price-input__loader {
    flex-direction: row-reverse
}

.exchange-price-input__loader .loader.mini {
    width: 24px
}

.exchange-price-input svg,
.exchange-price-input--margin-top svg {
    display: block
}

.exchange-price-input svg:hover rect,
.exchange-price-input--margin-top svg:hover rect {
    fill: #61717e
}

.limit-order-form__price-section {
    display: flex;
    justify-content: space-between;
    gap: 24px
}

.limit-order-form__no-fee {
    margin-top: 24px
}

@keyframes show-dropdown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes show-dropdown-top {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes opacityIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacityOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes rollUp {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideInRight {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

.exchange-form-advanced {
    width: auto;
    flex: 0 0 100%;
    padding: 32px;
    opacity: 0;
    animation: slideInLeft .3s
}

.exchange-form-advanced.open {
    opacity: 1
}

.exchange-form-advanced.closed {
    pointer-events: none;
    cursor: default
}

.exchange-form-advanced .send-token label {
    padding: 0 12px 0 20px
}

.exchange-form-advanced__header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.exchange-form-advanced__title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

.exchange-form-advanced__section,
.exchange-form-advanced__section--disabled {
    margin-top: 40px
}

.exchange-form-advanced__section--disabled {
    pointer-events: none;
    opacity: .1
}

.exchange-wrapper {
    color: #fff
}

.exchange-wrapper.swap form {
    overflow-x: clip
}

.exchange-wrapper.swap form .exchange-form {
    transition: all .3s;
    margin-left: 0
}

@media only screen and (max-width: 768px) {
    .exchange-wrapper.swap form .exchange-form {
        margin-left: 0 !important
    }
}

.exchange-wrapper.swap form .exchange-right-side-wrapper {
    overflow: hidden;
    flex: 0 0 50%;
    display: flex;
    background: var(--bg-color-primary);
    border-top-right-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle)
}

@media only screen and (max-width: 768px) {
    .exchange-wrapper.swap form .exchange-right-side-wrapper {
        display: none
    }
}

.exchange-wrapper.swap form .exchange-form-advanced {
    transition: all .3s;
    min-width: 0px
}

.exchange-wrapper form {
    display: flex;
    justify-content: center;
    margin-bottom: 100px
}

.exchange-wrapper .exchange-form {
    flex: 0 0 50%;
    min-height: 630px;
    width: auto
}

@media only screen and (max-width: 768px) {
    .exchange-wrapper .exchange-form {
        min-width: 0px;
        flex: 0 0 100%;
        width: 100%
    }
}

.exchange-wrapper .faq {
    margin-top: 72px;
    padding: 32px;
    background: #1b252b !important
}

.active-strategy-table,
.active-strategy-table--margin-top {
    display: flex;
    flex-direction: column
}

.active-strategy-table--margin-top {
    margin-top: 72px
}

.active-strategy-table__header {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px
}

.active-strategy-table__card,
.active-strategy-table__card--limit-order,
.active-strategy-table__card--dca,
.active-strategy-table__card--hasWarning {
    margin-top: 8px;
    border-radius: 3px;
    display: grid;
    grid-template-areas: "icon content content content content content content content content content content content content shield close close";
    grid-template-columns: repeat(16, 1fr);
    background: #2b3943;
    width: 100%;
    min-height: 64px
}

@media screen and (max-width: 1000px) {

    .active-strategy-table__card,
    .active-strategy-table__card--limit-order,
    .active-strategy-table__card--dca,
    .active-strategy-table__card--hasWarning {
        grid-template-columns: repeat(16, 60px);
        overflow-x: scroll;
        padding-right: 16px
    }
}

.active-strategy-table__card>div,
.active-strategy-table__card--limit-order>div,
.active-strategy-table__card--dca>div,
.active-strategy-table__card--hasWarning>div {
    justify-self: center;
    align-self: center
}

.active-strategy-table__card--hasWarning {
    border-radius: 3px 3px 0 0
}

.active-strategy-table__card .label,
.active-strategy-table__card--hasWarning .label,
.active-strategy-table__card--dca .label,
.active-strategy-table__card--limit-order .label {
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #939da7;
    margin-bottom: 4px
}

.active-strategy-table__card .value,
.active-strategy-table__card--hasWarning .value,
.active-strategy-table__card--dca .value,
.active-strategy-table__card--limit-order .value {
    display: flex
}

.active-strategy-table__card .value .symbol,
.active-strategy-table__card--hasWarning .value .symbol,
.active-strategy-table__card--dca .value .symbol,
.active-strategy-table__card--limit-order .value .symbol {
    color: #939da7
}

.active-strategy-table__card .shield,
.active-strategy-table__card--hasWarning .shield,
.active-strategy-table__card--dca .shield,
.active-strategy-table__card--limit-order .shield {
    grid-area: shield;
    display: flex
}

.active-strategy-table__card .close,
.active-strategy-table__card--hasWarning .close,
.active-strategy-table__card--dca .close,
.active-strategy-table__card--limit-order .close {
    grid-area: close
}

.active-strategy-table__card .content,
.active-strategy-table__card--hasWarning .content,
.active-strategy-table__card--dca .content,
.active-strategy-table__card--limit-order .content {
    grid-area: content;
    justify-self: stretch;
    display: flex
}

.active-strategy-table__card .content>div,
.active-strategy-table__card--hasWarning .content>div,
.active-strategy-table__card--dca .content>div,
.active-strategy-table__card--limit-order .content>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    flex: 1 1 auto
}

.active-strategy-table__card .content>div svg,
.active-strategy-table__card--hasWarning .content>div svg,
.active-strategy-table__card--dca .content>div svg,
.active-strategy-table__card--limit-order .content>div svg {
    margin-right: 4px;
    width: 16px;
    height: 16px
}

.active-strategy-table__warning {
    width: 100%;
    border-radius: 0 0 4px 4px;
    background: #f2c94c4d;
    display: flex;
    align-items: center;
    padding: 7px 12px
}

.active-strategy-table__warning img {
    margin-right: 16px
}

.active-strategy-table .button,
.active-strategy-table--margin-top .button {
    margin-top: 8px
}

.exchange-history-table {
    margin-top: 72px
}

.exchange-history-table__header {
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px
}

.from-to-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px
}

.from-to-row>svg {
    height: 16px;
    width: 16px
}

@keyframes _show-dropdown_3p5bw_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_3p5bw_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_3p5bw_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_3p5bw_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_3p5bw_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_3p5bw_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_3p5bw_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._ExchangeInfo_3p5bw_67 {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-15);
    padding: var(--space-12) var(--space-8);
    font-family: var(--font-sans, Montserrat);
    color: var(--text-color-primary);
    opacity: 0;
    animation: _slideInLeft_3p5bw_1 .3s
}

._ExchangeInfo_3p5bw_67._open_3p5bw_79 {
    opacity: 1
}

._ExchangeInfo_3p5bw_67._closed_3p5bw_82 {
    pointer-events: none;
    cursor: default
}

._ExchangeInfo_3p5bw_67 ._infoContent_3p5bw_86 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

._ExchangeInfo_3p5bw_67 ._infoContent_3p5bw_86 ._descriptionWrapper_3p5bw_92 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._ExchangeInfo_3p5bw_67 ._infoContent_3p5bw_86 ._title_3p5bw_97 {
    margin: 0;
    font-size: var(--Font-size-responsive-font-size-500, 20px);
    font-weight: var(--fw-600-bold, 600);
    line-height: var(--Line-height-responsive-lh-700, 28px)
}

._ExchangeInfo_3p5bw_67 ._infoContent_3p5bw_86 ._description_3p5bw_92 {
    margin: 0;
    color: var(--text-color-secondary);
    font-weight: var(--fw-500, 500);
    line-height: var(--body, 20px)
}

._ExchangeInfo_3p5bw_67 ._infoContent_3p5bw_86 ._feesDescription_3p5bw_109 {
    margin: 0;
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-600, 24px)
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 {
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    background: #29343d;
    display: flex;
    padding: var(--space-4);
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-4);
    align-self: stretch
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 ._txSaverTitle_3p5bw_126 {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2)
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 ._txSaverTitle_3p5bw_126 ._titlePrefix_3p5bw_133 {
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-weight: var(--fw-500, 500);
    line-height: var(--body, 20px)
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 ._txSaverTitle_3p5bw_126 ._txIcon_3p5bw_139 svg {
    width: 26px;
    height: 32px
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 ._txSaverTitle_3p5bw_126 ._txSaverLabel_3p5bw_143 {
    font-weight: var(--fw-400, 400)
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 ._list_3p5bw_146 {
    padding-left: 0;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 ._list_3p5bw_146 ._listItem_3p5bw_154 {
    flex-basis: 40%;
    white-space: nowrap;
    padding: 6px var(--space-2);
    display: flex;
    align-items: center;
    gap: 6px
}

._ExchangeInfo_3p5bw_67 ._txSaverBox_3p5bw_115 ._safeDescription_3p5bw_162 {
    padding-top: var(--space-2);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-1);
    font-size: var(--Font-size-responsive-font-size-300, 12px);
    font-weight: var(--Font-weight-fw-500, 500);
    line-height: var(--Line-height-responsive-lh-300, 12px);
    color: var(--text-color-secondary)
}

.portfolio-header-wrapper {
    background: #313d47;
    border-radius: 3px 3px 0 0;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    min-height: 55px
}

@media screen and (max-width: 850px) {
    .portfolio-header-wrapper {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 750px) {
    .portfolio-header-wrapper {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        min-height: 38px;
        padding: 10px 23px 15px
    }
}

.portfolio-header-wrapper.space {
    justify-content: space-between
}

.portfolio-header-wrapper .portfolio-header-title {
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width: 850px) {
    .portfolio-header-wrapper .portfolio-header-title {
        margin-bottom: 10px
    }
}

.portfolio-header-wrapper .portfolio-header-title .loader {
    height: 20px;
    width: 20px;
    margin-left: 5px
}

.portfolio-header-wrapper .header-title {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.03em
}

.portfolio-header-wrapper .header-add-ons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

@media screen and (max-width: 750px) {
    .portfolio-header-wrapper .header-add-ons {
        flex-direction: column;
        align-items: flex-start
    }
}

.portfolio-header-wrapper .Switch {
    max-width: 340px;
    height: 35px;
    background: #20292f
}

.portfolio-header-wrapper .Switch>* {
    height: 24px;
    width: auto;
    flex: 0 0 auto;
    padding: 0 10px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center
}

.portfolio-header-wrapper .Switch.wallet {
    max-width: 250px
}

.portfolio-header-wrapper .portfolio-header-buttons {
    display: flex;
    gap: 8px
}

.protocol-info-wrapper {
    padding: 8px 5px;
    display: flex;
    flex-direction: column
}

.protocol-info-wrapper svg {
    width: 18px;
    height: 18px
}

.protocol-info-wrapper .protocol-info-label {
    display: flex;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.03em;
    color: #61717e
}

.protocol-info-wrapper .protocol-info-label .info-tooltip-wrapper {
    margin-right: 5px
}

.protocol-info-wrapper .protocol-info-value {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -.03em;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.protocol-info-wrapper .protocol-info-value .after-symbol {
    font-size: 14px;
    line-height: 17px;
    letter-spacing: -.03em;
    display: flex;
    align-items: flex-end;
    color: #939da7;
    margin-left: 3px
}

.protocol-info-wrapper .protocol-info-value .icon {
    width: 18px;
    height: 18px;
    margin-right: 3px
}

.protocol-info-wrapper .protocol-info-value.multiple-values {
    align-items: flex-start
}

.protocol-info-wrapper .protocol-info-value.multiple-values>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.protocol-info-wrapper .protocol-info-value.multiple-values .lp-amount:not(:last-child) {
    margin-right: 10px
}

.protocol-info-wrapper .protocol-info-value.multiple-values.inline {
    flex-direction: row
}

.protocol-info-wrapper .protocol-info-value.multiple-values.inline div:not(:last-child) .label {
    margin-right: 3px
}

.protocol-info-wrapper .protocol-info-value.multiple-values.inline div:not(:first-child) .icon {
    margin-left: 3px
}

.protocol-info-wrapper.net-worth .protocol-info-value {
    font-size: 42px;
    line-height: 51px;
    letter-spacing: -.03em
}

.protocol-info-wrapper.collateral,
.protocol-info-wrapper.debt,
.protocol-info-wrapper.claimable,
.protocol-info-wrapper.assets,
.protocol-info-wrapper.staked {
    justify-content: flex-end;
    margin-left: 10px
}

@media only screen and (max-width: 1024px) {

    .protocol-info-wrapper.collateral,
    .protocol-info-wrapper.debt,
    .protocol-info-wrapper.claimable,
    .protocol-info-wrapper.assets,
    .protocol-info-wrapper.staked {
        margin-left: unset
    }
}

.protocol-info-wrapper.assets .protocol-info-value {
    color: #37b06f
}

.protocol-info-wrapper.collateral .protocol-info-value {
    color: #5fd897
}

.protocol-info-wrapper.claimable .protocol-info-value {
    color: #9bf5d3
}

.protocol-info-wrapper.debt .protocol-info-value {
    color: #ff6868
}

.protocol-info-wrapper.staked .protocol-info-value {
    color: #fae9b7
}

.protocol-info-wrapper.empty .protocol-info-value {
    color: #939da7
}

.protocol-card-outside-wrapper {
    min-height: 62px;
    border-radius: 4px;
    margin: 10px 7px 0
}

.protocol-card-outside-wrapper.automated {
    border: 1px solid #37B06F
}

.protocol-card-outside-wrapper .deprecation-warning {
    margin: 0 3px 3px !important;
    width: auto !important
}

.protocol-card-wrapper {
    display: grid;
    grid-template-areas: "protocol info content shield";
    grid-template-columns: 60px 30px auto 60px;
    border-radius: 3px;
    background: #212d35;
    min-height: 80px;
    margin: 3px
}

.protocol-card-wrapper.clickable {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.protocol-card-wrapper.clickable:hover {
    background-color: #25323b !important
}

@media only screen and (max-width: 650px) {
    .protocol-card-wrapper {
        grid-template-areas: "protocol info info info shield" "content content content content content";
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 42px auto
    }
}

.protocol-card-wrapper .protocol-icon {
    grid-area: protocol;
    position: relative;
    background-color: #37b06f;
    width: 60px;
    border-radius: 3px 0 0 3px;
    display: flex;
    align-items: center;
    justify-content: center
}

.protocol-card-wrapper .protocol-icon svg {
    width: 22px;
    height: 22px
}

@media only screen and (min-width: 1025px) {
    .protocol-card-wrapper .protocol-icon svg {
        width: 30px;
        height: 30px
    }
}

.protocol-card-wrapper .protocol-icon.Maker {
    background: linear-gradient(180deg, #1aab9b, #069787)
}

.protocol-card-wrapper .protocol-icon.Morpho {
    background: linear-gradient(180deg, #2e4dff, #00378a)
}

.protocol-card-wrapper .protocol-icon.Compound,
.protocol-card-wrapper .protocol-icon.Compound.V3 {
    background: linear-gradient(180deg, #01d395e6 1.28%, #00a776e6)
}

.protocol-card-wrapper .protocol-icon.Aave {
    background: linear-gradient(180deg, #9391f7 .16%, #6562f4 99.84%)
}

.protocol-card-wrapper .protocol-icon.Spark {
    background: linear-gradient(180deg, #f2b72d -9.38%, #fa43bd 96.3%)
}

.protocol-card-wrapper .protocol-icon.Liquity {
    background: linear-gradient(180deg, #95cbf3, #405ae5)
}

.protocol-card-wrapper .protocol-icon.Lido {
    background: linear-gradient(180deg, #e28f83, #c4796f)
}

.protocol-card-wrapper .protocol-icon.Yearn {
    background: linear-gradient(180deg, #1479f8, #1360b3)
}

.protocol-card-wrapper .protocol-icon.Uniswap {
    background: linear-gradient(180deg, #fc157b, #ca0049)
}

.protocol-card-wrapper .protocol-icon.SushiSwap {
    background: linear-gradient(180deg, #0e61c4, #0a4993)
}

.protocol-card-wrapper .protocol-icon.Balancer {
    background: linear-gradient(180deg, #4a4a4a, #303030)
}

.protocol-card-wrapper .protocol-icon.Curve {
    background: linear-gradient(180deg, #65b5ff, #339cff)
}

.protocol-card-wrapper .protocol-icon.Rari {
    background: linear-gradient(180deg, #38ad3c, #2b862e)
}

.protocol-card-wrapper .protocol-icon.mStable.Save,
.protocol-card-wrapper .protocol-icon.mStable.Vault {
    background: linear-gradient(180deg, #427beb, #185ce2)
}

.protocol-card-wrapper .protocol-icon.Convex {
    background: linear-gradient(180deg, #01a3fe, #0082cb)
}

.protocol-card-wrapper .protocol-icon.ChickenBonds {
    background: linear-gradient(180deg, #3c5eba, #163486)
}

.protocol-card-wrapper .protocol-icon.BProtocol {
    background-color: linear-gradient(180deg, #12C264 0%, #0D954C 100%)
}

.protocol-card-wrapper .protocol-icon.CurveUSD {
    background: linear-gradient(360deg, #0f5231, #167c4a)
}

.protocol-card-wrapper .protocol-icon.MorphoBlue,
.protocol-card-wrapper .protocol-icon.MetaMorpho {
    background: linear-gradient(180deg, #2e4dff, #00378a)
}

.protocol-card-wrapper .protocol-icon.Euler.V2 {
    background: linear-gradient(180deg, #2ae5b9, #ff7829)
}

.protocol-card-wrapper .protocol-icon.LlamaLend {
    background: linear-gradient(360deg, #0f5231, #167c4a)
}

.protocol-card-wrapper .protocol-icon.LiquityV2,
.protocol-card-wrapper .protocol-icon.Fluid {
    background: linear-gradient(180deg, #95cbf3, #405ae5)
}

@media screen and (max-width: 650px) {
    .protocol-card-wrapper .protocol-icon {
        width: auto
    }
}

.protocol-card-wrapper .protocol-info-icons {
    width: 30px;
    grid-area: info;
    background: #3846544d;
    display: grid;
    grid-template-rows: repeat(3, 1fr)
}

.protocol-card-wrapper .protocol-info-icons .info-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .3
}

.protocol-card-wrapper .protocol-info-icons .info-icon:hover {
    opacity: 1
}

.protocol-card-wrapper .protocol-info-icons .protocol-info-icons-network {
    align-self: end
}

.protocol-card-wrapper .protocol-info-icons .protocol-info-icons-wallet {
    align-self: center
}

.protocol-card-wrapper .protocol-info-icons .protocol-info-icons-wallet-type {
    align-self: start
}

@media screen and (max-width: 650px) {
    .protocol-card-wrapper .protocol-info-icons {
        width: auto;
        grid-template-rows: auto;
        grid-template-columns: repeat(3, 1fr)
    }

    .protocol-card-wrapper .protocol-info-icons .info-icon {
        align-self: center
    }
}

.protocol-card-wrapper .position-info-wrapper {
    padding-left: 20px;
    padding-bottom: 8px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media only screen and (max-width: 650px) {
    .protocol-card-wrapper .position-info-wrapper {
        grid-column: 1/-1
    }
}

.protocol-card-wrapper .position-info-wrapper .inner-content-wrapper {
    display: grid;
    grid-area: content;
    grid-template-columns: repeat(16, 1fr);
    grid-template-areas: "type type type type coll coll coll debt debt debt ratio ratio ratio other other other" "type type type type stake stake stake claim claim claim total total total last last last";
    grid-template-rows: auto
}

.protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP {
    grid-template-areas: "type type type type coll coll coll coll coll coll total total total total total total" "type type type type coll coll coll coll coll coll total total total total total total"
}

.protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP.V3 {
    cursor: pointer;
    grid-template-areas: "type type type type coll coll coll total total total total claim claim claim claim claim" "type type type type range range range range range range range range range . . ."
}

.protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other {
    grid-template-areas: "type type type type type type type deposit deposit deposit deposit deposit deposit deposit deposit deposit" "type type type type type type type deposit deposit deposit deposit deposit deposit deposit deposit deposit"
}

.protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Savings {
    grid-template-areas: "type type type type deposit deposit deposit estimate estimate estimate apr apr apr claim claim claim" "type type type type deposit deposit deposit estimate estimate estimate apr apr apr claim claim claim"
}

.protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Bonds {
    grid-template-areas: "type type type type status status status . . . . . . . . ." "id id id id coll coll coll . . . accr accr accr . . ." ". . . . breven breven breven breven . . rebond rebond rebond rebond . ."
}

.protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Bonds .protocol-info-wrapper .protocol-info-value {
    white-space: nowrap
}

@media only screen and (min-width: 1058px) {
    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.AlignCenter .protocol-info-wrapper {
        align-self: center
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.SmallerGrid {
        grid-template-areas: "type type type type coll coll coll debt debt debt ratio ratio ratio other other other"
    }
}

@media only screen and (max-width: 1058px) {
    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper {
        grid-template-columns: repeat(13, 1fr);
        grid-template-areas: "type type type type coll coll coll debt debt debt ratio ratio ratio" "type type type type other other other stake stake stake claim claim claim"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP {
        grid-template-areas: "type type type type coll coll coll coll coll coll total total total" "type type type type coll coll coll coll coll coll total total total"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP.V3 {
        grid-template-areas: "type type type type coll coll coll coll coll coll coll coll coll" "type type type type claim claim claim claim total total total total total" "type type type type range range range range range range range range range"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Bonds {
        grid-template-areas: "type type type type status status status coll coll coll accr accr accr" "type type type type breven breven breven breven breven breven breven breven breven" "type type type type rebond rebond rebond rebond rebond rebond rebond rebond rebond"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Savings {
        grid-template-areas: "type type type type deposit deposit deposit estimate estimate estimate apr apr apr" "type type type type claim claim claim . . . . . ."
    }
}

@media only screen and (min-width: 940px) {
    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP .AlignCenter {
        align-self: center
    }
}

@media only screen and (max-width: 940px) {
    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper {
        grid-template-areas: "type type type type type coll coll coll coll debt debt debt debt" "type type type type type ratio ratio ratio ratio other other other other" "type type type type type stake stake stake stake claim claim claim claim"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP {
        grid-template-areas: "type type type type type coll coll coll coll coll coll coll coll" "type type type type type claim claim claim claim claim claim claim claim" "type type type type type total total total total total total total total" "type type type type type range range range range range range range range"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Savings {
        grid-template-areas: "type type type type type deposit deposit deposit deposit estimate estimate estimate estimate" "type type type type type apr apr apr apr claim claim claim claim"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Bonds {
        grid-template-areas: "type type type type type status status status status status . . ." "type type type type type coll coll coll coll accr accr accr accr" "type type type type type rebond rebond rebond rebond rebond rebond rebond rebond" "type type type type type breven breven breven breven breven breven breven breven"
    }
}

@media only screen and (max-width: 750px) {
    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas: "type type" "coll debt" "ratio other" "stake claim"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP {
        grid-template-areas: "type type" "coll coll" "total total"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.LP.V3 {
        grid-template-areas: "type type" "coll coll" "claim total" "range range"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Savings {
        grid-template-areas: "type type" "deposit estimate" "apr claim"
    }

    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other.Bonds {
        grid-template-areas: "type type" "status status" "coll accr" "breven rebond"
    }
}

@media only screen and (max-width: 500px) {
    .protocol-card-wrapper .position-info-wrapper .inner-content-wrapper.Other {
        grid-template-areas: "type type" "deposit deposit"
    }
}

.protocol-card-wrapper .automation-shield-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    grid-area: shield;
    width: 60px;
    background: #61717e4d;
    border-radius: 0 3px 3px 0
}

@media screen and (max-width: 650px) {
    .protocol-card-wrapper .automation-shield-icon {
        width: auto
    }

    .protocol-card-wrapper .automation-shield-icon svg {
        width: 28px;
        height: 32px
    }
}

.protocol-card-wrapper .automation-shield-icon.automated {
    background: linear-gradient(#284d42, #253f56)
}

.position-card-info-items-wrapper {
    margin: 0 3px;
    display: flex;
    flex-direction: column;
    gap: 3px
}

._SummerFiMigrateBanner_1o9wx_1 {
    border-radius: var(--border-radius-large);
    padding: var(--space-2);
    background-color: #37b06f33;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--text-weight-semi-bold);
    font-size: var(--text-size-small);
    line-height: var(--text-size-extra-large);
    color: var(--color-green-100);
    margin-right: 20px
}

._SummerFiMigrateBanner_1o9wx_1 ._descWrapper_1o9wx_15 {
    display: flex;
    flex-direction: row;
    gap: var(--space-3);
    align-items: center
}

._SummerFiMigrateBanner_1o9wx_1 ._descWrapper_1o9wx_15 svg {
    width: var(--space-4);
    height: var(--space-4)
}

._SummerFiMigrateBanner_1o9wx_1 ._descWrapper_1o9wx_15 svg path {
    stroke: var(--color-green-100)
}

@media only screen and (max-width: 650px) {
    ._SummerFiMigrateBanner_1o9wx_1 ._descWrapper_1o9wx_15 {
        display: none
    }
}

.token-info-wrapper {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    background: #364f6b4d;
    border-radius: 3px;
    margin-top: 1px
}

.token-info-wrapper:first-child {
    margin-top: 0;
    border-radius: 0 0 3px 3px
}

.token-info-wrapper .withdraw-token {
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.token-info-wrapper .withdraw-token:hover {
    background: #37b06f;
    cursor: pointer
}

.token-info-wrapper .withdraw-token:hover svg path {
    stroke: #fff
}

.token-info-wrapper .withdraw-token:hover .loader-wrapper .loader svg path {
    fill: #fff
}

.token-info-wrapper .Flex {
    padding: 8px 12px
}

.token-info-wrapper .Flex svg {
    width: 30px;
    height: 30px;
    margin-right: 15px
}

.token-info-wrapper .token-info-value-wrapper {
    display: flex;
    flex-direction: column;
    position: relative
}

.token-info-wrapper .token-info-value-wrapper .token-info-eth-value {
    display: flex
}

.token-info-wrapper .token-info-value-wrapper .token-info-eth-value .token-info-value {
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -.03em;
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    white-space: nowrap
}

.token-info-wrapper .token-info-value-wrapper .token-info-eth-value .token-info-symbol {
    display: flex;
    flex-direction: column-reverse;
    margin-left: 4px;
    margin-bottom: 2px;
    color: #7f8f9c
}

.token-info-wrapper .token-info-value-wrapper .token-info-usd-value {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: -.03em;
    color: #7f8f9c
}

.token-info-wrapper .token-info-value-wrapper .token-info-usd-value .token-info-usd-value-total {
    color: #fff
}

.token-info-wrapper .withdraw-token {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    background: #61717e4d
}

.token-info-wrapper .withdraw-token .loader-wrapper .loader {
    width: 15px
}

._root_2gvht_1 {
    grid-area: side;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px
}

._row_2gvht_9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--text-primary, #FBFBFB);
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    line-height: 20px;
    padding: 12px 0
}

._row_2gvht_9:not(:last-child) {
    border-bottom: 1px solid #313D47
}

._label_2gvht_24 {
    color: var(--text-secondary, #ADB1B5);
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0
}

._value_2gvht_32 {
    color: #fff
}

._addressLine_2gvht_36,
._networkLine_2gvht_36 {
    display: flex;
    gap: 4px;
    align-items: center
}

._addressLine_2gvht_36 a:hover,
._networkLine_2gvht_36 a:hover {
    text-decoration: underline
}

._txSaverLine_2gvht_45 .tx-saver-protected {
    padding: 0
}

._indicator_akga1_1 {
    display: flex;
    gap: 2px;
    border-radius: 4px;
    padding: 5px;
    background-color: #313d47;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left;
    align-items: center
}

._indicator_akga1_1 .Icon {
    font-size: 16px
}

._root_akga1_18 {
    display: flex;
    flex-direction: column
}

._signer_akga1_23 {
    border-bottom: 1px solid #313D47;
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 8px;
    width: 100%
}

._signer_akga1_23:last-child {
    border-bottom: none
}

._address_akga1_35 {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-grow: 1;
    flex-basis: 0;
    word-break: break-all
}

._address_akga1_35 a:hover {
    text-decoration: underline
}

._root_1oq2e_1 {
    display: flex;
    flex-direction: column
}

._activity_1oq2e_6 {
    position: relative;
    display: flex;
    align-items: center;
    gap: 3px;
    height: 34px;
    color: var(--text-primary, #FFF);
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400
}

._verticalLine_1oq2e_18 {
    position: absolute;
    height: 14px;
    top: 27px;
    left: 9px;
    border-left: 1px solid #313D47
}

._lastItem_1oq2e_26 {
    display: none
}

._address_1oq2e_30 {
    display: flex;
    gap: 4px;
    align-items: center
}

._address_1oq2e_30 a:hover {
    text-decoration: underline
}

._action_1oq2e_39 {
    display: flex;
    align-items: center;
    color: var(--text-secondary, #ADB1B5);
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400
}

._time_1oq2e_48 {
    display: flex;
    align-items: center;
    color: var(--text-secondary, #ADB1B5);
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0
}

._root_1e0vh_1 {
    grid-area: main;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._toggleButtons_1e0vh_8 .button {
    height: 24px
}

@media only screen and (max-width: 768px) {
    ._toggleButtons_1e0vh_8 {
        width: 100%
    }

    ._toggleButtons_1e0vh_8 ._button_1e0vh_8 {
        flex-grow: 1;
        flex-basis: 0
    }
}

._root_15joa_1 {
    grid-area: side;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px
}

._root_15joa_1 button {
    width: 100%
}

._root_15joa_1 hr {
    border: none;
    border-top: 1px solid #313D47;
    margin: 4px 0
}

._root_1tg0m_1 {
    display: grid;
    grid-template-columns: 3fr 2fr;
    grid-template-areas: "main side";
    gap: 0 20px;
    padding-top: 16px
}

@media only screen and (max-width: 768px) {
    ._root_1tg0m_1 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "main" "side";
        gap: 24px 0
    }
}

._main_1tg0m_17 {
    grid-area: main;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._title_1tg0m_24 {
    color: var(--text-primary, #FFF);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px
}

._time_1tg0m_31 {
    color: var(--text-secondary, #ADB1B5);
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0
}

._side_1tg0m_39 {
    grid-area: side;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-left: 1px solid #313D47;
    padding-left: 16px;
    padding-right: 4px
}

@media only screen and (max-width: 768px) {
    ._side_1tg0m_39 {
        border-left: none;
        padding-left: 0;
        padding-right: 0
    }
}

._PendingMultisigTx_rzk97_1 {
    --padding-x: 8px;
    --padding-y: 12px;
    --indicator-height: 24px;
    --conflict-color-primary: #7E6826;
    --conflict-color-secondary: #F6D982;
    --conflict-upper-line-height: calc(var(--padding-y) + 1px);
    --conlifct-lower-line-top-offset: calc(var(--conflict-upper-line-height) + var(--indicator-height) + 2px);
    --conflict-line-x-offset: calc(var(--padding-y) + (var(--indicator-height) * .5) - 1px);
    --conflict-line-width: 1px;
    --chevron-color: #ADB1B5;
    background: #212d35;
    padding: var(--padding-x) var(--padding-y);
    font-weight: 400;
    position: relative;
    border-bottom: 1px solid #313D47
}

._PendingMultisigTx_rzk97_1:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22 {
    border-bottom: 1px #313D47 dashed
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22 ._upperVerticalConflictLineIndicator_rzk97_25 {
    position: absolute;
    left: var(--conflict-line-x-offset);
    width: var(--conflict-line-width);
    height: var(--conflict-upper-line-height);
    background-color: var(--chevron-color);
    top: -1px;
    z-index: 0;
    border-radius: .5px
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22 ._lowerVerticalConflictLineIndicator_rzk97_35 {
    position: absolute;
    left: var(--conflict-line-x-offset);
    width: var(--conflict-line-width);
    background-color: var(--chevron-color);
    bottom: -1px;
    top: auto;
    height: calc(100% - var(--conlifct-lower-line-top-offset));
    border-radius: .5px
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22._firstConflict_rzk97_45 {
    margin-top: 8px;
    border-bottom: 1px #313D47 dashed
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22._firstConflict_rzk97_45 ._upperVerticalConflictLineIndicator_rzk97_25 {
    display: none
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22._lastConflict_rzk97_52 {
    margin-bottom: 8px;
    border-bottom: 1px solid #313D47
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22._lastConflict_rzk97_52 ._lowerVerticalConflictLineIndicator_rzk97_35 {
    display: none
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22._lastConflict_rzk97_52+._firstConflict_rzk97_45 {
    margin-top: 0
}

._PendingMultisigTx_rzk97_1._conflictTransaction_rzk97_22 ._indicator_rzk97_62._nonce_rzk97_62 {
    background-color: #7e6826;
    border: none;
    color: #f6d982
}

._PendingMultisigTx_rzk97_1 ._chevron_rzk97_67 {
    all: unset;
    color: var(--chevron-color);
    background-color: #313d47;
    border-radius: 3px;
    cursor: pointer;
    font-size: var(--indicator-height);
    height: var(--indicator-height);
    width: var(--indicator-height)
}

._PendingMultisigTx_rzk97_1 ._chevron_rzk97_67._open_rzk97_77 {
    transform: rotate(180deg)
}

._PendingMultisigTx_rzk97_1 ._chevron_rzk97_67:hover {
    color: #fff
}

._PendingMultisigTx_rzk97_1 ._header_rzk97_83 {
    display: flex;
    gap: 8px;
    height: 36px;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width: 768px) {
    ._PendingMultisigTx_rzk97_1 ._header_rzk97_83 {
        flex-direction: column;
        align-items: flex-start;
        height: auto
    }
}

._PendingMultisigTx_rzk97_1 ._buttons_rzk97_97 {
    display: flex;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 768px) {
    ._PendingMultisigTx_rzk97_1 ._buttons_rzk97_97 {
        padding-left: 32px;
        width: 100%
    }

    ._PendingMultisigTx_rzk97_1 ._buttons_rzk97_97 button.button {
        flex-grow: 1;
        flex-basis: 0
    }

    ._PendingMultisigTx_rzk97_1 ._buttons_rzk97_97 :not(.green) {
        display: none
    }
}

._PendingMultisigTx_rzk97_1 ._info_rzk97_115 {
    flex-grow: 1;
    display: flex;
    gap: 12px;
    min-width: 0;
    z-index: 1
}

@media only screen and (max-width: 768px) {
    ._PendingMultisigTx_rzk97_1 ._info_rzk97_115 {
        gap: 16px;
        flex-direction: column;
        align-items: flex-start
    }
}

._PendingMultisigTx_rzk97_1 ._details_rzk97_129 {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-grow: 1
}

@media only screen and (max-width: 768px) {
    ._PendingMultisigTx_rzk97_1 ._details_rzk97_129 {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 32px;
        gap: 16px
    }
}

._PendingMultisigTx_rzk97_1 ._title_rzk97_146 {
    color: var(--text-primary, #FFF);
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-grow: 1
}

._PendingMultisigTx_rzk97_1 ._time_rzk97_155 {
    color: var(--text-secondary, #ADB1B5);
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0
}

._PendingMultisigTx_rzk97_1 ._indicators_rzk97_162 {
    display: flex;
    align-items: center;
    gap: 8px
}

._PendingMultisigTx_rzk97_1 ._indicator_rzk97_62 {
    white-space: nowrap;
    display: flex;
    gap: 4px;
    align-items: center;
    background-color: #313d47;
    border: 1px solid #465059;
    border-radius: 3px;
    padding: 4px 6px;
    height: var(--indicator-height);
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    color: var(--chevron-color)
}

._PendingMultisigTx_rzk97_1 ._indicator_rzk97_62 .Icon {
    font-size: 16px;
    height: 16px
}

._PendingMultisigTx_rzk97_1 ._content_rzk97_187 {
    padding-left: 32px
}

._icon_14jip_1 {
    font-size: 16px;
    height: 16px
}

._text_14jip_6 {
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    color: #adb1b5
}

.portfolio-pending-multisig-txs-wrapper .pending-transactions {
    display: flex;
    flex-direction: column
}

.portfolio-pending-multisig-txs-wrapper .pending-transactions .pending-transactions-placeholder {
    text-align: center;
    padding: 8px
}

.portfolio-wrapper .dashboard-header-wrapper {
    color: #939da7
}

.portfolio-wrapper .dashboard-header-wrapper [data-tooltipped] {
    color: #fff
}

.portfolio-wrapper .main-section-wrapper {
    justify-content: stretch;
    color: #fff;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-areas: "balance balance balance tokens" "positions positions positions tokens" ". . . tokens";
    grid-gap: 10px;
    background: transparent
}

.portfolio-wrapper .main-section-wrapper.multisig {
    grid-template-areas: "balance balance balance tokens" "multisigtxs multisigtxs multisigtxs tokens" "positions positions positions tokens" ". . . tokens"
}

@media only screen and (max-width: 768px) {
    .portfolio-wrapper .main-section-wrapper.multisig {
        grid-template-areas: "balance" "multisigtxs" "picker" "data"
    }
}

@media only screen and (max-width: 768px) {
    .portfolio-wrapper .main-section-wrapper {
        grid-template-columns: auto;
        grid-template-areas: "balance" "picker" "data"
    }
}

.portfolio-wrapper .main-section-wrapper>div {
    background: #172026;
    border-radius: 3px
}

.portfolio-wrapper .main-section-wrapper .portfolio-pending-multisig-txs-wrapper {
    grid-area: multisigtxs
}

.portfolio-wrapper .main-section-wrapper .portfolio-positions-wrapper {
    padding-bottom: 10px;
    grid-area: positions
}

@media only screen and (max-width: 768px) {
    .portfolio-wrapper .main-section-wrapper .portfolio-positions-wrapper {
        grid-area: data
    }

    .portfolio-wrapper .main-section-wrapper .portfolio-positions-wrapper:not(.active) {
        display: none
    }
}

.portfolio-wrapper .main-section-wrapper .portfolio-positions-wrapper .error-box-wrapper {
    margin: 10px
}

.portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper {
    grid-area: balance;
    background: linear-gradient(to bottom, #2b3943, #1a242b)
}

.portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper .net-worth-wrapper {
    display: flex;
    padding: 0 20px
}

.portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper .net-worth-wrapper .net-worth {
    padding-left: 0
}

.portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper .amount-graph-wrapper {
    padding: 0 20px
}

@media only screen and (max-width: 1024px) {
    .portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper .net-worth-wrapper {
        padding: 23px;
        flex-wrap: wrap
    }

    .portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper .net-worth-wrapper .net-worth {
        width: 100%
    }

    .portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper .net-worth-wrapper .collateral {
        margin-left: 0
    }

    .portfolio-wrapper .main-section-wrapper .portfolio-balance-wrapper .amount-graph-wrapper {
        padding: 0 23px
    }
}

.portfolio-wrapper .main-section-wrapper .portfolio-tokens-and-points {
    display: flex;
    flex-direction: column;
    gap: 8px;
    grid-area: tokens;
    background: transparent
}

@media only screen and (max-width: 768px) {
    .portfolio-wrapper .main-section-wrapper .portfolio-tokens-and-points {
        grid-area: data
    }

    .portfolio-wrapper .main-section-wrapper .portfolio-tokens-and-points:not(.active) {
        display: none
    }
}

.portfolio-wrapper .main-section-wrapper .mobile-action-picker-wrapper {
    grid-area: picker;
    background: transparent
}

.portfolio-wrapper .main-section-wrapper .mobile-action-picker-wrapper .Switch {
    max-width: 220px
}

.portfolio-wrapper .main-section-wrapper .tx-history {
    margin: 0 20px
}

.portfolio-wrapper .main-section-wrapper .empty-section {
    margin: 10px 20px 0
}

.portfolio-wrapper .main-section-wrapper .full-width-section {
    padding: 20px;
    background-color: #2b3943;
    overflow: auto;
    white-space: nowrap
}

.portfolio-wrapper .main-section-wrapper .padded-section {
    margin: 10px 10px 0;
    padding: 15px 20px;
    background-color: #2b3943;
    display: flex;
    flex-wrap: wrap;
    border-radius: 3px;
    transition: .2s
}

.portfolio-wrapper .main-section-wrapper .padded-section.as-button {
    justify-content: center;
    cursor: pointer;
    text-transform: uppercase;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    letter-spacing: .05em;
    font-size: 1.2rem
}

._root_1ggu2_1 {
    grid-area: tokens;
    background: transparent
}

@media only screen and (max-width: 768px) {
    ._root_1ggu2_1 {
        grid-area: data
    }

    ._root_1ggu2_1:not(._active_1ggu2_9) {
        display: none
    }
}

._root_1ggu2_1 ._safePoints_1ggu2_13 {
    display: flex;
    align-items: center;
    background: #364f6b4d;
    gap: 15px;
    border-radius: 3px;
    margin-top: 1px;
    padding: 8px 12px
}

._root_1ggu2_1 ._safePoints_1ggu2_13 ._icon_1ggu2_22 {
    background: linear-gradient(#12ff80, #06d164);
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #14181c;
    font-size: 18px
}

._root_1ggu2_1 ._safePoints_1ggu2_13 ._info_1ggu2_33 {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._root_1ggu2_1 ._safePoints_1ggu2_13 ._info_1ggu2_33 ._totalPoints_1ggu2_38 {
    display: flex;
    font-size: 25px;
    line-height: 30px;
    letter-spacing: -.03em;
    max-width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    white-space: nowrap
}

._root_1ggu2_1 ._safePoints_1ggu2_13 ._info_1ggu2_33 ._symbol_1ggu2_49 {
    margin-left: 4px;
    margin-top: 6px;
    color: #7f8f9c;
    font-size: 1.4rem;
    line-height: 1em
}

._root_1ggu2_1 ._safePoints_1ggu2_13 ._info_1ggu2_33 ._learnMoreLink_1ggu2_56 {
    display: inline-flex;
    color: #37b06f;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px
}

._root_1ggu2_1 ._safePoints_1ggu2_13 ._info_1ggu2_33 ._learnMoreLink_1ggu2_56:hover {
    text-decoration: underline
}

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

.token__item svg {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem
}

.token__item>svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0;
    position: absolute;
    left: -5px;
    bottom: -2px;
    border: 1px solid #293745;
    border-radius: 50%
}

.token__item__symbol {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-180deg, #506c88, #100d0d);
    border-radius: 50%;
    font-size: 1rem
}

.token__item__info {
    display: inline-flex;
    flex-direction: column;
    font-size: 1.3rem
}

.token__item__info span {
    display: flex;
    align-items: center
}

.token__item__info div {
    display: inline-flex !important;
    align-items: center
}

.token__item__info p {
    margin: 0
}

.token__item__info p a {
    color: #37b06f
}

.tx-history__item {
    overflow: hidden;
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 1px
}

.tx-history__item span[data-tooltipped]>span {
    display: inline-flex
}

.tx-history__item__header,
.tx-history__item__body {
    padding: 1rem 2.5rem
}

@media screen and (max-width: 550px) {

    .tx-history__item__header,
    .tx-history__item__body {
        padding: 1rem
    }
}

.tx-history__item__header span,
.tx-history__item__body span {
    color: #fff
}

.tx-history__item__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(90deg, #293745 0% 20%)
}

.tx-history__item__header.token_transfer,
.tx-history__item__header.send_eth,
.tx-history__item__header.receive_eth {
    background: linear-gradient(90deg, #34765b, #293745 20%)
}

.tx-history__item__header.contract_execution {
    background: linear-gradient(90deg, #1a5ca2, #293745 20%)
}

.tx-history__item__header.contract_creation {
    background: linear-gradient(90deg, #1baab1, #293745 20%)
}

.tx-history__item__header.cancel_transaction {
    background: linear-gradient(90deg, #704141, #293745 20%)
}

.tx-history__item__header.uniswap {
    background: linear-gradient(90deg, #532e3e, #293745 20%)
}

.tx-history__item__header.curve {
    background: linear-gradient(90deg, #28405f, #293745 20%)
}

.tx-history__item__header.aave {
    background: linear-gradient(90deg, #36565b, #293745 20%)
}

.tx-history__item__header.zrx {
    background: linear-gradient(90deg, #1f6058, #293745 20%)
}

.tx-history__item__header.balancer {
    background: linear-gradient(90deg, #3a4793, #293745 20%)
}

.tx-history__item__header.compound {
    background: linear-gradient(90deg, #266b57, #293745 20%)
}

.tx-history__item__header.kyber {
    background: linear-gradient(90deg, #2d7c65, #293745 20%)
}

.tx-history__item__header.maker {
    background: linear-gradient(90deg, #427970, #293745 20%)
}

.tx-history__item__header.sushiswap {
    background: linear-gradient(90deg, #752934, #293745 20%)
}

.tx-history__item__header.defisaver {
    background: linear-gradient(90deg, #52906f, #293745 20%)
}

.tx-history__item__header.dex\.ag {
    background: linear-gradient(90deg, #8c715e, #293745 20%)
}

.tx-history__item__header.failed {
    background: linear-gradient(90deg, #704141, #293745 20%) !important
}

.tx-history__item__header.failed .action__icon .exclamation svg {
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 50%;
    left: -1.2rem;
    transform: translateY(-50%)
}

.tx-history__item__header .details {
    display: inline-flex;
    flex: 0 0 79%
}

.tx-history__item__header .details .action {
    position: relative;
    flex: 0 0 28%;
    margin: 0;
    display: inline-flex;
    align-items: center
}

@media screen and (max-width: 550px) {
    .tx-history__item__header .details .action {
        flex: 0 0 auto;
        font-size: 1.2rem
    }
}

.tx-history__item__header .details .action__icon {
    display: inline-flex
}

.tx-history__item__header .details .action svg {
    width: 3rem;
    height: 3rem;
    margin-right: 1rem
}

.tx-history__item__header .details .action span {
    white-space: nowrap
}

.tx-history__item__header .details .action span.method {
    width: 15rem;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    white-space: nowrap
}

.tx-history__item__header .details .token {
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.tx-history__item__header .details .token__item {
    margin-right: 2rem
}

.tx-history__item__header .details .token__item span[data-tooltipped] {
    height: 3rem
}

@media screen and (max-width: 550px) {
    .tx-history__item__header .details .token {
        display: none
    }
}

.tx-history__item__header .more {
    display: flex;
    align-items: center
}

.tx-history__item__header .more>span {
    margin-right: 1rem
}

@media screen and (max-width: 550px) {
    .tx-history__item__header .more>span {
        font-size: 1rem;
        margin-right: .7rem;
        white-space: nowrap
    }
}

.tx-history__item__header .more .button {
    width: 2.8rem;
    height: 2.8rem;
    padding: 0
}

.tx-history__item__body {
    background-color: #1c262d
}

.tx-history__item__body .info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

@media screen and (max-width: 550px) {
    .tx-history__item__body .info {
        flex-direction: column
    }
}

.tx-history__item__body .info p {
    margin: 0
}

@media screen and (max-width: 550px) {
    .tx-history__item__body .info p {
        font-size: 1.2rem;
        margin-bottom: .5rem
    }
}

.tx-history__item__body .info p>span:first-of-type {
    color: #7f8f9c
}

.tx-history__item__body .info p a {
    color: #37b06f
}

.tx-history__item__body .token__transfers {
    margin-top: 3rem
}

@media screen and (max-width: 550px) {
    .tx-history__item__body .token__transfers {
        margin-top: 1.5rem
    }
}

.tx-history__item__body .token__transfers>span {
    display: inline-flex;
    margin-bottom: 1.5rem
}

@media screen and (max-width: 550px) {
    .tx-history__item__body .token__transfers span {
        font-size: 1.2rem
    }
}

.tx-history__item__body .token__transfers__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.tx-history__item__body .token__transfers__items .token__item {
    margin-right: 2rem;
    margin-bottom: 2rem
}

.tx-history {
    display: flex;
    flex-direction: column
}

.tx-history__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.tx-history__item {
    background: linear-gradient(to left, #8f2050, #293745)
}

.tx-history__info {
    text-align: center;
    color: #fff;
    margin: 2rem 0
}

.tx-history .button.load-more {
    align-self: center;
    margin-top: 2rem
}

.shifter-automation-unsub {
    margin-bottom: 40px;
    margin-top: 20px
}

.shifter-automation-unsub .warning-box-wrapper {
    border-radius: 3px 3px 0 0;
    padding-left: 20px;
    padding-right: 20px
}

.shifter-automation-unsub .warning-box-wrapper img {
    height: 17px;
    margin-left: 2px
}

.shifter-automation-unsub .form-item-wrapper.checkbox {
    border: 1px solid #61717E;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    height: 58px;
    padding: 0 20px
}

.shifter-wrapper .main-section-wrapper {
    padding: 40px 20px;
    color: #fff;
    flex-direction: column
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper {
    width: 100%;
    max-width: 880px;
    margin: 10px auto;
    color: #939da7
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .additional-info {
    margin-bottom: 8px
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .advanced {
    display: flex;
    gap: 80px
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .advanced>div {
    flex: 1 1 50%
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .advanced .price-label {
    margin: 0 0 8px;
    height: auto
}

@media (max-width: 900px) {
    .shifter-wrapper .main-section-wrapper .additional-info-wrapper .advanced {
        flex-direction: column;
        gap: 30px
    }
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .advanced .swap-source-select-wrapper {
    margin-bottom: 16px
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .error-box-wrapper,
.shifter-wrapper .main-section-wrapper .additional-info-wrapper .warning-box-wrapper,
.shifter-wrapper .main-section-wrapper .additional-info-wrapper .information-box-wrapper {
    margin-top: 15px
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .tsi-warning-text {
    margin: 8px 0;
    height: 18px
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .tsi-warning-text .icon-Info-circle {
    margin: 1px 6px 0 0
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .exchange-sources {
    margin: 0
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .tsi-warning-box {
    display: flex;
    margin-top: 0
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .tsi-warning-box>div {
    flex: 1
}

.shifter-wrapper .main-section-wrapper .additional-info-wrapper .tsi-warning-box .warning-box-wrapper {
    margin: 0
}

@media (max-width: 900px) {
    .shifter-wrapper .main-section-wrapper .additional-info-wrapper {
        max-width: 400px
    }
}

.shifter-wrapper .main-section-wrapper .warning-box-wrapper {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto
}

.shifter-wrapper .main-section-wrapper .warning-box-wrapper a {
    cursor: pointer
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper {
    width: 100%;
    max-width: 880px;
    margin: 0 auto 20px;
    align-items: flex-start;
    border-bottom: 1px solid #37B06F;
    padding-bottom: 10px;
    gap: 80px
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper.disabled {
    opacity: .3;
    pointer-events: none
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div {
    flex: 1 1 50%;
    max-width: 400px;
    position: relative
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div:first-child .arrow-caret-icon.right {
    position: absolute;
    top: 88px;
    right: -50px
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div:first-child .arrow-caret-icon.down {
    display: none;
    margin: auto
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div h2 {
    font-size: 1.4rem;
    border-bottom: 1px solid #37B06F;
    padding: 10px 0;
    font-weight: 400
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div>label {
    margin: 20px 0;
    display: block
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div>label span {
    margin-bottom: 5px;
    display: inline-block
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .form-item-wrapper.select-wrapper {
    flex: 0
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .form-item-wrapper .select__control {
    height: 62px;
    border-left: 0
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .item {
    margin: 42px 0 20px
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .item .select.box .select__control {
    width: 140px !important
}

@media only screen and (max-width: 650px) {
    .shifter-wrapper .main-section-wrapper .main-form-wrapper>div .item .select.box .select__control {
        width: 100% !important
    }
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .item .select.box .select__control .select__value-container {
    padding-left: 10px
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .item .select.box .select__control .select__dropdown-indicator {
    padding-right: 10px
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .checkbox .label-wrapper {
    padding: 0
}

.shifter-wrapper .main-section-wrapper .main-form-wrapper>div .checkbox .label-text {
    line-height: 30px
}

@media (max-width: 900px) {
    .shifter-wrapper .main-section-wrapper .main-form-wrapper {
        display: block;
        max-width: 400px
    }

    .shifter-wrapper .main-section-wrapper .main-form-wrapper>div:first-child .arrow-caret-icon.right {
        display: none
    }

    .shifter-wrapper .main-section-wrapper .main-form-wrapper>div:first-child .arrow-caret-icon.down {
        display: block;
        margin-top: 40px
    }
}

.shifter-wrapper .main-section-wrapper .select__value-container .option-value .second-select-label {
    left: 0 !important
}

.shifter-wrapper .main-section-wrapper .after-values-wrapper {
    margin: 0
}

.shifter-wrapper .main-section-wrapper .after-values-wrapper .loader-wrapper {
    padding: 15px 0
}

.shifter-wrapper .main-section-wrapper .after-values-wrapper .data-item-wrapper.arrow {
    margin: 15px 0
}

.shifter-wrapper .main-section-wrapper .after-values-wrapper .data-item-wrapper.arrow .label-value-wrapper,
.shifter-wrapper .main-section-wrapper .after-values-wrapper .data-item-wrapper.arrow .label-value-wrapper .label-wrapper {
    flex-grow: 1
}

.shifter-wrapper .main-section-wrapper .after-values-wrapper .data-item-wrapper.arrow .arrow-icon {
    flex-grow: 0
}

.shifter-wrapper pre {
    color: #939da7
}

.bridge-advanced {
    overflow: visible;
    background-color: #202931
}

.bridge-advanced__body {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 24px
}

.bridge-advanced__label {
    font-size: 14px;
    color: #939da7;
    margin: 0 0 17px !important
}

.bridge-advanced .select {
    width: 100%
}

.bridge-advanced .select__control {
    width: 100% !important;
    display: flex;
    justify-content: flex-start
}

.bridge-advanced .select__menu {
    overflow: visible
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.bridge-token-select {
    width: 100%;
    border-right: 1px solid #61717E;
    border-radius: 3px
}

.bridge-token-select__wrapper {
    position: relative;
    display: inline-flex;
    border: 1px solid #61717E;
    border-radius: 3px
}

.bridge-token-select__wrapper--open {
    z-index: 9999;
    border-radius: 3px 3px 0 0
}

.bridge-token-select__wrapper--open .price-estimation {
    background-color: transparent !important
}

.bridge-token-select__drop {
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    display: inline-flex;
    flex-direction: column;
    transform: translateY(100%);
    background-color: #27333b;
    border-radius: 0 0 3px 3px;
    overflow: hidden;
    animation: opacity .1s ease-in-out
}

.bridge-token-select__drop__header {
    padding: 10px
}

.bridge-token-select__drop__title {
    color: #fff !important;
    margin: 0 0 10px
}

.bridge-token-select__drop__search {
    width: 100%;
    color: #fff;
    padding: 10px;
    border: 1px solid #61717E !important;
    border-radius: 3px !important;
    background-color: transparent;
    font-size: 14px !important
}

.bridge-token-select__drop__search::placeholder {
    font-weight: 400;
    color: #939da7;
    line-height: 22px
}

.bridge-token-select__drop__search__not-found {
    padding: 10px
}

.bridge-token-select__drop__search__not-found p {
    margin: 0
}

.bridge-token-select__drop__search__not-found p:not(:last-of-type) {
    margin-bottom: 10px
}

.bridge-token-select__drop__search__not-found p.import-asset {
    color: #fff !important;
    cursor: pointer
}

.bridge-token-select__drop__search__not-found p.import-asset:hover {
    text-decoration: underline
}

.bridge-token-select__item {
    width: 100%;
    display: inline-flex
}

.bridge-token-select__item--expanded {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bridge-token-select__item--expanded .bridge-token-select__left,
.bridge-token-select__item--expanded .bridge-token-select__right {
    display: inline-flex
}

.bridge-token-select__item__icon {
    display: inline-flex;
    align-items: center;
    margin-right: 7px
}

.bridge-token-select__item__icon svg {
    width: 30px;
    height: 30px
}

.bridge-token-select__item__label__balance,
.bridge-token-select__item__label__name {
    color: #939da7
}

.bridge-token-select__item__balances {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end
}

.bridge-token-select__item__balances span {
    font-size: 16px;
    color: #fff
}

.bridge-token-select__item__balances span.usd {
    color: #939da7;
    font-size: 12px
}

.bridge-token-select__selected {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding: 15px 20px;
    cursor: pointer
}

.bridge-token-select__list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto;
    max-height: 335px
}

.bridge-token-select__list__item {
    padding: 15px 10px;
    background-color: #232e35;
    border: 1px solid transparent;
    transition: all .2s ease-in-out;
    cursor: pointer
}

.bridge-token-select__list__item:nth-of-type(odd) {
    background-color: #20292f;
    border: 1px solid transparent
}

.bridge-token-select__list__item:hover {
    background-color: #3a4750;
    border: 1px solid #3A4750;
    border-radius: 3px
}

.bridge-token-select__list__item--selected {
    border: 1px solid #37B06F !important;
    border-radius: 3px;
    background-color: #295345 !important
}

.bridge-token-select--multiselect .bridge-token-select__list__item--selected:hover {
    border: 1px solid #F55858 !important;
    background-color: #783f3f !important
}

.bridge {
    color: #fff
}

.bridge__header {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 500
}

.bridge-body__form {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 1150px) {
    .bridge-body__form {
        flex-direction: column
    }
}

.bridge-body__inputs {
    max-width: 50%;
    width: 50%;
    padding: 20px;
    background: linear-gradient(180deg, #2b3943, #1a242b 92.86%)
}

@media screen and (max-width: 1150px) {
    .bridge-body__inputs {
        max-width: 100%;
        width: 100%
    }
}

.bridge-body__inputs .exchange-advanced {
    margin-top: 20px
}

.bridge-body__inputs .form-item-wrapper.no-padding.no-border {
    border: 0;
    padding: 0;
    margin-bottom: 0
}

.bridge-body__inputs .form-item-wrapper.no-padding.no-border .select__value-container {
    overflow: inherit
}

.bridge-body__inputs .form-item-wrapper.no-padding.no-border .form-item-wrapper {
    width: 50%;
    border-radius: 0 3px 3px 0
}

.bridge-body__inputs .form-item-wrapper.no-padding.no-border .form-item-wrapper .label-replacement {
    padding-right: 15px
}

.bridge-body__inputs .form-item-wrapper.no-padding.no-border input {
    padding-left: 15px
}

.bridge-body__inputs .form-item-wrapper.no-padding.no-border input[type=number] {
    line-height: 62px;
    font-size: 2rem
}

.bridge-body__protocols {
    display: flex
}

@media screen and (max-width: 480px) {
    .bridge-body__protocols {
        flex-direction: column
    }
}

.bridge-body__protocols .network-select {
    flex: 0 0 45%;
    margin: 0 !important
}

.bridge-body__protocols .form-item-wrapper {
    margin-top: 3px
}

.bridge-body__protocols .protocols-swap {
    flex: 1 1 auto;
    margin: 21px 10px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.bridge-body__protocols .protocols-swap svg {
    display: block;
    transition: transform .2s;
    transform: rotate(90deg)
}

.bridge-body__protocols .protocols-swap:hover svg {
    transform: rotate(270deg) !important
}

@media screen and (max-width: 480px) {
    .bridge-body__protocols .protocols-swap {
        margin: 10px 0;
        justify-content: center
    }

    .bridge-body__protocols .protocols-swap svg {
        transform: none
    }

    .bridge-body__protocols .protocols-swap:hover svg {
        transform: rotate(180deg) !important
    }
}

.bridge-body__bridges {
    width: 50%;
    padding: 20px;
    background: linear-gradient(180deg, #253038 1.28%, #172026)
}

@media screen and (max-width: 1150px) {
    .bridge-body__bridges {
        max-width: 100%;
        width: 100%
    }
}

.bridge-body__no-routes {
    text-align: center
}

.bridge-body__routes-title {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 480px) {
    .bridge-body__routes-title {
        flex-direction: column
    }

    .bridge-body__routes-title>div {
        width: 100%
    }
}

.bridge-body__routes-title-label {
    display: flex;
    align-items: center;
    font-weight: 400
}

.bridge-body__routes-title-label div:first-child {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -.03em
}

.bridge-body__route {
    margin-top: 50px;
    cursor: pointer
}

.bridge-body__route.active {
    cursor: default
}

.bridge-body__route.active .path {
    border: 1px solid #37B06F;
    background: #304238
}

.bridge-body__route.active .info .checkbox-wrapper .checkbox {
    border-color: #37b06f
}

.bridge-body__route.active .info .checkbox-wrapper .checkbox .box {
    background: #37b06f
}

.bridge-body__route:not(:first-child) {
    margin-top: 10px
}

.bridge-body__route .amount-wrapper {
    margin-left: 5px
}

.bridge-body__route .amount {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: .01em
}

.bridge-body__route .label {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: .01em;
    color: #939da7
}

.bridge-body__route .separator {
    margin: 0 10px
}

.bridge-body__route .path {
    border-radius: 0 0 3px 3px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 15px 20px;
    background: #44515a
}

.bridge-body__route .path>div {
    display: flex;
    justify-content: center;
    align-items: center
}

.bridge-body__route .path .steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

.bridge-body__route .path .steps>div {
    grid-column: 2/4
}

.bridge-body__route .path .steps>div>div {
    display: flex;
    align-items: center
}

.bridge-body__route .path .steps>div.multiple {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px
}

.bridge-body__route .path .from,
.bridge-body__route .path .to {
    position: relative
}

.bridge-body__route .path .protocol-icon {
    width: 12px;
    height: 12px;
    vertical-align: top;
    align-self: baseline;
    position: absolute;
    left: 0
}

.bridge-body__route .path .to {
    justify-self: end
}

.bridge-body__route .path .from {
    justify-self: start
}

@media screen and (max-width: 480px) {
    .bridge-body__route .path {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(3, 1fr)
    }

    .bridge-body__route .path .from,
    .bridge-body__route .path .steps,
    .bridge-body__route .path .to {
        justify-self: start
    }

    .bridge-body__route .path>div:not(:first-child) {
        margin-top: 10px
    }
}

.bridge-body__route .info {
    padding: 10px;
    border-radius: 3px 3px 0 0;
    display: flex;
    justify-content: space-between;
    background: #303c44
}

.bridge-body__route .info .checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center
}

.bridge-body__route .info .checkbox-wrapper .checkbox {
    width: 12px;
    height: 12px;
    padding: 2px;
    border: 1px solid #61717E;
    border-radius: 3px;
    margin-right: 5px
}

.bridge-body__route .info .checkbox-wrapper .checkbox .box {
    width: 100%;
    height: 100%;
    border-radius: 1px
}

.bridge-body__route .info .additional-info {
    display: flex
}

.bridge-body__route .advanced-route-info {
    background: #29353d;
    border-radius: 0 0 3px 3px
}

.bridge-body__route .advanced-route-info__heading {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    padding: 8px 10px;
    align-items: center;
    cursor: pointer
}

.bridge-body__route .advanced-route-info__body {
    padding: 20px
}

.bridge-body__route .advanced-route-info__body .included-step {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 20px
}

.bridge-body__route .advanced-route-info__body .included-step:first-child {
    margin: 0
}

.bridge-body__route .advanced-route-info__body .included-step .included-step-info .label {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -.03em;
    color: #939da7
}

.bridge-body__route .advanced-route-info__body .included-step .included-step-info .included-step__network {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.bridge-body__route .advanced-route-info__body .included-step .included-step-info .included-step__network span {
    margin-left: 4px
}

.bridge-body__route .advanced-route-info__body .included-step .included-step-info .included-step-action>div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 7px
}

.bridge-body__route .advanced-route-info__body .included-step .included-step-info .included-step-action>div:first-child {
    margin: 0
}

.bridge-body__route .advanced-route-info__body .included-step .included-step-info .included-step-action>div>* {
    margin-left: 4px
}

.bridge-body__route .advanced-route-info__body .included-step .included-step-info .included-step-action>div>*:first-child {
    margin: 0
}

.bridge-body__utils {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: -.03em;
    color: #939da7
}

@media screen and (max-width: 480px) {
    .bridge-body .bridge-token-select {
        border-right: none;
        border-bottom: 1px solid #61717E
    }
}

.bridge-body .bridge-token-select__wrapper {
    margin-top: 25px
}

@media screen and (max-width: 480px) {
    .bridge-body .bridge-token-select__wrapper {
        flex-direction: column
    }
}

.bridge-body .bridge-token-select__wrapper .bridge-token-select {
    border-radius: 3px 0 0 3px;
    flex: 0 0 45%
}

.bridge-body .token-select__wrapper {
    margin-top: 60px;
    width: 100%
}

.bridge-body .token-select__wrapper .amount-estimation {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    padding: 15px 20px;
    border-radius: 3px;
    font-size: 20px;
    color: #37b06f;
    text-align: right;
    background-color: #313d45;
    transition: all .1s ease-in-out;
    font-weight: 700
}

.bridge-body .bottom-controls {
    width: 100%
}

.bridge-body .bottom-controls .button {
    width: fit-content
}

.bridge-body .input__header {
    position: absolute;
    top: 0;
    margin: 0;
    display: inline-flex;
    justify-content: space-between;
    transform: translateY(-100%);
    width: 100%;
    padding-bottom: 3px;
    line-height: 20px;
    color: #939da7;
    text-align: right
}

.bridge-body .input__header__title {
    margin: 0;
    color: #fff
}

.bridge-body .input__header__max:not(.loading) {
    cursor: pointer
}

.bridge-body .input__header__max:not(.loading):hover {
    opacity: .7
}

.bridge-body .input__amount {
    width: 100%;
    border: 1px solid transparent;
    border-radius: 0 3px 3px 0
}

.bridge-body .input__amount--error {
    border: 1px solid #F55858
}

.styled-table-wrapper {
    margin-top: 20px
}

.routes-table {
    table-layout: fixed
}

.routes-table tbody tr td .button {
    padding: 2px 15px;
    height: 29px
}

.tsi-warning {
    margin-top: 20px
}

.routes-table td .hasIcon {
    display: flex;
    align-items: center
}

.routes-table td .hasIcon svg {
    margin-right: 5px
}

.switch {
    display: inline-flex;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: .4rem;
    gap: .5rem;
    border-radius: 3px;
    background: #20292f
}

.switch__item,
.switch__item--active {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: .4rem .8rem;
    margin: 0 !important;
    border-radius: 3px;
    color: #939da7;
    line-height: 2rem;
    font-style: normal;
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .12em;
    cursor: pointer;
    transition: .1s background
}

.switch__item:hover,
.switch__item--active:hover {
    background: #31414c
}

.switch__item--active {
    color: #fff;
    background-color: #394956
}

.band-table {
    font-size: 16px
}

.band-table svg {
    width: 16px;
    height: 16px;
    margin-bottom: .5px
}

.band-table .mobile-only {
    display: none !important
}

@media only screen and (max-width: 1024px) {
    .band-table {
        padding: 16px
    }

    .band-table thead {
        display: none !important
    }

    .band-table tr:not(.mobile-only):not(.universal) {
        display: none !important
    }

    .band-table .mobile-only {
        display: table-row !important
    }
}

.band-table-create {
    font-size: 16px;
    max-width: 800px;
    width: 100%
}

.band-table-create svg {
    width: 16px;
    height: 16px
}

.band-table-create .mobile-only {
    display: none !important
}

.band-table-create th:first-child {
    padding-left: 0 !important;
    width: 150px !important
}

.band-table-create th:last-child {
    text-align: right !important
}

.band-table-create td:first-child {
    padding-left: 0 !important
}

.band-table-create .dfs-flair-wrapper {
    display: flex;
    width: 100%;
    justify-content: flex-end
}

@media only screen and (max-width: 1024px) {
    .band-table-create {
        padding: 16px
    }

    .band-table-create thead {
        display: none !important
    }

    .band-table-create tr:not(.mobile-only):not(.universal) {
        display: none !important
    }

    .band-table-create .mobile-only {
        display: table-row !important
    }
}

.band-table-mobile-view-card {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.band-table-mobile-view-card__small-txt {
    font-size: 12px
}

.band-table-mobile-view-card__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 16px
}

.band-table-mobile-view-card__row .dfs-flair {
    font-size: 16px
}

.crv-usd-chart-wrapper g.highcharts-axis-labels.highcharts-xaxis-labels.highcharts-navigator-xaxis {
    visibility: hidden
}

.crvusd-band-graph-section {
    margin: 0 24px;
    display: flex;
    align-items: center;
    padding: 24px 0
}

.crvusd-band-graph-section>div {
    flex-grow: 1
}

@media only screen and (max-width: 650px) {
    .crvusd-band-graph-section {
        margin: 0 20px
    }
}

.crvusd-band-graph-section .label-section {
    display: flex
}

@media only screen and (max-width: 375px) {
    .crvusd-band-graph-section .label-section {
        flex-wrap: wrap
    }
}

.crvusd-band-graph-section .label-section.after {
    font-size: 14px;
    line-height: 25px
}

.crvusd-band-graph-section .label-section .title {
    font-size: 1.4rem
}

.crvusd-band-graph-section .label-section .range {
    margin-left: 4px;
    font-size: 1.4rem;
    color: #6f777e
}

.crvusd-band-graph-section .label-section .range.boost,
.crvusd-band-graph-section .label-section .range.collateral,
.crvusd-band-graph-section .label-section .range.generate,
.crvusd-band-graph-section .label-section .range.supply,
.crvusd-band-graph-section .label-section .range.borrow {
    color: #c379ff
}

.crvusd-band-graph-section .label-section .range.repay,
.crvusd-band-graph-section .label-section .range.withdraw,
.crvusd-band-graph-section .label-section .range.payback {
    color: #f2c94c
}

.crvusd-band-graph-section .crvusd-band-graph {
    display: flex;
    gap: 2px
}

.crvusd-band-graph-section .crvusd-band-graph .top-labels {
    height: 16px !important
}

.crvusd-band-graph-section .crvusd-band-graph-after h3 {
    font-weight: 400;
    margin: 0;
    font-size: 14px;
    line-height: 25px
}

.crvusd-band-graph-section .amount-graph-wrapper {
    flex-basis: 100%
}

.crvusd-manage-wrapper {
    color: #939da7
}

.crvusd-manage-wrapper .crv-main-section {
    display: flex
}

@media only screen and (max-width: 1130px) {
    .crvusd-manage-wrapper .crv-main-section {
        flex-wrap: wrap
    }
}

.crvusd-manage-wrapper .crv-main-section .label-wrapper {
    margin-bottom: 16px
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .label-wrapper {
        margin-bottom: 0
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info {
    display: flex;
    flex-grow: 1
}

@media only screen and (max-width: 1130px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info {
        flex-direction: column
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info.ETH .moneymarket-supply-wrapper {
    background: linear-gradient(180deg, #8279ad30, #412f6626)
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info.WBTC .moneymarket-supply-wrapper {
    background: linear-gradient(180deg, #fb9d3e30, #fb9d3e26)
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info.wstETH .moneymarket-supply-wrapper {
    background: linear-gradient(180deg, #00a3ff30, #00a3ff26)
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .moneymarket-supply-wrapper {
    padding: 0 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info .moneymarket-supply-wrapper {
        padding: 0
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .moneymarket-supply-wrapper .top-wrapper {
    display: flex;
    align-items: center;
    height: 160px;
    border-bottom: 1px solid #ADB1B5
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info .moneymarket-supply-wrapper .top-wrapper {
        height: 135px;
        border-bottom: none
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .moneymarket-supply-wrapper .bottom-wrapper {
    display: flex;
    align-items: center;
    padding: 24px 0
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info .moneymarket-supply-wrapper .bottom-wrapper {
        height: auto;
        padding: 0 20px 20px
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .moneymarket-supply-wrapper .bottom-wrapper h2 {
    font-size: 1.4rem;
    line-height: 1.4rem
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section {
    flex-grow: 1
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section {
    display: flex;
    flex-grow: 1
}

@media only screen and (max-width: 768px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section {
        flex-direction: column
    }
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section {
        padding-bottom: 20px
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper {
    padding: 0 24px;
    flex-grow: 1
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper {
        padding: 0
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper>div {
    display: flex;
    height: 160px;
    align-items: center;
    border-bottom: 1px solid #ADB1B5
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper>div {
        height: auto;
        grid-template-columns: 1fr;
        border-bottom: none
    }

    .crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper>div .health-section {
        padding-left: 0
    }
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper .health-section {
    min-width: 250px;
    padding-left: 12px;
    position: relative
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper .health-section .ratioSwitch {
    position: absolute;
    margin-top: -1px;
    margin-left: 56px;
    z-index: 2
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper .health-section .ratioSwitch .Switch {
    background: transparent;
    display: inline-flex;
    padding: 0 0 1px 4px;
    gap: 2px
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper .health-section .ratioSwitch .Switch>* {
    font-size: 1.1rem;
    padding: 2px 4px;
    margin: 0;
    width: auto;
    height: auto;
    line-height: 12px;
    color: #939da7;
    text-decoration-thickness: 1px;
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper .health-section .ratioSwitch .Switch>*:not(.active):hover {
    opacity: .7
}

.crvusd-manage-wrapper .crv-main-section .crv-position-info .crv-right-section .crv-right-info-section .moneymarket-borrow-wrapper .health-section .ratioSwitch .Switch>*.active {
    background: #34765b;
    color: #fff;
    transition: all .2s ease-in-out
}

@media only screen and (max-width: 1130px) {
    .crvusd-manage-wrapper .crv-main-section .crv-position-info {
        flex-basis: 100%
    }
}

.crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper {
    padding: 24px 24px 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 12px
}

@media only screen and (max-width: 650px) {
    .crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper {
        padding: 24px 20px 0
    }
}

.crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper .loading-placeholder {
    height: 20px
}

.crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper svg {
    height: 10.5px;
    margin-bottom: .5px
}

.crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper .label-wrapper>span {
    display: flex;
    align-items: center
}

.crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper .data-item-wrapper .label-wrapper .label {
    font-size: 12px;
    line-height: 12px
}

@media only screen and (max-width: 768px) {
    .crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper .data-item-wrapper .label-wrapper .label {
        font-size: 1.5rem
    }
}

.crvusd-manage-wrapper .crv-main-section .crvusd-manage-stats-wrapper .data-item-wrapper .value-wrapper {
    font-size: 20px;
    line-height: 20px
}

.crvusd-manage-wrapper .switch--crvusd-manage {
    width: fit-content;
    margin-top: 20px;
    margin-bottom: 40px
}

.crvusd-manage-wrapper .curveusd-manage-table-wrapper>h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #fff;
    margin-top: 0
}

.llama-open-position-wrapper .exchange-advanced {
    margin-top: 15px
}

.llama-open-position-wrapper .band-input-wrapper {
    position: relative
}

.llama-open-position-wrapper .band-max {
    position: absolute;
    top: -2px;
    right: 0;
    color: #939da7;
    text-align: right;
    font-size: 1.3rem
}

.llama-open-position-wrapper .band-max:not(.loading) {
    transition: all .2s cubic-bezier(.165, .84, .44, 1);
    cursor: pointer
}

.llama-open-position-wrapper .band-max:not(.loading):hover {
    opacity: .7
}

.llama-open-position-wrapper .Switch__wrapper.disabled .Switch {
    cursor: not-allowed;
    opacity: .4
}

.llama-open-position-wrapper .Switch__wrapper.disabled .Switch>* {
    pointer-events: none
}

.create-toggle-wrapper {
    display: flex;
    max-width: 800px;
    width: 100%;
    padding: 0 20px;
    margin-top: 30px;
    align-items: center;
    gap: 14px;
    font-size: 14px;
    line-height: 14px
}

@media only screen and (max-width: 1024px) {
    .create-toggle-wrapper {
        padding: 0 56px
    }
}

.create-toggle-wrapper .toggle-wrapper,
.create-toggle-wrapper .toggle-movable {
    width: 34px;
    height: 20px
}

.create-toggle-wrapper .toggle-movable:after {
    width: 18px;
    height: 18px
}

.create-toggle-wrapper .toggle-wrapper input:checked+.toggle-movable:after {
    transform: translate(15px)
}

.band-create-table-wrapper {
    padding: 0 20px;
    display: flex;
    max-width: 800px;
    width: 100%
}

.crvusd-graph-wrapper {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: center
}

.crvusd-graph-wrapper .crvusd-graph {
    position: relative;
    max-width: 760px;
    width: 100%;
    height: 64px;
    font-size: 10px
}

.crvusd-graph-wrapper .crvusd-graph .main-line {
    background-color: #fff;
    height: 1px;
    width: 100%;
    position: absolute;
    top: 75%
}

.crvusd-graph-wrapper .crvusd-graph .max-notch {
    background-color: #fff;
    height: 5px;
    width: 1px;
    position: absolute;
    top: 75%;
    right: 0
}

.crvusd-graph-wrapper .crvusd-graph .max-price {
    position: absolute;
    top: 85%;
    right: -1%;
    height: 10px
}

.crvusd-graph-wrapper .crvusd-graph .min-notch {
    background-color: #fff;
    height: 5px;
    width: 1px;
    position: absolute;
    top: 75%
}

.crvusd-graph-wrapper .crvusd-graph .min-price {
    position: absolute;
    top: 85%;
    left: 0;
    height: 10px
}

.crvusd-graph-wrapper .crvusd-graph .oracle-notch {
    position: absolute;
    height: 53%;
    top: 22%;
    width: 1px;
    background-color: #fff
}

.crvusd-graph-wrapper .crvusd-graph .oracle-price {
    position: absolute;
    height: 10px
}

.crvusd-graph-wrapper .crvusd-graph .liquidation-range {
    position: absolute;
    height: 40%;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    top: 20%;
    overflow: hidden
}

._dropdown_ihzoe_1 ._moreButton_ihzoe_1 {
    color: var(--color-green-100)
}

._skyForm_t9bsd_1 {
    color: var(--text-color-primary);
    background: var(--bg-color-primary);
    padding: var(--space-5);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    flex: 0 0 50%;
    transition: all .3s
}

._skyForm_t9bsd_1._hasSide_t9bsd_10 {
    border-radius: var(--border-radius-large) 0 0 var(--border-radius-large)
}

@media only screen and (max-width: 1024px) {
    ._skyForm_t9bsd_1._hasSide_t9bsd_10 {
        border-radius: var(--border-radius-large) var(--border-radius-large) 0 0
    }
}

._skyForm_t9bsd_1._noSide_t9bsd_18 {
    margin-left: 50%
}

@media only screen and (max-width: 1024px) {
    ._skyForm_t9bsd_1._noSide_t9bsd_18 {
        margin-left: 0
    }
}

._skyForm_t9bsd_1 ._skyFormHeader_t9bsd_26 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    gap: 12px
}

._skyForm_t9bsd_1 ._skyFormTitle_t9bsd_34 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

._skyForm_t9bsd_1 ._skyFormDescription_t9bsd_39 {
    font-size: 14px;
    line-height: 1.4em;
    max-width: 520px;
    color: #9d9d9d
}

._skyForm_t9bsd_1 .steps {
    margin-top: 24px
}

._skyForm_71x0e_1 {
    color: var(--text-color-primary);
    background: var(--bg-color-primary);
    padding: var(--space-5);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    flex: 0 0 50%;
    transition: all .3s
}

._skyForm_71x0e_1._hasSide_71x0e_10 {
    border-radius: var(--border-radius-large) 0 0 var(--border-radius-large)
}

@media only screen and (max-width: 1024px) {
    ._skyForm_71x0e_1._hasSide_71x0e_10 {
        border-radius: var(--border-radius-large) var(--border-radius-large) 0 0
    }
}

._skyForm_71x0e_1._noSide_71x0e_18 {
    margin-left: 50%
}

@media only screen and (max-width: 1024px) {
    ._skyForm_71x0e_1._noSide_71x0e_18 {
        margin-left: 0
    }
}

._skyForm_71x0e_1 ._skyFormHeader_71x0e_26 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    gap: 12px
}

._skyForm_71x0e_1 ._skyFormTitle_71x0e_34 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

._skyForm_71x0e_1 ._skyFormDescription_71x0e_39 {
    font-size: 14px;
    line-height: 1.4em;
    max-width: 520px;
    color: #9d9d9d
}

._skyForm_71x0e_1 .steps {
    margin-top: 24px
}

._skyConvertFormWrapper_71x0e_49 ._submitButton_71x0e_49 {
    margin-top: 24px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

._skyConvertFormWrapper_71x0e_49 .step-status:not(:last-child) .step-status__line {
    border: 1px solid var(--bg-color-secondary)
}

._skyConvertFormWrapper_71x0e_49 .step-status .step-status__status-icon {
    background-color: var(--bg-color-secondary)
}

._skyConvertFormWrapper_71x0e_49 ._inputsSection_71x0e_62 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@keyframes _show-dropdown_ppbfm_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_ppbfm_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_ppbfm_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_ppbfm_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_ppbfm_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_ppbfm_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_ppbfm_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._skyPageWrapper_ppbfm_67 {
    animation: _rollUp_ppbfm_1 .1s ease-in;
    color: var(--text-color-primary)
}

._skyPageWrapper_ppbfm_67 form {
    display: flex;
    justify-content: center;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    ._skyPageWrapper_ppbfm_67 form {
        flex-direction: column
    }
}

._skyDetailsWrapper_1y9lo_1 {
    flex: 0 0 50%;
    background: var(--bg-color-primary);
    border-radius: 0 var(--border-radius-large) var(--border-radius-large) 0;
    border: 1px solid var(--border-color-subtle);
    border-left: none
}

._skyDetailsWrapper_1y9lo_1._closed_1y9lo_8 {
    visibility: hidden;
    pointer-events: none
}

@media only screen and (max-width: 1024px) {
    ._skyDetailsWrapper_1y9lo_1 {
        border: 1px solid var(--border-color-subtle);
        border-top: none;
        border-radius: 0 0 var(--border-radius-large) var(--border-radius-large)
    }
}

._skyDetailsWrapper_1y9lo_1 ._skyDetails_1y9lo_1 {
    background-color: #0000001a;
    padding: var(--space-5);
    height: 100%;
    width: 100%;
    gap: var(--space-2);
    display: flex;
    flex-direction: column
}

._skyDetailsWrapper_1y9lo_1 ._skyDetails_1y9lo_1 ._tabContent_1y9lo_28 {
    height: 100%;
    animation: .4s _rollout_1y9lo_1
}

._skyForm_17b51_1 {
    color: var(--text-color-primary);
    background: var(--bg-color-primary);
    padding: var(--space-5);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    flex: 0 0 50%;
    transition: all .3s
}

._skyForm_17b51_1._hasSide_17b51_10 {
    border-radius: var(--border-radius-large) 0 0 var(--border-radius-large)
}

@media only screen and (max-width: 1024px) {
    ._skyForm_17b51_1._hasSide_17b51_10 {
        border-radius: var(--border-radius-large) var(--border-radius-large) 0 0
    }
}

._skyForm_17b51_1._noSide_17b51_18 {
    margin-left: 50%
}

@media only screen and (max-width: 1024px) {
    ._skyForm_17b51_1._noSide_17b51_18 {
        margin-left: 0
    }
}

._skyForm_17b51_1 ._skyFormHeader_17b51_26 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    gap: 12px
}

._skyForm_17b51_1 ._skyFormTitle_17b51_34 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

._skyForm_17b51_1 ._skyFormDescription_17b51_39 {
    font-size: 14px;
    line-height: 1.4em;
    max-width: 520px;
    color: #9d9d9d
}

._skyForm_17b51_1 .steps {
    margin-top: 24px
}

._skySavingsFormWrapper_17b51_49 ._submitButton_17b51_49 {
    margin-top: 24px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

._skySavingsFormWrapper_17b51_49 .step-status:not(:last-child) .step-status__line {
    border: 1px solid var(--bg-color-secondary)
}

._skySavingsFormWrapper_17b51_49 .step-status .step-status__status-icon {
    background-color: var(--bg-color-secondary)
}

._skySavingsFormWrapper_17b51_49 ._inputsSection_17b51_62 {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._walletInfo_iqaln_1 {
    display: flex;
    align-items: center;
    gap: 8px
}

._walletDetailsTitle_iqaln_7 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4rem;
    padding-top: var(--space-4);
    padding-bottom: var(--space-3);
    margin: 0
}

._skyForm_46sm9_1 {
    color: var(--text-color-primary);
    background: var(--bg-color-primary);
    padding: var(--space-5);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    flex: 0 0 50%;
    transition: all .3s
}

._skyForm_46sm9_1._hasSide_46sm9_10 {
    border-radius: var(--border-radius-large) 0 0 var(--border-radius-large)
}

@media only screen and (max-width: 1024px) {
    ._skyForm_46sm9_1._hasSide_46sm9_10 {
        border-radius: var(--border-radius-large) var(--border-radius-large) 0 0
    }
}

._skyForm_46sm9_1._noSide_46sm9_18 {
    margin-left: 50%
}

@media only screen and (max-width: 1024px) {
    ._skyForm_46sm9_1._noSide_46sm9_18 {
        margin-left: 0
    }
}

._skyForm_46sm9_1 ._skyFormHeader_46sm9_26 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    gap: 12px
}

._skyForm_46sm9_1 ._skyFormTitle_46sm9_34 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

._skyForm_46sm9_1 ._skyFormDescription_46sm9_39 {
    font-size: 14px;
    line-height: 1.4em;
    max-width: 520px;
    color: #9d9d9d
}

._skyForm_46sm9_1 .steps {
    margin-top: 24px
}

._skyUpgradeSavingsFormWrapper_46sm9_49 ._submitButton_46sm9_49 {
    margin-top: 24px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

._skyUpgradeSavingsFormWrapper_46sm9_49 .step-status:not(:last-child) .step-status__line {
    border: 1px solid var(--bg-color-secondary)
}

._skyUpgradeSavingsFormWrapper_46sm9_49 .step-status .step-status__status-icon {
    background-color: var(--bg-color-secondary)
}

._skyUpgradeSavingsFormWrapper_46sm9_49 ._inputsSection_46sm9_62 {
    padding: 16px 0;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._skyUpgradeSavingsFormWrapper_46sm9_49 ._apyChange_46sm9_68 {
    display: flex;
    flex-direction: row;
    color: var(--text-color-secondary);
    font-size: 14px;
    line-height: 14px;
    gap: 4px;
    align-items: center
}

._iconWrapper_ip1bz_1 {
    height: var(--space-5);
    width: var(--space-5);
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: hsl(from var(--bg-color-secondary) h s calc(l + 5));
    border-radius: 50%;
    font-size: var(--space-3)
}

._rewardsInfo_ip1bz_12 {
    display: inline-flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    color: #9391f7
}

._rewardsInfo_ip1bz_12 svg {
    height: var(--space-5);
    width: var(--space-5)
}

._skyForm_ikdz3_1 {
    color: var(--text-color-primary);
    background: var(--bg-color-primary);
    padding: var(--space-5);
    border-radius: var(--border-radius-large);
    border: 1px solid var(--border-color-subtle);
    flex: 0 0 50%;
    transition: all .3s
}

._skyForm_ikdz3_1._hasSide_ikdz3_10 {
    border-radius: var(--border-radius-large) 0 0 var(--border-radius-large)
}

@media only screen and (max-width: 1024px) {
    ._skyForm_ikdz3_1._hasSide_ikdz3_10 {
        border-radius: var(--border-radius-large) var(--border-radius-large) 0 0
    }
}

._skyForm_ikdz3_1._noSide_ikdz3_18 {
    margin-left: 50%
}

@media only screen and (max-width: 1024px) {
    ._skyForm_ikdz3_1._noSide_ikdz3_18 {
        margin-left: 0
    }
}

._skyForm_ikdz3_1 ._skyFormHeader_ikdz3_26 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 32px;
    gap: 12px
}

._skyForm_ikdz3_1 ._skyFormTitle_ikdz3_34 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400
}

._skyForm_ikdz3_1 ._skyFormDescription_ikdz3_39 {
    font-size: 14px;
    line-height: 1.4em;
    max-width: 520px;
    color: #9d9d9d
}

._skyForm_ikdz3_1 .steps {
    margin-top: 24px
}

@keyframes _show-dropdown_ikdz3_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_ikdz3_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_ikdz3_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_ikdz3_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_ikdz3_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_ikdz3_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_ikdz3_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._skyStakingFormWrapper_ikdz3_115 {
    display: flex;
    flex-direction: row
}

._skyStakingFormWrapper_ikdz3_115 ._skyStakingCardsWrapper_ikdz3_119,
._skyStakingFormWrapper_ikdz3_115 ._skyStakingSourceSelectedWrapper_ikdz3_120 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    width: 100%;
    height: 100%
}

._skyStakingFormWrapper_ikdz3_115 ._skyStakingSourceSelectedWrapper_ikdz3_120 {
    animation: _slideInLeft_ikdz3_1 .2s ease-in
}

._skyStakingFormWrapper_ikdz3_115 ._skyStakingCardsWrapper_ikdz3_119 {
    animation: _slideInRight_ikdz3_1 .2s ease-in
}

._skyStakingFormWrapper_ikdz3_115 ._submitButton_ikdz3_133 {
    margin-top: 24px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end
}

._skyStakingFormWrapper_ikdz3_115 .step-status:not(:last-child) .step-status__line {
    border: 1px solid var(--bg-color-secondary)
}

._skyStakingFormWrapper_ikdz3_115 .step-status .step-status__status-icon {
    background-color: var(--bg-color-secondary)
}

._skyStakingFormWrapper_ikdz3_115 ._inputsSection_ikdz3_146 {
    padding: 16px 0
}

._skyStakingFormWrapper_ikdz3_115 ._labelWrapper_ikdz3_149 {
    display: flex;
    flex-direction: row;
    gap: var(--space-4);
    align-items: center;
    color: var(--text-color-secondary);
    font-size: var(--space-4);
    line-height: var(--space-4);
    width: fit-content
}

._skyStakingFormWrapper_ikdz3_115 ._labelWrapper_ikdz3_149:hover {
    cursor: pointer;
    color: var(--text-color-primary)
}

._skyStakingFormWrapper_ikdz3_115 ._labelWrapper_ikdz3_149 ._icon_ikdz3_163 {
    height: var(--space-4);
    width: var(--space-4);
    transform: rotate(180deg)
}

._stakingCardWrapper_1ridl_1 {
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    background-color: var(--bg-color-secondary);
    border: 1px solid var(--border-color-secondary);
    border-radius: var(--border-radius-small)
}

._stakingCardWrapper_1ridl_1:hover:not(._basic_1ridl_10) {
    filter: brightness(110%);
    cursor: pointer
}

._stakingCardWrapper_1ridl_1:hover:not(._basic_1ridl_10) ._header_1ridl_14 ._arrow_1ridl_14 {
    visibility: visible
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 ._leftHeaderPart_1ridl_23 {
    display: flex;
    flex-direction: row;
    gap: var(--space-1);
    align-items: center
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 ._leftHeaderPart_1ridl_23 ._icons_1ridl_29 {
    display: flex;
    flex-direction: row
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 ._leftHeaderPart_1ridl_23 ._icons_1ridl_29 svg {
    width: var(--space-6);
    height: var(--space-6)
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 ._leftHeaderPart_1ridl_23 ._icons_1ridl_29 svg:first-child {
    z-index: 2
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 ._leftHeaderPart_1ridl_23 ._icons_1ridl_29 svg:nth-child(2) {
    margin-left: -4px;
    z-index: 1
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 ._leftHeaderPart_1ridl_23 ._title_1ridl_44 {
    font-weight: var(--text-weight-normal);
    font-size: var(--text-size-extra-large);
    line-height: var(--text-size-extra-large)
}

._stakingCardWrapper_1ridl_1 ._header_1ridl_14 ._arrow_1ridl_14 {
    transition: all .1s ease-in-out;
    visibility: hidden
}

._stakingCardWrapper_1ridl_1 ._infoFields_1ridl_53 {
    display: flex;
    gap: var(--space-4);
    align-items: center;
    flex-direction: row
}

._stakingCardWrapper_1ridl_1 ._infoFields_1ridl_53 ._infoField_1ridl_53 {
    display: flex;
    flex-direction: row;
    gap: var(--space-2);
    align-items: center;
    height: var(--space-4)
}

._stakingCardWrapper_1ridl_1 ._infoFields_1ridl_53 ._infoField_1ridl_53 ._value_1ridl_66 {
    margin-top: 1px
}

._root_14isk_1 {
    display: inline-flex;
    gap: .8rem;
    flex-wrap: wrap;
    justify-content: center
}

._troveSelectTriggerButton_14isk_8 {
    background-color: #313d47;
    color: #fff;
    padding: 10px 16px;
    border-radius: 3px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px
}

._troveSelectTriggerButton_14isk_8:hover ._copyIcon_14isk_19 {
    color: var(--text-color-secondary);
    display: flex
}

._troveSelectTriggerButton_14isk_8:hover ._copyIcon_14isk_19:hover,
._troveSelectTriggerButton_14isk_8:hover ._justCopied_14isk_26 {
    color: #fff
}

._troveSelectTriggerButton_14isk_8 ._troveSelectTriggerButtonInnerLabel_14isk_29 {
    display: flex;
    align-items: center;
    line-height: 20px;
    gap: 4px
}

._selectOption_14isk_36 {
    background-color: #222b32;
    color: #fff;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    white-space: nowrap
}

._selectOption_14isk_36._active_14isk_44 {
    background-color: #316f561a
}

._selectOption_14isk_36._active_14isk_44:hover {
    background-color: #2f3e40
}

._selectOption_14isk_36:hover {
    background-color: #2f383e;
    cursor: pointer
}

._selectOption_14isk_36 ._selectOptionMainContent_14isk_54 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px
}

._selectOption_14isk_36 ._selectOptionMainContent_14isk_54:hover ._copyIcon_14isk_19 {
    color: var(--text-color-secondary);
    display: flex
}

._selectOption_14isk_36 ._selectOptionMainContent_14isk_54:hover ._copyIcon_14isk_19:hover,
._selectOption_14isk_36 ._selectOptionMainContent_14isk_54:hover ._justCopied_14isk_26 {
    color: #fff
}

._selectOption_14isk_36 ._selectOptionInnerLabel_14isk_70 {
    display: flex;
    flex-direction: column;
    margin-right: 10px
}

._selectOption_14isk_36 ._selectOptionInnerLabel_14isk_70 ._selectOptionInnerLabelTop_14isk_75 {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 20px;
    gap: 4px
}

._selectOption_14isk_36 ._selectOptionInnerLabel_14isk_70 ._selectOptionInnerLabelBottom_14isk_82 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-1);
    color: var(--text-color-secondary);
    height: var(--space-4);
    font-size: var(--space-3);
    font-style: normal;
    font-weight: var(--fw-500);
    line-height: var(--space-3)
}

._copyIcon_14isk_19 {
    display: none;
    cursor: pointer
}

._troveName_14isk_100 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

._dropdown_mflob_1 ._moreButton_mflob_1 {
    color: var(--color-green-100)
}

._leftSection_eg4g4_1 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 8px;
    align-items: center
}

._interestRateRow_1rop4_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-2)
}

._LiquityV2StakingPage_3dglc_1 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

._LiquityV2StakingPage_3dglc_1 ._header_3dglc_6 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._LiquityV2StakingPage_3dglc_1 ._header_3dglc_6 ._title_3dglc_11 {
    color: var(--text-color-primary);
    font-family: var(--font-sans, Montserrat);
    font-size: var(--font-size-80032-px, 32px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--lh-100040-px, 40px);
    letter-spacing: -.64px
}

._LiquityV2StakingPage_3dglc_1 ._header_3dglc_6 ._description_3dglc_21 {
    max-width: 640px;
    align-self: stretch;
    color: var(--text-color-secondary);
    font-family: var(--font-sans, Montserrat);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--body, 20px)
}

._LiquityV2StakingPage_3dglc_1 ._content_3dglc_32 {
    display: flex;
    justify-content: stretch;
    gap: var(--space-2)
}

@media only screen and (max-width: 1024px) {
    ._LiquityV2StakingPage_3dglc_1 ._content_3dglc_32 {
        flex-direction: column
    }
}

._LiquityV2StakingOptionCard_1x0gf_1 {
    background: var(--bg-color-primary);
    flex-grow: 1;
    flex-basis: 0;
    border-radius: var(--border-radius-large)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7 {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: var(--space-4)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7>* {
    width: 100%;
    flex-grow: 1
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7 ._title_1x0gf_17 {
    all: unset;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-600, 24px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-800, 32px);
    letter-spacing: -.24px
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7 ._description_1x0gf_27 {
    all: unset;
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--space-5)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7 ._stakingTable_1x0gf_36 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7 ._stakingTable_1x0gf_36 ._stakedBalanceInDollars_1x0gf_43 {
    margin-top: var(--space-1);
    margin-bottom: var(--space-2)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7 ._stakingTable_1x0gf_36 ._claimIconWrapper_1x0gf_47 {
    height: var(--space-5);
    width: var(--space-5);
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: hsl(from var(--bg-color-secondary) h s calc(l + 5));
    border-radius: 50%;
    font-size: var(--space-3)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._topCardContent_1x0gf_7 ._stakingTable_1x0gf_36 ._columnWithSecondaryValue_1x0gf_57 {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._bottomCardContent_1x0gf_62 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._bottomCardContent_1x0gf_62 ._actionDescription_1x0gf_67 {
    all: unset;
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--space-5)
}

._LiquityV2StakingOptionCard_1x0gf_1 ._bottomCardContent_1x0gf_62 ._buttonRow_1x0gf_76 {
    display: flex;
    flex-direction: row;
    justify-content: end
}

._LiquityV2StakingOptionCard_1x0gf_1 ._bottomCardContent_1x0gf_62 ._serviceFeeInfo_1x0gf_81 {
    color: #939da7;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

._LiquityV2StakingOptionCard_1x0gf_1 ._rewardsInfo_1x0gf_89 {
    display: inline-flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    color: var(--text-color-secondary)
}

._LiquityV2StakingNavigation_64ktg_1 {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: var(--space-3)
}

@media only screen and (max-width: 1024px) {
    ._LiquityV2StakingNavigation_64ktg_1 {
        flex-direction: row
    }
}

._LiquityV2StakingNavigationCard_tw3qw_1 {
    border-radius: var(--border-radius-large);
    padding: var(--space-4);
    background-color: var(--bg-color-primary);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    border: 1px solid var(--border-color-secondary)
}

._LiquityV2StakingNavigationCard_tw3qw_1:hover {
    background-color: #ffffff0d;
    background: linear-gradient(0deg, #ffffff0d 0% 100%), var(--bg-color-primary)
}

._LiquityV2StakingNavigationCard_tw3qw_1:hover ._header_tw3qw_15 ._arrowIconWrapper_tw3qw_15 {
    display: inline-flex
}

._LiquityV2StakingNavigationCard_tw3qw_1._active_tw3qw_18 {
    border: 1px solid var(--border-phase-2-border-brand, #34765B);
    background-color: #2a4942
}

._LiquityV2StakingNavigationCard_tw3qw_1._active_tw3qw_18 ._header_tw3qw_15 ._arrowIconWrapper_tw3qw_15 {
    display: inline-flex
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._header_tw3qw_15 {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center;
    justify-content: space-between;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-500, 20px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-500, 20px);
    letter-spacing: .2px
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._header_tw3qw_15 ._title_tw3qw_39 {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._header_tw3qw_15 ._tokenIconsWrapper_tw3qw_44 {
    display: flex;
    flex-direction: row;
    align-items: center
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._header_tw3qw_15 ._tokenIconsWrapper_tw3qw_44 ._tokenIconWrapper_tw3qw_49 {
    height: var(--space-6);
    width: var(--space-6)
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._header_tw3qw_15 ._tokenIconsWrapper_tw3qw_44 ._tokenIconWrapper_tw3qw_49:nth-child(2) {
    margin-left: -4px
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._header_tw3qw_15 ._arrowIconWrapper_tw3qw_15 {
    height: var(--space-4);
    width: var(--space-4);
    font-size: var(--space-4);
    display: none
}

@media only screen and (max-width: 650px) {
    ._LiquityV2StakingNavigationCard_tw3qw_1 ._header_tw3qw_15 ._arrowIconWrapper_tw3qw_15 {
        display: none
    }
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._description_tw3qw_67 {
    height: var(--space-8);
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Font-size-responsive-font-size-500, 20px);
    display: flex;
    align-items: center
}

@media only screen and (max-width: 650px) {
    ._LiquityV2StakingNavigationCard_tw3qw_1 ._description_tw3qw_67 {
        display: none
    }
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._description_tw3qw_67 ._label_tw3qw_83 {
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Font-size-responsive-font-size-500, 20px);
    display: inline-flex;
    margin-right: var(--space-2);
    align-items: center;
    gap: var(--space-1)
}

._LiquityV2StakingNavigationCard_tw3qw_1 ._description_tw3qw_67 ._value_tw3qw_95 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    letter-spacing: .32px;
    display: inline-flex;
    margin-right: var(--space-4)
}

._EulerV2PositionDetails_1obdi_1 ._label_1obdi_1 {
    color: #fff
}

._selectWrapper_18cqj_1 {
    width: 280px
}

._subOptionsWrapper_18cqj_5 {
    padding: 0 var(--space-1) 0 var(--space-1);
    display: flex;
    flex-direction: column
}

._subOptionsWrapper_18cqj_5._active_18cqj_10 {
    background-color: #316f561a
}

._subMenuItemWrapper_18cqj_14 {
    padding-left: var(--space-10);
    padding-bottom: var(--space-1);
    position: relative
}

._subMenuItemWrapper_18cqj_14 ._subMenuItem_18cqj_14 {
    display: flex;
    gap: 8px;
    flex-grow: 1;
    align-items: center;
    cursor: pointer;
    padding: var(--space-1);
    border: 1px solid var(--bg-color-subtle);
    border-radius: var(--border-radius-medium)
}

._subMenuItemWrapper_18cqj_14 ._subMenuItem_18cqj_14:hover {
    filter: brightness(1.4)
}

._subMenuItemWrapper_18cqj_14 ._subMenuItem_18cqj_14._active_18cqj_10 {
    background-color: #316f561a;
    border: 1px solid var(--bg-color-brand-vivid)
}

._subMenuItemWrapper_18cqj_14 ._verticalTreeLine_18cqj_36 {
    position: absolute;
    height: 100%;
    left: 0;
    width: var(--space-6);
    border-right: 1px solid #939DA7
}

._subMenuItemWrapper_18cqj_14 ._horizontalTreeLine_18cqj_43 {
    position: absolute;
    height: 50%;
    left: var(--space-6);
    top: 0;
    width: var(--space-4);
    border-bottom: 1px solid #939DA7
}

._optionWrapper_18cqj_52 {
    position: relative
}

._selectOptionWithSubOptions_18cqj_56.expanded ._verticalLine_18cqj_56 {
    position: absolute;
    width: var(--space-7);
    height: 50%;
    border-right: 1px solid #939DA7;
    top: 50%
}

._selectOption_18cqj_56:last-child ._verticalTreeLine_18cqj_36 {
    height: 50%
}

._FluidExploreTable_1m2d3_1 table .format-asset div {
    display: flex;
    gap: 10px;
    align-items: center
}

._FluidExploreTable_1m2d3_1 table .format-asset div ._iconWrapper_1m2d3_6 {
    display: flex;
    justify-items: left;
    gap: 0
}

._FluidExploreTable_1m2d3_1 table .format-asset div ._iconWrapper_1m2d3_6 :first-child {
    z-index: 2
}

._FluidExploreTable_1m2d3_1 table .format-asset div ._iconWrapper_1m2d3_6 :nth-child(2) {
    margin-left: -8px;
    z-index: 1
}

._FluidExploreTable_1m2d3_1 table .format-asset div .icon {
    display: flex
}

._FluidExploreTable_1m2d3_1 table .format-asset div .warning,
._FluidExploreTable_1m2d3_1 table .format-asset div .warning img {
    width: 16px;
    height: 16px
}

._FluidExploreTable_1m2d3_1 table .format-asset div ._text-column_1m2d3_29 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start
}

._FluidExploreTable_1m2d3_1 table .format-asset div ._text-column_1m2d3_29 ._symbol_1m2d3_35 {
    display: flex;
    gap: 6px;
    align-items: center
}

._FluidExploreTable_1m2d3_1 table .cell-wrapper {
    height: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1
}

._FluidExploreTable_1m2d3_1 table thead tr {
    background-color: transparent !important;
    border: none
}

._FluidExploreTable_1m2d3_1 table thead tr th {
    padding-left: 10px !important
}

._FluidExploreTable_1m2d3_1 table tbody {
    border: 1px solid #465059
}

._FluidExploreTable_1m2d3_1 table tbody tr {
    border-top: 1px solid #465059 !important;
    border-bottom: 1px solid #465059 !important
}

._FluidExploreTable_1m2d3_1 table tbody tr:hover {
    background-color: #2d363c !important
}

._FluidExploreTable_1m2d3_1 table tbody tr td {
    padding: 16px 12px !important;
    vertical-align: center;
    position: relative
}

._FluidExploreTable_1m2d3_1 table tbody tr td:hover ._additionalHoverData_1m2d3_69 {
    display: flex
}

._supplyApyRow_1m2d3_73 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

._additionalHoverData_1m2d3_69 {
    display: none;
    position: absolute;
    background: #253038;
    padding: 12px 16px;
    top: 0;
    right: 0;
    min-width: 200px;
    min-height: 50px;
    pointer-events: none;
    flex-direction: column;
    gap: 4px;
    font-size: 13px;
    box-shadow: 0 2px 6px 1px #0000004d;
    border-radius: 3px;
    z-index: 1
}

._additionalHoverData_1m2d3_69>div {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

._FluidExploreTableTabFilters_6w102_1 {
    display: flex;
    align-items: center;
    gap: var(--space-3)
}

._FluidExploreTableTabFilters_6w102_1 ._filter_6w102_6 {
    border: 1px solid #33414C;
    padding: var(--space-3);
    cursor: pointer;
    color: #668299;
    border-radius: 4px
}

._FluidExploreTableTabFilters_6w102_1 ._active_6w102_13 {
    border-color: #52687a;
    color: #f9fafb;
    background-color: #394956
}

._FluidExploreTableSelectFilters_6w102_19 {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    width: 50%
}

._FluidExploreTableSelectFilters_6w102_19>div {
    flex: 1;
    min-width: 128px
}

._FluidExploreTableSelectFilters_6w102_19 .select.box .select__control {
    border: 1px solid #52687A;
    padding: 10px 12px 10px 6px
}

._FluidExploreTableFilters_6w102_34 {
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    align-items: center
}

@keyframes _show-dropdown_1enb8_1 {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _show-dropdown-top_1enb8_1 {
    0% {
        opacity: 0;
        transform: translateY(20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes _opacityIn_1enb8_1 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _opacityOut_1enb8_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _rollUp_1enb8_1 {
    0% {
        transform: translateY(20px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes _slideInRight_1enb8_1 {
    0% {
        transform: translate(20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

@keyframes _slideInLeft_1enb8_1 {
    0% {
        transform: translate(-20px);
        opacity: 0
    }

    to {
        transform: translate(0);
        opacity: 1
    }
}

._FluidExplore_1enb8_67:before {
    content: "";
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1000;
    animation: _opacityIn_1enb8_1 1s;
    background: radial-gradient(61.23% 68.32% at 50% 24.95%, transparent 56.29%, rgba(36, 83, 64, .2) 75.69%, rgba(81, 157, 255, .2) 86.42%, rgba(23, 79, 153, .2) 89.66%, transparent 99.5%);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 150% 110vh
}

@media (max-width: 800px) {
    ._FluidExplore_1enb8_67:before {
        background-size: 200vh 100vh
    }
}

._FluidExplore_1enb8_67 ._title_1enb8_86 {
    font-size: 28px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    margin: 1em 0 0
}

.no-safe-blocker .button-wrapper {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.no-safe-blocker .button-wrapper .button {
    margin-top: 0 !important
}

.no-safe-blocker .cdp-blocker--message {
    max-width: 500px !important
}

._FluidVaultTypeBlocker_15dmt_1 {
    padding: var(--space-12);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #1f272e;
    border: 1px solid #3d4e5c;
    border-radius: var(--space-2)
}

._FluidVaultTypeBlocker_15dmt_1 ._content_15dmt_11 {
    display: flex;
    flex-direction: column;
    gap: var(--space-7)
}

._FluidVaultTypeBlocker_15dmt_1 ._content_15dmt_11 ._titleSection_15dmt_16 {
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

._FluidVaultTypeBlocker_15dmt_1 ._content_15dmt_11 ._titleSection_15dmt_16 ._title_15dmt_16 {
    color: var(--text-color-primary);
    font-weight: var(--fw-600);
    font-size: var(--space-7);
    line-height: var(--space-10)
}

._FluidVaultTypeBlocker_15dmt_1 ._content_15dmt_11 ._titleSection_15dmt_16 ._description_15dmt_27 {
    color: var(--text-color-secondary);
    font-weight: var(--fw-500);
    font-size: 14px;
    line-height: var(--space-5)
}

._FluidVaultTypeBlocker_15dmt_1 ._content_15dmt_11 ._titleSection_15dmt_16 ._description_15dmt_27 a {
    text-decoration: underline
}

._FluidVaultTypeBlocker_15dmt_1 ._content_15dmt_11 ._button_15dmt_36 {
    text-transform: uppercase;
    color: var(--text-color-primary);
    padding: var(--space-4) var(--space-7);
    border: 1px solid #3D4E5C;
    border-radius: 3px;
    background-color: #394956;
    width: fit-content
}

._FluidVaultTypeBlocker_15dmt_1 ._content_15dmt_11 ._button_15dmt_36:hover {
    opacity: .7;
    transition: all .2s ease
}

._FluidVaultTypeBlocker_15dmt_1 ._decoration_15dmt_49 {
    min-width: 472px;
    height: 364px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 800px) {
    ._FluidVaultTypeBlocker_15dmt_1 ._decoration_15dmt_49 {
        display: none
    }
}

._FluidDepositCard_1hiwl_1 {
    background: var(--bg-color-primary);
    flex-grow: 1;
    flex-basis: 0;
    border-radius: var(--border-radius-large)
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7 {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: var(--space-4)
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7>* {
    width: 100%;
    flex-grow: 1
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7 ._title_1hiwl_17 {
    all: unset;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-600, 24px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-800, 32px);
    letter-spacing: -.24px
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7 ._description_1hiwl_27 {
    all: unset;
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--space-5)
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7 ._stakingTable_1hiwl_36 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: 100%
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7 ._stakingTable_1hiwl_36 ._stakedBalanceInDollars_1hiwl_43 {
    margin-top: var(--space-1);
    margin-bottom: var(--space-2)
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7 ._stakingTable_1hiwl_36 ._claimIconWrapper_1hiwl_47 {
    height: var(--space-5);
    width: var(--space-5);
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: hsl(from var(--bg-color-secondary) h s calc(l + 5));
    border-radius: 50%;
    font-size: var(--space-3)
}

._FluidDepositCard_1hiwl_1 ._topCardContent_1hiwl_7 ._stakingTable_1hiwl_36 ._columnWithSecondaryValue_1hiwl_57 {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

._FluidDepositCard_1hiwl_1 ._bottomCardContent_1hiwl_62 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._FluidDepositCard_1hiwl_1 ._bottomCardContent_1hiwl_62 ._actionDescription_1hiwl_67 {
    all: unset;
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--space-5)
}

._FluidDepositCard_1hiwl_1 ._bottomCardContent_1hiwl_62 ._sourceToggle_1hiwl_76 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

._FluidDepositCard_1hiwl_1 ._bottomCardContent_1hiwl_62 ._sourceToggle_1hiwl_76 ._sourceToggleLabel_1hiwl_81 {
    font-size: 14px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px;
    color: var(--text-color-secondary);
    height: 14px
}

._FluidDepositCard_1hiwl_1 ._bottomCardContent_1hiwl_62 ._sourceToggle_1hiwl_76 ._sourceToggleLabel_1hiwl_81 span {
    max-height: 14px
}

._FluidDepositCard_1hiwl_1 ._bottomCardContent_1hiwl_62 ._buttonRow_1hiwl_93 {
    display: flex;
    flex-direction: row;
    justify-content: end
}

._FluidDepositCard_1hiwl_1 ._bottomCardContent_1hiwl_62 ._serviceFeeInfo_1hiwl_98 {
    color: var(--text-color-secondary);
    color: var(--depricated-gray-3, #939da7);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

._FluidDepositCard_1hiwl_1 ._rewardsInfo_1hiwl_107 {
    display: inline-flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    color: var(--text-color-secondary)
}

._FluidDepositPage_1vg91_1 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

._FluidDepositPage_1vg91_1 ._header_1vg91_6 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._FluidDepositPage_1vg91_1 ._header_1vg91_6 ._title_1vg91_11 {
    color: var(--text-color-primary);
    font-family: var(--font-sans, Montserrat);
    font-size: var(--font-size-80032-px, 32px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--lh-100040-px, 40px);
    letter-spacing: -.64px
}

._FluidDepositPage_1vg91_1 ._header_1vg91_6 ._description_1vg91_21 {
    max-width: 640px;
    align-self: stretch;
    color: var(--text-color-secondary);
    font-family: var(--font-sans, Montserrat);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-400-regular, 400);
    line-height: var(--body, 20px)
}

._FluidDepositPage_1vg91_1 ._content_1vg91_32 {
    display: flex;
    justify-content: stretch;
    gap: var(--space-2)
}

@media only screen and (max-width: 1024px) {
    ._FluidDepositPage_1vg91_1 ._content_1vg91_32 {
        flex-direction: column
    }
}

._FluidDepositNavigation_115tk_1 {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: var(--space-3)
}

@media only screen and (max-width: 1024px) {
    ._FluidDepositNavigation_115tk_1 {
        flex-direction: row
    }
}

._FluidDepositNavigationCard_6wu2a_1 {
    border-radius: var(--border-radius-large);
    padding: var(--space-4);
    background-color: var(--bg-color-primary);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    border: 1px solid var(--border-color-secondary)
}

._FluidDepositNavigationCard_6wu2a_1:hover {
    background-color: #ffffff0d;
    background: linear-gradient(0deg, #ffffff0d 0% 100%), var(--bg-color-primary)
}

._FluidDepositNavigationCard_6wu2a_1:hover ._header_6wu2a_15 ._arrowIconWrapper_6wu2a_15 {
    display: inline-flex
}

._FluidDepositNavigationCard_6wu2a_1._active_6wu2a_18 {
    border: 1px solid var(--border-phase-2-border-brand, #34765B);
    background-color: #2a4942
}

._FluidDepositNavigationCard_6wu2a_1._active_6wu2a_18 ._header_6wu2a_15 ._arrowIconWrapper_6wu2a_15 {
    display: inline-flex
}

._FluidDepositNavigationCard_6wu2a_1 ._header_6wu2a_15 {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center;
    justify-content: space-between;
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-500, 20px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-500, 20px);
    letter-spacing: .2px
}

._FluidDepositNavigationCard_6wu2a_1 ._header_6wu2a_15 ._title_6wu2a_39 {
    display: inline-flex;
    gap: var(--space-2);
    align-items: center
}

._FluidDepositNavigationCard_6wu2a_1 ._header_6wu2a_15 ._tokenIconsWrapper_6wu2a_44 {
    display: flex;
    flex-direction: row;
    align-items: center
}

._FluidDepositNavigationCard_6wu2a_1 ._header_6wu2a_15 ._tokenIconsWrapper_6wu2a_44 ._tokenIconWrapper_6wu2a_49 {
    height: var(--space-6);
    width: var(--space-6)
}

._FluidDepositNavigationCard_6wu2a_1 ._header_6wu2a_15 ._tokenIconsWrapper_6wu2a_44 ._tokenIconWrapper_6wu2a_49:nth-child(2) {
    margin-left: -4px
}

._FluidDepositNavigationCard_6wu2a_1 ._header_6wu2a_15 ._arrowIconWrapper_6wu2a_15 {
    height: var(--space-4);
    width: var(--space-4);
    font-size: var(--space-4);
    display: none
}

@media only screen and (max-width: 650px) {
    ._FluidDepositNavigationCard_6wu2a_1 ._header_6wu2a_15 ._arrowIconWrapper_6wu2a_15 {
        display: none
    }
}

._FluidDepositNavigationCard_6wu2a_1 ._description_6wu2a_67 {
    height: var(--space-8);
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Font-size-responsive-font-size-500, 20px);
    display: flex;
    align-items: center
}

@media only screen and (max-width: 650px) {
    ._FluidDepositNavigationCard_6wu2a_1 ._description_6wu2a_67 {
        display: none
    }
}

._FluidDepositNavigationCard_6wu2a_1 ._description_6wu2a_67 ._label_6wu2a_83 {
    color: var(--text-color-secondary);
    font-size: var(--Font-size-responsive-font-size-350, 14px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Font-size-responsive-font-size-500, 20px);
    display: inline-flex;
    margin-right: var(--space-2);
    align-items: center;
    gap: var(--space-1)
}

._FluidDepositNavigationCard_6wu2a_1 ._description_6wu2a_67 ._value_6wu2a_95 {
    color: var(--text-color-primary);
    font-size: var(--Font-size-responsive-font-size-400, 16px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-400, 16px);
    letter-spacing: .32px;
    display: inline-flex;
    margin-right: var(--space-4)
}

@media only screen and (max-width: 768px) {
    ._hideOnMobile_1i6r7_2 {
        display: none
    }
}

._dropdown_1i6r7_7 ._moreButton_1i6r7_7 {
    color: var(--color-green-100)
}

._root_4no0z_1 {
    display: inline-flex;
    gap: .8rem;
    flex-wrap: wrap;
    justify-content: center
}

._nftIdSelectTriggerButton_4no0z_8 {
    background-color: #313d47;
    color: #fff;
    padding: 10px 16px;
    border-radius: 3px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 180px
}

._nftIdSelectTriggerButton_4no0z_8:hover ._copyIcon_4no0z_19 {
    color: var(--text-color-secondary);
    display: flex
}

._nftIdSelectTriggerButton_4no0z_8:hover ._copyIcon_4no0z_19:hover,
._nftIdSelectTriggerButton_4no0z_8:hover ._justCopied_4no0z_26 {
    color: #fff
}

._nftIdSelectTriggerButton_4no0z_8 ._nftIdSelectTriggerButtonInnerLabel_4no0z_29 {
    display: flex;
    align-items: center;
    line-height: 20px;
    gap: 4px
}

._selectOption_4no0z_36 {
    background-color: #222b32;
    color: #fff;
    min-width: 180px;
    display: flex;
    flex-direction: column;
    white-space: nowrap
}

._selectOption_4no0z_36._active_4no0z_44 {
    background-color: #316f561a
}

._selectOption_4no0z_36._active_4no0z_44:hover {
    background-color: #2f3e40
}

._selectOption_4no0z_36:hover {
    background-color: #2f383e;
    cursor: pointer
}

._selectOption_4no0z_36 ._selectOptionMainContent_4no0z_54 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 16px
}

._selectOption_4no0z_36 ._selectOptionMainContent_4no0z_54:hover ._copyIcon_4no0z_19 {
    color: var(--text-color-secondary);
    display: flex
}

._selectOption_4no0z_36 ._selectOptionMainContent_4no0z_54:hover ._copyIcon_4no0z_19:hover,
._selectOption_4no0z_36 ._selectOptionMainContent_4no0z_54:hover ._justCopied_4no0z_26 {
    color: #fff
}

._selectOption_4no0z_36 ._selectOptionInnerLabel_4no0z_70 {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    gap: 4px
}

._selectOption_4no0z_36 ._selectOptionInnerLabel_4no0z_70 ._selectOptionInnerLabelTop_4no0z_76 {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 20px;
    gap: 4px
}

._selectOption_4no0z_36 ._selectOptionInnerLabel_4no0z_70 ._selectOptionInnerLabelBottom_4no0z_83 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-1);
    color: var(--text-color-secondary);
    height: var(--space-4);
    font-size: var(--space-3);
    font-style: normal;
    font-weight: var(--fw-500);
    line-height: var(--space-3)
}

._selectOption_4no0z_36 ._selectOptionInnerLabel_4no0z_70 ._selectOptionInnerLabelBottom_4no0z_83 ._tokenAmount_4no0z_95 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center
}

._selectOption_4no0z_36 ._selectOptionInnerLabel_4no0z_70 ._selectOptionInnerLabelBottom_4no0z_83 svg {
    height: 16px;
    width: 16px;
    z-index: 2
}

._selectOption_4no0z_36 ._selectOptionInnerLabel_4no0z_70 ._selectOptionInnerLabelBottom_4no0z_83 svg+svg {
    margin-left: -8px;
    z-index: 1
}

._selectOption_4no0z_36 ._selectOptionInnerLabel_4no0z_70 ._supportSoon_4no0z_110 {
    color: var(--text-color-error);
    font-style: normal;
    font-weight: var(--fw-500);
    height: var(--space-4);
    font-size: 10px;
    line-height: 10px
}

._copyIcon_4no0z_19 {
    display: none;
    cursor: pointer
}

._nftIdName_4no0z_124 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

._nftIdName_4no0z_124 ._nftIfLabel_4no0z_130 {
    color: var(--text-color-secondary)
}

.recipe-book-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 3px;
    padding: 15px 18px;
    color: #fff;
    background-color: #394956;
    transition: background-color .1s, box-shadow .1s
}

.recipe-book-item:hover {
    box-shadow: 0 0 20px -10px #000;
    background-color: #374653
}

.recipe-book-item:hover .bookmark {
    opacity: 1
}

.recipe-book-item:active {
    box-shadow: 0 0 30px -10px #000;
    background-color: #354450
}

.recipe-book-item__top {
    margin-bottom: 10px
}

.recipe-book-item__bottom {
    display: flex;
    justify-content: space-between
}

.recipe-book-item .quick-access-icon-wrapper {
    position: absolute;
    top: 16px;
    right: 18px;
    height: 14px;
    width: 22px
}

.recipe-book-item__title {
    font-size: 14px;
    line-height: 17px;
    margin: 0 0 10px;
    padding-right: 20px;
    max-width: 275px;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    white-space: nowrap
}

.recipe-book-item__desc {
    font-size: 13px;
    line-height: 16px;
    color: #939da7;
    margin: 0
}

.recipe-book-item__cta {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    cursor: pointer
}

.recipe-book-item__protocols {
    display: inline-flex
}

.recipe-book-item__protocols>img {
    margin-right: 4px
}

.recipe-book-item__protocols>img:last-of-type {
    margin-right: 0
}

.recipe-book-item .bookmark {
    position: absolute;
    top: 0;
    right: 8px;
    opacity: 0
}

.recipe-book-item.bookmarked .bookmark {
    opacity: 1
}

.quick-access-icon-wrapper:hover .square {
    animation: 3s quick-access-slide infinite
}

@keyframes quick-access-slide {
    0% {
        transform: translate(0)
    }

    40% {
        transform: translate(-7px)
    }

    45% {
        transform: translate(-1px)
    }

    48% {
        transform: translate(0)
    }
}

.recipe-book-wrapper .main-section-wrapper {
    padding: 50px 45px;
    border-radius: 3px
}

@media screen and (max-width: 720px) {
    .recipe-book-wrapper .main-section-wrapper {
        padding: 50px 20px
    }
}

.recipe-book-wrapper .main-section-wrapper .row .title {
    line-height: 29px;
    font-weight: 700;
    font-size: 30px;
    margin: 0 0 30px;
    color: #fff
}

@media screen and (max-width: 720px) {
    .recipe-book-wrapper .main-section-wrapper .row .title {
        text-align: center
    }
}

.recipe-book-wrapper .main-section-wrapper .row.intro {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width: 720px) {
    .recipe-book-wrapper .main-section-wrapper .row.intro {
        grid-template-columns: 1fr
    }
}

.recipe-book-wrapper .main-section-wrapper .row.intro .description {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 30px;
    max-width: 500px;
    color: #939da7
}

@media screen and (max-width: 720px) {
    .recipe-book-wrapper .main-section-wrapper .row.intro .description {
        margin: 0 auto 30px;
        text-align: center
    }
}

.recipe-book-wrapper .main-section-wrapper .row.intro img {
    width: 100%
}

.recipe-book-wrapper .main-section-wrapper .row.intro .column {
    align-self: center
}

@media screen and (max-width: 720px) {
    .recipe-book-wrapper .main-section-wrapper .row.intro .column:nth-of-type(1) {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column
    }
}

.recipe-book-wrapper .main-section-wrapper .row.intro .column:nth-of-type(2) {
    justify-self: center
}

.recipe-book-wrapper .main-section-wrapper .row.intro .column:nth-of-type(2) img {
    max-width: 370px
}

@media screen and (max-width: 720px) {
    .recipe-book-wrapper .main-section-wrapper .row.intro .column:nth-of-type(2) {
        display: none
    }
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 60px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__subheader,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__subheader {
    width: 100%
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__options,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__options {
    width: 100%;
    margin-bottom: 20px
}

@media screen and (max-width: 1180px) {

    .recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__options,
    .recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__options {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 720px) {

    .recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__options,
    .recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__options {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media screen and (max-width: 1180px) {

    .recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter,
    .recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        grid-template-areas: "label label select select select select select select select select"
    }
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box {
    grid-area: select;
    width: 100%;
    background: #2e3942
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__control,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__control {
    width: 100%
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__control .option-value,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__control .option-value {
    flex-direction: row;
    justify-content: flex-start
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__control .select__single-value,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__control .select__single-value {
    font-size: 12px;
    transform: none;
    position: relative
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__control .select__single-value.space,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__control .select__single-value.space {
    margin-right: 5px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__control .select__clear-indicator,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__control .select__clear-indicator {
    display: none
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__placeholder,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__placeholder,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu {
    font-size: 12px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .clear-all,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .clear-all {
    line-height: 32px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__single-value,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__single-value {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__single-value .checkbox-wrapper,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__single-value .checkbox-wrapper {
    width: 20px;
    height: 20px;
    padding: 2px;
    border: 1px solid #61717E;
    border-radius: 3px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__single-value .checkbox-wrapper .box,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__single-value .checkbox-wrapper .box {
    width: 100%;
    height: 100%;
    border-radius: 1px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__option:hover,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__option:hover {
    background: #2e3942
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__option--is-selected,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__option--is-selected,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__option--is-focused,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__option--is-focused {
    background: transparent
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__option--is-selected .select__single-value .checkbox-wrapper,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__option--is-selected .select__single-value .checkbox-wrapper {
    border-color: #37b06f
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__option--is-selected .select__single-value .checkbox-wrapper .box,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__option--is-selected .select__single-value .checkbox-wrapper .box {
    background: #37b06f
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box .select__menu .select__option:first-child,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box .select__menu .select__option:first-child {
    border-bottom: 1px solid #939DA7;
    padding: 0 12px;
    opacity: .8
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box.cleared .select__menu .select__option:first-child,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box.cleared .select__menu .select__option:first-child {
    user-select: none;
    cursor: not-allowed;
    opacity: .5
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__filter .select.box.cleared .select__menu .select__option:first-child:hover,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__filter .select.box.cleared .select__menu .select__option:first-child:hover {
    background: transparent
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__label,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__label {
    color: #fff;
    grid-area: label
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__search,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__search {
    background: #2e3942;
    border-radius: 3px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__search svg,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__search svg {
    margin: 0 10px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__search input,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__search input {
    width: 100%;
    height: 100%;
    min-height: 38px;
    background: #2e3942;
    color: #fff;
    border: 0;
    border-radius: 3px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__search input:focus,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__search input:focus {
    outline: 0
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__selected-filters,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__selected-filters {
    padding: 10px 0;
    margin: 10px 0 20px;
    color: #fff
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__selected-filters>*,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__selected-filters>* {
    min-height: 40px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__selected-filter,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__selected-filter {
    padding: 5px 0 5px 10px;
    background: #2e3942;
    border-radius: 3px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__selected-filter .close,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__selected-filter .close {
    cursor: pointer;
    padding: 5px 10px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book--no-background,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book--no-background {
    background: none
}

@media screen and (max-width: 720px) {

    .recipe-book-wrapper .main-section-wrapper .row.recipe-book,
    .recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background {
        align-items: center
    }
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__nav,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__nav {
    display: inline-flex;
    margin-bottom: 30px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__nav>div,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__nav>div {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 5px 20px;
    border-radius: 3px;
    cursor: pointer;
    background-color: #16232c;
    color: #fff;
    text-align: center
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__nav>div:last-of-type,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__nav>div:last-of-type {
    margin-right: 0
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__nav>div svg,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__nav>div svg {
    width: 25px;
    height: 25px;
    margin-right: 10px
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__nav>div.active,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__nav>div.active {
    background: linear-gradient(180deg, #3f4d57, #35434d8f)
}

.recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__recipes,
.recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__recipes {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width: 1180px) {

    .recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__recipes,
    .recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__recipes {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (max-width: 720px) {

    .recipe-book-wrapper .main-section-wrapper .row.recipe-book .recipe-book__recipes,
    .recipe-book-wrapper .main-section-wrapper .row.recipe-book--no-background .recipe-book__recipes {
        grid-template-columns: repeat(1, 1fr)
    }
}

.recipe-creator-wrapper {
    color: #fff;
    transition: margin-top .2s ease-in-out
}

.recipe-creator-wrapper .width-container .mobile-devices {
    display: none;
    align-items: center;
    justify-content: center;
    text-align: center
}

@media screen and (max-width: 700px) {
    .recipe-creator-wrapper .width-container .mobile-devices {
        display: inline-flex
    }

    .recipe-creator-wrapper .width-container *:not(.mobile-devices) {
        display: none
    }
}

.recipe-creator-wrapper .main-section-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    position: relative
}

.recipe-creator-wrapper .main-section-wrapper .clear-actions {
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    padding: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    margin: 15px 30px 0;
    background: transparent;
    color: #939da7;
    cursor: pointer
}

.recipe-creator-wrapper .main-section-wrapper .clear-actions img {
    margin-right: 5px;
    opacity: .6;
    transition: opacity .2s ease-in-out
}

.recipe-creator-wrapper .main-section-wrapper .clear-actions:hover img {
    opacity: 1
}

.recipe-creator-wrapper .dashboard-header-wrapper {
    width: 100%
}

.recipe-creator-wrapper .dashboard-header-wrapper .buttons-wrapper {
    flex: 0 0 auto
}

.recipe-creator-wrapper .recipe-final-state-position-states {
    margin-bottom: 20px
}

.recipe-creator-wrapper .recipe-final-state-position-states .position-states-wrapper>div {
    animation: none
}

.action-form-wrapper.form-wrapper {
    width: 490px;
    background-color: #2b3943;
    padding: 20px;
    box-shadow: 0 0 10px 2px #0003;
    border-radius: 3px;
    z-index: 10
}

.action-form-wrapper.form-wrapper .withdraw-pool-assets {
    display: flex
}

.action-form-wrapper.form-wrapper .withdraw-pool-assets>:first-child {
    margin-right: 20px
}

.action-form-wrapper.form-wrapper .withdraw-pool-assets>* {
    flex: 1 1 40%
}

.action-form-wrapper.form-wrapper .action-form-header {
    align-items: normal
}

.action-form-wrapper.form-wrapper h2 {
    margin-top: 0;
    font-size: 2rem;
    font-weight: 400;
    display: inline-flex
}

.action-form-wrapper.form-wrapper h2 .description-tooltip {
    display: inline-flex;
    margin-left: 5px
}

.action-form-wrapper.form-wrapper .buttons-wrapper {
    position: absolute;
    bottom: -35px;
    width: 100%;
    right: 0;
    border-top: 3px solid #37B06F
}

.action-form-wrapper.form-wrapper .buttons-wrapper button {
    border-radius: 0 0 3px 3px
}

.action-form-wrapper.form-wrapper .tsi-warning {
    margin-bottom: 20px
}

.action-form-wrapper.form-wrapper .previous-values-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -31px;
    right: -1px
}

.action-form-wrapper.form-wrapper .two-inputs-form.has-custom>:first-child {
    margin-bottom: 50px
}

.action-form-wrapper.form-wrapper .exchange-switch {
    top: -15px;
    cursor: pointer;
    display: inline-flex;
    position: relative
}

.action-form-wrapper.form-wrapper .exchange-switch :hover path,
.action-form-wrapper.form-wrapper .exchange-switch :hover line {
    stroke: #7f8f9c
}

.action-form-wrapper.form-wrapper .output-estimation-subsection {
    padding: 10px 15px;
    margin-bottom: 20px;
    border-radius: 3px;
    background: #354149;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.03em
}

.action-form-wrapper.form-wrapper .form-item-wrapper {
    margin-bottom: 30px
}

.action-form-wrapper.form-wrapper .form-item-wrapper:last-child {
    margin-bottom: 20px
}

.action-form-wrapper.form-wrapper .form-item-wrapper label {
    min-width: 77px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input label {
    padding: 0 7px 0 10px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input input {
    padding-right: 10px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset {
    padding: 4px 7px;
    border-right: 1px solid #61717E;
    flex: 0 0 36%
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset .select {
    border-radius: 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset .select__value-container {
    padding: 2px 0 2px 5px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset>.select {
    border-left: 0;
    border-bottom: 1px solid #61717E;
    padding-bottom: 2px;
    margin-bottom: 4px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset>.select .select__control {
    box-shadow: none
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset .source {
    display: flex;
    align-items: center
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset .source .Switch {
    padding: 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset .source .Switch>* {
    flex: 0 0 50%;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.4rem;
    padding: 5px 8px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-input__asset .source .Switch>*>div:nth-of-type(2) {
    font-size: 1.2rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-output {
    text-align: right;
    padding-right: 10px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input .exchange-output :first-child {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    line-height: 2rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input {
    height: 62px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input.multiple-assets {
    height: auto
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input label {
    padding: 0 12px 0 20px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input .exchange-input__asset {
    display: flex
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input .exchange-input__asset>.select {
    border: none;
    margin: 0;
    padding: 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input .exchange-input__asset.pool-input__asset:first-child {
    margin-right: 5px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input .pool-output :first-child {
    font-size: 2rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input__asset:first-child {
    border-right: 1px solid #61717E
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input.bottom-space {
    margin-bottom: 50px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input.tick {
    position: relative;
    border-radius: 3px 3px 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input.tick .tick-percent {
    cursor: pointer;
    user-select: none;
    border: 1px solid #61717E;
    border-top: none;
    border-radius: 0 0 3px;
    padding: 2px 0;
    position: absolute;
    right: -1px;
    bottom: -24px;
    width: 59px;
    display: flex;
    justify-content: center
}

.action-form-wrapper.form-wrapper .form-item-wrapper.exchange-input.pool-input.tick .tick-percent.minus {
    right: 57px;
    border-radius: 0 0 0 3px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.checkbox {
    position: absolute;
    bottom: -30px;
    margin: 0;
    border: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.action-form-wrapper.form-wrapper .form-item-wrapper.checkbox .label-wrapper {
    height: 30px;
    padding: 0;
    font-size: 1.3rem;
    line-height: normal
}

.action-form-wrapper.form-wrapper .form-item-wrapper.checkbox .label-wrapper .label-text {
    line-height: normal;
    padding: 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper.checkbox .label-wrapper .checkbox-wrapper {
    height: 16px;
    width: 16px;
    padding: 2px;
    border: 1px solid #37B06F;
    margin: 0 0 0 6px
}

.action-form-wrapper.form-wrapper .form-item-wrapper.checkbox:not(.active):hover .label-wrapper .checkbox-wrapper {
    background: #ffffff1a
}

.action-form-wrapper.form-wrapper .form-item-wrapper.checkbox.active .label-wrapper .checkbox-wrapper .box {
    background: #37b06f
}

.action-form-wrapper.form-wrapper .form-item-wrapper .non-input-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background-color: #39434d;
    flex: 1 1 auto
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select {
    background: none;
    flex: 1 1 100%
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select {
    width: 150px;
    height: 30px;
    box-sizing: border-box
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select * {
    font-size: 1.3rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__control {
    min-height: 28px;
    border-radius: 0 0 3px 3px;
    box-shadow: none
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .option-value {
    min-height: 20px
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__indicators,
.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__value-container {
    height: 30px
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__menu {
    width: 250px;
    right: 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__value-container .option-value .second-select-label {
    margin-top: 0;
    color: #fff
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__value-container .option-value .select__single-value {
    display: none
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__value-container .option-value input {
    position: absolute
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select.previous-values-select .select__indicator {
    padding: 0 8px
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select .select__control {
    width: 100%
}

.action-form-wrapper.form-wrapper .form-item-wrapper .select .select__control .select__value-container {
    padding-right: 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper .Switch {
    width: 100%
}

.action-form-wrapper.form-wrapper .form-item-wrapper .Switch>div {
    width: auto;
    height: auto;
    flex: 1 1 50%;
    text-align: left;
    line-height: 2rem;
    padding: 5px 10px
}

.action-form-wrapper.form-wrapper .form-item-wrapper .Switch.no-balance>div {
    line-height: 33px
}

.action-form-wrapper.form-wrapper .form-item-wrapper * {
    transition: opacity .3s
}

.action-form-wrapper.form-wrapper .form-item-wrapper .pointing:not(:hover):not(:focus) {
    opacity: .5
}

.action-form-wrapper.form-wrapper .form-item-wrapper .use-whole-balance {
    opacity: .5;
    cursor: default;
    pointer-events: none
}

.action-form-wrapper.form-wrapper .form-item-wrapper .max-wrapper {
    position: absolute;
    top: -22px;
    right: 0;
    color: #939da7;
    text-align: right;
    font-size: 1.3rem;
    transition: .3s;
    cursor: pointer
}

.action-form-wrapper.form-wrapper .form-item-wrapper .max-wrapper:hover {
    opacity: .7
}

.action-form-wrapper.form-wrapper .form-item-wrapper .max-wrapper.use-whole-balance {
    cursor: default;
    pointer-events: none
}

.action-form-wrapper.form-wrapper .form-item-wrapper .estimate-amount {
    position: absolute;
    font-size: 1.3rem;
    line-height: 16px;
    top: 35px;
    right: 21px;
    padding: 0;
    color: #939da7
}

.action-form-wrapper.form-wrapper .form-item-wrapper .small-amount-label {
    position: absolute;
    font-size: 1.3rem;
    line-height: 16px;
    padding: 0;
    color: #fff;
    top: -21px;
    left: 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper label>span {
    margin-right: 6px
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select {
    display: inline-flex;
    justify-content: flex-end;
    flex: 0 0 80%
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .previous-values-select {
    max-width: 9rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount {
    display: inline-flex;
    justify-content: center;
    flex-direction: column
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount__estimate {
    position: relative;
    font-size: 1.2rem;
    color: #939da7;
    text-align: right
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount:not(.preview) .amount__input {
    flex-grow: 1;
    display: inline-flex
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount:not(.preview) .amount__input input {
    padding-right: .8rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount.preview {
    padding-right: .8rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount.preview .amount__estimate {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    white-space: nowrap
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount.preview .amount__input {
    display: inline-flex;
    justify-content: flex-end
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .amount.preview .amount__input input {
    margin: 0;
    font-weight: 400;
    font-size: 1.3rem;
    color: #bec0c1;
    text-align: right;
    opacity: 1
}

.action-form-wrapper.form-wrapper .form-item-wrapper .amount-asset-select .select {
    flex: 0 0 45%;
    border-left: 1px solid #61717E;
    border-radius: 0 3px 3px 0
}

.action-form-wrapper.form-wrapper .form-item-wrapper .slippage-item {
    display: inline-flex;
    flex-direction: column;
    justify-content: center
}

.action-form-wrapper.form-wrapper .form-item-wrapper .slippage-item .value {
    display: inline-flex;
    align-items: center;
    position: relative
}

.action-form-wrapper.form-wrapper .form-item-wrapper .slippage-item .value .percentage {
    font-size: 2rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    padding: 0 1rem 0 .2rem
}

.action-form-wrapper.form-wrapper .form-item-wrapper .slippage-item .estimate {
    font-size: 1.2rem;
    color: #939da7;
    text-align: right;
    padding-right: 1rem
}

.action-form-wrapper.form-wrapper .advanced-wrapper {
    margin: 25px 0;
    border-radius: 3px;
    background: linear-gradient(180deg, #37b06f33 1.63%, #294c7333 127.52%);
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.action-form-wrapper.form-wrapper .advanced-wrapper .title-wrapper {
    user-select: none;
    padding: 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.action-form-wrapper.form-wrapper .advanced-wrapper .title-wrapper .title-advanced {
    font-size: 1.3rem
}

.action-form-wrapper.form-wrapper .advanced-wrapper .advanced-content {
    padding: 6px 20px 20px
}

.action-form-wrapper.form-wrapper .advanced-wrapper .advanced-content .section-wrapper {
    font-size: 1.3rem;
    display: flex;
    align-items: center
}

.action-form-wrapper.form-wrapper .advanced-wrapper .advanced-content .section-wrapper .form-wrapper {
    margin: 0
}

.action-form-wrapper.form-wrapper .advanced-wrapper .advanced-content .section-wrapper .value {
    font-weight: 400
}

.action-form-wrapper.form-wrapper .advanced-wrapper .advanced-content .section-wrapper .info-box-wrapper {
    margin-left: 7px;
    margin-right: 0
}

.action-form-wrapper.form-wrapper .advanced-wrapper .input-values>label {
    white-space: normal;
    line-height: 1
}

.action-form-wrapper.form-wrapper .disclaimer {
    text-align: center;
    color: #939da7;
    margin-top: -20px
}

.action-form-wrapper.form-wrapper .toggle .toggle-movable {
    border: 1px solid #37B06F
}

.action-form-wrapper.form-wrapper .toggle .toggle-movable:before {
    background-color: #37b06f
}

.action-form-wrapper.form-wrapper .toggle .toggle-option:first-child {
    margin-right: 3px
}

.action-form-wrapper.form-wrapper .toggle .toggle-option:last-child {
    margin-left: 3px
}

.action-form-wrapper.form-wrapper .small-form-label {
    display: inline-block;
    font-size: small;
    margin-bottom: 5px
}

.action-form-wrapper.form-wrapper .margin-bottom-small {
    margin-bottom: 15px
}

.action-form-wrapper.form-wrapper .current-price p {
    margin: 0
}

.action-form-wrapper.form-wrapper .current-price .gray-part {
    color: #959ca1
}

.action-draggable-outer-wrapper {
    padding: 10px 0;
    position: relative;
    transition: margin .3s cubic-bezier(.2, 1, .1, 1)
}

.action-draggable-outer-wrapper .ordinal {
    position: absolute;
    width: 30px;
    left: -30px;
    text-align: right;
    padding-right: 5px;
    top: 10px;
    color: #939da7;
    font-size: 1.3rem
}

.action-draggable-outer-wrapper .action-draggable-wrapper {
    position: relative;
    display: flex;
    width: 500px;
    height: 64px;
    background-color: #364854;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 7px 7px 7px 50px;
    align-items: center;
    user-select: none;
    transition: opacity .3s cubic-bezier(.2, 1, .1, 1);
    z-index: 2;
    opacity: 1;
    cursor: pointer
}

.action-draggable-outer-wrapper .action-draggable-wrapper.has-error {
    background: linear-gradient(135deg, #364854, #61424a)
}

.action-draggable-outer-wrapper .action-draggable-wrapper:hover {
    opacity: .9
}

.action-draggable-outer-wrapper .action-draggable-wrapper .protocol-icon {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(180deg, #37b06f, #199251);
    width: 70px;
    border-radius: 3px 0 0 3px
}

.action-draggable-outer-wrapper .action-draggable-wrapper .protocol-icon:after {
    content: "";
    height: 100%;
    position: absolute;
    right: -10px;
    width: 20px;
    background: inherit;
    border-radius: 0 50% 50% 0
}

.action-draggable-outer-wrapper .action-draggable-wrapper .protocol-icon:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 17px;
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("")
}

.action-draggable-outer-wrapper .action-draggable-wrapper .icon {
    height: 36px;
    width: 36px;
    flex: 0 0 36px;
    background-color: #202a31;
    border-radius: 3px;
    margin-right: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.action-draggable-outer-wrapper .action-draggable-wrapper .icon img {
    max-height: 20px;
    max-width: 20px
}

.action-draggable-outer-wrapper .action-draggable-wrapper .inner-content-wrapper {
    flex: 1 1 auto;
    min-width: 0
}

.action-draggable-outer-wrapper .action-draggable-wrapper .inner-content-wrapper div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.action-draggable-outer-wrapper .action-draggable-wrapper .action-buttons-wrapper {
    flex-shrink: 0
}

.action-draggable-outer-wrapper .action-draggable-wrapper .action-buttons-wrapper .action-button {
    opacity: .3;
    cursor: pointer;
    transition: .2s;
    padding: 5px
}

.action-draggable-outer-wrapper .action-draggable-wrapper .action-buttons-wrapper .action-button:hover {
    opacity: .9
}

.action-draggable-outer-wrapper .action-draggable-wrapper .action-buttons-wrapper .action-button img {
    vertical-align: middle;
    transition: .3s
}

.action-draggable-outer-wrapper .action-draggable-wrapper .action-buttons-wrapper .action-button.open img {
    transform: rotateX(180deg)
}

.action-draggable-outer-wrapper .position-states-outer-wrapper {
    background-color: #1f2f3c;
    padding: 13px 10px 10px;
    margin-top: -3px;
    font-size: 1.3rem;
    border-radius: 0 0 3px 3px;
    width: 500px;
    cursor: pointer
}

.action-draggable-outer-wrapper .position-states-outer-wrapper.open img {
    transform: rotateX(180deg)
}

.action-draggable-outer-wrapper .action-form-wrapper {
    position: absolute;
    left: 510px;
    top: 10px;
    margin-left: 10px
}

.action-draggable-outer-wrapper .error-box-wrapper {
    margin-top: 10px;
    max-width: 500px
}

.action-draggable-outer-wrapper.maker .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #1aab9b, #069787)
}

.action-draggable-outer-wrapper.maker .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.morphoBlue .protocol-icon {
    background: linear-gradient(180deg, #2e4dff, #00378a)
}

.action-draggable-outer-wrapper.morphoBlue .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper[class*=morphoAave] .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #3543c2, #2230aa)
}

.action-draggable-outer-wrapper[class*=morphoAave] .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.compound .action-draggable-wrapper .protocol-icon,
.action-draggable-outer-wrapper.compoundv3 .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #01d395e6 1.28%, #00a776e6)
}

.action-draggable-outer-wrapper.compound .action-draggable-wrapper .protocol-icon:before,
.action-draggable-outer-wrapper.compoundv3 .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.aave .action-draggable-wrapper .protocol-icon,
.action-draggable-outer-wrapper.aavev2 .action-draggable-wrapper .protocol-icon,
.action-draggable-outer-wrapper.aavev3 .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #9391f7 .16%, #6562f4 99.84%)
}

.action-draggable-outer-wrapper.aave .action-draggable-wrapper .protocol-icon:before,
.action-draggable-outer-wrapper.aavev2 .action-draggable-wrapper .protocol-icon:before,
.action-draggable-outer-wrapper.aavev3 .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.spark .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #f2b72d -9.38%, #fa43bd 96.3%)
}

.action-draggable-outer-wrapper.spark .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.crvusd .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(360deg, #0f5231, #167c4a)
}

.action-draggable-outer-wrapper.crvusd .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.uniswap .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #fc157b, #ca0049)
}

.action-draggable-outer-wrapper.uniswap .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.liquity .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #95cbf3, #405ae5)
}

.action-draggable-outer-wrapper.liquity .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.lido .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #e28f83, #c4796f)
}

.action-draggable-outer-wrapper.lido .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.yearn .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #1479f8, #1360b3)
}

.action-draggable-outer-wrapper.yearn .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.mstable .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #427beb, #185ce2)
}

.action-draggable-outer-wrapper.mstable .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.bonds .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #3c5eba, #163486)
}

.action-draggable-outer-wrapper.bonds .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.action-draggable-outer-wrapper.fluid .action-draggable-wrapper .protocol-icon {
    background: linear-gradient(180deg, #3c5eba, #163486)
}

.action-draggable-outer-wrapper.fluid .action-draggable-wrapper .protocol-icon:before {
    background-image: url("")
}

.recipe-action-list-wrapper {
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    min-height: 50vh;
    width: 100%
}

.recipe-action-list-wrapper>div {
    min-width: 500px;
    flex: 1 0 100%
}

.recipe-action-list-wrapper .drop-here-placeholder {
    text-align: center;
    border: 1px #37B06F dashed;
    padding: 10px;
    width: 500px;
    color: #fff;
    flex: 0 0 auto !important;
    margin-top: 10px;
    border-radius: 3px
}

.recipe-action-list-wrapper .drop-here-placeholder.highlighted {
    box-shadow: 0 0 6px #37b06f inset, 0 0 6px #37b06f;
    border: 1px #37B06F solid
}

.recipe-actions-explorer-wrapper {
    position: sticky;
    bottom: 0;
    z-index: 8;
    width: 100%
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper {
    display: flex;
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding: 5px 20px 0;
    background-color: #243038
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper::-webkit-scrollbar {
    display: none
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab {
    display: inline-block;
    text-transform: capitalize;
    border-radius: 3px 3px 0 0;
    color: #939da7;
    text-align: center;
    cursor: pointer;
    font-size: 1.3rem;
    margin-right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background: #2b3943;
    position: relative;
    opacity: .5
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab .dot {
    width: 12px;
    height: 12px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    margin-right: 5px;
    border-radius: 100%;
    position: absolute;
    left: 31px;
    bottom: 21px;
    z-index: 5
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab .dot.green {
    background: #37b06f
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab:last-child {
    margin-right: 0
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab:hover,
.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.active {
    opacity: 1
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab .tab-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 30px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(180deg, #37b06f, #199251)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab .tab-icon {
    background-image: url("");
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab .tab-category {
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: 0 3px 0 0;
    transition: width .5s
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab .tab-category>div {
    letter-spacing: .12em;
    text-transform: uppercase;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    display: block;
    white-space: nowrap;
    width: fit-content
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.maker .tab-icon-container {
    background: linear-gradient(180deg, #1aab9b, #069787)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.maker .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.compound .tab-icon-container {
    background: linear-gradient(180deg, #01d395e6 1.28%, #00a776e6)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.compound .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.morpho-aave .tab-icon-container {
    background: linear-gradient(180deg, #3543c2, #2230aa)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.morpho-aave .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.spark .tab-icon-container {
    background: linear-gradient(180deg, #f2b72d -9.38%, #fa43bd 96.3%)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.spark .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.curveusd .tab-icon-container {
    background: linear-gradient(360deg, #0f5231, #167c4a)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.curveusd .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.aave .tab-icon-container {
    background: linear-gradient(180deg, #9391f7 .16%, #6562f4 99.84%)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.aave .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.uniswap .tab-icon-container {
    background: linear-gradient(180deg, #fc157b, #ca0049)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.uniswap .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.liquity .tab-icon-container {
    background: linear-gradient(180deg, #95cbf3, #405ae5)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.liquity .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.lido .tab-icon-container {
    background: linear-gradient(180deg, #e28f83, #c4796f)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.lido .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.yearn .tab-icon-container {
    background: linear-gradient(180deg, #1479f8, #1360b3)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.yearn .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.flashloan .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.mstable .tab-icon-container {
    background: linear-gradient(180deg, #427beb, #185ce2)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.mstable .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.bonds .tab-icon-container {
    background: linear-gradient(180deg, #3c5eba, #163486)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.bonds .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.morpho .tab-icon-container {
    background: linear-gradient(180deg, #2e4dff, #00378a)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.morpho .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.fluid .tab-icon-container {
    background: linear-gradient(180deg, #2e4dff, #00378a)
}

.recipe-actions-explorer-wrapper .top-tabs-wrapper .tab.fluid .tab-icon-container .tab-icon {
    background-image: url("")
}

.recipe-actions-explorer-wrapper .tab-content-wrapper {
    background-color: #2b3943;
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    padding: 0 10px
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper {
    position: relative;
    display: inline-flex;
    white-space: initial;
    vertical-align: top;
    align-items: center;
    user-select: none;
    margin: 17px 7px 17px 0;
    font-size: 1.2rem;
    box-sizing: border-box;
    background-color: #364854;
    padding: 7px 22px 7px 7px;
    width: 200px;
    transition: opacity .3s cubic-bezier(.2, 1, .1, 1);
    border-radius: 3px
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper:hover {
    opacity: .9
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper span {
    display: inline-block;
    flex: 1 1 100%
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper .icon {
    height: 36px;
    width: 36px;
    background-color: #202a31;
    border-radius: 3px;
    margin-right: 7px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper .icon img {
    max-height: 20px;
    max-width: 20px
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper .description-tooltip,
.recipe-actions-explorer-wrapper .action-draggable-wrapper .suggestion-tooltip {
    position: absolute;
    top: 4px;
    right: 4px
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper .suggestion-tooltip .green {
    display: inline-flex;
    width: 14px;
    height: 14px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #37b06f
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper.copy {
    opacity: .5
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper.copy~div {
    transform: none !important
}

.recipe-actions-explorer-wrapper .action-draggable-wrapper.can-be-dropped {
    width: 300px !important;
    height: 64px !important;
    font-weight: 700;
    margin: 10px 0;
    font-size: 1.4rem
}

.recipe-final-state-wrapper {
    padding: 20px 30px;
    width: 100%
}

.recipe-final-state-wrapper:before {
    content: "";
    width: 100%;
    display: block;
    position: relative;
    top: -20px;
    border-top: 1px solid #37B06F
}

.recipe-final-state-wrapper .loader-wrapper {
    margin-left: 20px
}

.recipe-final-state-wrapper .warning-box-wrapper {
    margin-bottom: 10px
}

.recipe-final-state-wrapper .loader.mini {
    width: 40px;
    margin: 0 10px
}

.recipe-final-state-wrapper h2 {
    margin: 0 0 1em
}

.recipe-creator-smart-wallet-blocker-wrapper a {
    text-decoration: underline
}

.recipe-automate-wrapper {
    color: #fff;
    transition: margin-top .2s ease-in-out
}

.recipe-automate-wrapper .main-section-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

.recipe-automate-wrapper .dashboard-header-wrapper {
    width: 100%
}

.recipe-automate-wrapper .dashboard-header-wrapper .buttons-wrapper {
    flex: 0 0 auto
}

.leveraged-staking-wrapper {
    color: #fff
}

.leveraged-staking-wrapper .header-section {
    margin-bottom: 24px;
    background: linear-gradient(180deg, #2b3943, #1a242b 92.86%);
    display: flex
}

.leveraged-staking-wrapper .header-section>div {
    padding: 32px;
    flex-grow: 1
}

.leveraged-staking-wrapper .header-section>h1 {
    font-weight: 400;
    font-size: 32px;
    line-height: 48px;
    margin-top: 0
}

.leveraged-staking-wrapper .header-section .subheader {
    max-width: 500px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #939da7;
    margin-bottom: 24px
}

.leveraged-staking-wrapper .header-section .icons-row {
    display: flex;
    flex-direction: row
}

.leveraged-staking-wrapper .ethsaver-section {
    background: linear-gradient(to bottom, #6d399d, #60328a)
}

.leveraged-staking-wrapper .ethsaver-section a {
    text-decoration: underline
}

.leveraged-staking-wrapper .ethsaver-section img {
    margin-bottom: 8px;
    height: 40px
}

.leveraged-staking-wrapper .options-grid {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    margin-bottom: 100px
}

.leveraged-staking-wrapper .options-grid .option-card .card-header {
    border-radius: 3px 3px 0 0;
    padding: 16px 16px 24px;
    background: #2b3943
}

.leveraged-staking-wrapper .options-grid .option-card .card-header h3 {
    line-height: 28px;
    margin: 0 0 16px;
    font-size: 18px;
    font-weight: 300
}

.leveraged-staking-wrapper .options-grid .option-card .card-header h3 .label {
    display: inline-block;
    color: #56ccf2;
    background-color: #56ccf21a;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    padding: 2px;
    border-radius: 2px;
    vertical-align: middle
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex [data-tooltipped] {
    line-height: 0
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex .assets :first-child {
    z-index: 2;
    position: relative
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex .assets :nth-child(2) {
    margin-left: -4px;
    z-index: 1;
    position: relative
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex>* {
    display: flex;
    flex-direction: column;
    flex: 1 1 100%
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex>*>:first-child {
    height: 32px
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex>* .apy {
    display: inline-block;
    padding: 3px 5px;
    background: #37b06f1a;
    border-radius: 2px;
    color: #37b06f;
    font-weight: 600;
    letter-spacing: .03em;
    font-size: 14px
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex>* .apy.neutral {
    background: #61717e1a;
    color: #61717e
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex>* .apy.negative {
    background: #c027271a;
    color: #c02727
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex>* .label {
    color: #939da7;
    font-size: 12px
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .header-flex>* .label .icon-Info-circle {
    margin-left: 3px;
    margin-bottom: -1px
}

.leveraged-staking-wrapper .options-grid .option-card .card-header .pills-row {
    margin-top: 12px;
    height: 20px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    gap: 4px
}

.leveraged-staking-wrapper .options-grid .option-card .card-body {
    padding: 16px;
    background: #202931;
    border-radius: 0 0 3px 3px
}

.leveraged-staking-wrapper .options-grid .option-card .card-body .row {
    height: 40px;
    display: flex;
    flex-direction: row;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    justify-content: space-between
}

.leveraged-staking-wrapper .options-grid .option-card .card-body .row:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.leveraged-staking-wrapper .options-grid .option-card .card-body .row :first-child {
    font-size: 12px;
    display: flex;
    align-items: center;
    flex-direction: row
}

.leveraged-staking-wrapper .options-grid .option-card .card-body .row :first-child>span {
    margin-left: 2px
}

.leveraged-staking-wrapper .options-grid .option-card .card-body .row :nth-child(2) {
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: row
}

.leveraged-staking-wrapper .options-grid .option-card .card-body .button {
    width: 100%;
    margin-top: 16px
}

.leveraged-staking-wrapper .loader {
    margin-bottom: 24px
}

.leveraged-staking-wrapper .faq {
    padding: 32px;
    background: #1b252b !important
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .title {
    color: #fff;
    font-size: 18px;
    margin: 0 0 30px
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .info {
    color: #939da7;
    font-size: 14px;
    margin: 0 0 30px
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .form-wrapper {
    margin-bottom: 30px;
    display: flex;
    flex-direction: row
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .form-wrapper .form-item-wrapper {
    margin-bottom: 0;
    max-width: 320px;
    width: 100%
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .form-wrapper .form-item-wrapper .form-item {
    font-size: 14px;
    font-weight: 400;
    padding: 12px
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .form-wrapper .button {
    margin-left: 20px
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper a {
    text-decoration: underline
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper {
    padding: 20px
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .content {
    display: flex;
    flex-direction: row
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .content .title,
.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .content .info {
    color: #fff;
    font-size: 18px;
    margin: 0 0 30px
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .content .info {
    margin-left: 20px;
    color: #939da7;
    display: flex
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .content .info .copy {
    margin-left: 5px
}

.dashboard-page-wrapper.change-proxy-owner-wrapper .main-section-wrapper .content .info .copy svg {
    height: 18px
}

.color-white {
    color: #f6f8f9
}

.auth-header-wrapper {
    display: flex;
    flex-direction: column;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 1px solid var(--border-color-subtle);
    background: var(--bg-color-primary)
}

.auth-header-wrapper img {
    box-shadow: 0 0 12px 6px #1d252b;
    margin-bottom: 8px
}

.auth-header-wrapper h1 {
    color: #fff;
    font-weight: 400;
    margin: 0 0 12px;
    text-align: center
}

.auth-header-wrapper p {
    color: var(--text-color-secondary);
    margin: 0;
    text-align: center;
    max-width: 700px;
    line-height: 1.5
}

.auth-wrapper {
    color: #f6f8f9
}

.auth-wrapper .auth-body .auth-items-wrapper {
    display: flex;
    margin: 0 auto;
    flex-direction: column
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item {
    display: flex;
    padding: 40px 0;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-header {
    display: flex;
    flex: 0 0 400px;
    flex-direction: column
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-header h3 {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin: 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-header p {
    color: var(--text-color-secondary);
    line-height: 1.5;
    margin: 12px 0 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body {
    flex: 1;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors {
    display: flex;
    gap: 24px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .Dropdown__Content {
    min-width: 100%;
    overflow-y: auto;
    max-height: 560px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown {
    flex: 1;
    min-width: 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .select-options-wrapper {
    gap: 2px;
    padding: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: #202931;
    justify-content: flex-start
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector {
    gap: 30px;
    width: 100%;
    display: flex;
    padding: 12px;
    cursor: pointer;
    border-radius: 3px;
    align-items: center;
    background: #222b32;
    border: 1px solid #313D47;
    justify-content: space-between
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector svg {
    fill: #f6f8f9
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector .wallet-details {
    gap: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector .blockie-icon,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector .blockie-icon img {
    width: 40px;
    height: 40px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector .wallet-label-address {
    gap: 2px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    min-width: 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector .wallet-label-address p {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector .wallet-label-address .label {
    color: #f6f8f9;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-sw-dropdown .wallet-selector .wallet-label-address .address {
    color: #adb1b5;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper {
    width: 66px;
    height: 66px;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #2c3740, #222b32 92.86%);
    transition: all .2s cubic-bezier(.165, .84, .44, 1)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper svg {
    width: 30px;
    height: 30px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper.ethereum,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper.mainnet {
    background: linear-gradient(180deg, #697dbc 1.28%, #4a60a6)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper.optimism {
    background: linear-gradient(180deg, #ff0420, #e5041d)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper.arbitrum {
    background: linear-gradient(180deg, #12aaff, #0090e0)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper.base {
    background: linear-gradient(180deg, #1762ff, #0052ff)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .network-icon-wrapper:hover {
    box-shadow: inset 0 0 100px 100px #ffffff0d
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .item-icon {
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .item-icon.ethereum,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .item-icon.mainnet {
    background: linear-gradient(180deg, #697dbc 1.28%, #4a60a6)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .item-icon.optimism {
    background: linear-gradient(180deg, #ff0420, #e5041d)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .item-icon.arbitrum {
    background: linear-gradient(180deg, #12aaff, #0090e0)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .item-icon.base {
    background: linear-gradient(180deg, #1762ff, #0052ff)
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-selectors .auth-network-dropdown .item-icon svg {
    height: 12px !important;
    width: 12px !important
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper {
    display: flex;
    overflow: hidden;
    border-radius: 8px;
    background: #222b32;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border: 1px solid #313D47
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-box,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-box {
    gap: 10px;
    width: 100%;
    height: 100%;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-box p,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-box p {
    margin: 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-controls,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-controls {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-controls .auth-status-details-wrapper,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-controls .auth-status-details-wrapper {
    gap: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-controls .auth-icon,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-controls .auth-icon {
    position: relative;
    line-height: 1
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-controls .auth-icon .siren-icon,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-controls .auth-icon .siren-icon {
    position: absolute;
    right: 0;
    bottom: 0
}

@media screen and (max-width: 550px) {

    .auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-controls,
    .auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-controls {
        align-items: center;
        flex-direction: column;
        justify-content: flex-start
    }
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info {
    background: #174f99
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info .info-icon,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info .info-icon {
    width: 20px;
    height: 20px
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info .info-icon svg,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info .info-icon svg {
    width: 20px;
    height: 20px;
    view-box: 0 0 20 20
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info .info-icon path,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info .info-icon path {
    fill: #519dff
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info.automation,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info.automation {
    background: #894710
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info.automation .info-icon path,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info.automation .info-icon path {
    fill: #e4761b
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info.auth,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info.auth {
    background: #91792e
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info.auth .info-icon path,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info.auth .info-icon path {
    fill: #f2c94c
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info.automation.auth,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info.automation.auth {
    background: #216a43
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-status-wrapper .auth-info.automation.auth .info-icon path,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-info.automation.auth .info-icon path {
    fill: #37b06f
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper {
    gap: 4px;
    width: 100%;
    padding: 12px;
    background: #222b32
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper>div {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper>div p {
    margin: 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-information,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-timelock {
    width: 100%
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-information>*,
.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-timelock>* {
    flex: 1
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-information .auth-strategy-executor-progress {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-information .auth-strategy-executor-progress.green {
    color: #37b06f
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-information .auth-strategy-executor-progress .auth-strategy-executor-links {
    gap: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-information .auth-strategy-executor-progress .auth-strategy-executor-links a {
    line-height: 0
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-timelock {
    color: #adb1b5
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-body .auth-strategy-executor-wrapper .auth-strategy-executor-timelock p:nth-child(3) {
    flex: .2
}

.auth-wrapper .auth-body .auth-items-wrapper .auth-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media only screen and (max-width: 1024px) {
    .auth-wrapper .auth-body {
        padding: 20px
    }

    .auth-wrapper .auth-body .auth-items-wrapper {
        margin: 0 auto;
        max-width: 700px
    }

    .auth-wrapper .auth-body .auth-items-wrapper .auth-item {
        flex-direction: column
    }

    .auth-wrapper .auth-body .auth-items-wrapper .auth-item .auth-item-header {
        flex: 0 0 auto;
        padding: 20px 0
    }
}

._Filter_1pg5f_1 {
    border-radius: var(--standard, 8px)
}

._Filter_1pg5f_1 .dfs-multiselect {
    border-radius: var(--standard, 8px) !important
}

._Filter_1pg5f_1 .dfs-multiselect__control {
    padding: var(--space-4) !important
}

._Filter_1pg5f_1 .dfs-multiselect .option-value>div {
    font-size: 14px;
    min-height: 24px
}

._DiscoverFilters_mzwtw_1 {
    display: flex;
    gap: var(--space-4)
}

._DiscoverFilters_mzwtw_1>* {
    flex-grow: 1
}

@media only screen and (max-width: 650px) {
    ._DiscoverFilters_mzwtw_1 {
        flex-direction: column
    }
}

._DiscoverFilters_mzwtw_1 .default-select-value-wrapper .option-value {
    flex-direction: row;
    justify-content: left
}

._DiscoverPredefinedFilters_1u8bc_1 {
    display: flex;
    gap: var(--space-2)
}

@media only screen and (max-width: 650px) {
    ._DiscoverPredefinedFilters_1u8bc_1 {
        flex-direction: column
    }
}

._DiscoverPage_nrqwf_1 ._styledWidthContainer_nrqwf_1 {
    gap: var(--space-14) !important
}

._DiscoverPage_nrqwf_1 ._auroraBorealisBackground_nrqwf_4:before {
    content: "";
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1000;
    animation: __opacityIn_1eo25_1_nrqwf_1 1s;
    background: radial-gradient(61.23% 68.32% at 50% 24.95%, transparent 56.29%, rgba(36, 83, 64, .2) 75.69%, rgba(81, 157, 255, .2) 86.42%, rgba(23, 79, 153, .2) 89.66%, transparent 99.5%);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 150% 110vh
}

._DiscoverPage_nrqwf_1 ._titleWrapper_nrqwf_18 {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._DiscoverPage_nrqwf_1 ._titleWrapper_nrqwf_18 ._title_nrqwf_18 {
    color: var(--color-green-100);
    font-size: var(--font-size-70028-px, 28px);
    font-style: normal;
    font-weight: var(--fw-600-bold, 600);
    line-height: var(--Line-height-responsive-lh-1000-res, 40px);
    margin: 0
}

._DiscoverPage_nrqwf_1 ._titleWrapper_nrqwf_18 ._description_nrqwf_32 {
    color: #f9fafb;
    font-size: var(--Font-size-responsive-font-size-450-res, 18px);
    font-style: normal;
    font-weight: var(--fw-500, 500);
    line-height: var(--Line-height-responsive-lh-500-res, 20px);
    margin: 0
}

._DiscoverPage_nrqwf_1 ._contentWrapper_nrqwf_40 {
    display: flex;
    flex-direction: column;
    gap: var(--space-6)
}

._DiscoverPage_nrqwf_1 ._contentWrapper_nrqwf_40 ._controlsWrapper_nrqwf_45 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-4)
}

@media only screen and (max-width: 650px) {
    ._DiscoverPage_nrqwf_1 ._contentWrapper_nrqwf_40 ._controlsWrapper_nrqwf_45 {
        flex-direction: column
    }
}

._DiscoverPage_nrqwf_1 ._contentWrapper_nrqwf_40 ._controlsWrapper_nrqwf_45 ._divider_nrqwf_56 {
    height: 32px
}

._styledDfsTable_ysy1r_1 thead tr {
    background-color: transparent !important
}

._styledDfsTable_ysy1r_1 tbody tr {
    background-color: #252f37 !important
}

._styledDfsTable_ysy1r_1 tbody tr:hover {
    background-color: #394956 !important
}

._styledDfsTable_ysy1r_1 tbody tr td {
    padding-top: var(--space-4);
    padding-bottom: var(--space-4)
}

._styledDfsTable_ysy1r_1 tbody tr:first-child td:first-child {
    border-top-left-radius: 8px
}

._styledDfsTable_ysy1r_1 tbody tr:first-child td:last-child {
    border-top-right-radius: 8px
}

._styledDfsTable_ysy1r_1 tbody ._ctaHoverIndicator_ysy1r_20 {
    padding-right: var(--space-2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--brand-border, #5D917C)
}

._styledDfsTable_ysy1r_1 tbody ._ctaHoverIndicator_ysy1r_20 ._arrowIcon_ysy1r_27 {
    display: none
}

._styledDfsTable_ysy1r_1 tbody ._ctaHoverIndicator_ysy1r_20 ._arrowIcon_ysy1r_27>svg {
    width: 24px;
    height: 24px
}

._styledDfsTable_ysy1r_1 tbody tr:hover ._ctaHoverIndicator_ysy1r_20 ._arrowIcon_ysy1r_27 {
    display: inline-flex
}

._styledDfsTable_ysy1r_1 .dfs-table__show-more-wrapper {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

._networkCell_ysy1r_42 {
    display: flex;
    align-items: center;
    gap: var(--space-2)
}

._networkCell_ysy1r_42>i>svg {
    width: 28px;
    height: 28px
}

._tokenSymbol_ysy1r_52 {
    width: 64px;
    overflow: hidden;
    text-overflow: ellipsis
}

._netApyHeaderColumn_ysy1r_58 {
    color: #b985e9
}

._netApyValue_ysy1r_62 {
    color: #b985e9;
    font-weight: var(--fw-500, 500)
}

._DiscoverInfo_11abv_1 ._StyledResetFiltersButton_11abv_1 {
    background: none;
    border: none;
    color: #73c89a
}

._DiscoverInfo_11abv_1 ._StyledResetFiltersButton_11abv_1:hover {
    text-decoration: underline
}

._DiscoverAdvanced_1ilvx_1 {
    border-radius: var(--border-radius-large);
    padding: 0
}

._DiscoverAdvanced_1ilvx_1 ._DiscoverAdvancedHeader_1ilvx_5 {
    padding: var(--space-3);
    border-bottom: 1px solid var(--border-subtle, #313D47);
    display: flex;
    justify-content: space-between;
    align-items: center
}

._DiscoverAdvanced_1ilvx_1 ._DiscoverAdvancedHeader_1ilvx_5 ._headerNavigation_1ilvx_12 {
    display: flex;
    gap: var(--space-4);
    align-items: center
}

@media only screen and (max-width: 650px) {
    ._DiscoverAdvanced_1ilvx_1 ._DiscoverAdvancedHeader_1ilvx_5 ._headerNavigation_1ilvx_12 {
        flex-direction: column;
        align-items: start
    }
}

._DiscoverAdvanced_1ilvx_1 ._DiscoverAdvancedHeader_1ilvx_5 ._headerNavigation_1ilvx_12 ._contentSwitcher_1ilvx_23 {
    width: unset
}

._DiscoverAdvanced_1ilvx_1 ._DiscoverAdvancedHeader_1ilvx_5 ._headerNavigation_1ilvx_12 ._infoText_1ilvx_26 {
    color: #c8d2da
}

._DiscoverAdvanced_1ilvx_1 ._DiscoverAdvancedHeader_1ilvx_5 ._closeButton_1ilvx_29 {
    align-self: flex-start;
    background: transparent;
    border: none;
    font-size: 16px;
    padding: 0;
    height: 16px
}

._DiscoverAdvanced_1ilvx_1 ._DiscoverAdvancedBody_1ilvx_37 {
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-4)
}

._AssetAmountInput_pfsfl_1 {
    display: flex;
    flex-direction: column;
    gap: var(--space-3)
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6 {
    border-color: #2b3943
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6:hover {
    cursor: pointer;
    border-color: #61717e80
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6:focus {
    border: blue
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6:focus-within {
    border-color: #2684ff
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6 ._info_pfsfl_19 {
    padding: var(--space-6) var(--space-4)
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6 ._inputActive_pfsfl_22 {
    all: unset;
    height: 64px;
    color: #b985e9;
    text-align: right;
    padding-right: var(--space-6);
    font-size: var(--Font-size-responsive-font-size-500-res, 20px);
    font-weight: var(--fw-400-regular, 700);
    line-height: var(--Line-height-responsive-lh-500-res, 20px)
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6 ._inputStatic_pfsfl_32 {
    height: 64px;
    color: #b985e9;
    text-align: right;
    padding-right: var(--space-6);
    display: flex;
    align-items: center;
    font-size: var(--Font-size-responsive-font-size-500-res, 20px);
    font-weight: var(--fw-400-regular, 700);
    line-height: var(--Line-height-responsive-lh-500-res, 20px)
}

._AssetAmountInput_pfsfl_1 ._styledPanel_pfsfl_6 ._inputStatic_pfsfl_32 ._dollarSign_pfsfl_43 {
    font-weight: var(--fw-500, 500);
    letter-spacing: .2px;
    margin-right: var(--space-1)
}

._tabs_13o6w_1 {
    display: flex;
    gap: var(--space-4);
    align-items: start;
    justify-content: start;
    flex-grow: 1
}

._tabs_13o6w_1>* {
    flex-grow: 1;
    width: 100%
}

@media only screen and (max-width: 650px) {
    ._tabs_13o6w_1 {
        flex-direction: column;
        align-items: center
    }
}

._errorMessage_13o6w_19 {
    color: #ef7979
}

._LeverageInput_yhvxg_1 {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    width: 100%;
    height: 64px
}

._LeverageInput_yhvxg_1 ._collateralAfterValue_yhvxg_8 {
    display: flex;
    align-items: center;
    gap: var(--space-4)
}

._LeverageInput_yhvxg_1 .rc-slider__wrapper .rc-slider-handle {
    background-color: #b985e9;
    border-color: #b985e9
}

._LeverageInput_yhvxg_1 .rc-slider__wrapper .rc-slider-track {
    background-color: #b985e9
}

._DiscoverAdvancedTriggerButton_1qexe_1 {
    background: var(--brand-bg-20, rgba(155, 81, 224, .2)) !important;
    color: var(--brand-vivid-text-vivid-on-surface-0, #D7B9F3) !important;
    border: var(--border-weight, 1px) solid var(--brand-border-opacity, rgba(155, 81, 224, .3)) !important
}

._DiscoverAdvancedTriggerButton_1qexe_1._isActive_1qexe_6 {
    box-shadow: 0 0 0 4px var(--brand-bg-20, rgba(155, 81, 224, .2));
    border: var(--border-weight, 1px) solid var(--brand-border, #AF74E6) !important
}

/*# sourceMappingURL=index-BMRZUOTN.css.map */