@charset "UTF-8";
body,html {
  height:100%;
  width:100%
}
input::-ms-clear,
input::-ms-reveal {
  display:none
}
*,
:after,
:before {
  box-sizing:border-box
}
html {
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -ms-overflow-style:scrollbar;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  font-family:sans-serif;
  line-height:1.15
}
[tabindex="-1"]:focus {
  outline:none
}
hr {
  box-sizing:initial;
  height:0;
  overflow:visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight:500;
  margin-bottom:.5em;
  margin-top:0
}
p {
  margin-bottom:1em;
  margin-top:0
}
abbr[data-original-title],
abbr[title] {
  border-bottom:0;
  cursor:help;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline;
  text-decoration:underline dotted
}
address {
  font-style:normal;
  line-height:inherit;
  margin-bottom:1em
}
input[type=number],
input[type=password],
input[type=text],
textarea {
  -webkit-appearance:none
}
dl,
ol,
ul {
  margin-bottom:1em;
  margin-top:0
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom:0
}
dt {
  font-weight:500
}
dd {
  margin-bottom:.5em;
  margin-left:0
}
blockquote {
  margin:0 0 1em
}
dfn {
  font-style:italic
}
b,
strong {
  font-weight:bolder
}
small {
  font-size:80%
}
sub,
sup {
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:initial
}
sub {
  bottom:-.25em
}
sup {
  top:-.5em
}
code,
kbd,
pre,
samp {
  font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  font-size:1em
}
pre {
  margin-bottom:1em;
  margin-top:0;
  overflow:auto
}
figure {
  margin:0 0 1em
}
img {
  border-style:none;
  vertical-align:middle
}
[role=button],
a,
area,
button,
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action:manipulation
}
table {
  border-collapse:collapse
}
caption {
  caption-side:bottom;
  padding-bottom:.3em;
  padding-top:.75em;
  text-align:left
}
button,
input,
optgroup,
select,
textarea {
  color:inherit;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  margin:0
}
button,
input {
  overflow:visible
}
button,
select {
  text-transform:none
}
[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance:button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style:none;
  padding:0
}
input[type=checkbox],
input[type=radio] {
  box-sizing:border-box;
  padding:0
}
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=time] {
  -webkit-appearance:listbox
}
textarea {
  overflow:auto;
  resize:vertical
}
fieldset {
  border:0;
  margin:0;
  min-width:0;
  padding:0
}
legend {
  color:inherit;
  display:block;
  font-size:1.5em;
  line-height:inherit;
  margin-bottom:.5em;
  max-width:100%;
  padding:0;
  white-space:normal;
  width:100%
}
progress {
  vertical-align:initial
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height:auto
}
[type=search] {
  -webkit-appearance:none;
  outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-webkit-file-upload-button {
  -webkit-appearance:button;
  font:inherit
}
output {
  display:inline-block
}
summary {
  display:list-item
}
template {
  display:none
}
[hidden] {
  display:none!important
}
mark {
  background-color:#feffe6;
  padding:.2em
}
.link-underline {
  color:#fff9;
  cursor:pointer;
  display:inline-flex;
  text-decoration:underline
}
.link-underline:hover {
  color:#fff
}
.Actions {
  padding:3.1rem 3.565rem 0
}
.Actions-section {
  padding-bottom:4.65rem
}
.Actions-title {
  margin-bottom:1.5rem
}
.Actions input {
  font-size:var(--font-base);
  margin-left:.8rem;
  padding:0
}
.Actions .PositionsList .App-button-option,
.Actions .PositionsList .Exchange-list-action {
  display:none
}
.Checkbox {
  align-items:center;
  cursor:pointer;
  display:flex;
  -webkit-user-select:none;
  user-select:none
}
.Checkbox.disabled {
  cursor:default;
  pointer-events:none
}
.Checkbox-icon-wrapper {
  align-items:center;
  display:inline-flex
}
.Checkbox .Checkbox-icon {
  border-radius:4px;
  color:#02f6af;
  font-size:1.25rem;
  margin-bottom:0;
  margin-right:.62rem
}
.Checkbox.disabled .Checkbox-icon {
  color:#47509e
}
.Checkbox-icon.inactive {
  color:#ffffffb3
}
.Checkbox-label {
  display:inline-block;
  font-size:12px;
  vertical-align:middle
}
.rc-slider {
  border-radius:6px;
  height:14px;
  padding:5px 0;
  position:relative;
  touch-action:none;
  width:100%
}
.rc-slider,
.rc-slider * {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  box-sizing:border-box
}
.rc-slider-rail {
  background-color:#e9e9e9;
  width:100%
}
.rc-slider-rail,
.rc-slider-track {
  border-radius:6px;
  height:4px;
  position:absolute
}
.rc-slider-track {
  background-color:#abe2fb;
  left:0
}
.rc-slider-handle {
  background-color:#fff;
  border:2px solid #96dbfa;
  border-radius:50%;
  cursor:pointer;
  cursor:-webkit-grab;
  cursor:grab;
  height:14px;
  margin-top:-5px;
  position:absolute;
  touch-action:pan-x;
  width:14px
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color:#57c5f7;
  box-shadow:0 0 0 5px #96dbfa
}
.rc-slider-handle:focus {
  outline:none
}
.rc-slider-handle-click-focused:focus {
  border-color:#96dbfa;
  box-shadow:none
}
.rc-slider-handle:hover {
  border-color:#57c5f7
}
.rc-slider-handle:active {
  border-color:#57c5f7;
  box-shadow:0 0 5px #57c5f7;
  cursor:grabbing
}
.rc-slider-mark {
  font-size:12px;
  left:0;
  position:absolute;
  top:18px;
  width:100%
}
.rc-slider-mark-text {
  color:#999;
  cursor:pointer;
  display:inline-block;
  position:absolute;
  text-align:center;
  vertical-align:middle
}
.rc-slider-mark-text-active {
  color:#666
}
.rc-slider-step {
  background:#0000;
  height:4px;
  position:absolute;
  width:100%
}
.rc-slider-dot {
  background-color:#fff;
  border:2px solid #e9e9e9;
  border-radius:50%;
  bottom:-2px;
  cursor:pointer;
  height:8px;
  margin-left:-4px;
  position:absolute;
  vertical-align:middle;
  width:8px
}
.rc-slider-dot-active {
  border-color:#96dbfa
}
.rc-slider-dot-reverse {
  margin-right:-4px
}
.rc-slider-disabled {
  background-color:#e9e9e9
}
.rc-slider-disabled .rc-slider-track {
  background-color:#ccc
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-handle {
  background-color:#fff;
  border-color:#ccc;
  box-shadow:none;
  cursor:not-allowed
}
.rc-slider-disabled .rc-slider-dot,
.rc-slider-disabled .rc-slider-mark-text {
  cursor:not-allowed!important
}
.rc-slider-vertical {
  height:100%;
  padding:0 5px;
  width:14px
}
.rc-slider-vertical .rc-slider-rail {
  height:100%;
  width:4px
}
.rc-slider-vertical .rc-slider-track {
  bottom:0;
  left:5px;
  width:4px
}
.rc-slider-vertical .rc-slider-handle {
  margin-left:-5px;
  touch-action:pan-y
}
.rc-slider-vertical .rc-slider-mark {
  height:100%;
  left:18px;
  top:0
}
.rc-slider-vertical .rc-slider-step {
  height:100%;
  width:4px
}
.rc-slider-vertical .rc-slider-dot {
  left:2px;
  margin-bottom:-4px
}
.rc-slider-vertical .rc-slider-dot:first-child,
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom:-4px
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-leave {
  animation-duration:.3s;
  animation-fill-mode:both;
  animation-play-state:paused;
  display:block!important
}
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
  animation-name:rcSliderTooltipZoomDownIn;
  animation-play-state:running
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name:rcSliderTooltipZoomDownOut;
  animation-play-state:running
}
.rc-slider-tooltip-zoom-down-appear,
.rc-slider-tooltip-zoom-down-enter {
  animation-timing-function:cubic-bezier(.23,1,.32,1);
  transform:scale(0)
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function:cubic-bezier(.755,.05,.855,.06)
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity:0;
    transform:scale(0);
    transform-origin:50% 100%
  }
  to {
    transform:scale(1);
    transform-origin:50% 100%
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform:scale(1);
    transform-origin:50% 100%
  }
  to {
    opacity:0;
    transform:scale(0);
    transform-origin:50% 100%
  }
}
.rc-slider-tooltip {
  left:-9999px;
  position:absolute;
  top:-9999px;
  visibility:visible
}
.rc-slider-tooltip,
.rc-slider-tooltip * {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  box-sizing:border-box
}
.rc-slider-tooltip-hidden {
  display:none
}
.rc-slider-tooltip-placement-top {
  padding:4px 0 8px
}
.rc-slider-tooltip-inner {
  background-color:#6c6c6c;
  border-radius:6px;
  box-shadow:0 0 4px #d9d9d9;
  color:#fff;
  font-size:12px;
  height:24px;
  line-height:1;
  min-width:24px;
  padding:6px 2px;
  text-align:center;
  text-decoration:none
}
.rc-slider-tooltip-arrow {
  border-color:#0000;
  border-style:solid;
  height:0;
  position:absolute;
  width:0
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  border-top-color:#6c6c6c;
  border-width:4px 4px 0;
  bottom:4px;
  left:50%;
  margin-left:-4px
}
.Tab.block {
  border-radius:12px;
  box-shadow:inset 0 0 30px 5px #ffffff03;
  color:#fff;
  display:grid;
  font-size:14px;
  grid-auto-flow:column;
  overflow:hidden
}
.Tab-option-icon {
  margin-right:.465rem
}
.Tab.block .Tab-option {
  cursor:pointer;
  padding:.8rem 1.5rem;
  text-align:center
}
.Tab.block .Tab-option:hover {
  background:#fff3;
  border-radius:12px
}
.Tab.block .Tab-option.active {
  background:#ffffff1a;
  border-radius:12px;
  opacity:1;
  pointer-events:none
}
.Tab.block .Tab-option.long {
  color:#03f5ae;
  opacity:1
}
.Tab.block .Tab-option.short {
  color:#f6475d;
  opacity:1
}
.Tab.block .Tab-option.active .Tab-option-icon {
  opacity:1
}
.Tab.inline .Tab-option {
  border-radius:12px;
  color:#fff9;
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-base);
  padding:12px 16px
}
.Tab.inline .Tab-option:hover {
  color:#fff
}
.Tab.inline .Tab-option.active {
  color:#fff;
  opacity:1;
  pointer-events:none
}
.Tab.theme--light {
  background-color:#0000
}
.Tab.theme--light .Tab-option {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.Tab.theme--light .Tab-option:not(.active):hover {
  background:#02b27f26
}
.Tab.theme--light .Tab-option.active {
  background:#02b27f26;
  background:var(--HighLight,#02b27f26);
  color:#02b27f;
  color:var(--Primary,#02b27f)
}
.Modal {
  align-items:center;
  bottom:0;
  display:flex;
  justify-content:center;
  left:0;
  position:fixed;
  right:0;
  text-align:left;
  top:0;
  z-index:1001
}
.Modal-scrollable .Modal-content .Modal-body {
  max-height:calc(80vh - 5.5rem);
  overflow-y:auto;
  overscroll-behavior:smooth;
  padding-right:5px
}
.Modal-backdrop {
  background:#0009;
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:10
}
.Modal-content {
  border-radius:16px;
  max-height:90vh;
  max-width:100%;
  min-width:300px;
  overflow:auto;
  position:relative;
  z-index:20
}
@media screen and (max-width:700px) {
  .Modal-content {
    width:calc(100vw - 32px)
  }
}
.divider {
  border-bottom:1px solid #ffffff29;
  margin-bottom:1.5rem
}
.Modal.non-scrollable .Modal-content {
  overflow:visible
}
.Modal-title-bar {
  align-items:center;
  display:flex;
  justify-content:space-between
}
@media screen and (max-width:767px) {
  .Modal-body {
    margin:0;
    padding:0 16px 16px
  }
}
.Modal-body::-webkit-scrollbar {
  width:.6rem
}
.Modal-body::-webkit-scrollbar-thumb,
.Modal-body::-webkit-scrollbar-track {
  border-radius:155rem
}
.Modal-title {
  font-size:20px;
  line-height:1;
  text-align:left
}
.Modal-close-button {
  text-align:right
}
.Modal-close-icon {
  cursor:pointer;
  display:inline-block;
  opacity:.6;
  text-align:right
}
.Modal-close-icon:hover {
  opacity:.9
}
.Modal-note {
  margin-bottom:1.5rem;
  margin-top:.8rem
}
.Modal-bottom {
  margin-top:auto;
  width:100%
}
.Modal .content-box-rows {
  align-items:stretch;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin:24px 0 0
}
.Modal .content-box-row {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.Modal .content-box-row-label {
  color:#fff9;
  color:var(--text-text-secondary,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Modal .content-box-row-value {
  color:#fff;
  color:var(--text-text-primary,#fff);
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.Modal.theme--light .Modal-content {
  background:#fff!important
}
.Modal.theme--light * {
  color:#0d1a16!important
}
.Modal.theme--light .Modal-content>.divider {
  border-color:1px solid #0d1a1612;
  border-color:1px solid var(--Border,#0d1a1612)
}
.Modal.theme--light .Modal-content .Modal-body {
  border-top:1px solid #0d1a1612;
  border-top:1px solid var(--Border,#0d1a1612)
}
.Modal.theme--light .Modal-content:has(.box) {
  background:#f2f5f7!important;
  background:var(--Nature-2,#f2f5f7)!important
}
.Modal.theme--light .Modal-content .Exchange-swap-section,
.Modal.theme--light .Modal-content .Exchange-swap-section--v2 {
  background:#264d4112!important;
  background:var(--Background-Input_Background,#264d4112)!important
}
.Modal.theme--light .Modal-content .Exchange-swap-section input::placeholder,
.Modal.theme--light .Modal-content .Exchange-swap-section--v2 input::placeholder {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.Modal.theme--light.Connect-wallet-modal-v2 .Modal-content {
  background-color:#fff!important
}
.Modal.theme--light.Connect-wallet-modal-v2 .Modal-content .Modal-body .wallet-desc {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.Modal.theme--light.Connect-wallet-modal-v2 .Modal-content .Modal-body .learn-to-connect {
  color:#02b27f!important
}
.Modal.theme--light.Connect-wallet-modal-v2 .Modal-content .Modal-body .Wallet-btn {
  background:#f2f5f7!important;
  background:var(--Nature-2,#f2f5f7)!important
}
.TokenSelector .Modal .Modal-content {
  margin:0;
  max-height:100vh;
  width:31rem
}
.TokenSelector-token-name {
  margin-right:1.5rem
}
.TokenSelector.disabled {
  pointer-events:none
}
.TokenSelector.disabled .TokenSelector-caret {
  display:none
}
.TokenSelector-box {
  align-items:center;
  border-radius:.6rem;
  cursor:pointer;
  display:flex;
  text-align:right;
  white-space:nowrap
}
.TokenSelector-box:hover {
  color:#02f6af
}
.Token-info {
  align-items:center;
  display:flex;
  flex-direction:row;
  justify-content:center
}
.Token-info .Token-symbol {
  display:flex;
  flex-direction:column;
  margin-left:.8rem
}
.Token-balance {
  display:flex;
  flex-direction:column;
  text-align:right
}
.Token-info .token-logo {
  display:block!important;
  height:4rem;
  margin-left:0!important;
  margin-right:2px;
  width:4rem
}
.TokenSelector-caret {
  display:inline-block;
  font-size:var(--font-lg);
  margin-left:.465rem;
  margin-top:-.465rem;
  vertical-align:middle
}
.TokenSelector-token-row {
  align-items:center;
  background:#0000;
  border:1px solid #ffffff29;
  border-radius:var(--border-radius-sm);
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  margin-bottom:.8rem;
  padding:.8rem;
  position:relative
}
.TokenSelector-tooltip.Tooltip {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}
.TokenSelector-tooltip-backing {
  height:100%;
  position:relative;
  width:100%;
  z-index:10
}
.TokenSelector-token-row.disabled {
  cursor:not-allowed
}
.TokenSelector-token-row.disabled .Token-balance,
.TokenSelector-token-row.disabled .Token-info {
  opacity:.3
}
.TokenSelector-token-row.TokenSelector-token-input-row {
  padding:0
}
.TokenSelector-token-row input {
  padding:.8rem;
  width:100%
}
.TokenSelector-token-row .Token-text {
  color:#fff;
  font-size:var(--font-md);
  font-weight:500;
  letter-spacing:0
}
.TokenSelector-token-row:hover {
  background:var(--dark-blue-hover)
}
.TokenSelector.right .Modal {
  align-items:flex-start;
  justify-content:flex-end
}
.text-accent {
  color:var(--dark-blue-accent);
  font-size:1.2rem;
  letter-spacing:0;
  line-height:1.5
}
.TokenSelector.right .Modal-content {
  border:none;
  bottom:0;
  overflow:auto;
  position:absolute;
  top:0;
  width:35.65rem
}
.Modal-content .Modal-title-bar {
  font-weight:700;
  margin:16px 24px
}
.Modal-content .TokenSelector-token-row {
  border-radius:8px
}
.Modal-content .divider {
  display:none
}
.Modal-content .Modal-body {
  border-top:1px solid #ffffff1a;
  max-height:calc(80vh - 8.525rem);
  overflow-y:auto;
  padding:24px 16px 16px
}
.Modal-content .Modal-body .TokenSelector-token-input-row {
  margin-bottom:16px;
  position:relative
}
.Modal-content .Modal-body .TokenSelector-token-input-row .TokenSelector-token-icon {
  left:24px;
  margin-left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%)
}
.Modal-content .Modal-body .TokenSelector-token-input-row input {
  font-size:14px;
  font-weight:400;
  line-height:140%;
  padding:8px 24px 8px 48px
}
.Modal-content .Modal-body .TokenSelector-token-input-row input::placeholder {
  color:#fff3;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
@media (max-width:700px) {
  .TokenSelector.right .Modal {
    align-items:center;
    bottom:0;
    justify-content:center;
    left:3.1rem;
    position:fixed;
    right:3.1rem;
    top:0
  }
  .Token-info .token-logo {
    height:3rem;
    margin-right:.8rem;
    width:3rem
  }
}
.Tooltip {
  position:relative
}
.Tooltip.pointer .Tooltip-handle {
  cursor:pointer
}
.Tooltip-popup {
  background:linear-gradient(90deg,#0b0b0f,#0a0d1c);
  border-radius:4px;
  font-size:var(--font-sm);
  letter-spacing:.4px;
  line-height:1.6rem;
  min-width:25rem;
  padding:1.05rem;
  position:absolute;
  text-align:left;
  z-index:1000
}
.Tooltip.nowrap .Tooltip-popup {
  min-width:auto;
  white-space:nowrap
}
.Tooltip-popup :first-child {
  margin-top:0
}
.Tooltip-popup :last-child {
  font-weight:400;
  margin-bottom:0
}
.Tooltip-row .amount {
  color:#fff!important;
  font-weight:700!important
}
.Tooltip-row .label {
  font-weight:400!important
}
.Tooltip-popup.left-bottom {
  left:0;
  top:100%;
  transform:translateY(.8rem)
}
.Tooltip-popup.right-bottom {
  right:0;
  top:100%;
  transform:translateY(.8rem)
}
.Tooltip-popup.right-top {
  bottom:100%;
  right:0;
  transform:translateY(-.8rem)
}
.Tooltip-popup.right {
  bottom:100%;
  left:3rem;
  transform:translateY(50%)
}
.Tooltip-popup.left-top {
  bottom:100%;
  left:0;
  transform:translateY(-.8rem)
}
.Tooltip-popup.center-bottom {
  left:50%;
  top:100%;
  transform:translateY(.8rem) translateX(-50%)
}
.Tooltip-popup.center-top {
  bottom:100%;
  left:50%;
  transform:translateY(-.8rem) translateX(-50%)
}
.Tooltip-handle {
  cursor:help;
  display:inline-flex;
  position:relative;
  text-decoration:underline;
  text-decoration-color:initial;
  text-decoration-style:dashed;
  text-decoration-thickness:1px;
  text-underline-offset:2px
}
.Tooltip-handle.plain:after {
  border-bottom:none
}
.Tooltip.no-underline .Tooltip-handle:after {
  content:normal
}
.Tooltip-divider {
  background-color:#ffffff1a;
  height:1px;
  margin:1rem 0
}
.Tooltip-row-values li:not(:first-child) {
  padding:.25rem 0 0;
  text-align:right
}
@media (max-width:700px) {
  .Tooltip-row {
    margin-bottom:1rem
  }
  .Tooltip-row,
  .Tooltip-row>span.label {
    display:block
  }
  .Tooltip-row-values li {
    text-align:left
  }
  .Tooltip-popup {
    min-width:20rem
  }
  .Tooltip-row>.Tooltip-row-value {
    text-align:left
  }
}
.Tooltip-row {
  display:grid;
  grid-template-columns:1fr auto;
  margin:0 0 .5rem
}
.Tooltip-row>span.label {
  color:#fff9;
  margin-right:.5rem
}
.Tooltip-row>.Tooltip-row-value {
  color:#fff;
  text-align:right
}
.Tooltip-row-values {
  list-style:none;
  margin:0;
  padding:0
}
.Tooltip-row-values li {
  color:#fff;
  padding:.25rem 0 0;
  text-align:right
}
.Tooltip-number {
  color:#fff
}
@media (max-width:700px) {
  .Tooltip-row {
    margin-bottom:1rem
  }
  .Tooltip-row>span.label {
    display:block
  }
  .Tooltip-row-values li,
  .Tooltip-row>.Tooltip-row-value {
    text-align:left
  }
}
.chart-token-selector {
  padding-bottom:0!important;
  padding-top:0!important
}
.chart-token-selector--current {
  color:#fff;
  font-size:2.1rem;
  font-weight:700
}
.chart-token-menu-items .menu-item {
  color:#a0a3c4;
  font-size:var(--font-sm);
  height:3.4rem
}
.spinning-loader {
  display:inline-block;
  font-size:1.25rem;
  vertical-align:middle
}
.position-share-modal .Modal-content {
  font-family:Roboto,sans-serif!important;
  min-width:36rem;
  width:581px
}
.position-share-modal .Modal-content .Modal-body {
  padding:24px!important
}
.position-share-modal .actions {
  grid-gap:8px;
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  margin-top:24px
}
.position-share-modal .actions img {
  margin-right:4px;
  width:24px
}
.checkbox-list {
  display:flex;
  margin-top:24px
}
.checkbox-list>div:not(:last-child) {
  margin-right:24px
}
.checkbox-list>div {
  align-items:center;
  display:flex
}
img.img-check {
  cursor:pointer;
  height:16px;
  margin-right:8px;
  pointer-events:all;
  width:16px
}
.position-share-modal a,
.position-share-modal button {
  background:none;
  border:none;
  color:#000;
  font-size:1.45rem;
  opacity:.9;
  text-decoration:none
}
.position-share-modal button {
  background:#03f5ae;
  border-radius:8px;
  padding:8px 16px
}
.position-share-modal a:hover,
.position-share-modal button:hover {
  opacity:1
}
.position-share-modal a:active,
.position-share-modal button:active {
  opacity:.8
}
.position-share-modal .icon {
  margin-right:.5rem;
  vertical-align:middle
}
.position-share {
  background-position:100%;
  background-repeat:no-repeat;
  background-size:contain;
  background-size:cover;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:space-between;
  padding:20px 24px 24px;
  width:100%
}
.position-share .logo_wrapper {
  align-items:center;
  display:flex;
  justify-content:flex-start;
  margin-bottom:24px
}
.position-share .logo {
  width:113px
}
.position-share .chain_img {
  position:absolute;
  right:0;
  top:0
}
.position-share .info {
  color:#fff;
  display:flex;
  font-size:14px;
  font-weight:400;
  line-height:120%;
  list-style:none;
  margin-bottom:10px;
  padding-left:0
}
.position-share .info li {
  border-right:1px solid #fff3;
  padding:0 12px
}
.position-share .info li:last-child {
  border-right:none
}
.position-share .info li:first-child {
  padding-left:0
}
.position-share .info>.side.long {
  color:#05eca8!important
}
.position-share .info>.side.short {
  color:#f6475d!important
}
.position-share .positive,
.position-share .positive div,
.position-share .positive span {
  color:#05eca8!important
}
.position-share .negative,
.position-share .negative div,
.position-share .negative span {
  color:#f6475d!important
}
.position-share .pnl {
  align-items:baseline;
  display:flex;
  font-size:36px;
  font-weight:500;
  line-height:100%;
  margin-bottom:10px
}
.position-share .pnl .change-dollar {
  font-size:20px;
  font-weight:500;
  line-height:100%;
  margin-left:4px
}
.position-share .pnl.positive {
  color:#34f5ae!important
}
.position-share .pnl.negative {
  color:#fa3c58!important
}
.tweet-link-container {
  height:40px
}
.tweet-link-container a {
  height:100%;
  text-decoration:none
}
.position-share .prices {
  margin-bottom:24px
}
.position-share .prices>div {
  display:flex;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.position-share .prices>div:first-child {
  margin-bottom:4px
}
.position-share .prices>div p {
  margin:0
}
.position-share .prices p.price {
  color:#ffdf76;
  font-weight:500;
  margin-left:4px
}
.position-share .referral-code {
  align-items:center;
  display:flex
}
.position-share .referral-code div {
  display:flex;
  flex-direction:column
}
.position-share .referral-code .label {
  color:#fff9;
  font-size:16px;
  font-weight:400;
  line-height:100%;
  margin-bottom:8px
}
.position-share .referral-code .referral-code-info {
  margin-left:1rem
}
.position-share .referral-code img {
  height:30px;
  margin-right:1rem;
  width:30px
}
.position-share .referral-code p {
  margin:0
}
.position-share .code {
  font-size:16px;
  font-weight:500;
  line-height:100%
}
.tweet-link-container.disabled {
  cursor:not-allowed
}
.position-share-modal .App-button-option {
  justify-content:center
}
a.App-button-option.tweet-link {
  color:#000!important;
  text-decoration:none;
  text-decoration:none!important;
  width:100%
}
a.App-button-option.tweet-link.disabled {
  pointer-events:none
}
.image-loading {
  align-items:center;
  display:flex;
  justify-content:center;
  margin:1.5rem 0
}
.image-overlay-wrapper {
  align-items:center;
  background:rgba(0,0,0,.333);
  border-top-left-radius:5px;
  bottom:0;
  color:#fff;
  display:inline-flex;
  float:right;
  justify-content:flex-end;
  padding:0 .25rem;
  position:absolute;
  right:0
}
.image-overlay-wrapper .loading-text {
  font-size:1.1rem;
  margin:0 0 0 .5rem
}
.image-overlay {
  align-items:center;
  display:flex;
  justify-content:center;
  padding:.5rem 0
}
.image-overlay .spinning-loader {
  margin-left:.5rem
}
.position-share .blue {
  color:#0ecc83!important
}
.position-share .red {
  color:#fa3c58!important
}
@media(max-width:700px) {
  .position-share .logo_wrapper {
    margin-bottom:12px
  }
  .position-share .referral-code .referral-code-info {
    margin-left:8px
  }
  .position-share .pnl .change-dollar {
    font-size:14px
  }
  .position-share-modal .Modal-content {
    max-width:calc(100vw - 32px);
    min-width:0;
    min-width:auto;
    width:343px
  }
  .position-share .info {
    margin-bottom:8px
  }
  .position-share-modal .Modal-content .Modal-body {
    padding:8px!important
  }
  .position-share {
    padding:12px
  }
  .position-share .logo {
    width:50px
  }
  .position-share .info {
    font-size:12px
  }
  .position-share .pnl {
    font-size:24px;
    margin-bottom:8px
  }
  .position-share .prices {
    margin-bottom:12px
  }
  .position-share .prices>div {
    font-size:12px
  }
  .position-share .prices>div:first-child {
    margin-bottom:0
  }
  .position-share .prices p,
  .position-share .prices p.price,
  .position-share .referral-code .label,
  .position-share .referral-code p {
    font-size:12px
  }
  .position-share-modal .actions {
    gap:8px;
    grid-template-columns:repeat(2,1fr);
    margin-top:16px
  }
  .position-share-modal .actions button {
    margin-right:0
  }
  .checkbox-list {
    margin-top:16px
  }
  .image-overlay-wrapper .loading-text {
    font-size:1rem
  }
}
.Orders-list {
  background:linear-gradient(45deg,#0b053799,#15033099);
  font-size:var(--font-sm);
  width:100%
}
.Orders-list.small {
  display:none
}
table.Orders-list {
  border:1px solid #1c0e6a;
  border-collapse:collapse
}
table.Orders-list td,
table.Orders-list th {
  font-weight:400;
  padding:1.1rem 1.5rem;
  text-align:left
}
table.Orders-list tr {
  background:linear-gradient(90deg,#391c931a,#42188c1a);
  border-bottom:1px solid #1c0e6a80
}
table.Orders-list tr:first-child,
table.Orders-list tr:last-child {
  border-bottom:1px solid #1c0e6a
}
.Orders-list-item:hover {
  background:linear-gradient(90deg,#5d2bff80,#b80f9680)
}
.Orders-list-item-error {
  color:#ff2491
}
.Orders-list-item-type {
  width:6rem
}
table.Orders-list tr.Orders-list-header {
  background:none
}
table.Orders-list th {
  opacity:.7
}
button.Orders-list-action {
  background:none;
  border:none;
  border-radius:3px;
  color:#8b7fe3;
  font-size:var(--font-sm);
  opacity:.9;
  padding:0
}
.checkbox-inline {
  display:inline-flex
}
button.Orders-list-action:hover {
  color:#d4b3f5;
  opacity:1
}
@media (max-width:1000px) {
  .Orders-list.small {
    display:block
  }
  .Orders-list.large {
    display:none
  }
}
.TradeHistory-row {
  font-size:var(--font-sm);
  margin-bottom:.8rem;
  padding:1.5rem
}
.TradeHistory-time {
  font-size:1.25rem;
  margin-bottom:.155rem
}
.TradeHistory.with-scroll {
  overflow-y:auto
}
.TradeHistory:has(img[alt=share]) a:hover img {
  filter:invert(44%) sepia(98%) saturate(578%) hue-rotate(118deg) brightness(97%) contrast(93%)
}
@media screen and (min-width:1110px) {
  .TradeHistory.with-scroll {
    height:300px
  }
}
.ExchangeWalletTokens {
  max-height:100%;
  overflow:auto
}
.ExchangeWalletTokens-token-name {
  margin-right:1.5rem
}
.ExchangeWalletTokens-box {
  border-radius:.6rem;
  cursor:pointer;
  display:block;
  text-align:right;
  white-space:nowrap
}
.ExchangeWalletTokens-box:hover {
  color:#8763ff
}
.ExchangeWalletTokens-token-row {
  cursor:pointer;
  padding:.8rem 1.5rem
}
.ExchangeWalletTokens-token-row:hover {
  background:linear-gradient(90deg,#5d2bff80,#b80f9680)
}
.ExchangeWalletTokens-top-row {
  display:grid;
  font-size:var(--font-base);
  grid-template-columns:auto auto
}
.ExchangeWalletTokens-content-row {
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:auto auto;
  margin-top:.31rem;
  opacity:.7
}
.ExchangeBanner {
  background:linear-gradient(90deg,#105461,#28156e);
  border-radius:.5rem;
  margin:3rem 3.1rem 1.5rem;
  padding:1.2rem 4rem 1.2rem 2.4rem;
  position:relative
}
.ExchangeBanner-text {
  color:#fff;
  font-size:1.8rem;
  line-height:2.3rem;
  margin:0
}
.ExchangeBanner-price {
  color:#50d0fe
}
.ExchangeBanner-link {
  color:#fff
}
.ExchangeBanner-close {
  cursor:pointer;
  position:absolute;
  right:2.4rem;
  top:1.2rem
}
@media (max-width:700px) {
  .ExchangeBanner {
    margin:.8rem 1.5rem 1.5rem
  }
}
.Footer.theme--light>.Footer-wrapper {
  background:#fff
}
.Footer.theme--light .Footer-social-link-block .App-social-link:hover img {
  filter:none
}
.Footer-wrapper {
  background:#191b2e;
  bottom:0;
  left:50%;
  padding:48px 0;
  position:absolute;
  text-align:center;
  transform:translateX(-50%);
  width:100vw
}
.Footer-logo {
  align-items:center;
  display:flex;
  font-size:16px;
  font-weight:500;
  justify-content:center;
  line-height:140%;
  margin-bottom:16px
}
.Footer-logo img {
  height:4rem
}
.Footer-social-link-block {
  display:flex;
  gap:48px;
  justify-content:center;
  margin:0 auto
}
.Footer-link {
  color:#a0a3c4;
  cursor:pointer;
  font-size:var(--font-base);
  font-weight:400;
  line-height:1.85rem;
  text-decoration:none
}
.Footer-link:hover {
  color:#fff
}
.Footer-social-link-block .App-social-link {
  align-items:center;
  display:flex;
  height:3.2rem;
  justify-content:center;
  width:3.2rem
}
.Footer-social-link-block .App-social-link:hover img {
  filter:brightness(0) invert(1)
}
.Footer-copyright {
  padding:1.6rem
}
.Footer-copyright__text {
  color:#a0a3c4;
  display:block;
  font-family:Circular Std;
  font-size:1.3rem;
  letter-spacing:-.41px;
  line-height:1.3rem
}
.Footer-links {
  display:flex;
  justify-content:center
}
.Footer-links>.a:not(:last-child),
.Footer-links>a:not(:last-child) {
  padding-right:2rem
}
@media (max-width:900px) {
  .Footer-social-link-block .App-social-link {
    margin:0 1.6rem
  }
}
@media (max-width:580px) {
  .Footer-links {
    flex-direction:column
  }
  .Footer-links>a {
    margin-bottom:.5rem;
    padding-right:0
  }
  .home {
    height:23rem
  }
  .Footer-links>.a:not(:last-child),
  .Footer-links>a:not(:last-child) {
    padding-right:0
  }
  .Footer-social-link-block .App-social-link {
    margin:0 .8rem
  }
}
.Exchange {
  justify-content:space-between;
  margin:auto;
  max-width:155rem
}
.Exchange-trigger-order-info,
.Exchange-trigger-order-info a {
  border:1px solid #23263b;
  color:#ffffffb3
}
.Exchange-list-tab-container {
  display:grid;
  grid-template-columns:auto auto;
  margin-bottom:16px
}
.Exchange-should-show-position-lines {
  font-size:1.4rem;
  gap:16px
}
.Exchange-should-show-position-lines>.group-actions {
  display:flex
}
.Exchange-should-show-position-lines>.group-switch {
  align-items:center;
  background:#0000;
  border:1.5px solid #75758f;
  border-radius:5px;
  cursor:pointer;
  display:flex;
  font-size:14px;
  height:34px;
  justify-content:center;
  line-height:18px;
  max-width:114px;
  width:100%
}
.Exchange-should-show-position-lines>.group-switch>span,
.group-switch-mobile>span {
  color:#75758f;
  margin:0 4px
}
.group-switch-mobile {
  align-items:center;
  background:#0000;
  border:1.5px solid #75758f;
  border-radius:5px;
  cursor:pointer;
  display:none;
  font-size:14px;
  height:34px;
  justify-content:center;
  line-height:18px;
  margin-bottom:16px;
  max-width:114px;
  width:100%
}
@media (max-width:767px) {
  .Exchange-should-show-position-lines>.group-switch {
    display:none
  }
}
.Exchange-should-show-position-lines .active {
  opacity:1
}
.Exchange-should-show-position-lines svg {
  border-radius:4px
}
.Exchange-empty-positions-list-note {
  padding-bottom:.465rem
}
.position-loading-icon {
  color:#3749e6;
  display:inline-block;
  font-size:1.25rem;
  margin-left:.8rem;
  margin-top:-.31rem;
  vertical-align:middle
}
.Exchange-settings .App-cta {
  margin-top:1.5rem
}
.Exchange-content {
  grid-gap:1.5rem;
  display:grid;
  grid-template-columns:1fr auto;
  margin-top:-1.5rem;
  padding:0 3.1rem 3.1rem
}
.Exchange-position-list-orders {
  white-space:nowrap
}
.Exchange-lists.large {
  background:#191b2e;
  border-radius:16px;
  display:block;
  margin-top:16px;
  padding:16px
}
.Exchange-lists.small {
  display:none
}
.Exchange-right {
  display:flex;
  flex-direction:column
}
.Exchange-leverage-slider-settings {
  font-size:var(--font-sm);
  margin-bottom:.8rem
}
.Exchange-leverage-slider-settings .Checkbox {
  direction:rtl;
  display:grid;
  grid-template-columns:1fr auto
}
.Exchange-wallet-tokens {
  display:none;
  min-height:15.5rem;
  position:relative
}
.Exchange-wallet-tokens-content {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:1.5rem
}
.Exchange-bottom-header-item {
  cursor:pointer;
  display:inline-block;
  margin-bottom:1.5rem;
  margin-right:1.5rem;
  opacity:.7;
  padding-left:.155rem
}
.Exchange-bottom-header-item.active {
  opacity:1;
  pointer-events:none
}
.Exchange-swap-connect-wallet {
  border:1px solid #323232;
  border-radius:3px;
  cursor:pointer;
  text-align:center
}
.Exchange-swap-connect-wallet:hover {
  background:#272e33;
  border-radius:.6rem
}
.Exchange-swap-settings.Exchange-swap-txns-status {
  margin-right:1.5rem;
  text-align:right
}
.Exchange-swap-account .Exchange-swap-address:hover,
.Exchange-swap-account .Exchange-swap-txns-status:hover {
  opacity:1
}
.Exchange-leverage-slider {
  margin-bottom:3.4rem;
  margin-top:1.5rem;
  padding:0 .8rem
}
.Exchange-swap-leverage-options {
  text-align:right
}
.Exchange-swap-leverage-option {
  background:#5b2ab0;
  border-radius:3px;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  margin-left:.8rem;
  opacity:.7;
  padding:0 .8rem
}
.Exchange-swap-leverage-option.active {
  background:#842ec9;
  opacity:1;
  pointer-events:none
}
.Exchange-swap-leverage-option:hover {
  opacity:1
}
.Exchange-swap-leverage-unlock-icon {
  font-size:.8rem;
  margin-top:-.31rem;
  vertical-align:middle
}
.Exchange-swap-placeholder {
  height:11.175rem;
  position:relative
}
.PositionEditor-info-box {
  margin-bottom:1.05rem
}
.PositionEditor-accept-profit-warning .Checkbox,
.PositionEditor-allow-higher-slippage .Checkbox,
.PositionEditor-keep-leverage-settings .Checkbox {
  direction:rtl;
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:1fr auto;
  margin-bottom:.465rem;
  width:100%
}
.ExchangeChart-range-option {
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-sm);
  margin-right:1.5rem;
  opacity:.6
}
.ExchangeChart-range-option:hover {
  opacity:.8
}
.ExchangeChart-range-option.active {
  opacity:1
}
.ExchangeChart {
  height:49.6rem;
  position:relative
}
.ExchangeChart-main-price {
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.ExchangeChart-title {
  font-size:2.15rem;
  font-weight:700
}
.ExchangeChart-info-label {
  font-size:12px;
  font-weight:400;
  line-height:140%;
  opacity:.6
}
.ExchangeChart-top-inner {
  align-items:center;
  display:flex;
  gap:36px
}
.ExchangeChart-dollar-sign {
  display:inline-block;
  margin-right:.465rem;
  opacity:.7
}
.ExchangeChart-main-price-text {
  display:inline-block
}
.ExchangeChart-top {
  height:auto;
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:2
}
.ExchangeChart.tv .ExchangeChart-top {
  background:#191b2e;
  border-radius:16px;
  justify-content:space-between;
  padding:0 16px;
  position:relative;
  z-index:2
}
.ExchangeChart.tv .ExchangeChart-bottom {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:91px;
  z-index:1
}
.ExchangeChart-bottom-controls {
  display:inline-block
}
.ExchangeChart-bottom-controls .Tab .Tab-option {
  padding:.8rem 0;
  width:4.65rem
}
.ExchangeChart.tv .ExchangeChart-bottom-header {
  display:flex;
  left:1.5rem;
  position:absolute;
  right:1.5rem;
  top:1.5rem;
  z-index:5
}
.ExchangeChart.tv .ExchangeChart-bottom-stats {
  font-size:var(--font-sm);
  margin-left:3.1rem;
  padding:.8rem 0;
  white-space:nowrap;
  z-index:2
}
.ExchangeChart-bottom-stats-label {
  color:#ffffffb3;
  font-weight:700
}
.ExchangeChart-bottom-stats-value {
  display:inline-block;
  margin-left:.31rem;
  margin-right:1.4rem
}
.length-5 .ExchangeChart-bottom-stats-value {
  width:6.2rem
}
.length-4 .ExchangeChart-bottom-stats-value {
  width:5.25rem
}
.length-3 .ExchangeChart-bottom-stats-value {
  width:4.35rem
}
.length-2 .ExchangeChart-bottom-stats-value {
  width:3.41rem
}
.length-1 .ExchangeChart-bottom-stats-value {
  width:3.48rem
}
.ExchangeChart.tv .ExchangeChart-bottom-content {
  inset:0;
  position:absolute
}
.Exchange-price-tooltip {
  background:linear-gradient(90deg,#391c93e6,#42188ce6);
  border:1px solid #1e095e80;
  font-size:var(--font-sm);
  line-height:2rem;
  padding:.9rem
}
.Exchange-price-time {
  font-size:1.25rem;
  font-weight:400
}
.Error-modal .Modal-content {
  width:31rem
}
.PositionEditor .Modal-content {
  border:none;
  border-radius:16px;
  bottom:auto;
  max-height:80vh;
  overflow:hidden;
  position:absolute;
  top:auto;
  width:38rem
}
.PositionEditor .Modal-content .Modal-body {
  margin:1.5rem 1rem 1.5rem 1.5rem;
  max-height:calc(80vh - 8.525rem);
  overflow-y:auto;
  overscroll-behavior:smooth;
  padding-right:.5rem
}
.PositionEditor .Tab {
  margin-bottom:1.05rem
}
.PositionEditor-token-symbol {
  font-size:2.1rem;
  text-align:right
}
.ExchangeChart-container {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}
.Exchange-list-modal .Modal-content {
  width:36rem
}
.Exchange-list {
  width:100%
}
.Position-list-order {
  margin-top:8px;
  white-space:nowrap
}
.order-error span {
  color:var(--error-red);
  text-decoration-color:var(--error-red)
}
.order-error .Tooltip-popup {
  white-space:pre-line
}
.Exchange-list .App-card {
  margin-bottom:1.5rem
}
.Exchange-list-item-error {
  color:#f6475d;
  font-size:var(--font-sm);
  margin-top:.465rem
}
.Exchange-list.small {
  display:none
}
button.Exchange-list-action {
  background:none;
  border:none;
  border-radius:3px;
  color:#03f5ae;
  font-size:var(--font-base);
  margin:0 .3rem;
  padding:0
}
button.Exchange-list-action:hover {
  color:#27f6b8
}
table.Exchange-list {
  border-collapse:collapse;
  border-radius:12px
}
table.Exchange-list td,
table.Exchange-list th {
  font-weight:400;
  padding:1.05rem 1.05rem 1.05rem 11px;
  text-align:left
}
table.Exchange-list.Orders td,
table.Exchange-list.Orders th {
  padding-bottom:1.4rem;
  padding-top:1.4rem
}
table.Exchange-list tr:last-child {
  border-bottom:none
}
table.Exchange-list tr.Exchange-list-header {
  background:none;
  font-size:var(--font-md)
}
table.Exchange-list tr.Exchange-list-header th {
  font-size:#b9b9b9;
  font-size:13px;
  padding:10px 11px
}
table.Exchange-list th {
  opacity:.7
}
.Exchange-leverage-box {
  margin-bottom:1.05rem
}
.Exchange-swap-box-info {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:1.05rem
}
.price-token-styled {
  align-items:center;
  display:flex;
  gap:4px
}
.exchange-token-value {
  align-items:center;
  display:flex;
  gap:3px
}
.price-styled {
  font-weight:700;
  line-height:140%
}
.price-styled,
.price-styled .small-text-number {
  font-size:14px
}
.symbol-styled {
  color:#fff9;
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.percent-slippage {
  color:#03f5ae;
  font-size:14px;
  font-weight:700
}
.icon-styled {
  cursor:pointer;
  display:flex
}
.Exchange-info-row {
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:auto auto;
  margin-bottom:8px
}
.Exchange-info-row:last-child {
  margin-bottom:0
}
.Exchange-info-row.top-line {
  border-top:1px solid #ffffff1a;
  margin-top:1.5rem;
  padding-top:1.5rem
}
.Exchange-info-label {
  margin-right:.8rem;
  opacity:.6
}
.Exchange-info-value-warning {
  color:#f6475d
}
.Confirmation-box-info,
.Confirmation-box-info a,
.Confirmation-box-warning,
.Confirmation-box-warning a {
  font-size:var(--font-sm);
  margin-bottom:1.5rem;
  margin-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  text-align:center
}
.Confirmation-box-info,
.Confirmation-box-info a {
  opacity:.7
}
.Confirmation-box-warning,
.Confirmation-box-warning a {
  color:#f6475d
}
.Exchange-swap-usd {
  display:inline-block;
  font-size:var(--font-sm)
}
.Exchange-swap-box {
  display:grid;
  position:relative;
  width:41.85rem
}
.Exchange-swap-market-box-title {
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.Exchange-swap-box-inner {
  padding:16px
}
.Available {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.Exchange-swap-market-box {
  margin-top:1.25rem
}
.Exchange-swap-market-box .App-card-divider {
  background:none;
  margin:0 -1.5rem 12px
}
.Exchange-swap-box .Radio {
  margin-bottom:1.05rem
}
.Exchange-swap-box .Overlay-content-outer {
  bottom:0;
  height:15.5rem;
  left:0;
  position:absolute;
  right:0
}
.Exchange-swap-box .Overlay-content {
  padding:1.05rem
}
.Exchange-swap-box .TokenSelector .Modal,
.Selector .Modal {
  align-items:flex-start;
  justify-content:flex-end
}
.Exchange-swap-box .TokenSelector .Modal-content,
.Selector .Modal-content {
  border:none;
  bottom:0;
  max-height:100vh;
  overflow:hidden;
  position:absolute;
  top:0;
  width:41.85rem
}
.Exchange-swap-box .TokenSelector .Modal-content .Modal-body {
  max-height:calc(100vh - 7.75rem);
  overflow-y:auto;
  overscroll-behavior:smooth;
  padding-right:.5rem;
  scroll-margin-right:38.75rem;
  scrollbar-width:thin
}
.Exchange-swap-section {
  background:#212333;
  border-radius:12px;
  box-shadow:inset 0 0 3rem .5rem #ffffff03;
  margin-bottom:24px;
  padding:12px
}
.Exchange-swap-option-tabs.Tab.block .Tab-option {
  line-height:140%;
  padding:12px 1.05rem
}
.Exchange-swap-order-type-tabs {
  margin-bottom:16px;
  margin-top:0
}
.Exchange-swap-option-tabs.Tab.block .Tab-option-icon {
  margin-left:4px;
  margin-top:-.155rem;
  transform:scale(.75);
  vertical-align:middle
}
.Exchange-swap-section-top {
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:auto auto;
  padding-bottom:1.25rem
}
.Exchange-swap-section-bottom {
  align-items:center;
  display:grid;
  grid-template-columns:1fr auto;
  padding-bottom:.31rem
}
.Exchange-swap-message {
  font-size:var(--font-sm);
  margin:.5rem 0;
  opacity:.7
}
.Exchange-swap-input-container {
  display:flex;
  height:100%;
  margin-top:2px;
  overflow:hidden;
  position:relative
}
.Exchange-swap-max {
  border-radius:8px;
  cursor:pointer;
  font-size:var(--font-sm);
  padding:2px 12px;
  position:absolute;
  right:1.25rem;
  z-index:1
}
.Exchange-swap-max,
.Exchange-swap-max:hover {
  background:#03f5ae;
  color:#080715
}
.Exchange-swap-section-bottom .TokenSelector-box {
  font-size:2.1rem
}
.Exchange-leverage-box .TokenSelector-caret {
  font-size:var(--font-base);
  margin-left:.31rem
}
input.Exchange-swap-input {
  font-family:Roboto;
  font-size:16px;
  font-weight:500;
  max-width:100%;
  padding:0 2rem 0 0;
  width:100%
}
.Exchange-swap-input::placeholder {
  color:#fff
}
input.Exchange-swap-input.small {
  max-width:14.725rem
}
.Exchange-swap-button {
  display:block;
  width:100%
}
.Exchange-swap-ball-container {
  position:relative;
  z-index:1
}
.Exchange-swap-ball-icon {
  display:block;
  font-size:2rem;
  opacity:.7;
  text-align:center;
  transform:rotate(90deg)
}
.Exchange-swap-ball {
  align-items:center;
  background:#03f5ae;
  border-radius:14px;
  color:#080715;
  cursor:pointer;
  display:flex;
  height:36px;
  justify-content:center;
  left:50%;
  margin-left:-1.7825rem;
  position:absolute;
  top:-43px;
  -webkit-user-select:none;
  user-select:none;
  width:36px
}
.Exchange-swap-ball-red {
  background:#f6475d;
  color:#fff
}
.Exchange-swap-ball-red:hover {
  background:#dc3a50!important
}
.Exchange-swap-ball:hover {
  background:#04d397
}
.Exchange-swap-ball:hover .Exchange-swap-ball-icon {
  opacity:1
}
table.Exchange-list-small {
  background:linear-gradient(45deg,#0b053799,#15033099);
  width:100%
}
table.Exchange-list-small td,
table.Exchange-list-small th {
  font-weight:400;
  padding:1.05rem;
  text-align:left
}
.Exchange-list-card-header {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-bottom:.8rem
}
.Exchange-list-title {
  display:inline-block;
  white-space:nowrap;
  width:3.1rem
}
.Exchange-list-info-label {
  font-size:12px;
  margin-top:.31rem
}
.Exchange-list-info-label span:not(.muted) {
  color:#34f5ae;
  font-weight:600
}
.Exchange-list-muted {
  font-size:var(--font-sm)
}
.Exchange-list-card .Exchange-list-side {
  text-align:right
}
.Exchange-list-card .Exchange-list-size-info {
  margin-bottom:.8rem
}
.Confirmation-box {
  font-size:2rem
}
.Confirmation-box-main {
  display:flex;
  flex-direction:column;
  margin:1.5rem 0 2.325rem;
  text-align:center
}
.Confirmation-box-main-icon {
  margin:.5rem 0
}
.Confirmation-box-main-icon:after {
  content:"↓"
}
.Confirmation-box-main-icon.dot:after {
  content:"•"
}
.Confirmation-box .Modal-content {
  width:36rem
}
.Confirmation-box-row {
  margin-top:1.5rem
}
.Confirmation-box-button {
  margin-top:1rem;
  width:100%
}
.Exchange-footer {
  height:7.75rem;
  padding-top:3.1rem;
  text-align:center
}
.cancel-order-btn {
  background:none;
  border:none;
  color:#fff;
  margin-right:1.5rem;
  padding:0
}
.cancel-order-btn:hover {
  opacity:.8
}
.cancel-order-btn:disabled {
  opacity:.6
}
.chart-positions:hover {
  opacity:.8
}
.chart-positions.span:hover {
  opacity:1
}
.al-swap .Tooltip-popup {
  min-width:25rem
}
.position-list-collateral {
  align-items:flex-end;
  display:flex
}
.position-list-collateral .edit-icon {
  align-items:center;
  cursor:pointer;
  display:inline-flex;
  margin-left:.5rem;
  opacity:.7
}
.position-list-collateral .edit-icon:hover {
  opacity:1
}
@media (max-width:1500px) {
  .Exchange-swap-box {
    width:38.75rem
  }
}
@media (max-width:1300px) {
  .Exchange-list.large {
    display:none
  }
  .Exchange-list.small {
    display:table
  }
}
@media (max-width:1100px) {
  .ExchangeChart.tv .ExchangeChart-bottom {
    top:139px
  }
  .Exchange-swap-box {
    width:100%
  }
  .ExchangeChart.tv .ExchangeChart-bottom-header {
    display:block
  }
  .ExchangeChart.tv .ExchangeChart-bottom-stats {
    margin-left:0
  }
  .ExchangeChart.tv .ExchangeChart-bottom-content {
    bottom:.8rem;
    left:0;
    position:absolute;
    right:0;
    top:3.875rem
  }
  .Exchange-list-tabs {
    margin-top:0
  }
  .Exchange-swap-placeholder,
  .Exchange-wallet-tokens {
    display:none
  }
  .ExchangeChart {
    height:38.75rem
  }
  .Exchange-content {
    grid-template-columns:1fr 1fr;
    padding-left:1.6rem;
    padding-right:1.6rem
  }
  .Exchange-lists.large {
    background:none;
    display:block;
    padding:0
  }
  .Exchange-swap-box .TokenSelector .Modal {
    align-items:center;
    bottom:0;
    justify-content:center;
    left:0;
    position:fixed;
    right:0;
    top:0
  }
  .order-error-message {
    display:block;
    margin-bottom:10px;
    white-space:pre-line
  }
  .Exchange-swap-box .TokenSelector .Modal-content,
  .Selector .Modal-content {
    border:none;
    bottom:auto;
    max-height:80vh;
    overflow:hidden;
    position:absolute;
    top:auto;
    width:41.85rem
  }
  .Exchange-swap-box .TokenSelector .Modal-content .Modal-body {
    margin:1.5rem .8rem 1.5rem 1.5rem;
    max-height:calc(70vh - 8.525rem);
    overflow-y:auto;
    overscroll-behavior:smooth;
    padding-right:.5rem;
    scroll-margin-right:38.75rem;
    scrollbar-width:thin
  }
  .Exchange-swap-box .TokenSelector .Modal,
  .Selector .Modal {
    align-items:center;
    justify-content:center
  }
  input.Exchange-swap-input {
    max-width:15.5rem
  }
  .ExchangeChart-bottom-controls .Tab .Tab-option {
    font-size:1.25rem;
    padding:.465rem 0;
    width:3.875rem
  }
}
.Exchange-left .ExchangeChart-bottom {
  border:none;
  overflow:hidden
}
@media (max-width:1110px) {
  .PositionEditor .Modal-content {
    width:90vw
  }
  .Exchange-content {
    grid-template-columns:1fr
  }
  .Exchange-swap-box {
    width:100%
  }
  .ExchangeChart-top-inner {
    grid-column-gap:.8rem;
    grid-template-columns:auto auto auto
  }
  .ExchangeChart-title {
    font-size:1.85rem
  }
  .Exchange-content {
    padding:1.5rem
  }
  .Exchange-swap-box .TokenSelector .Modal {
    margin:0 1.5rem
  }
  .Exchange {
    padding-top:1.5rem!important
  }
  .Exchange-lists.small {
    display:block
  }
  .Exchange-lists.large {
    display:none
  }
}
@media (max-width:1023px) {
  .ExchangeChart.tv .ExchangeChart-bottom-content {
    bottom:0;
    top:0
  }
}
.swap-token-selected-wrapper {
  align-items:center;
  display:flex;
  gap:12px
}
.icon-token-group {
  display:flex;
  height:36px;
  position:relative;
  width:64px
}
.icon-from,
.icon-to {
  height:36px;
  position:absolute;
  top:0;
  width:36px
}
.icon-to {
  right:5px
}
.info-token-group {
  flex-direction:column
}
.info-token-group,
.price-token-group {
  display:flex;
  gap:4px
}
.price-value,
.symbol-value {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.symbol-value {
  color:#fff9;
  font-weight:400;
  text-transform:uppercase
}
.apr-token-group {
  align-items:center;
  color:#03f5ae;
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.Exchange-updated-ui {
  margin:0;
  max-width:100%;
  padding-bottom:0!important;
  padding-top:15px!important;
  width:100%
}
.Exchange-updated-ui .Exchange-content {
  grid-gap:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0
}
.Exchange-updated-ui .Exchange-content .ExchangeChart-top,
.Exchange-updated-ui .Exchange-content .swap-box-v2 {
  background:none;
  border-bottom:1px solid #ffffff1a;
  border-radius:0
}
.Exchange-updated-ui .Exchange-content .swap-box-v2 {
  margin-bottom:0
}
.Exchange-updated-ui .Exchange-content .ExchangeChart-bottom {
  border-radius:0;
  top:76px
}
.Exchange-updated-ui .Exchange-content .App-box-highlight {
  border-radius:0
}
.Exchange-updated-ui .Exchange-content .Exchange-swap-box {
  display:flex;
  flex-direction:column;
  height:100%
}
@media screen and (max-width:700px) {
  .Exchange-updated-ui .Exchange-content .Exchange-swap-box {
    min-height:0!important;
    min-height:auto!important
  }
}
.Exchange-updated-ui .Exchange-content .info-main-price .deltaChange {
  display:none
}
@media screen and (max-width:1350px) {
  .Exchange-updated-ui .Exchange-content {
    padding-bottom:46px
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-bottom {
    display:none
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart {
    height:-webkit-fit-content!important;
    height:-moz-fit-content!important;
    height:fit-content!important
  }
  .Exchange-updated-ui .Exchange-content .Exchange-lists {
    padding-left:16px;
    padding-right:16px
  }
  .Exchange-updated-ui .Exchange-content .Exchange-should-show-position-lines {
    display:none
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-title {
    margin-bottom:0
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .changed-24h {
    display:none
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .info-main-price {
    position:absolute;
    right:16px;
    text-align:right!important;
    top:22px
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .info-main-price .deltaChange {
    display:inline-block
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .info-main-price .ExchangeChart-info-label {
    display:none
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-additional-info {
    margin-top:16px;
    width:45%
  }
}
@media screen and (max-width:700px) {
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner {
    gap:0!important
  }
  .Exchange-updated-ui .Exchange-content .Exchange-left .ExchangeChart-top {
    padding-top:0!important
  }
  .Exchange-updated-ui .Exchange-content .info-main-price {
    text-align:right;
    top:5px!important
  }
  .Exchange-updated-ui .Exchange-content .Exchange-right {
    padding-left:16px;
    padding-right:16px
  }
  .Exchange-updated-ui .Exchange-content .Exchange-right .Exchange-swap-box {
    border-radius:16px!important
  }
  .Exchange-updated-ui .Exchange-content .ExchangeChart-top {
    border-bottom:none!important
  }
  .Exchange-updated-ui .Exchange-content .exchange-section-first {
    margin-bottom:16px!important
  }
  .Exchange-updated-ui .Exchange-content .Exchange-swap-ball {
    top:-28px
  }
}
.Exchange-updated-ui .Exchange-lists {
  background:none
}
.Exchange-updated-ui .Exchange-lists .Exchange-list-tabs .active {
  background:#212333!important;
  border-radius:12px!important
}
.Exchange-updated-ui .Exchange-lists .main-wrapper {
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  width:100%
}
.pad-chart-container {
  display:none;
  z-index:100
}
@media screen and (max-width:1110px) {
  .pad-chart-container {
    background:#090a11;
    border-top:1px solid #ffffff1a;
    bottom:24px;
    box-shadow:0 -4px 8px #00000040;
    display:flex;
    flex-direction:column;
    left:0;
    position:fixed;
    width:100%
  }
  .pad-chart-container .show-ui-content {
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:4px 16px;
    width:100%
  }
  .pad-chart-container .show-ui-content .chart-tick-container {
    align-items:center;
    display:flex;
    gap:16px
  }
  .pad-chart-container .show-ui-content .chart-tick-container .view-chart {
    padding-bottom:10px;
    padding-top:10px
  }
  .pad-chart-container .show-ui-content .chart-tick-container .chart-positions {
    opacity:1;
    position:relative;
    top:-2px
  }
  .pad-chart-container .show-ui-content .index-chart img {
    position:relative;
    top:-2px
  }
  .pad-chart-container iframe {
    height:30vh!important
  }
}
@media screen and (max-width:700px) {
  .pad-chart-container iframe {
    height:40vh!important
  }
}
@media screen and (max-width:1110px) {
  .chart-pad-show-content {
    padding-bottom:calc(30vh + 55px)!important
  }
}
@media screen and (max-width:700px) {
  .chart-pad-show-content {
    padding-bottom:calc(40vh + 65px)!important
  }
}
.close-container {
  align-items:center;
  display:flex;
  gap:2px;
  justify-content:flex-end
}
.rc-slider-rail,
.rc-slider-track {
  height:8px!important
}
.rc-slider-dot {
  height:12px!important;
  top:-2px!important;
  width:2px!important
}
.rc-slider-dot:first-child {
  left:1.9px!important
}
.rc-slider-handle {
  top:5px!important
}
@media screen and (max-width:1350px) {
  .trade-v1,
  .trade-v1 .Exchange-content {
    height:auto!important
  }
  .trade-v1 .Exchange-content .Exchange-lists {
    padding-top:16px
  }
  .trade-v1 .Exchange-content .Exchange-list .App-card-options {
    align-items:center;
    display:flex;
    flex-direction:row
  }
}
.exchange-v1 .ExchangeChart-additional-info div {
  font-weight:700
}
.exchange-v1 .ExchangeChart-additional-info .ExchangeChart-info-label {
  font-weight:400
}
.exchange-v1 .info-main-price .ExchangeChart-info-label {
  font-weight:700
}
.exchange-v1 .trade-version {
  padding-bottom:15px;
  padding-top:15px
}
@media screen and (max-width:1350px) {
  .exchange-v1 .ExchangeChart-top {
    padding:12px 24px 16px!important
  }
}
@media screen and (max-width:700px) {
  .exchange-v1 .Exchange-left,
  .exchange-v1 .ExchangeChart-top {
    padding-left:8px!important;
    padding-right:8px!important
  }
}
.exchange-v1 .ExchangeChart-additional-info {
  display:flex;
  flex-direction:column;
  gap:4px
}
@media screen and (max-width:1400px) {
  .exchange-v1 .ExchangeChart-top-inner {
    gap:24px
  }
}
.exchange-v1 .chart-token-menu-items.menu-items {
  background:#242743;
  border-radius:12px;
  left:0;
  right:auto;
  top:5rem;
  width:20rem
}
.exchange-v1 .ExchangeChart-top {
  display:flex
}
@media screen and (max-width:1350px) {
  .exchange-v1 .ExchangeChart-top {
    flex-direction:column;
    gap:12px
  }
  .exchange-v1 .ExchangeChart-top .ExchangeChart-top-inner {
    gap:0
  }
}
.exchange-v1 .Exchange-swap-box .Exchange-swap-order-type-tabs {
  border:1px solid #ffffff1a;
  border-radius:8px;
  display:flex
}
.exchange-v1 .Exchange-swap-box .Exchange-swap-order-type-tabs .Tab-option {
  align-items:center;
  border-radius:8px;
  color:#fff!important;
  display:flex;
  flex:1 1;
  flex-direction:column;
  font-size:12px;
  font-style:normal;
  font-weight:500!important;
  font-weight:500;
  line-height:140%;
  margin-right:0;
  padding:12px 0
}
.exchange-v1 .Exchange-swap-box .Exchange-swap-order-type-tabs .active {
  background:#ffffff1a!important;
  background:var(--white-10,#ffffff1a)!important;
  color:#fff!important
}
.exchange-v1 .Exchange-swap-section {
  background:#0009;
  border-radius:12px!important;
  padding:12px;
  transition:all .15s ease-in-out
}
.exchange-v1 .Exchange-swap-section:has(input:focus) {
  background:#000;
  border:1px solid #03f5ae
}
.exchange-v1 .Exchange-swap-box-inner .Exchange-info-row .align-right {
  font-weight:700!important
}
.max-leverage-container .chart-token-selector--current {
  width:83px
}
.max-leverage-container .token-selected {
  height:24px;
  width:24px
}
#webpack-dev-server-client-overlay {
  display:none
}
.swap-box-swap-container {
  border-left:1px solid #ffffff1a
}
.swap-box-swap-container .swap-box-v2 .Tab {
  margin-bottom:1px!important
}
.exchange-v1 {
  height:calc(100vh - 62px)
}
.exchange-v1 .Exchange-swap-box {
  flex:1 1;
  height:auto!important
}
.exchange-v1 .Modal-content .Tooltip-popup {
  width:310px!important
}
@media screen and (max-width:700px) {
  .exchange-v1 {
    height:auto
  }
}
.exchange-v1 .Exchange-content {
  height:calc(100vh - 62px)
}
@media screen and (max-width:1350px) {
  .exchange-v1 .Exchange-content,
  .exchange-v1 .Exchange-content .Exchange-swap-box {
    height:calc(100vh - 62px)
  }
}
.exchange-v1 .Exchange-content .box-trade-swap {
  height:calc(100vh - 62px)
}
@media screen and (max-width:1350px) {
  .exchange-v1 .Exchange-content .box-trade-swap {
    height:calc(100vh - 109px)
  }
}
@media screen and (max-width:700px) {
  .exchange-v1 .Exchange-content,
  .exchange-v1 .Exchange-content .Exchange-swap-box,
  .exchange-v1 .Exchange-content .box-trade-swap {
    height:auto
  }
}
.exchange-v1 .Exchange-left {
  max-height:calc(100vh - 62px);
  overflow-y:auto
}
@media screen and (max-width:900px) {
  .exchange-v1 .Exchange-left {
    max-height:none;
    overflow-y:visible;
    overflow-y:initial
  }
}
.exchange-v1 .Exchange-right {
  border-left:1px solid #ffffff1a;
  max-height:calc(100vh - 62px);
  overflow-y:auto
}
@media screen and (max-width:700px) {
  .exchange-v1 .Exchange-right {
    border:none;
    margin-top:16px;
    max-height:none;
    overflow-y:visible;
    overflow-y:initial
  }
}
@media screen and (max-width:1350px) {
  .exchange-v1 .ExchangeChart-top .info-main-swap {
    right:24px!important;
    top:17px!important
  }
}
@media screen and (max-width:700px) {
  .exchange-v1 .ExchangeChart-top .info-main-swap {
    right:8px!important;
    top:2px!important
  }
}
.exchange-v1 .Exchange-list-tabs {
  background:#0000;
  border:none;
  border-radius:4px;
  border-radius:12px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.exchange-v1 .Exchange-list-tabs .Tab-option {
  border-radius:4px;
  color:#fff9;
  color:var(--white-60,var(--text-text-secondary,#fff9));
  font-size:14px;
  font-size:12px!important;
  font-style:normal;
  font-weight:700;
  line-height:120%;
  padding:12px 16px
}
.exchange-v1 .Exchange-list-tabs .active {
  background:#ffffff1a!important;
  background:var(--white-10,#ffffff1a)!important;
  color:#fff!important;
  color:var(--white-100,#fff)!important
}
.Exchange-swap-button-container button {
  align-items:center;
  height:40px!important;
  justify-content:center;
  padding:0
}
.swap-box-swap-container .swap-box-v2 {
  padding-bottom:14px
}
.Collateral-Modal .Modal-title-bar {
  margin:0
}
.ExchangeChart {
  border-bottom:1px solid #ffffff1a
}
.App-slider .rc-slider-dot-active,
.App-slider .rc-slider-track {
  background:#03f5ae
}
.App-slider .rc-slider-handle {
  background-color:#191b2e;
  border:2px solid #03f5ae;
  border-radius:50%;
  cursor:pointer;
  cursor:grab;
  height:18px;
  margin-top:-5px;
  position:absolute;
  touch-action:pan-x;
  width:18px
}
.App-slider .rc-slider-handle:active {
  box-shadow:0 0 .4rem .6rem rgba(255,205,87,.173)
}
.normalSlider .rc-slider-rail {
  background:#ffffff1a!important;
  height:8px!important
}
.normalSlider .rc-slider-step .rc-slider-dot {
  height:12px!important;
  top:0!important;
  top:-2px!important;
  width:2px!important
}
.normalSlider .rc-slider-step .rc-slider-dot:first-child {
  left:1.9px!important
}
.normalSlider .rc-slider-step .rc-slider-dot-active {
  background:#03f5ae!important
}
.normalSlider .rc-slider-mark {
  top:22px!important
}
.normalSlider .rc-slider-mark-text-active {
  opacity:1!important
}
.normalSlider .rc-slider-handle {
  top:5px!important
}
.normalSlider .rc-slider-track {
  height:8px!important
}
.normalSlider .rc-slider-mark-text {
  opacity:.6!important
}
.scan-hide-tag {
  top:-2px!important
}
.close-container .menu-items {
  padding:0
}
.swap-v1-container {
  padding-top:0!important
}
@media screen and (max-width:1350px) {
  .swap-v1-container .ExchangeChart-additional-info {
    align-items:center;
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    width:100%!important
  }
  .swap-v1-container .ExchangeChart-additional-info .ExchangeChart-info-label {
    width:auto!important
  }
}
.Exchange-swap-section-bottom .PositionEditor-token-symbol {
  font-weight:500
}
.select-symbol-container {
  display:flex;
  flex-direction:column;
  gap:4px
}
.select-symbol-container .supported-version {
  align-items:center;
  display:flex;
  gap:4px
}
.select-symbol-container .supported-version .title {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-family:Roboto;
  font-size:10px;
  font-style:normal;
  font-weight:500;
  line-height:120%
}
.select-symbol-container .supported-version .ver {
  align-items:center;
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a);
  border-radius:4px;
  border-radius:var(--Border_radius,4px);
  color:#fff9;
  color:var(--white-60,#fff9);
  display:flex;
  flex-direction:column;
  font-size:10px;
  font-style:normal;
  font-weight:700;
  justify-content:center;
  line-height:120%;
  padding:2px 4px;
  padding:2px var(--Border_radius,4px);
  text-align:center
}
@media screen and (max-width:1350px) {
  .trade-version {
    height:-webkit-fit-content!important;
    height:-moz-fit-content!important;
    height:fit-content!important;
    position:absolute!important;
    right:16px;
    top:11px;
    width:-webkit-fit-content!important;
    width:-moz-fit-content!important;
    width:fit-content!important
  }
  .max-leverage-container {
    padding:8px!important
  }
}
.trade-version .version-tab {
  align-items:center;
  display:flex;
  height:44px;
  justify-content:center;
  line-height:100%!important;
  width:44px
}
@media screen and (max-width:1350px) {
  .ExchangeChart-top .trade-version {
    border:none;
    display:flex;
    justify-content:flex-start;
    margin:0;
    padding:0
  }
  .ExchangeChart-top .info-main-price {
    left:191px;
    right:auto!important;
    top:15px!important
  }
}
@media screen and (max-width:767px) {
  .ExchangeChart-top .info-main-price {
    left:177px;
    right:auto!important;
    top:14px!important
  }
  .ExchangeChart-top .trade-version {
    right:8px!important;
    top:-1px!important
  }
}
.ExchangeChart-top {
  height:76px!important
}
@media screen and (max-width:1350px) {
  .ExchangeChart-top {
    height:auto!important
  }
}
.apr-token-group {
  display:flex;
  gap:4px
}
.Exchange .Modal-body .Tooltip-popup {
  max-width:300px
}
.swap-v1-container .Exchange-swap-box-info {
  gap:0
}
.swap-v1-container .Exchange-swap-box-info .Exchange-info-row {
  height:20px
}
.Exchange-swap-box-inner .small-text-number,
.item-section-container .small-text-number {
  font-size:14px;
  font-weight:700;
  margin-right:4px
}
.spot-arregator-container .price-value .small-text-number {
  font-size:16px;
  font-weight:700
}
.positionHistory-modal .Modal-content {
  overflow-y:auto!important
}
@media screen and (max-width:1350px) {
  .spot-aggregator-wrapper .Exchange-updated-ui .Exchange-content .ExchangeChart {
    border-radius:0!important;
    height:49.6rem!important
  }
  .spot-aggregator-wrapper .ExchangeChart.tv .ExchangeChart-bottom {
    bottom:24px;
    left:24px;
    right:24px;
    top:80px!important
  }
}
@media screen and (max-width:700px) {
  .spot-aggregator-wrapper .Exchange-updated-ui .Exchange-content .ExchangeChart {
    height:30rem!important
  }
  .spot-aggregator-wrapper .ExchangeChart.tv .ExchangeChart-bottom {
    bottom:16px;
    left:16px;
    right:16px;
    top:80px!important
  }
}
.spot-aggregator-wrapper .ExchangeChart-bottom-controls {
  position:relative;
  z-index:3
}
.label-box-container {
  align-items:center;
  display:flex;
  gap:16px
}
.label-box-container .label-box-title {
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9);
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:140%;
  text-decoration:none
}
.label-box-container .label-box-title--active {
  color:#03f5ae!important;
  cursor:no-drop
}
.label-box-container .box-divider {
  background:#ffffff1a;
  background:var(--Border,#ffffff1a);
  height:24px;
  width:1px
}
.theme--light .label-box-container .label-box-title {
  color:#0d1a16b3!important
}
.theme--light .label-box-container .label-box-title--active {
  color:#02b27f!important
}
.theme--light .label-box-container .box-divider {
  background:#0d1a1612
}
@media screen and (max-width:700px) {
  .swap-arregator-box {
    padding:16px 16px 0!important
  }
  .swap-box-swap-container .Exchange-swap-box-inner {
    padding:16px!important
  }
}
.ValidationRow {
  display:grid;
  font-size:var(--font-base);
  grid-template-columns:auto 1fr
}
.ValidationRow-icon-container {
  align-items:center;
  display:flex;
  justify-content:center
}
.ValidationRow-icon {
  margin-right:1.5rem
}
.BeginAccountTransfer {
  margin:0!important;
  max-width:none!important;
  min-height:0!important;
  min-height:auto!important;
  padding-bottom:0!important;
  padding-top:65px!important
}
.BeginAccountTransfer>.Page-content,
.BeginAccountTransfer>.Page-title-section {
  padding-left:0;
  padding-right:0
}
@media screen and (max-width:600px) {
  .BeginAccountTransfer {
    min-height:0!important;
    min-height:auto!important;
    padding-bottom:0!important;
    padding-top:0!important
  }
  .BeginAccountTransfer .input-row {
    margin-bottom:0
  }
  .BeginAccountTransfer>.Page-title-section {
    padding-left:16px;
    padding-right:16px
  }
  .BeginAccountTransfer>.Page-title-section>.Page-title {
    margin-bottom:8px
  }
  .BeginAccountTransfer>.Page-content {
    padding:24px 16px 0
  }
}
.BeginAccountTransfer .ValidationRow {
  font-size:var(--font-base);
  margin-bottom:1.5rem
}
.BeginAccountTransfer-validations {
  margin-bottom:24px
}
.BeginAccountTransfer .Modal .App-cta {
  display:block;
  font-size:var(--font-base);
  text-align:center
}
.BeginAccountTransfer.theme--light .text-input {
  background:#fff;
  background:var(--Nature-1,#fff);
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.BeginAccountTransfer.theme--light .Page-content .input-label span,
.BeginAccountTransfer.theme--light .Page-description span {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.BuyGMXGLP-container {
  padding:0 0 3.1rem
}
.BuyGMXGLP-container .section-title-content {
  justify-content:flex-start
}
.App-header.large {
  border-bottom:1px solid hsla(0,0%,100%,.063);
  padding-left:3.2rem;
  padding-right:3.2rem
}
.App-header-balance-container {
  align-items:center;
  border:1px solid #ffffff1a;
  border-radius:8px;
  display:flex;
  gap:8px;
  height:40px;
  line-height:200%;
  margin-right:8px;
  padding:0 8px
}
@media screen and (max-width:1023px) {
  .App-header-balance-container {
    display:none
  }
}
.App-header-eth-balance-container {
  gap:8px
}
.App-header-add-eth {
  display:flex
}
.App-header-drawer {
  -webkit-backdrop-filter:blur(2.7rem);
  backdrop-filter:blur(2.7rem);
  background:rgba(23,24,44,.533) 0 0 no-repeat padding-box;
  box-shadow:.8rem .3rem .6rem rgba(0,0,0,.161)
}
.App-header-drawer .App-header-link-container-menu {
  align-items:center;
  align-self:stretch;
  border-bottom:.5px solid hsla(0,0%,100%,.102);
  display:flex;
  flex-shrink:0;
  height:60px;
  padding:16px
}
.App-header-drawer .App-header-link-container-menu.selected {
  align-items:stretch;
  align-self:stretch;
  background:#20233b;
  background:var(--v-3-natural-2,#20233b);
  flex-direction:column;
  gap:12px;
  gap:var(--base-unit-s-12,12px);
  height:auto
}
.App-header-drawer .App-header-link-container-menu.selected .App-header-link-container {
  border-bottom:none
}
.App-header-drawer .App-header-link-container-menu.selected .App-header-link-container a {
  height:auto!important
}
.App-header-drawer .App-header-link-container-menu.selected>.App-header-link-row span {
  color:#03f5ae
}
.App-header-drawer .App-header-link-container-menu .App-header-link-row {
  align-items:center;
  display:flex;
  justify-content:space-between;
  width:100%
}
.App-header-drawer .App-header-link-container-menu .App-header-link-row span {
  color:#fff9;
  font-size:14px
}
.App-header-drawer .App-header-link-container-menu a {
  align-items:center;
  align-self:stretch;
  border-radius:12px;
  border-radius:var(--base-unit-s-12,12px);
  display:flex!important;
  gap:12px;
  gap:var(--base-unit-s-12,12px);
  padding:12px!important;
  padding:var(--base-unit-s-12,12px)!important
}
.App-header-drawer .App-header-link-container-menu a.active {
  background:#191b2e!important;
  background:var(--v-3-natural-1,#191b2e)!important
}
.App-header-drawer .App-header-link-container-menu a img {
  align-items:flex-start;
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a);
  border-radius:12px;
  border-radius:var(--base-unit-s-12,12px);
  display:flex;
  gap:10px;
  padding:8px;
  padding:var(--base-unit-xs-8,8px)
}
.App-header-drawer .App-header-link-container-menu a .wrap {
  align-items:flex-start;
  display:flex;
  flex:1 0;
  flex-direction:column;
  gap:4px;
  gap:var(--Border_radius,4px)
}
.App-header-drawer .App-header-link-container-menu a .wrap span {
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.App-header-drawer .App-header-link-container-menu a .wrap span.tag-v2 {
  align-items:center;
  border:1px solid #f0b90b;
  border:1px solid var(--L3,#f0b90b);
  border-radius:4px;
  border-radius:var(--Border_radius,4px);
  color:#f0b90b;
  display:inline-flex;
  font-size:10px;
  font-weight:800;
  gap:10px;
  justify-content:center;
  line-height:100%;
  padding:2px 4px;
  padding:2px var(--Border_radius,4px);
  text-align:center;
  text-transform:capitalize
}
.App-header-drawer .App-header-link-container-menu a .wrap span.desc {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-weight:400
}
.App-header-item-container {
  border-bottom:.5px solid hsla(0,0%,100%,.102);
  padding:16px
}
.App-header-balance-container--mobile {
  align-items:center;
  background:#1a1919;
  border:1px solid #ffffff1a;
  border-radius:8px;
  display:flex;
  height:40px;
  justify-content:space-between;
  padding:0 8px 0 16px
}
.App-header-balance-container--mobile .App-header-balance,
.App-header-balance-container--mobile .App-header-mobile-left {
  align-items:center;
  display:flex
}
.App-header-balance-container--mobile .App-header-usd-balance,
.App-header-balance-container--mobile .user-avatar {
  margin-right:8px
}
.App-header-eth-balance-container {
  align-items:center;
  display:flex;
  gap:4px
}
@media screen and (max-width:1023px) {
  .App-header-eth-balance-container {
    border-left:1px solid #ffffff1a;
    padding-left:4px
  }
}
.App-header-eth-icon {
  display:flex
}
.App-header-add-eth {
  align-items:center;
  background-color:#3bdeb7;
  border:none;
  border-radius:8px;
  height:24px;
  justify-content:center;
  outline:none;
  padding:4px 8px;
  transition:all .15s ease-in-out;
  width:24px
}
.App-header-add-eth:hover {
  background-color:#6be9ca
}
.App-header-drawer .App-header-link-container {
  border-bottom:.5px solid hsla(0,0%,100%,.102)
}
.App-header-drawer .App-header-link-container a {
  font-weight:500!important
}
.App-header-drawer .App-header-link-container .a,
.App-header-drawer .App-header-link-container a {
  color:#a0a3c4;
  display:block
}
@media screen and (max-width:1460px) {
  .App-header-link-container a {
    padding:1.8rem 1.15rem!important
  }
  .App-header-link-container .App-header-dropdown {
    padding:0 1.15rem!important
  }
}
.App-header-link-main img {
  height:2.15rem
}
.App-header .a.active,
.App-header .a:hover,
.App-header a.active,
.App-header a:hover {
  color:#eee
}
.App-header-container-left .a,
.App-header-container-left a {
  color:#a0a3c4;
  font-weight:400;
  line-height:1.8rem
}
.App-header-container-left .a.active,
.App-header-container-left a.active {
  color:#fff
}
.App-header-user-link {
  margin-right:2.4rem
}
.App-header-user-address {
  border:1px solid hsla(0,0%,100%,.161);
  border-radius:.4rem;
  height:3.6rem
}
@media(max-width:1350px) {
  .App-header-user-address {
    padding:0
  }
  .App-header-user-link,
  .App-header-user-netowork {
    margin-right:1.6rem
  }
  .App-header-link-home {
    display:block
  }
  .App-header-user {
    padding-bottom:0
  }
  .App-header-container-right {
    align-items:center;
    display:flex
  }
  .App-header-link-desktop {
    display:none
  }
  .App-header {
    grid-template-columns:1fr auto auto auto auto
  }
  .App-header-link-main img {
    height:2.1rem
  }
  .App-header.large {
    display:none
  }
  .App-header.small {
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    background:#0000 0 0 no-repeat padding-box;
    border-bottom:1px solid hsla(0,0%,100%,.063);
    display:flex;
    height:6.2rem;
    justify-content:space-between;
    padding-left:1.6rem;
    padding-right:1.6rem;
    position:relative
  }
  .App-header.small:after {
    background:#0000 linear-gradient(180deg,rgba(0,0,0,.188),#0000) 0 0 no-repeat padding-box;
    bottom:-1.3rem;
    content:" ";
    height:1.3rem;
    left:0;
    position:absolute;
    width:100%
  }
  a.App-header-user-account {
    margin-right:0
  }
}
@media(max-width:600px) {
  .App-header-link-main img.big {
    display:none
  }
  .App-header-link-main img.small {
    display:inline-block
  }
}
@media(max-width:450px) {
  .App-header-user-link,
  .App-header-user-netowork {
    margin-right:.6rem
  }
  .App-header-menu-icon-block {
    margin-left:0;
    margin-right:.4rem
  }
  .App-header-menu-icon {
    margin:.4rem .5rem
  }
  .App-header.small {
    padding-left:.6rem;
    padding-right:.6rem
  }
  .App-header .App-header-link-main {
    margin-left:0!important;
    padding:.155rem!important
  }
}
.header-dropdown {
  align-items:center!important;
  cursor:pointer;
  display:flex!important;
  display:inline-block;
  position:relative!important
}
@media screen and (max-width:1024px) {
  .header-dropdown {
    width:100%!important
  }
}
.header-dropdown-content {
  background:#16182e;
  border-radius:12px;
  box-shadow:0 4px 12px #32344c;
  display:none;
  min-width:170px;
  padding:12px;
  position:absolute;
  top:50px;
  z-index:1
}
@media screen and (max-width:1024px) {
  .header-dropdown-content {
    min-width:none;
    width:100%
  }
}
.header-dropdown-content a {
  color:#fff;
  display:block;
  padding:8px!important;
  text-decoration:none
}
.header-dropdown-content a:hover {
  background:#ffffff1a!important;
  border-radius:8px;
  color:#fff!important
}
.header-dropdown:hover .header-dropdown-content {
  display:block
}
.header-dropdown:hover .header-dropdown-content a {
  display:flex;
  font-size:14px;
  font-weight:500;
  line-height:20px
}
.header-dropdown:hover .header-dropdown-content a .ic-menu-destop {
  background:#ff4d4f;
  border-radius:12px;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  margin-right:12px;
  padding:8px
}
.header-dropdown:hover .header-dropdown-content a .menu-desc {
  color:#fff9;
  font-size:12px;
  font-weight:400;
  line-height:150%;
  margin-top:4px
}
@media screen and (max-width:1024px) {
  .header-dropdown:hover .header-dropdown-content a .ic-menu-destop,
  .header-dropdown:hover .header-dropdown-content a .menu-desc {
    display:none
  }
}
.dropbtn {
  align-items:center;
  border:none;
  color:#a0a3c4;
  display:flex;
  font-size:14px;
  font-weight:400;
  line-height:17px
}
.dropbtn .dropdown-img {
  filter:opacity(.5)
}
.dropbtn:hover {
  color:#fff
}
@media screen and (max-width:1033px) {
  .dropbtn {
    padding:1.5rem 1.6rem;
    width:100%
  }
}
.buy-input .InputSection-static-input {
  font-size:var(--font-lg)
}
.buy-input.Exchange-swap-section {
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:9.2rem
}
.buy-input .TokenSelector-box {
  align-items:center;
  border-radius:.4rem;
  color:#fff;
  display:flex;
  font-size:2.1rem;
  justify-content:flex-end;
  line-height:2.5rem;
  min-width:4.65rem
}
.buy-input .TokenSelector-box:hover {
  color:#7885ff
}
.buy-input .Exchange-swap-input-container {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.buy-input .Exchange-swap-max {
  color:#080715;
  font-size:var(--font-sm);
  position:static
}
.buy-input .TokenSelector-caret {
  margin:0 -.5rem 0 0
}
.buy-input .TokenSelector-box-symbol {
  margin-left:.8rem
}
.buy-input .PositionEditor-token-symbol {
  align-items:center;
  display:flex;
  margin-left:1.4rem
}
.buy-input .PositionEditor-token-symbol img {
  display:none;
  margin-left:.8rem
}
.buy-input .Exchange-swap-section-top {
  padding-bottom:0
}
.buy-input .selected-token {
  align-items:center;
  display:flex
}
.buy-input .Exchange-swap-balance {
  color:#fff
}
.GlpSwap-content {
  display:flex;
  gap:24px;
  justify-content:space-between
}
.GlpSwap-from-token .Modal {
  align-items:flex-start;
  justify-content:flex-end
}
.GlpSwap-from-token .Modal .Modal-content {
  width:41.85rem
}
.GlpSwap-from-token .Modal-content {
  border:none;
  bottom:0;
  max-height:100vh;
  overflow:hidden;
  position:absolute;
  top:0;
  width:38.75rem
}
.GlpSwap-from-token .Modal-content .Modal-body {
  -webkit-overflow-scrolling:touch;
  -webkit-overflow-scrolling:auto;
  max-height:calc(100vh - 7.75rem);
  overflow-y:auto
}
.GlpSwap-content .GlpSwap-box,
.GlpSwap-content .GlpSwap-stats-card {
  width:100%
}
@media(max-width:767px) {
  .GlpSwap-content .GlpSwap-box,
  .GlpSwap-content .GlpSwap-stats-card {
    padding:16px!important
  }
}
.GlpSwap-stats-card .App-card-row .label {
  color:#a9a9b0;
  opacity:1
}
.GlpSwap-content .GlpSwap-box {
  background:#191b2e;
  border-radius:.4rem;
  border-radius:16px;
  max-width:47.95rem;
  padding:0 1.5rem 1.5rem
}
.GlpSwap-box .Exchange-swap-option-tabs {
  margin:0 0 1.5rem
}
.GlpSwap-box .Exchange-swap-option-tabs .active {
  color:#34f5ae
}
.GlpSwap-box .Exchange-swap-option-tabs .Tab-option {
  font-weight:700!important
}
.GlpSwap-token-list {
  background:#191b2e;
  border-radius:16px;
  padding:0 1.5rem 1.5rem;
  text-align:left
}
.GlpSwap-token-list-content {
  display:grid;
  padding:0 1.5rem 1.5rem;
  text-align:left
}
.GlpSwap-box .App-card-title {
  margin-bottom:.8rem
}
.GlpSwap-box .Exchange-info-row {
  align-items:center;
  display:flex;
  height:1.5rem;
  justify-content:space-between;
  margin-bottom:.8rem
}
.GlpSwap-box .Exchange-info-row .Exchange-info-label {
  color:#a9a9b0;
  margin-right:.8rem;
  opacity:1
}
.GlpSwap-cta {
  margin:0 auto;
  padding-top:0;
  text-align:center
}
.GlpSwap-cta .Exchange-swap-button {
  font-size:var(--font-sm);
  justify-content:center;
  margin:0 auto;
  padding:0
}
.AppOrder-ball {
  opacity:.85
}
@media(max-width:900px) {
  .GlpSwap-content {
    flex-wrap:wrap
  }
  .GlpSwap-content .GlpSwap-stats-card {
    margin:0 0 3.1rem;
    max-width:100%
  }
  .GlpSwap-content .GlpSwap-box {
    margin:0;
    max-width:100%
  }
}
@media(max-width:1100px) {
  .GlpSwap-from-token .Modal {
    align-items:center;
    justify-content:center
  }
  .GlpSwap-from-token .Modal .Modal-content {
    border:none;
    bottom:auto;
    max-height:80vh;
    overflow:hidden;
    position:absolute;
    top:auto;
    width:41.85rem
  }
  .GlpSwap-from-token .Modal .Modal-content .Modal-body {
    max-height:calc(80vh - 8.525rem);
    overflow-y:auto
  }
  .GlpSwap-token-list {
    background-color:#0000;
    border:none;
    padding:0
  }
  .GlpSwap-token-list-content {
    padding:0
  }
}
.GlpSwap-stats-card {
  align-items:stretch;
  background-color:#0000!important;
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:60px 0 0!important;
  position:relative;
  width:100%
}
.GlpSwap-stats-card .App-card-title {
  position:absolute;
  top:0
}
.GlpSwap-stats-card .App-card-title .App-card-title-mark-icon {
  max-height:36px
}
.GlpSwap-stats-card .App-card-title .App-card-title-mark-info {
  align-items:center;
  display:flex;
  gap:4px
}
.GlpSwap-stats-card .App-card-title .App-card-title-mark-info .value {
  color:#34f5ae
}
.GlpSwap-stats-card .App-card-content {
  background-image:linear-gradient(270deg,#002e58cc,#191b2ecc);
  border-radius:16px;
  display:flex;
  padding:24px
}
.GlpSwap-stats-card .App-card-content>div {
  flex:1 1
}
.GlpSwap-stats-card .App-card-content .App-card-row {
  display:flex;
  flex-direction:column;
  gap:4px
}
.GlpSwap-stats-card .App-card-content .App-card-row>* {
  text-align:left
}
.GlpSwap-stats-card .App-card-content .App-card-row .label {
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.GlpSwap-stats-card .App-card-content .App-card-row .value {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
@media(max-width:767px) {
  .GlpSwap-stats-card .App-card-content .App-card-row .value {
    font-size:14px
  }
}
.GlpSwap-stats-card .App-card-content .App-card-row .desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
@media(max-width:767px) {
  .GlpSwap-stats-card .App-card-content {
    gap:16px
  }
}
.GlpSwap-box {
  max-width:424px!important;
  padding:24px!important;
  width:100%
}
.GlpSwap-box .Exchange-swap-option-tabs {
  background-color:#191b2e;
  font-size:14px;
  font-weight:500;
  line-height:140%;
  margin-bottom:20px!important
}
.GlpSwap-box .Exchange-swap-section {
  margin-bottom:0!important
}
.GlpSwap-box .Exchange-swap-section.buy-input {
  background-color:#11121b;
  min-height:80px;
  position:relative
}
@media(max-width:767px) {
  .GlpSwap-box .Exchange-swap-section.buy-input .Exchange-swap-section-bottom {
    bottom:4px;
    left:12px;
    position:absolute;
    right:12px
  }
}
.GlpSwap-box .Exchange-swap-input,
.GlpSwap-box .selected-token {
  font-size:16px;
  font-weight:500;
  line-height:140%
}
.GlpSwap-box .Exchange-swap-input img,
.GlpSwap-box .selected-token img {
  margin-right:4px
}
.GlpSwap-box .buy-input .PositionEditor-token-symbol img {
  display:block!important
}
.GlpSwap-box .AppOrder-ball-container {
  height:16px
}
.GlpSwap-box .AppOrder-ball {
  height:36px;
  top:50%!important;
  transform:translateY(-50%);
  width:36px
}
.GlpSwap-box .Exchange-info-row {
  margin:8px 0 22px
}
.GlpSwap-box .Exchange-swap-button {
  height:40px!important
}
.GlpSwap-box .Exchange-swap-section-bottom .Exchange-swap-label,
.GlpSwap-box .Exchange-swap-section-bottom>*,
.GlpSwap-box .Exchange-swap-section-top .Exchange-swap-label,
.GlpSwap-box .Exchange-swap-section-top>* {
  font-weight:400!important
}
.GlpSwap-box .Exchange-swap-section-bottom .Exchange-swap-balance,
.GlpSwap-box .Exchange-swap-section-top .Exchange-swap-balance {
  color:#fff9
}
.GlpSwap-box .Exchange-swap-section-bottom .PositionEditor-token-symbol,
.GlpSwap-box .Exchange-swap-section-top .PositionEditor-token-symbol {
  margin-left:4px
}
.GlpSwap-box .Exchange-swap-section-bottom .TokenSelector-box-symbol,
.GlpSwap-box .Exchange-swap-section-top .TokenSelector-box-symbol {
  margin-left:0
}
@media(max-width:1023px) {
  .GlpSwap-box {
    max-width:none!important
  }
}
.GlpSwap .token-table .Tooltip-popup {
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.GlpSwap .buy-tooltip a {
  color:#fff
}
.GlpSwap .buy-tooltip a:hover,
.GlpSwap .buy-tooltip a:hover span {
  color:#03f5ae!important
}
.GlpSwap .Page-title {
  margin-bottom:12px
}
@media(max-width:767px) {
  .GlpSwap .Tooltip-row-values>li {
    text-align:left!important
  }
  .GlpSwap .Tab-title-section {
    padding-top:64px
  }
}
.GlpSwap .Tab-title-section .Page-title span {
  font-size:24px
}
.GlpSwap.theme--light .buy-tooltip a:hover,
.GlpSwap.theme--light .buy-tooltip a:hover span {
  color:#02b27f!important
}
.asset-menu-items {
  background:var(--dark-blue);
  border:1px solid #32344c;
  border-radius:.4rem;
  border-radius:16px;
  outline:none;
  padding:8px;
  position:absolute;
  transform:translate(-75%,5px);
  white-space:nowrap;
  z-index:100
}
.center-both {
  align-items:center;
  display:flex;
  justify-content:center
}
.dropdown-arrow {
  color:#fff;
  cursor:pointer;
  margin-left:.8rem;
  opacity:.8
}
.dropdown-arrow:hover {
  opacity:1
}
.asset-item {
  align-items:center;
  border-radius:12px;
  border-radius:var(--Base-Unit-S-12,12px);
  color:#a0a3c4;
  cursor:pointer;
  display:flex;
  font-size:var(--font-sm);
  gap:8px;
  gap:var(--Base-Unit-XS-8,8px);
  padding:12px;
  padding:var(--Base-Unit-S-12,12px);
  text-decoration:none
}
.asset-item:hover {
  background:var(--dark-blue-hover);
  border-radius:12px;
  color:#fff
}
.asset-item p {
  margin:0 0 0 .5rem
}
.asset-item img {
  align-items:center;
  display:flex;
  height:24px;
  justify-content:center;
  width:24px
}
.asset-menu-items.theme--light {
  background:#fff!important;
  background:var(--Nature-1,#fff)!important;
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  box-shadow:0 0 12px 0 #00000012
}
.asset-menu-items.theme--light .asset-item {
  color:#0d1a16!important
}
.asset-menu-items.theme--light .asset-item:hover {
  background:#f2f5f7!important
}
.asset-menu-items.theme--light .asset-item:hover span {
  color:#000!important
}
.buy-glp-content {
  padding-top:4.65rem
}
.Page-title {
  font-weight:700!important;
  line-height:140%!important
}
.Page-desc {
  color:#fff9;
  color:var(--white-60,var(--text-text-secondary,#fff9));
  font-size:14px;
  font-weight:400;
  line-height:140%
}
@media (max-width:1024px) {
  .Page-title {
    font-size:24px!important;
    font-weight:700!important;
    line-height:140%!important
  }
}
.ClaimEsGmx input {
  border:1px solid #fff3;
  box-sizing:border-box;
  font-size:var(--font-base);
  width:100%
}
.ClaimEsGmx label {
  display:block;
  margin-bottom:.8rem
}
.ClaimEsGmx-content {
  max-width:38.75rem;
  padding:1.5rem 4.65rem 4.65rem
}
.ClaimEsGmx-row {
  margin-bottom:1.5rem
}
.ClaimEsGmx button {
  margin-top:.8rem
}
.ClaimEsGmx-vesting-options .Checkbox.btn-lg {
  display:block;
  font-size:1.85rem;
  margin-bottom:.8rem;
  padding-left:1.85rem;
  padding-top:.465rem;
  width:35.65rem
}
.ClaimEsGmx-vesting-options .Checkbox.btn-lg.selected.arbitrum {
  background:#29a0f033
}
.ClaimEsGmx-vesting-options .Checkbox.btn-lg.selected.avalanche {
  background:#e8414133
}
.ClaimEsGmx-vesting-options .Checkbox img {
  height:1.5rem
}
.ClaimEsGmx-option-label {
  display:inline-block;
  opacity:.7;
  text-align:center;
  width:27.9rem
}
.ClaimEsGmx-vesting-options .Checkbox.selected .ClaimEsGmx-option-label {
  opacity:1
}
.ClaimEsGmx-vesting-options .Checkbox.arbitrum .Checkbox-icon.active {
  color:#29a0f0
}
.ClaimEsGmx-vesting-options .Checkbox.avalanche .Checkbox-icon.active {
  color:#e84141
}
.ClaimEsGmx button {
  max-width:35.65rem
}
.ClaimEsGmx-input-label {
  margin-bottom:.8rem
}
.ClaimEsGmx input {
  width:35.65rem
}
.ClaimEsGmx-input-container {
  position:relative
}
.ClaimEsGmx-max-button {
  background:linear-gradient(90deg,#2d42fc,#2e3dcd);
  border-radius:3px;
  color:#ffffffb3;
  cursor:pointer;
  font-size:var(--font-sm);
  left:29.75rem;
  padding:.465rem .8rem;
  position:absolute;
  top:.93rem;
  z-index:1
}
.ClaimEsGmx-max-button:hover {
  background:linear-gradient(90deg,#3a4efc,#3344de);
  color:#fff
}
.CompleteAccountTransfer .Modal .App-cta {
  display:block;
  text-align:center
}
.CompleteAccountTransfer .Page-description {
  display:block!important
}
@media screen and (max-width:767px) {
  .CompleteAccountTransfer .Page-title-section {
    padding:0 16px
  }
}
.CompleteAccountTransfer .Page-description p span {
  color:#02f5ae
}
.CompleteAccountTransfer .Page-title span {
  font-size:24px
}
.CompleteAccountTransfer.theme--light .Page-description p span {
  color:#02b27f
}
.DashboardV2-projects {
  grid-gap:1.5rem;
  display:grid;
  grid-template-columns:1fr 1fr
}
@media (max-width:900px) {
  .DashboardV2-projects {
    grid-template-columns:1fr
  }
}
a.btn {
  align-items:center;
  display:inline-flex;
  text-decoration:none
}
.btn-center {
  justify-content:center
}
.btn-left {
  justify-content:start
}
.btn {
  align-items:center;
  border:none;
  border-radius:var(--border-radius-sm);
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font-size:2rem
}
.btn-sm {
  padding:.5rem 1.4rem
}
.btn-lg,
.btn-xl {
  padding:.8rem 1.5rem
}
.btn-label {
  font-size:2rem;
  font-weight:400;
  letter-spacing:0;
  line-height:2.325rem;
  margin-left:1.1625rem
}
.btn-lg .btn-image {
  max-height:2.3rem;
  max-width:2.3rem
}
.btn-lg .btn-image,
.btn-xl .btn-image {
  align-items:center;
  display:inline-flex;
  justify-content:center
}
.btn-xl .btn-image {
  height:2.7rem;
  width:2.7rem
}
.btn-primary {
  background:#0000;
  border:1px solid #ffffff1a;
  border-radius:12px;
  transition:.3s
}
.btn-primary:active,
.btn-primary:hover {
  background:#b0b7ff33
}
.card {
  background:#191b2e;
  border-radius:16px
}
.card-header {
  align-items:center;
  color:#fff;
  display:flex;
  font-size:14px;
  font-weight:700;
  justify-content:space-between;
  letter-spacing:0;
  line-height:140%;
  margin:24px 24px 0
}
.card-divider {
  background:#ffffff1a;
  height:1px
}
.card-body {
  padding:24px
}
.BuyGMXGLP {
  justify-content:space-between
}
.BuyGMXGLP-container {
  padding-bottom:3.1rem;
  width:100%
}
.BuyGMXGLP-container .section-title-block {
  margin-bottom:29px!important
}
@media(max-width:1023px) {
  .BuyGMXGLP-container .section-title-block {
    flex-direction:column
  }
  .BuyGMXGLP-container .section-title-block>div {
    width:100%
  }
}
.BuyGMXGLP-container .section-title-block {
  align-items:flex-start;
  display:flex;
  justify-content:space-between;
  max-width:none!important
}
.BuyGMXGLP-container .App-card-APR {
  margin-top:0!important;
  width:424px!important
}
@media(max-width:1023px) {
  .BuyGMXGLP-container .App-card-APR {
    margin-top:24px!important;
    width:100%!important
  }
}
@media(max-width:767px) {
  .BuyGMXGLP-container .App-card-APR .row {
    flex-direction:row
  }
}
.BuyGMXGLP-description {
  color:#a9a9b0;
  letter-spacing:0
}
.bridge-options {
  grid-gap:.8rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:1.5rem
}
.buy-gmx {
  flex:1 1 auto;
  margin:3.1rem 0
}
.alternative-bridges .transfer-eth-icon,
.buy-gmx {
  align-items:center;
  display:flex;
  justify-content:center
}
.alternative-bridges .transfer-eth-icon {
  width:5.58rem
}
.direct-purchase-options {
  align-items:center;
  display:flex;
  flex:1 1 auto;
  justify-content:center;
  margin:3rem 0
}
.GMX-btn {
  align-items:center;
  background:hsla(0,0%,100%,.039);
  border:1px solid hsla(0,0%,100%,.078);
  border-radius:.4rem;
  display:flex;
  height:4.65rem;
  margin:3.1rem 0;
  padding:.8rem 1.5rem;
  text-decoration:none
}
.GMX-btn:hover {
  background:hsla(0,0%,100%,.078)
}
.GMX-btn:active,
.GMX-btn:focus {
  background:hsla(0,0%,100%,.122)
}
.GMX-btn-icon-block {
  display:flex;
  margin-right:1.165rem
}
.GMX-btn-icon {
  align-items:center;
  display:flex;
  height:3rem;
  justify-content:center;
  position:relative;
  width:3rem
}
.GMX-btn-icon-network {
  bottom:0;
  display:flex;
  position:absolute;
  right:0
}
.GMX-btn-label {
  color:#fff;
  font-size:1.85rem;
  letter-spacing:0;
  line-height:2.325rem
}
.GMX-block-section {
  display:flex;
  justify-content:center
}
.display-bg {
  display:block
}
.display-sm {
  display:none!important
}
.card-title {
  font-size:3.41rem;
  font-weight:700;
  margin-bottom:1.5rem
}
.cards-row {
  grid-gap:2rem;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  margin-bottom:2rem
}
@media(max-width:1023px) {
  .cards-row {
    grid-template-columns:repeat(1,1fr)
  }
}
.card-description {
  margin:0;
  opacity:.7
}
.buttons-group {
  grid-gap:1rem;
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(3,1fr);
  margin-top:1rem;
  width:100%
}
.col-2 {
  grid-template-columns:repeat(2,1fr)
}
.col-1 {
  display:inline-flex
}
.mt-top {
  margin-top:5rem
}
.exchange-info-group:not(:last-child) {
  margin-bottom:1.5rem
}
@media(max-width:767px) {
  .buttons-group {
    grid-template-columns:repeat(2,1fr)
  }
}
@media(max-width:800px) {
  .display-bg {
    display:none!important
  }
  .display-sm {
    display:block!important
  }
  .card-details {
    display:flex;
    flex-direction:column
  }
  .section-title-block {
    margin-bottom:1.5rem!important
  }
  .cards-row {
    grid-template-columns:1fr
  }
}
@media(max-width:400px) {
  .BuyGMXGLP-description {
    font-size:var(--font-base);
    line-height:2rem
  }
  .col-1 {
    display:grid
  }
}
@media(max-width:370px) {
  .cards-row {
    grid-template-columns:auto
  }
}
.SwapBox-collateral-tooltip-text {
  font-weight:400
}
.order-list {
  list-style:none;
  margin:1rem 0;
  padding:0
}
.order-list li {
  align-items:center;
  background:var(--dark-blue-hover);
  border-radius:var(--border-radius-sm);
  display:flex;
  justify-content:space-between;
  margin-bottom:.5rem;
  padding:1rem
}
.order-list li p {
  margin:0
}
.order-list li button {
  background:none;
  border:none;
  color:#fff;
  font-size:var(--font-sm);
  opacity:.8
}
.order-list li button:hover {
  opacity:1
}
.view-orders {
  cursor:pointer;
  text-decoration:underline
}
.Orders-toa .Modal-content {
  font-size:var(--font-base);
  width:36rem
}
.Orders-toa-accept-rules {
  margin-top:.31rem
}
.Orders-toa-accept-rules .Checkbox {
  direction:rtl;
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:1fr auto;
  margin-bottom:.465rem;
  width:100%
}
.Orders-toa-accept-rules .Checkbox-label {
  margin-right:.8rem
}
.percentage-btn-container {
  display:flex;
  gap:4px
}
.percentage-btn-container .percentahe-value {
  align-items:center;
  border:1px solid #03f5ae;
  border:1px solid var(--yellow,#03f5ae);
  border-radius:8px;
  display:flex;
  flex:1 1;
  gap:4px;
  justify-content:space-between;
  padding-right:8px;
  transition:all .15s ease-in-out
}
.percentage-btn-container .percentahe-value:hover {
  opacity:.6
}
.percentage-btn-container .percentahe-value:has(input:focus) {
  opacity:1
}
.percentage-btn-container .percentahe-value input {
  color:#03f5ae;
  color:var(--yellow,#03f5ae);
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:120%;
  max-height:34px;
  padding-left:8px;
  padding-right:0!important;
  width:45px
}
.percentage-btn-container .percentahe-value input::placeholder {
  color:#03f5ae;
  color:var(--yellow,#03f5ae);
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:120%
}
.percentage-btn-container .percentahe-value span {
  color:#03f5ae;
  color:var(--yellow,#03f5ae);
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:120%
}
.percentage-btn-container .init-value {
  border:1px solid #fff!important
}
.percentage-btn-container .init-value input,
.percentage-btn-container .init-value input::placeholder,
.percentage-btn-container .init-value span {
  color:#fff!important
}
.percentage-btn-container .percentage-btn {
  align-items:center;
  border:1px solid #ffffff1a;
  border:1px solid var(--white-10,#ffffff1a);
  border-radius:8px;
  cursor:pointer;
  display:flex;
  flex:1 1;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  height:36px;
  justify-content:center;
  line-height:120%
}
.percentage-btn-container .percentage-btn:hover {
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a)
}
.percentage-btn-container .percentage-btn-selected {
  background:rgba(3,245,174,.102);
  border:1px solid #03f5ae!important
}
.PositionEditor .PositionSeller-modal .Modal-content .Modal-body {
  margin-right:.8rem;
  padding-right:.7rem
}
.PositionSeller-token-selector .Modal .Modal-content {
  width:38rem
}
.PositionSeller-token-selector.warning .TokenSelector-box {
  color:#f7931a
}
.PositionSeller-token-selector .TokenSelector-box {
  display:inline-flex
}
.PositionSelector-selected-receive-token {
  display:inline-flex;
  flex:1 1;
  white-space:normal
}
.PositionSeller-token-selector .TokenSelector-box .TokenSelector-caret {
  margin-bottom:-2px;
  margin-left:0;
  margin-right:-2px
}
.PositionSeller-fee-item {
  margin-bottom:4px
}
.PositionSeller-fees-tooltip .Tooltip-popup {
  min-width:30rem
}
@media (max-width:700px) {
  .PositionSeller-token-selector .Modal .Modal-content {
    width:90vw
  }
  .PositionSeller-fees-tooltip .Tooltip-popup {
    min-width:30rem
  }
}
@media (max-width:350px) {
  .PositionSeller-receive-row.Exchange-info-row {
    align-items:flex-start;
    display:flex;
    flex-direction:column
  }
  .Exchange-info-row.PositionSeller-receive-row .TokenSelector-box,
  .PositionSelector-selected-receive-token.align-right {
    margin-top:8px;
    text-align:left
  }
}
.exchange-v2 .position-share-modal .Modal-content {
  max-width:none!important;
  min-width:36rem;
  width:581px
}
.exchange-v2 .position-share-modal .Modal-content .Modal-body {
  padding:24px!important
}
.exchange-v2 .position-share-modal .actions {
  grid-gap:12px;
  display:grid;
  gap:12px;
  grid-template-columns:1fr 1fr 1fr;
  margin-top:24px
}
.exchange-v2 .position-share-modal .actions img {
  margin-right:4px;
  width:24px
}
@media screen and (max-width:700px) {
  .exchange-v2 .position-share-modal .actions img {
    width:16px
  }
}
.exchange-v2 .checkbox-list {
  display:flex;
  margin-top:24px
}
.exchange-v2 .checkbox-list>div:not(:last-child) {
  margin-right:24px
}
.exchange-v2 .checkbox-list>div {
  align-items:center;
  display:flex
}
.exchange-v2 img.img-check {
  cursor:pointer;
  height:16px;
  margin-right:8px;
  pointer-events:all;
  width:16px
}
.exchange-v2 .position-share-modal a,
.exchange-v2 .position-share-modal button {
  background:none;
  border:none;
  color:#000;
  font-size:1.45rem;
  opacity:.9;
  text-decoration:none
}
.exchange-v2 .position-share-modal button {
  background:#03f5ae;
  border-radius:8px;
  color:#000;
  padding:8px 16px
}
.exchange-v2 .tweet-link-container a {
  color:#000
}
.exchange-v2 .position-share-modal a:not(:disabled):hover,
.exchange-v2 .position-share-modal button:not(:disabled):hover {
  opacity:1
}
.exchange-v2 .position-share-modal a:active,
.exchange-v2 .position-share-modal button:active {
  opacity:.8
}
.exchange-v2 .position-share-modal .icon {
  margin-right:.5rem;
  vertical-align:middle
}
.exchange-v2 .position-share {
  background-position:100%;
  background-repeat:no-repeat;
  background-size:contain;
  background-size:cover;
  display:flex;
  flex-direction:column;
  height:100%;
  justify-content:space-between;
  padding:20px 24px 24px;
  width:100%
}
.exchange-v2 .position-share .logo_wrapper {
  align-items:center;
  display:flex;
  justify-content:flex-start;
  margin-bottom:16px
}
.exchange-v2 .position-share .logo {
  height:32px
}
.exchange-v2 .position-share .chain_img {
  position:absolute;
  right:0;
  top:0
}
.exchange-v2 .position-share .info {
  color:#fff;
  display:flex;
  font-size:14px;
  font-weight:400;
  line-height:120%;
  list-style:none;
  margin-bottom:10px;
  padding-left:0
}
.exchange-v2 .position-share .info li {
  border-right:1px solid #fff3;
  padding:0 12px
}
.exchange-v2 .position-share .info li:last-child {
  border-right:none
}
.exchange-v2 .position-share .info li:first-child {
  padding-left:0
}
.exchange-v2 .position-share .info>.side.long {
  color:#8fefaa
}
.exchange-v2 .position-share .info>.side.short {
  color:#f6475d
}
.exchange-v2 .position-share .pnl {
  align-items:baseline;
  color:#8fefaa;
  color:var(--Green,#8fefaa);
  display:flex;
  font-size:36px;
  font-weight:700;
  gap:4px;
  line-height:120%;
  margin-bottom:10px
}
.exchange-v2 .position-share .pnl .change-dollar {
  font-size:16px;
  font-weight:500;
  line-height:120%
}
.exchange-v2 .position-share .pnl.positive {
  color:#8fefaa
}
.exchange-v2 .position-share .pnl.negative {
  color:#de3b3b
}
.exchange-v2 .tweet-link-container {
  height:40px
}
.exchange-v2 .tweet-link-container a {
  height:100%
}
.exchange-v2 .position-share .prices {
  margin-bottom:24px
}
.exchange-v2 .position-share .prices>div {
  display:flex;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.exchange-v2 .position-share .prices>div:first-child {
  margin-bottom:4px
}
.exchange-v2 .position-share .prices>div p {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:120%;
  margin:0
}
.exchange-v2 .position-share .prices p.price {
  color:#ffdf76;
  font-weight:500;
  margin-left:4px
}
.exchange-v2 .position-share .referral-code {
  align-items:center;
  display:flex
}
.exchange-v2 .position-share .referral-code div {
  display:flex;
  flex-direction:column
}
.exchange-v2 .position-share .referral-code .label {
  color:#fff9;
  font-size:16px;
  font-weight:400;
  line-height:100%;
  margin-bottom:8px
}
.exchange-v2 .position-share .referral-code .referral-code-info {
  margin-left:1rem
}
.exchange-v2 .position-share .referral-code img {
  height:30px;
  margin-right:1rem;
  width:30px
}
.exchange-v2 .position-share .referral-code p {
  margin:0
}
.exchange-v2 .position-share .code {
  font-size:16px;
  font-weight:500;
  line-height:100%
}
.exchange-v2 .tweet-link-container.disabled {
  cursor:not-allowed
}
.exchange-v2 .position-share-modal .App-button-option {
  justify-content:center
}
.exchange-v2 a.App-button-option.tweet-link {
  text-decoration:none;
  width:100%
}
.exchange-v2 a.App-button-option.tweet-link.disabled {
  pointer-events:none
}
.exchange-v2 .image-loading {
  align-items:center;
  display:flex;
  justify-content:center;
  margin:1.5rem 0
}
.exchange-v2 .image-overlay-wrapper {
  align-items:center;
  background:rgba(0,0,0,.333);
  border-top-left-radius:5px;
  bottom:0;
  color:#fff;
  display:inline-flex;
  float:right;
  justify-content:flex-end;
  padding:0 .25rem;
  position:absolute;
  right:0
}
.exchange-v2 .image-overlay-wrapper .loading-text {
  font-size:1.1rem;
  margin:0 0 0 .5rem
}
.exchange-v2 .image-overlay {
  align-items:center;
  display:flex;
  justify-content:center;
  padding:.5rem 0
}
.exchange-v2 .image-overlay .spinning-loader {
  margin-left:.5rem
}
.exchange-v2 .position-share .blue {
  color:#0ecc83!important
}
.exchange-v2 .position-share .red {
  color:#de3b3b!important
}
@media(max-width:700px) {
  .exchange-v2 .position-share .logo_wrapper {
    margin-bottom:12px
  }
  .exchange-v2 .position-share .referral-code .referral-code-info {
    margin-left:8px
  }
  .exchange-v2 .position-share .pnl .change-dollar {
    font-size:14px
  }
  .exchange-v2 .position-share-modal .Modal-content {
    max-width:calc(100vw - 32px);
    min-width:0;
    min-width:auto;
    width:343px
  }
  .exchange-v2 .position-share .info {
    margin-bottom:8px
  }
  .exchange-v2 .position-share-modal .Modal-content .Modal-body {
    padding:8px!important
  }
  .exchange-v2 .position-share {
    padding:12px
  }
  .exchange-v2 .position-share .logo {
    width:50px
  }
  .exchange-v2 .position-share .info {
    font-size:12px
  }
  .exchange-v2 .position-share .pnl {
    font-size:24px;
    margin-bottom:8px
  }
  .exchange-v2 .position-share .prices {
    margin-bottom:12px
  }
  .exchange-v2 .position-share .prices>div {
    font-size:12px
  }
  .exchange-v2 .position-share .prices>div:first-child {
    margin-bottom:0
  }
  .exchange-v2 .position-share .prices p,
  .exchange-v2 .position-share .prices p.price,
  .exchange-v2 .position-share .referral-code .label,
  .exchange-v2 .position-share .referral-code p {
    font-size:12px
  }
  .exchange-v2 .position-share-modal .actions {
    gap:8px;
    grid-template-columns:repeat(2,1fr);
    margin-top:16px
  }
  .exchange-v2 .position-share-modal .actions button {
    margin-right:0
  }
}
@media screen and (max-width:700px)and (max-width:600px) {
  .exchange-v2 .position-share-modal .actions {
    display:grid;
    grid-template-columns:repeat(3,1fr)
  }
}
@media(max-width:700px) {
  .exchange-v2 .checkbox-list {
    margin-top:16px
  }
  .exchange-v2 .image-overlay-wrapper .loading-text {
    font-size:1rem
  }
}
.exchange-v2 .checkbox-item {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.exchange-v2.theme--light .position-share-modal .Modal-content .Modal-body :not(.pnl,
.checkbox-item,
.price,
.side) {
  color:#fff!important
}
.exchange-v2.theme--light .position-share .info>.side.long {
  color:#03f5ae!important;
  color:var(--Primary,#03f5ae)!important
}
.exchange-v2.theme--light .position-share .info>.side.short {
  color:#f6475d!important
}
.exchange-v2.theme--light .position-share .prices p.price {
  color:#ffdf76!important
}
.exchange-v2.theme--light .position-share .referral-code .referral-code-info .label {
  color:#fff9!important;
  color:var(--Text-Text_Secondary,#fff9)!important
}
.exchange-v2.theme--light .checkbox-list>.checkbox-item {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.ant-pagination-mini {
  color:#fff;
  display:flex;
  font-family:Roboto;
  gap:8px;
  justify-content:flex-end;
  margin-top:24px
}
@media screen and (max-width:400px) {
  .ant-pagination-mini {
    gap:4px
  }
}
.ant-pagination-mini>li {
  height:40px!important
}
.ant-pagination-mini * {
  color:#fff
}
.ant-pagination-mini .ant-pagination-next,
.ant-pagination-mini .ant-pagination-prev {
  align-items:center;
  border:1px solid hsla(0,0%,100%,.102);
  border-radius:8px;
  display:flex;
  height:40px;
  justify-content:center;
  width:40px
}
.ant-pagination-mini .ant-pagination-next:hover,
.ant-pagination-mini .ant-pagination-prev:hover {
  border:1px solid #fff
}
.ant-pagination-mini .ant-pagination-item {
  align-items:center;
  border:1px solid hsla(0,0%,100%,.102)!important;
  border-radius:8px;
  display:flex;
  height:40px;
  justify-content:center;
  padding:8px 16px;
  width:40px
}
.ant-pagination-mini .ant-pagination-item a {
  color:#fff!important;
  font-weight:500
}
.ant-pagination-mini .ant-pagination-item-active {
  background-color:#03f5ae
}
.ant-pagination-mini .ant-pagination-item-active a {
  color:#fff!important
}
.ant-pagination-mini .ant-pagination-item-active:hover {
  border-color:#0000
}
.ant-pagination-mini .ant-pagination-jump-next,
.ant-pagination-mini .ant-pagination-jump-prev {
  align-items:center;
  border:1px solid hsla(0,0%,100%,.102);
  border-radius:8px;
  display:flex;
  height:40px;
  justify-content:center;
  line-height:inherit;
  width:40px!important
}
.ant-pagination-mini .ant-pagination-item-ellipsis {
  color:#fff!important
}
.pagination-v2 {
  color:#fff;
  display:flex;
  font-family:Roboto;
  justify-content:flex-end;
  margin-top:16px
}
.pagination-v2>li {
  height:40px!important
}
.pagination-v2 * {
  color:#fff
}
.pagination-v2 .ant-pagination-next,
.pagination-v2 .ant-pagination-prev {
  align-items:center;
  border:1px solid hsla(0,0%,100%,.102);
  border-radius:8px;
  display:flex;
  height:40px;
  justify-content:center;
  width:40px
}
.pagination-v2 .ant-pagination-next:hover,
.pagination-v2 .ant-pagination-prev:hover {
  border:1px solid #fff
}
.pagination-v2 .ant-pagination-item {
  align-items:center;
  border:1px solid hsla(0,0%,100%,.102);
  border-radius:8px;
  display:flex;
  height:40px;
  justify-content:center;
  padding:8px 16px;
  width:40px
}
.pagination-v2 .ant-pagination-item a {
  color:#fff!important;
  font-family:Roboto;
  font-weight:500
}
.pagination-v2 .ant-pagination-item:hover {
  border:1px solid #fff
}
.pagination-v2 .ant-pagination-item-active {
  background-color:#03f5ae
}
.pagination-v2 .ant-pagination-item-active a {
  color:#fff!important
}
.pagination-v2 .ant-pagination-item-active:hover {
  background:#03f5ae!important;
  border:none!important;
  border-color:#0000
}
.pagination-v2 .ant-pagination-jump-next,
.pagination-v2 .ant-pagination-jump-prev {
  align-items:center;
  border:1px solid hsla(0,0%,100%,.102);
  border-radius:8px;
  display:flex;
  height:40px;
  justify-content:center;
  line-height:inherit;
  padding-bottom:0;
  width:40px!important
}
.pagination-v2 .ant-pagination-item-ellipsis {
  color:#fff!important
}
.pagination-v2 .ant-pagination-item-active a {
  color:#000!important
}
.pagination-v2 .ant-pagination-next,
.pagination-v2 .ant-pagination-prev {
  padding-bottom:0!important
}
.Exchange-wave {
  background:linear-gradient(40deg,#6004bd,#4169e0 22%,#6308bf 23%,#330973 37%,#ff2491 38%,#c910a1 50%,#ab0aa3 59%,#750480 67%,#601dc4 68%,#5c37cc 84%,#5458d6);
  bottom:1.5rem;
  filter:blur(5rem);
  left:1.5rem;
  -webkit-mask-image:url(/static/media/wave-01.3c9bce1edb0459972f2a.png);
  mask-image:url(/static/media/wave-01.3c9bce1edb0459972f2a.png);
  -webkit-mask-position:center;
  mask-position:center;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-size:90% 90%;
  mask-size:90% 90%;
  pointer-events:none;
  position:absolute;
  right:1.5rem;
  top:1.5rem;
  z-index:1
}
.exchange-v2 {
  background:#000
}
.exchange-v2 .Exchange-updated-ui {
  background:url(/static/media/color_bg.cb69ca8905e0697bf113.png);
  background-repeat:no-repeat;
  background-size:100% 100%
}
@media screen and (max-height:700px) {
  .exchange-v2 .Exchange-swap-box-inner .Tab-option {
    font-size:12px!important
  }
}
@media screen and (max-height:900px) {
  .exchange-v2 .PositionsList .Modal-content .content-container {
    max-height:60vh!important
  }
}
@media screen and (max-height:600px) {
  .exchange-v2 .PositionsList .Modal-content .content-container {
    max-height:50vh!important
  }
}
@media screen and (max-height:450px) {
  .exchange-v2 .PositionsList .Modal-content .content-container {
    max-height:40vh!important
  }
}
.exchange-v2 .chart-token-selector--current {
  color:#fff;
  font-size:2.1rem;
  font-weight:700
}
.exchange-v2 .chart-token-menu-items .menu-items {
  width:424px!important
}
@media screen and (max-width:767px) {
  .exchange-v2 .chart-token-menu-items.menu-items {
    top:4.5rem
  }
}
.exchange-v2 .chart-token-menu-items .menu-item {
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.exchange-v2 .menu-item-active {
  background:#ffffff1a!important;
  background:var(--white-10,#ffffff1a)!important
}
.exchange-v2 .Exchange {
  justify-content:space-between;
  margin:auto;
  max-width:155rem
}
.exchange-v2 .Exchange-trigger-order-info,
.exchange-v2 .Exchange-trigger-order-info a {
  border:1px solid #23263b;
  color:#fffc
}
.exchange-v2 .Exchange-list-tab-container {
  display:grid;
  grid-template-columns:auto auto;
  margin-bottom:16px
}
.exchange-v2 .Exchange-should-show-position-lines {
  font-size:1.4rem;
  gap:16px
}
.exchange-v2 .Exchange-should-show-position-lines>.group-actions {
  display:flex
}
.exchange-v2 .Exchange-should-show-position-lines>.group-switch {
  align-items:center;
  background:#0000;
  border:1.5px solid #75758f;
  border-radius:5px;
  cursor:pointer;
  display:flex;
  font-size:14px;
  height:34px;
  justify-content:center;
  line-height:18px;
  max-width:114px;
  width:100%
}
.exchange-v2 .Exchange-should-show-position-lines>.group-switch>span {
  color:#75758f;
  margin:0 4px
}
.exchange-v2 .add-to-position-modal .square-container .align-right {
  font-weight:700!important
}
@media screen and (max-width:700px) {
  .exchange-v2 .add-to-position-modal .square-container .position-change-line .Exchange-list-info-label {
    font-size:12px!important
  }
}
.exchange-v2 .group-switch-mobile>span {
  color:#75758f;
  margin:0 4px
}
.exchange-v2 .group-switch-mobile {
  align-items:center;
  background:#0000;
  border:1.5px solid #75758f;
  border-radius:5px;
  cursor:pointer;
  display:none;
  font-size:14px;
  height:34px;
  justify-content:center;
  line-height:18px;
  margin-bottom:16px;
  max-width:114px;
  width:100%
}
@media(max-width:767px) {
  .exchange-v2 .Exchange-should-show-position-lines>.group-switch {
    display:none
  }
}
.exchange-v2 .Exchange-should-show-position-lines .active {
  opacity:1
}
.exchange-v2 .Exchange-should-show-position-lines svg {
  border-radius:4px
}
.exchange-v2 .Exchange-empty-positions-list-note {
  padding-bottom:.465rem
}
.exchange-v2 .position-loading-icon {
  color:#3749e6;
  display:inline-block;
  font-size:1.25rem;
  margin-left:.8rem;
  margin-top:-.31rem;
  vertical-align:middle
}
.exchange-v2 .Exchange-settings-row .Checkbox-label {
  font-size:14px!important
}
.exchange-v2 .Exchange-settings .App-cta {
  margin-top:1.5rem
}
.exchange-v2 .Exchange-content {
  grid-gap:1.5rem;
  display:grid;
  grid-template-columns:1fr auto;
  margin-top:-1.5rem;
  padding:0 3.1rem 3.1rem
}
.exchange-v2 .Exchange-position-list-orders {
  white-space:nowrap
}
.exchange-v2 .Exchange-lists.large {
  background:#191b2e;
  border-radius:16px;
  display:block;
  padding:16px
}
.exchange-v2 .Exchange-lists.small {
  display:none
}
.exchange-v2 .Exchange-right {
  background:#1a1919;
  background:var(--Natural-1,#1a1919);
  border-left:1px solid #ffffff1a;
  border-left:1px solid var(--white-10,#ffffff1a);
  display:grid;
  grid-template-rows:auto 1fr
}
@media screen and (min-width:1351px) {
  .exchange-v2 .Exchange-right {
    max-height:calc(100vh - 62px);
    overflow-y:auto
  }
}
.exchange-v2 .Exchange-leverage-slider-settings {
  font-size:var(--font-sm);
  margin-bottom:.8rem
}
.exchange-v2 .Exchange-leverage-slider-settings .Checkbox {
  direction:rtl;
  display:grid;
  grid-template-columns:1fr auto
}
.exchange-v2 .Exchange-wallet-tokens {
  display:none;
  min-height:15.5rem;
  position:relative
}
.exchange-v2 .Exchange-wallet-tokens-content {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:1.5rem
}
.exchange-v2 .Exchange-bottom-header-item {
  cursor:pointer;
  display:inline-block;
  margin-bottom:1.5rem;
  margin-right:1.5rem;
  opacity:.7;
  padding-left:.155rem
}
.exchange-v2 .Exchange-bottom-header-item.active {
  opacity:1;
  pointer-events:none
}
.exchange-v2 .Exchange-swap-connect-wallet {
  border:1px solid #323232;
  border-radius:3px;
  cursor:pointer;
  text-align:center
}
.exchange-v2 .Exchange-swap-connect-wallet:hover {
  background:#272e33;
  border-radius:.6rem
}
.exchange-v2 .Exchange-swap-settings.Exchange-swap-txns-status {
  margin-right:1.5rem;
  text-align:right
}
.exchange-v2 .Exchange-swap-account .Exchange-swap-address:hover,
.exchange-v2 .Exchange-swap-account .Exchange-swap-txns-status:hover {
  opacity:1
}
.exchange-v2 .Exchange-leverage-slider {
  margin-bottom:20px;
  margin-top:1.5rem;
  padding:0 .8rem
}
.exchange-v2 .Exchange-swap-leverage-options {
  text-align:right
}
.exchange-v2 .Exchange-swap-leverage-option {
  background:#5b2ab0;
  border-radius:3px;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  margin-left:.8rem;
  opacity:.7;
  padding:0 .8rem
}
.exchange-v2 .Exchange-swap-leverage-option.active {
  background:#842ec9;
  opacity:1;
  pointer-events:none
}
.exchange-v2 .Exchange-swap-leverage-option:hover {
  opacity:1
}
.exchange-v2 .Exchange-swap-leverage-unlock-icon {
  font-size:.8rem;
  margin-top:-.31rem;
  vertical-align:middle
}
.exchange-v2 .Exchange-swap-placeholder {
  height:11.175rem;
  position:relative
}
.exchange-v2 .PositionEditor-info-box {
  margin-bottom:1.6rem
}
.exchange-v2 .PositionEditor-accept-profit-warning .Checkbox,
.exchange-v2 .PositionEditor-allow-higher-slippage .Checkbox,
.exchange-v2 .PositionEditor-keep-leverage-settings .Checkbox {
  direction:rtl;
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:1fr auto;
  margin-bottom:.465rem;
  width:100%
}
.exchange-v2 .ExchangeChart-range-option {
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-sm);
  margin-right:1.5rem;
  opacity:.6
}
.exchange-v2 .ExchangeChart-range-option:hover {
  opacity:.8
}
.exchange-v2 .ExchangeChart-range-option.active {
  opacity:1
}
.exchange-v2 .ExchangeChart {
  height:49.6rem;
  position:relative
}
.exchange-v2 .ExchangeChart-main-price {
  font-size:18px;
  font-weight:700;
  line-height:140%
}
.exchange-v2 .ExchangeChart-title {
  font-size:2.15rem;
  font-weight:700
}
.exchange-v2 .ExchangeChart-info-label {
  color:#fff9;
  font-size:12px;
  font-weight:400!important;
  line-height:140%;
  opacity:1
}
.exchange-v2 .ExchangeChart-top-inner {
  align-items:center;
  display:flex;
  gap:24px;
  height:100%
}
.exchange-v2 .ExchangeChart-dollar-sign {
  display:inline-block;
  margin-right:.465rem;
  opacity:.7
}
.exchange-v2 .ExchangeChart-main-price-text {
  display:inline-block
}
.exchange-v2 .ExchangeChart-top {
  height:auto;
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:2
}
.exchange-v2 .ExchangeChart.tv .ExchangeChart-top {
  align-items:center;
  background:#191b2e;
  border-radius:16px;
  padding:0 16px;
  position:relative;
  z-index:2
}
.exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:91px;
  z-index:1
}
.exchange-v2 .ExchangeChart-bottom-controls {
  display:inline-block
}
.exchange-v2 .ExchangeChart-bottom-controls .Tab .Tab-option {
  padding:.8rem 0;
  width:4.65rem
}
.exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom-header {
  display:flex;
  left:1.5rem;
  position:absolute;
  right:1.5rem;
  top:1.5rem;
  z-index:5
}
.exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom-stats {
  font-size:var(--font-sm);
  margin-left:3.1rem;
  padding:.8rem 0;
  white-space:nowrap;
  z-index:2
}
.exchange-v2 .ExchangeChart-bottom-stats-label {
  color:#ffffffb3;
  font-weight:700
}
.exchange-v2 .ExchangeChart-bottom-stats-value {
  display:inline-block;
  margin-left:.31rem;
  margin-right:1.4rem
}
.exchange-v2 .length-5 .ExchangeChart-bottom-stats-value {
  width:6.2rem
}
.exchange-v2 .length-4 .ExchangeChart-bottom-stats-value {
  width:5.25rem
}
.exchange-v2 .length-3 .ExchangeChart-bottom-stats-value {
  width:4.35rem
}
.exchange-v2 .length-2 .ExchangeChart-bottom-stats-value {
  width:3.41rem
}
.exchange-v2 .length-1 .ExchangeChart-bottom-stats-value {
  width:3.48rem
}
.exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom-content {
  inset:0;
  position:absolute
}
.exchange-v2 .Exchange-price-tooltip {
  background:linear-gradient(90deg,#391c93e6,#42188ce6);
  border:1px solid #1e095e80;
  font-size:var(--font-sm);
  line-height:2rem;
  padding:.9rem
}
.exchange-v2 .Exchange-price-time {
  font-size:1.25rem;
  font-weight:400
}
.exchange-v2 .Error-modal .Modal-content {
  width:31rem
}
.exchange-v2 .PositionEditor .Modal-content {
  border:none;
  border-radius:16px;
  bottom:auto;
  max-height:90vh;
  overflow:hidden;
  position:absolute;
  top:auto;
  width:38rem
}
.exchange-v2 .PositionEditor .Modal-content .Modal-body {
  margin:1.5rem 1rem 1.5rem 1.5rem;
  max-height:calc(80vh - 8.525rem);
  overflow-y:auto;
  overscroll-behavior:smooth;
  padding-right:.5rem
}
.exchange-v2 .PositionEditor .Tab {
  margin-bottom:1.05rem
}
.exchange-v2 .PositionEditor-token-symbol {
  color:#fff;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  text-align:right
}
.exchange-v2 .ExchangeChart-container {
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0
}
.exchange-v2 .Exchange-list-modal .Modal-content {
  width:36rem
}
.exchange-v2 .Exchange-list {
  width:100%
}
.exchange-v2 .Position-list-order {
  margin-top:8px;
  white-space:nowrap
}
.exchange-v2 .order-error span {
  color:var(--error-red);
  text-decoration-color:var(--error-red)
}
.exchange-v2 .order-error .Tooltip-popup {
  white-space:pre-line
}
.exchange-v2 .Exchange-list .App-card {
  margin-bottom:1.6rem
}
.exchange-v2 .Exchange-list-item-error {
  color:#f6475d;
  font-size:var(--font-sm);
  margin-top:.465rem
}
.exchange-v2 .Exchange-list.small {
  display:none
}
.exchange-v2 button.Exchange-list-action {
  background:none;
  border:none;
  border-radius:3px;
  color:#03f5ae;
  font-size:var(--font-base);
  margin-right:16px;
  padding:0
}
.exchange-v2 div.chains-btn {
  align-items:center;
  background:#3bdeb71a;
  border:1px solid #03f5ae;
  border:1px solid var(--Yellow,#03f5ae);
  border-radius:4px;
  display:flex;
  flex-shrink:0;
  gap:4px;
  justify-content:center;
  padding:2px 8px
}
.exchange-v2 div.chains-btn:hover {
  border-color:rgba(3,245,172,.808)
}
.exchange-v2 div.chains-btn * {
  color:#03f5ae;
  color:var(--Yellow,#03f5ae);
  font-size:12px;
  font-weight:400;
  line-height:120%
}
.exchange-v2 button.Exchange-list-action:hover {
  color:#67f3c9
}
.exchange-v2 table.Exchange-list {
  border-collapse:collapse;
  border-radius:4px
}
.exchange-v2 table.Exchange-list td,
.exchange-v2 table.Exchange-list th {
  font-weight:400;
  padding:1.05rem 1.05rem 1.05rem 11px;
  text-align:left
}
.exchange-v2 table.Exchange-list.Orders td,
.exchange-v2 table.Exchange-list.Orders th {
  padding-bottom:1.4rem;
  padding-top:1.4rem
}
.exchange-v2 table.Exchange-list td:has(img[alt=tk]) img[alt=tk] {
  height:32px;
  width:32px
}
.exchange-v2 table.Exchange-list td:has(img[alt=tk])>div {
  align-items:center;
  display:flex;
  gap:8px
}
.exchange-v2 table.Exchange-list td:has(img[alt=tk])>div .tk_info {
  align-items:flex-start;
  display:flex;
  flex-direction:column
}
.exchange-v2 table.Exchange-list tr:last-child {
  border-bottom:none
}
.exchange-v2 table.Exchange-list tr.Exchange-list-header {
  background:none;
  font-size:var(--font-md)
}
.exchange-v2 table.Exchange-list tr.Exchange-list-header th {
  font-size:#b9b9b9;
  font-size:13px;
  padding:0 11px
}
.exchange-v2 table.Exchange-list th {
  opacity:.7
}
.exchange-v2 .Exchange-swap-box-info {
  margin-bottom:1.05rem
}
.exchange-v2 .Exchange-info-row {
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:auto auto;
  margin-bottom:8px
}
.exchange-v2 .Exchange-info-row:last-child {
  margin-bottom:0
}
.exchange-v2 .Exchange-info-row.top-line {
  border-top:1px solid #ffffff1a;
  margin-top:1.5rem;
  padding-top:1.5rem
}
.exchange-v2 .Exchange-info-row.handler {
  cursor:pointer;
  grid-template-columns:1fr auto auto
}
.exchange-v2 .Exchange-info-row.isExpand img {
  rotate:0deg!important
}
.exchange-v2 .Exchange-info-row.handler img {
  height:16px;
  rotate:180deg;
  width:16px
}
.exchange-v2 .bold {
  font-weight:700
}
.exchange-v2 .Exchange-info-row.handler div.align-right {
  align-items:flex-start;
  background:rgba(3,245,174,.102);
  border-radius:4px;
  color:#03f5ae;
  display:flex;
  flex-direction:column;
  font-size:14px;
  font-weight:400;
  gap:10px;
  line-height:125%;
  margin-left:auto;
  padding:0 8px;
  text-align:center
}
.exchange-v2 .Exchange-info-row.handler div.red-value {
  color:red
}
.exchange-v2 .Exchange-info-row.handler div.align-right.red-value {
  background:rgba(246,71,93,.102);
  color:#f6475d
}
.exchange-v2 .Exchange-info-label {
  margin-right:.8rem;
  opacity:.6
}
.exchange-v2 .Exchange-info-value-warning {
  color:#f6475d
}
.exchange-v2 .Confirmation-box-info,
.exchange-v2 .Confirmation-box-info a,
.exchange-v2 .Confirmation-box-warning,
.exchange-v2 .Confirmation-box-warning a {
  font-size:var(--font-sm);
  margin-bottom:1.5rem;
  margin-top:1rem;
  padding-left:1rem;
  padding-right:1rem;
  text-align:center
}
.exchange-v2 .Confirmation-box-info,
.exchange-v2 .Confirmation-box-info a {
  opacity:.7
}
.exchange-v2 .Confirmation-box-warning,
.exchange-v2 .Confirmation-box-warning a {
  color:#f6475d
}
.exchange-v2 .Exchange-swap-usd {
  display:inline-block;
  font-size:var(--font-sm)
}
.exchange-v2 .Exchange-swap-box {
  display:grid;
  position:relative;
  width:41.85rem
}
.exchange-v2 .Exchange-swap-market-box-title {
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.exchange-v2 .Exchange-swap-box-inner {
  padding:16px 16px 24px
}
.exchange-v2 .Available {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.exchange-v2 .Exchange-swap-market-box {
  margin-top:1.25rem
}
.exchange-v2 .Exchange-swap-market-box .App-card-divider {
  background:none;
  margin:0 -1.5rem 12px
}
.exchange-v2 .Exchange-swap-box .Radio {
  margin-bottom:1.05rem
}
.exchange-v2 .Exchange-swap-box .Overlay-content-outer {
  bottom:0;
  height:15.5rem;
  left:0;
  position:absolute;
  right:0
}
.exchange-v2 .Exchange-swap-box .Overlay-content {
  padding:1.05rem
}
.exchange-v2 .Exchange-swap-box .TokenSelector .Modal,
.exchange-v2 .Selector .Modal {
  align-items:flex-start;
  justify-content:flex-end
}
.exchange-v2 .Exchange-swap-box .TokenSelector .Modal-content,
.exchange-v2 .Selector .Modal-content {
  border:none;
  bottom:0;
  max-height:100vh;
  overflow:hidden;
  position:absolute;
  top:0;
  width:41.85rem
}
.exchange-v2 .Exchange-swap-box .TokenSelector .Modal-content .Modal-body {
  max-height:calc(100vh - 7.75rem);
  overflow-y:auto;
  overscroll-behavior:smooth;
  padding-right:.5rem;
  scroll-margin-right:38.75rem;
  scrollbar-width:thin
}
.exchange-v2 .Exchange-swap-section {
  background:#0009;
  border-radius:4px;
  margin-bottom:24px;
  padding:12px;
  transition:all .15s ease-in-out
}
.exchange-v2 .Exchange-swap-section:has(input:focus) {
  background:#000;
  outline:1px solid #03f5ae
}
.exchange-v2 .Exchange-swap-section--v2 {
  background:#0009;
  border-radius:4px;
  margin-bottom:16px;
  margin-top:16px;
  padding:12px
}
.exchange-v2 .Exchange-swap-option-tabs.Tab.block .Tab-option {
  align-items:center;
  display:flex;
  justify-content:center;
  line-height:140%;
  padding:12px 1.05rem
}
.exchange-v2 .Exchange-swap-order-type-tabs {
  margin-bottom:16px;
  margin-top:0
}
.exchange-v2 .Exchange-swap-option-tabs.Tab.block .Tab-option-icon {
  margin-left:4px;
  margin-top:-.155rem;
  transform:scale(.75);
  vertical-align:middle
}
.exchange-v2 .Exchange-swap-section-top {
  display:grid;
  font-size:var(--font-sm);
  font-weight:400;
  grid-template-columns:auto auto;
  padding-bottom:1.25rem
}
.exchange-v2 .Exchange-swap-section-bottom {
  align-items:center;
  display:grid;
  grid-template-columns:1fr auto;
  padding-bottom:.31rem
}
.exchange-v2 .Exchange-swap-message {
  font-size:var(--font-sm);
  margin:.5rem 0;
  opacity:.7
}
.exchange-v2 .Exchange-swap-input-container {
  height:100%;
  margin-top:2px;
  overflow:hidden;
  position:relative
}
.exchange-v2 .Exchange-swap-max {
  border-radius:8px;
  cursor:pointer;
  font-size:var(--font-sm);
  padding:2px 12px;
  position:absolute;
  right:1.25rem;
  top:0;
  z-index:1
}
.exchange-v2 .Exchange-swap-max,
.exchange-v2 .Exchange-swap-max:hover {
  background:#03f5ae;
  color:#080715
}
.exchange-v2 .Exchange-swap-section-bottom .TokenSelector-box {
  font-size:2.1rem
}
.exchange-v2 .Exchange-leverage-box .TokenSelector-caret {
  font-size:var(--font-base);
  margin-left:.31rem
}
.exchange-v2 input.Exchange-swap-input {
  font-family:Roboto;
  font-size:16px;
  font-weight:500;
  max-width:100%;
  padding:0 2rem 0 0;
  width:100%
}
.exchange-v2 input.Exchange-swap-input:hover {
  opacity:.6
}
.exchange-v2 input.Exchange-swap-input:focus {
  opacity:1
}
.exchange-v2 .Exchange-swap-input::placeholder {
  color:#fff
}
.exchange-v2 input.Exchange-swap-input.small {
  max-width:14.725rem
}
.exchange-v2 .Exchange-swap-button {
  display:block;
  width:100%
}
.exchange-v2 .Exchange-swap-button:hover {
  background-color:#04d397
}
.exchange-v2 .Exchange-swap-ball-container {
  position:relative;
  z-index:1
}
.exchange-v2 .Exchange-swap-ball-icon {
  display:block;
  font-size:2rem;
  opacity:.7;
  text-align:center;
  transform:rotate(90deg)
}
.exchange-v2 .Exchange-swap-ball {
  align-items:center;
  background:#03f5ae;
  border-radius:14px;
  color:#080715;
  cursor:pointer;
  display:flex;
  height:36px;
  justify-content:center;
  left:50%;
  margin-left:-1.7825rem;
  position:absolute;
  top:-43px;
  -webkit-user-select:none;
  user-select:none;
  width:36px
}
.exchange-v2 .Exchange-swap-ball-red {
  background:#f6475d;
  color:#fff
}
.exchange-v2 .Exchange-swap-ball-red:hover {
  background:#dc3a50!important
}
.exchange-v2 .Exchange-swap-ball:hover {
  background:#04d397
}
.exchange-v2 .Exchange-swap-ball:hover .Exchange-swap-ball-icon {
  opacity:1
}
.exchange-v2 table.Exchange-list-small {
  background:linear-gradient(45deg,#0b053799,#15033099);
  width:100%
}
.exchange-v2 table.Exchange-list-small td,
.exchange-v2 table.Exchange-list-small th {
  font-weight:400;
  padding:1.05rem;
  text-align:left
}
.exchange-v2 .Exchange-list-card-header {
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-bottom:.8rem
}
.exchange-v2 .Exchange-list-title {
  display:inline-block;
  white-space:nowrap;
  width:3.1rem
}
.exchange-v2 .Exchange-list-info-label {
  font-size:12px;
  margin-top:.31rem
}
.exchange-v2 .Exchange-list-info-label span:not(.muted) {
  font-weight:400
}
.exchange-v2 .Exchange-list-muted {
  font-size:var(--font-sm)
}
.exchange-v2 .Exchange-list-card .Exchange-list-side {
  text-align:right
}
.exchange-v2 .Exchange-list-card .Exchange-list-size-info {
  margin-bottom:.8rem
}
.exchange-v2 .Confirmation-box {
  font-size:2rem
}
.exchange-v2 .Confirmation-box-main {
  display:flex;
  flex-direction:column;
  font-size:14px;
  margin:1.5rem 0 2.325rem;
  text-align:center
}
.exchange-v2 .Confirmation-box-main-icon {
  margin:.5rem 0
}
.exchange-v2 .Confirmation-box-main-icon:after {
  content:"↓"
}
.exchange-v2 .Confirmation-box-main-icon.dot:after {
  content:"•"
}
.exchange-v2 .Confirmation-box .Modal-content {
  width:36rem
}
.exchange-v2 .Confirmation-box-row {
  padding-top:8px
}
.exchange-v2 .Confirmation-box-row .Confirmation-box-button {
  margin-top:0
}
.exchange-v2 .Confirmation-box-button {
  height:40px;
  width:100%
}
.exchange-v2 .Exchange-footer {
  height:7.75rem;
  padding-top:3.1rem;
  text-align:center
}
.exchange-v2 .cancel-order-btn {
  background:none;
  border:none;
  color:#fff;
  margin-right:1.5rem;
  padding:0
}
.exchange-v2 .cancel-order-btn:hover {
  opacity:.8
}
.exchange-v2 .cancel-order-btn:disabled {
  opacity:.6
}
.exchange-v2 .chart-positions:hover {
  opacity:.8
}
.exchange-v2 .chart-positions.span:hover {
  opacity:1
}
.exchange-v2 .al-swap .Tooltip-popup {
  min-width:25rem
}
.exchange-v2 .position-list-collateral {
  align-items:flex-end;
  display:flex
}
.exchange-v2 .position-list-collateral .edit-icon {
  align-items:center;
  cursor:pointer;
  display:inline-flex;
  margin-left:.5rem;
  opacity:.7
}
.exchange-v2 .position-list-collateral .edit-icon:hover {
  opacity:1
}
@media(max-width:1500px) {
  .exchange-v2 .Exchange-swap-box {
    width:38.75rem
  }
}
@media(max-width:1300px) {
  .exchange-v2 .Exchange-list.large {
    display:none
  }
  .exchange-v2 .Exchange-list.small {
    display:table
  }
}
@media screen and (max-width:1500px) {
  .exchange-v2 .Exchange-content {
    grid-template-columns:1fr auto;
    padding-left:1.6rem;
    padding-right:1.6rem
  }
}
@media(max-width:1350px) {
  .exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom {
    top:139px
  }
  .exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom-header {
    display:block
  }
  .exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom-stats {
    margin-left:0
  }
  .exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom-content {
    bottom:.8rem;
    left:0;
    position:absolute;
    right:0;
    top:3.875rem
  }
  .exchange-v2 .Exchange-list-tabs {
    margin-top:0
  }
  .exchange-v2 .Exchange-swap-placeholder,
  .exchange-v2 .Exchange-wallet-tokens {
    display:none
  }
  .exchange-v2 .ExchangeChart {
    height:38.75rem
  }
  .exchange-v2 .Exchange-lists.large {
    background:none;
    display:block;
    padding:0
  }
  .exchange-v2 .Exchange-swap-box .TokenSelector .Modal {
    align-items:center;
    bottom:0;
    justify-content:center;
    left:0;
    position:fixed;
    right:0;
    top:0
  }
  .exchange-v2 .order-error-message {
    display:block;
    margin-bottom:10px;
    white-space:pre-line
  }
  .exchange-v2 .Exchange-swap-box .TokenSelector .Modal-content,
  .exchange-v2 .Selector .Modal-content {
    border:none;
    bottom:auto;
    max-height:80vh;
    overflow:hidden;
    position:absolute;
    top:auto;
    width:41.85rem
  }
  .exchange-v2 .Exchange-swap-box .TokenSelector .Modal-content .Modal-body {
    margin:1.5rem .8rem 1.5rem 1.5rem;
    max-height:calc(70vh - 8.525rem);
    overflow-y:auto;
    overscroll-behavior:smooth;
    padding-right:.5rem;
    scroll-margin-right:38.75rem;
    scrollbar-width:thin
  }
  .exchange-v2 .Exchange-swap-box .TokenSelector .Modal,
  .exchange-v2 .Selector .Modal {
    align-items:center;
    justify-content:center
  }
  .exchange-v2 input.Exchange-swap-input {
    max-width:15.5rem
  }
  .exchange-v2 .ExchangeChart-bottom-controls .Tab .Tab-option {
    font-size:1.25rem;
    padding:.465rem 0;
    width:3.875rem
  }
}
.exchange-v2 .Exchange-left {
  max-height:calc(100vh - 62px);
  overflow-y:auto
}
.exchange-v2 .Exchange-left .ExchangeChart-bottom {
  border:none;
  overflow:hidden
}
@media(max-width:700px) {
  .exchange-v2 .PositionEditor .Modal-content {
    width:90vw
  }
  .exchange-v2 .Exchange-content {
    grid-template-columns:1fr
  }
  .exchange-v2 .Exchange-swap-box {
    width:100%
  }
  .exchange-v2 .ExchangeChart-top-inner {
    grid-column-gap:.8rem;
    grid-template-columns:auto auto auto
  }
  .exchange-v2 .ExchangeChart-title {
    font-size:1.85rem
  }
  .exchange-v2 .Exchange-content {
    padding:1.5rem
  }
  .exchange-v2 .Exchange-swap-box .TokenSelector .Modal {
    margin:0 1.5rem
  }
  .exchange-v2 .Exchange {
    padding-top:1.5rem!important
  }
  .exchange-v2 .Exchange-lists.small {
    display:block
  }
  .exchange-v2 .Exchange-lists.large {
    display:none
  }
}
@media(max-width:1023px) {
  .exchange-v2 .ExchangeChart.tv .ExchangeChart-bottom-content {
    bottom:0;
    top:0
  }
}
.exchange-v2 .fz-12 {
  font-size:12px
}
.exchange-v2 .Exchange-updated-ui {
  margin:0;
  max-width:100%;
  padding-bottom:0!important;
  padding-top:0!important;
  width:100%
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-updated-ui {
    padding-bottom:20px!important
  }
}
.exchange-v2 .Exchange-updated-ui .Exchange-content {
  grid-gap:0;
  margin-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top {
  border-radius:0
}
@media screen and (min-width:1351px) {
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top {
    height:76.5px
  }
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top {
  background:none;
  border-bottom:1px solid #ffffff1a
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .swap-box-v2 {
  background:none;
  border-bottom:1px solid #ffffff1a;
  border-radius:0;
  margin-bottom:0
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .swap-box-v2 .Exchange-swap-option-tabs,
.exchange-v2 .Exchange-updated-ui .Exchange-content .swap-box-v2 .Exchange-swap-option-tabs .Tab-option {
  border-radius:12px
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .swap-box-v2 .Exchange-swap-option-tabs .Tab-option img {
  height:20px;
  width:20px
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-updated-ui .Exchange-content .swap-box-v2 {
    padding-left:0;
    padding-right:0
  }
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-order-type-tabs {
  border:1px solid #ffffff1a;
  border-radius:8px;
  display:flex
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-order-type-tabs .Tab-option {
  align-items:center;
  border-radius:8px;
  color:#fff!important;
  display:flex;
  flex:1 1;
  flex-direction:column;
  font-size:12px;
  font-style:normal;
  font-weight:500!important;
  font-weight:500;
  line-height:140%;
  margin-right:0;
  padding:12px 0
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-order-type-tabs .active {
  background:#ffffff1a!important;
  background:var(--white-10,#ffffff1a)!important;
  color:#fff!important
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-bottom {
  border-radius:0;
  top:75.78px
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .App-box-highlight {
  border-radius:0
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-box {
  display:flex;
  flex-direction:column;
  height:100%;
  min-height:calc(100vh - 62px)!important
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .info-main-price .deltaChange {
  display:none
}
.exchange-v2 .Exchange-updated-ui .Exchange-content .info-main-price .last-price {
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
@media screen and (max-width:1350px) {
  .exchange-v2 .Exchange-updated-ui .Exchange-content {
    padding-bottom:46px
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-bottom {
    display:none
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart {
    height:-webkit-fit-content!important;
    height:-moz-fit-content!important;
    height:fit-content!important
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-lists {
    padding-left:16px;
    padding-right:16px
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-should-show-position-lines {
    display:none
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-title {
    margin-bottom:0
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .changed-24h {
    display:none
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-additional-info {
    margin-top:16px;
    width:50%
  }
}
@media screen and (max-width:1350px)and (max-width:700px) {
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-additional-info {
    width:30%
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-additional-info .Tooltip-popup {
    word-wrap:break-word;
    white-space:pre-wrap;
    width:300px!important
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-additional-info .custom .Tooltip-popup {
    width:250px!important
  }
}
@media screen and (max-width:1350px)and (max-width:1200px) {
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner .ExchangeChart-additional-info .custom2 .Tooltip-popup {
    width:250px!important
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-updated-ui .Exchange-content .ExchangeChart-top-inner {
    gap:16px!important
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-left .ExchangeChart-top {
    padding-top:0!important
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-right {
    background:none!important;
    padding-left:0;
    padding-right:0
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-right .Exchange-swap-box {
    border-radius:12px!important;
    padding-left:16px;
    padding-right:16px
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .exchange-section-first {
    margin-bottom:16px!important
  }
  .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-ball {
    top:-28px
  }
}
.exchange-v2 .Exchange-updated-ui .Exchange-lists {
  background:none
}
.exchange-v2 .Exchange-updated-ui .Exchange-lists .Exchange-list-tabs .active {
  background:#212333!important
}
.exchange-v2 .Exchange-updated-ui .Exchange-lists .Exchange-list-tabs .Tab {
  border-radius:12px;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%;
  padding:12px 16px!important
}
.exchange-v2 .Exchange-updated-ui .Exchange-lists .Exchange-list-tabs .Tab-option {
  font-size:14px!important
}
.exchange-v2 .Exchange-updated-ui .Exchange-lists .main-wrapper {
  max-width:100%!important;
  padding-left:0!important;
  padding-right:0!important;
  width:100%
}
.exchange-v2 .pad-chart-container {
  display:none;
  z-index:100
}
@media screen and (max-width:1350px) {
  .exchange-v2 .pad-chart-container {
    background:#090a11;
    border-top:1px solid #ffffff1a;
    bottom:24px;
    box-shadow:0 -4px 8px #00000040;
    display:flex;
    flex-direction:column;
    left:0;
    position:fixed;
    width:100%
  }
  .exchange-v2 .pad-chart-container .show-ui-content {
    align-items:center;
    display:flex;
    justify-content:space-between;
    padding:4px 16px;
    width:100%
  }
  .exchange-v2 .pad-chart-container .show-ui-content .chart-tick-container {
    align-items:center;
    display:flex;
    gap:16px
  }
  .exchange-v2 .pad-chart-container .show-ui-content .chart-tick-container .view-chart {
    padding-bottom:10px;
    padding-top:10px
  }
  .exchange-v2 .pad-chart-container .show-ui-content .chart-tick-container .chart-positions {
    opacity:1;
    position:relative;
    top:-2px
  }
  .exchange-v2 .pad-chart-container .show-ui-content .index-chart img {
    position:relative;
    top:-2px
  }
  .exchange-v2 .pad-chart-container iframe {
    height:35vh!important
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .pad-chart-container iframe {
    height:40vh!important
  }
}
@media screen and (max-width:1350px) {
  .exchange-v2 .chart-pad-show-content {
    padding-bottom:calc(30vh + 55px)!important
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .chart-pad-show-content {
    padding-bottom:calc(40vh + 65px)!important
  }
}
.exchange-v2 .close-container {
  align-items:center;
  display:flex;
  justify-content:flex-end
}
.exchange-v2 .order-count {
  border:1px solid #03f5ae;
  font-size:12px;
  gap:4px;
  line-height:120%
}
.exchange-v2 .exchange-info-container {
  margin-top:16px
}
.exchange-v2 .exchange-info-container .Exchange-info-row {
  margin-bottom:8px
}
.exchange-v2 .Exchange-leverage-slider-container {
  display:flex;
  gap:16px;
  margin-top:16px
}
.exchange-v2 .Exchange-leverage-slider-container .Exchange-leverage-slider {
  flex:1 1;
  margin-top:8px;
  padding-left:0
}
.exchange-v2 .Exchange-leverage-slider-container .percentahe-value {
  align-items:center;
  border:1px solid #03f5ae;
  border:1px solid var(--yellow,#03f5ae);
  border-radius:8px;
  display:flex;
  gap:4px;
  height:36px;
  justify-content:space-between;
  padding:8px;
  transition:all .15s ease-in-out;
  width:62x
}
.exchange-v2 .Exchange-leverage-slider-container .percentahe-value:hover {
  opacity:.6
}
.exchange-v2 .Exchange-leverage-slider-container .percentahe-value:has(input:focus) {
  opacity:1
}
.exchange-v2 .Exchange-leverage-slider-container .percentahe-value span {
  color:#03f5ae;
  color:var(--yellow,#03f5ae);
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:120%
}
.exchange-v2 .Exchange-leverage-slider-container .percentahe-value span:first-child {
  font-weight:700
}
.exchange-v2 .Exchange-leverage-slider-container .percentahe-value input {
  color:#03f5ae;
  color:var(--yellow,#03f5ae);
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:120%;
  max-height:31px;
  padding:0!important;
  width:45px
}
.exchange-v2 .Exchange-leverage-slider-container .percentahe-value input::placeholder {
  color:#03f5ae;
  color:var(--yellow,#03f5ae);
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:120%;
  opacity:.6!important
}
@media screen and (max-width:767px) {
  .exchange-v2 .ExchangeChart-top-inner {
    padding-left:8px!important
  }
}
.exchange-v2 .Exchange-swap-input-container {
  display:flex;
  justify-content:space-between
}
.exchange-v2 .Exchange-swap-input-container .usd-txt {
  color:#fff;
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.exchange-v2 .toogle-card-container {
  margin-bottom:16px
}
.exchange-v2 .toogle-card-container .Exchange-swap-input-container {
  display:flex
}
.exchange-v2 .toogle-card-container .percentahe-value {
  border:1px solid #fff;
  border:1px solid var(--white-100,#fff)
}
.exchange-v2 .toogle-card-container .percentahe-value input,
.exchange-v2 .toogle-card-container .percentahe-value span {
  color:#fff
}
.exchange-v2 .toogle-card-container .percentage-btn-selected {
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a)
}
.exchange-v2 .toogle-card-container .title-container {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-bottom:16px
}
.exchange-v2 .toogle-card-container .title-container .title {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:120%
}
.exchange-v2 .toogle-card-container .title-container .ant-switch {
  background:#7c7979
}
.exchange-v2 .toogle-card-container .title-container .ant-switch-checked {
  background:#03f5ae!important
}
.exchange-v2 .Exchange-list-tabs {
  background:#0000;
  border:none;
  border-radius:4px;
  border-radius:12px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.exchange-v2 .Exchange-list-tabs .Tab-option {
  border-radius:4px;
  color:#fff9;
  color:var(--white-60,var(--text-text-secondary,#fff9));
  font-size:14px;
  line-height:140%
}
.exchange-v2 .Exchange-list-tabs .active {
  background:#ffffff1a!important;
  background:var(--white-10,#ffffff1a)!important;
  color:#fff!important;
  color:var(--white-100,#fff)!important
}
.exchange-v2 .PositionSeller-modal .Modal-content {
  width:400px
}
.exchange-v2 .PositionSeller-modal .Modal-content .Modal-body {
  padding:16px 24px 24px!important
}
.exchange-v2 .PositionSeller-modal .Modal-content .Modal-body .Exchange-swap-section {
  margin-top:16px
}
.exchange-v2 .PositionSeller-modal .Modal-content .Modal-close-button svg {
  height:20px;
  width:20px
}
.exchange-v2 .Confirmation-box-main {
  max-width:100%;
  width:320px
}
.exchange-v2 .allow-slippage-container {
  align-items:center;
  border:1px solid #03f5ae;
  border:1px solid var(--Yellow,#03f5ae);
  border-radius:8px;
  color:#03f5ae;
  color:var(--Yellow,#03f5ae);
  display:flex;
  gap:4px;
  height:25px;
  padding:4px 8px;
  width:65px
}
.exchange-v2 .allow-slippage-container input {
  border:none;
  color:#03f5ae;
  color:var(--Yellow,#03f5ae);
  font-size:14px;
  margin:0;
  padding:0;
  width:36px
}
.exchange-v2 .allow-slippaged-line .Exchange-info-row {
  align-items:center
}
.exchange-v2 .confirmation-modal .Modal-title-bar {
  margin:0!important;
  padding:16px 24px!important
}
@media screen and (max-width:700px) {
  .exchange-v2 .confirmation-modal .Modal-title-bar {
    padding:16px!important
  }
}
.exchange-v2 .confirmation-modal .Modal-content {
  background:#20233b!important;
  max-width:424px;
  width:calc(100% - 32px)
}
.exchange-v2 .confirmation-modal .Modal-content .divider {
  display:none
}
.exchange-v2 .confirmation-modal .Modal-content .Modal-body {
  border-top:none;
  max-height:calc(90vh - 8.525rem);
  padding:0!important
}
.exchange-v2 .confirmation-modal .Modal-content .Modal-body .content-container {
  max-height:500px;
  overflow-y:auto;
  padding:16px 24px
}
.exchange-v2 .confirmation-modal .Modal-content .Modal-body .content-container .Tab {
  background:#1a1919;
  background:var(--Natural-1,#1a1919);
  border-radius:4px
}
.exchange-v2 .confirmation-modal .Modal-content .Modal-body .content-container .Tab .Tab-option {
  padding:12px 16px
}
@media screen and (max-width:700px) {
  .exchange-v2 .confirmation-modal .Modal-content .Modal-body .content-container {
    max-height:420px;
    padding:16px!important
  }
}
@media screen and (max-width:767px) {
  .exchange-v2 .Modal-content:has(.history-container) .Modal-body {
    max-height:80vh!important
  }
}
.exchange-v2 .history-container {
  border-top:1px solid #ffffff1a;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:16px 24px 24px
}
.exchange-v2 .positionHistory-modal .Modal-content {
  max-width:424px;
  width:calc(100% - 32px)
}
.exchange-v2 .order-title-line {
  align-items:center;
  border-bottom:1px solid #ffffff1a;
  display:flex;
  font-size:14px;
  gap:8px;
  padding:0 24px 16px
}
@media screen and (max-width:700px) {
  .exchange-v2 .order-title-line {
    padding-left:16px!important;
    padding-right:16px!important
  }
}
.exchange-v2 .order-title-line .position-info-container {
  display:flex;
  flex-direction:column;
  gap:4px
}
.exchange-v2 .order-title-line .position-info-container .position-info {
  align-items:center;
  display:flex;
  gap:8px
}
.exchange-v2 .order-title-line .position-id {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:120%
}
.exchange-v2 .order-title-line img {
  height:40px;
  width:40px
}
.exchange-v2 .order-title-line img.small {
  height:24px;
  width:24px
}
.exchange-v2 .order-title-line .title {
  color:#fff;
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:120%
}
.exchange-v2 .order-title-line .side {
  align-items:center;
  background:#ffce571a;
  border-radius:4px;
  color:#03f5ae;
  display:flex;
  height:22px;
  justify-content:center;
  line-height:100%;
  padding:4px 8px;
  text-transform:uppercase
}
.exchange-v2 .order-title-line-details {
  position:relative
}
.exchange-v2 .order-title-line-details .postion-history {
  color:#03f5ae;
  cursor:pointer;
  position:absolute;
  right:24px;
  top:12px
}
.exchange-v2 .order-title-line-details .postion-history:hover {
  color:#03f5ae
}
@media screen and (max-width:700px) {
  .exchange-v2 .order-title-line-details .postion-history {
    right:16px;
    top:30px
  }
}
.exchange-v2 .order-title-line-details .side-long {
  background:#03f5ae1a!important;
  color:#03f5ae!important
}
.exchange-v2 .order-title-line-details .side-short {
  background:#f6475d1a!important;
  color:#f6475d!important
}
.exchange-v2 .order-title-line-details .side {
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a);
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:700;
  line-height:100%;
  padding:4px 8px
}
.exchange-v2 .order-details-container {
  display:flex;
  flex-direction:column;
  font-size:14px;
  gap:12px;
  line-height:120%
}
.exchange-v2 .order-details-container .title {
  font-weight:500
}
.exchange-v2 .square-container {
  border:1px solid #ffffff1a;
  border:1px solid var(--white-10,#ffffff1a);
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px 16px
}
.exchange-v2 .square-container .Exchange-info-row {
  margin:0
}
.exchange-v2 .square-fee-container .divider {
  display:flex!important;
  margin:0!important
}
.exchange-v2 .square-container-yellow {
  border:1px solid #03f5ae;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px 16px
}
.exchange-v2 .square-container-yellow .order-title {
  font-weight:500
}
.exchange-v2 .square-container-yellow .title {
  color:#03f5ae;
  font-weight:500
}
.exchange-v2 .square-container-yellow .fee-square {
  padding:8px!important
}
.exchange-v2 .square-container-yellow .square-container {
  width:100%
}
.exchange-v2 .Exchange-swap-option-tabs {
  display:flex!important
}
.exchange-v2 .Exchange-swap-option-tabs .Tab-option {
  flex:1 1
}
.exchange-v2 .content-container .Tab {
  display:flex!important
}
.exchange-v2 .content-container .Tab .Tab-option {
  flex:1 1
}
.exchange-v2 .position-change-line {
  align-items:center;
  display:flex;
  font-size:14px;
  gap:4px;
  width:100%
}
.exchange-v2 .position-change-line .position-change-info {
  display:flex;
  flex:1 1;
  justify-content:flex-end;
  text-align:end
}
.exchange-v2 .position-change-line .position-change-info:first-child {
  color:#fff9;
  color:var(--white-60,#fff9);
  flex:none;
  font-weight:400!important;
  justify-content:flex-start;
  line-height:100%;
  position:relative;
  top:1px;
  width:100px
}
@media screen and (max-width:700px) {
  .exchange-v2 .position-change-line .position-change-info:first-child {
    width:87px
  }
}
.exchange-v2 .position-change-line .change-value {
  font-weight:700
}
@media screen and (max-width:700px) {
  .exchange-v2 .position-change-line {
    font-size:12px
  }
}
.exchange-v2 .position-change-line:first-child .position-change-info {
  font-weight:400!important
}
.exchange-v2 .keep-levergae-modal {
  display:flex;
  justify-content:flex-end;
  width:100%
}
.exchange-v2 .trailing-modal .PositionEditor-info-box {
  margin-top:8px!important
}
.exchange-v2 .position-list-risk {
  background:#3bdeb71a;
  border-radius:8px;
  color:#03f5ae
}
.exchange-v2 .position-list-leve,
.exchange-v2 .position-list-risk {
  align-items:center;
  display:flex;
  font-size:12px;
  font-style:normal;
  font-weight:400;
  height:16px;
  line-height:130%;
  line-height:10px;
  padding:0 8px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.exchange-v2 .position-list-leve {
  background:#ffc70033;
  border-radius:4px;
  color:#ffc700
}
.exchange-v2 .chart-token-menu-items .menu-item {
  align-items:center;
  background-color:#302f2f;
  display:flex;
  gap:8px
}
.exchange-v2 .chart-token-menu-items .menu-item-active,
.exchange-v2 .chart-token-menu-items .menu-item:hover {
  background-color:#414040!important
}
.exchange-v2 .PositionDropdown-extra-options .menu-items {
  bottom:20px!important;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  min-width:200px;
  top:auto!important
}
.exchange-v2 .right-balance {
  align-items:center;
  display:flex;
  gap:8px
}
.exchange-v2 .right-balance>span {
  color:#fff9;
  color:var(--white-60,#fff9);
  cursor:default;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.exchange-v2 .max-btn {
  align-items:center;
  background:#03f5ae;
  background:var(--Yellow,#03f5ae);
  border:none;
  border-radius:4px;
  color:#000;
  display:flex;
  font-size:14px;
  font-weight:400;
  gap:10px;
  justify-content:center;
  line-height:140%;
  padding:2px 12px
}
.exchange-v2 .contient-12-container {
  display:flex;
  flex-direction:column;
  gap:12px
}
.exchange-v2 .showPercentage {
  justify-content:flex-end;
  margin:12px 0 8px
}
.exchange-v2 .Exchange-list-title {
  align-items:center;
  display:flex;
  gap:4px
}
.exchange-v2 .Exchange-list {
  margin-top:-24px
}
@media screen and (max-width:1190px) {
  .exchange-v2 .Exchange-list {
    margin-top:16px
  }
}
@media screen and (max-width:1024px) {
  .exchange-v2 .PositionDropdown-dots-icon {
    align-items:center;
    background:#0000!important;
    border:1px solid #ffffff1a!important;
    border-radius:8px!important;
    color:#fff!important;
    display:flex;
    font-size:14px!important;
    font-weight:500!important;
    gap:8px;
    height:40px;
    line-height:140%!important
  }
  .exchange-v2 .PositionDropdown-dots-icon:hover,
  .exchange-v2 .PositionDropdown-dots-icon:hover:enabled {
    background-color:#ffffff1a!important;
    background-color:var(--white-10,#ffffff1a)!important;
    box-shadow:none!important;
    color:#fff!important
  }
}
@media screen and (max-width:1350px) {
  .exchange-v2 .App-card-options {
    align-items:center;
    display:flex;
    gap:8px
  }
}
.exchange-v2 .Exchange-lists .App-card-content {
  gap:12px
}
@media screen and (max-width:1023px) {
  .exchange-v2 .Exchange-lists {
    margin-top:16px
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-swap-box-inner {
    padding-left:0!important;
    padding-right:0!important
  }
}
.exchange-v2 .show-ui-content .index-chart,
.exchange-v2 .show-ui-content .view-chart {
  align-items:center;
  display:flex;
  gap:4px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.exchange-v2 .add-to-position-modal .position-change-line .position-change-info {
  align-items:center;
  display:flex;
  height:100%;
  width:100px
}
@media screen and (max-width:600px) {
  .exchange-v2 .add-to-position-modal .position-change-line .position-change-info {
    width:90px
  }
}
.exchange-v2 .add-to-position-modal .position-change-line .change-value {
  width:auto!important
}
@media screen and (max-width:700px) {
  .exchange-v2 .info-mobile-50 {
    width:50%!important
  }
  .exchange-v2 .ExchangeChart-title-container {
    margin-right:16px
  }
}
.exchange-v2 .Exchange-list-tabs .Tab-option {
  font-size:12px!important;
  font-style:normal;
  font-weight:700;
  line-height:120%;
  padding:12px 16px
}
.exchange-v2 .close-container .Exchange-list-action:disabled {
  background:none!important;
  color:#666!important
}
.exchange-v2 .Confirmation-box-button {
  align-items:center;
  display:flex!important;
  justify-content:center
}
.exchange-v2 .ExchangeChart-top-inner {
  width:100%
}
.exchange-v2 .ExchangeChart-additional-info {
  display:flex;
  flex-direction:column;
  gap:4px
}
.exchange-v2 .exchange-chart-info-container {
  align-items:center;
  display:flex;
  gap:32px;
  height:100%;
  justify-content:space-between;
  padding:6px 0;
  width:100%
}
@media screen and (max-width:1461px) {
  .exchange-v2 .exchange-chart-info-container {
    gap:24px
  }
}
@media screen and (max-width:1400px) {
  .exchange-v2 .ExchangeChart-top-inner,
  .exchange-v2 .exchange-chart-info-container {
    gap:16px
  }
}
@media screen and (max-width:1350px) {
  .exchange-v2 .ExchangeChart-top-inner {
    align-items:flex-start;
    gap:16px!important;
    justify-content:space-between;
    padding-bottom:16px;
    padding-left:8px
  }
  .exchange-v2 .ExchangeChart-top-inner .exchange-chart-info-container {
    flex:1 1;
    flex-wrap:wrap;
    font-size:12px!important;
    justify-content:flex-start;
    padding:0!important
  }
  .exchange-v2 .ExchangeChart-top-inner .exchange-chart-info-container .ExchangeChart-additional-info {
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    margin-top:0!important;
    width:47%!important
  }
  .exchange-v2 .ExchangeChart-top-inner .exchange-chart-info-container .info-main-price .ExchangeChart-additional-info {
    align-items:flex-start!important
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-right {
    margin-top:16px
  }
}
.exchange-v2 .ExchangeChart-top {
  align-items:center;
  display:flex
}
@media screen and (max-width:1350px) {
  .exchange-v2 .ExchangeChart-top {
    align-items:flex-start!important;
    background:#0000;
    flex-direction:column;
    gap:16px;
    overflow:visible!important;
    overflow:initial!important;
    padding:0 16px
  }
  .exchange-v2 .ExchangeChart-top .trade-version {
    border-right:none
  }
  .exchange-v2 .ExchangeChart-top .ExchangeChart-top-inner {
    flex-direction:column
  }
  .exchange-v2 .ExchangeChart-top-inner {
    overflow:visible!important;
    overflow:initial!important
  }
}
.exchange-v2 .ExchangeChart-top-inner::-webkit-scrollbar {
  height:2px!important
}
.exchange-v2 .ExchangeChart-top-inner .ExchangeChart-info-label {
  white-space:nowrap
}
@media screen and (max-width:1350px) {
  .exchange-v2 .Exchange-left {
    overflow-x:hidden;
    padding-bottom:16px;
    padding-top:12px
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-left {
    overflow:visible!important;
    overflow:initial!important;
    padding-bottom:16px;
    padding-top:16px
  }
}
.exchange-v2 .ExchangeChart-title-container {
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center
}
@media screen and (max-width:1350px) {
  .exchange-v2 .ExchangeChart-title-container {
    border-right:none
  }
}
.exchange-v2 .max-leverage-container {
  padding-right:8px;
  position:relative
}
@media screen and (max-width:1350px) {
  .exchange-v2 .max-leverage-container {
    min-width:0!important;
    min-width:auto!important
  }
}
.exchange-v2 .Exchange-swap-section-top .Tooltip-handle {
  color:#fff9
}
.exchange-v2 .processing {
  color:#ffa722;
  color:var(--functional-orange,#ffa722);
  display:flex;
  gap:8px
}
.exchange-v2 .ExchangeChart-additional-info div:last-child {
  font-weight:700!important
}
.exchange-v2 .exchange-chart-info-container .Tooltip-popup {
  height:-webkit-max-content!important;
  height:max-content!important;
  padding:16px!important;
  white-space:wrap!important;
  width:290px!important
}
.exchange-v2 .exchange-chart-info-container .Tooltip-popup .customTooltip div {
  font-weight:400!important
}
.exchange-v2 .exchange-chart-info-container .Tooltip-popup:before {
  background-color:#5a5a5a;
  border-radius:2px;
  bottom:-4px;
  content:"";
  height:12px;
  left:50%;
  position:absolute;
  rotate:45deg;
  width:12px
}
.exchange-v2 .ExchangeChart-info-label {
  display:flex;
  position:relative
}
.exchange-v2 .ExchangeChart-info-label .custom-antd-tooltip {
  cursor:pointer;
  text-decoration:underline;
  text-decoration-style:dotted;
  width:100%
}
.exchange-v2 #headlessui-menu-button-5 {
  height:100%;
  width:100%
}
.exchange-v2 .ExchangeChart-title,
.exchange-v2 .chart-token-selector {
  align-items:center;
  display:flex;
  height:100%;
  padding-right:8px;
  width:100%
}
.exchange-v2 .max-leverage-container {
  width:100%
}
@media screen and (max-width:1250px) {
  .exchange-v2 .max-leverage-container {
    background:#ffffff1a!important;
    background:var(--Border_Highlight,#ffffff1a)!important
  }
}
@media screen and (max-width:767px) {
  .exchange-v2 .Exchange-left {
    padding-bottom:0!important;
    padding-top:0!important
  }
}
.exchange-v2 .Exchange-right {
  background:linear-gradient(180deg,#11231e,#191b2e)!important;
  border-left:1px solid #ffffff1a!important;
  border-left:1px solid var(--white-10,#ffffff1a)!important
}
.exchange-v2 .App-slider .rc-slider-rail {
  background-color:#101233;
  border-radius:0!important;
  width:100%
}
.exchange-v2 .App-slider .rc-slider-track {
  background:#03f5ae
}
.exchange-v2 .App-slider .rc-slider-dot {
  background:#101233;
  border:none;
  border-radius:1px;
  margin-left:-1px;
  width:2px
}
.exchange-v2 .App-slider .rc-slider-dot-active {
  background:#03f5ae
}
.exchange-v2 .App-slider .rc-slider-handle {
  background-color:#191b2e;
  border:2px solid #03f5ae;
  border-radius:50%;
  cursor:pointer;
  cursor:grab;
  height:18px;
  margin-top:-5px;
  position:absolute;
  touch-action:pan-x;
  width:18px
}
.exchange-v2 .App-slider .rc-slider-handle:active {
  box-shadow:0 0 .4rem .6rem rgba(255,205,87,.173)
}
.exchange-v2 .App-slider .rc-slider-mark-text,
.exchange-v2 .App-slider .rc-slider-mark-text-active {
  color:#fff;
  opacity:.5
}
.exchange-v2 .App-slider .rc-slider-mark-text-active:hover,
.exchange-v2 .App-slider .rc-slider-mark-text:hover {
  opacity:1
}
.exchange-v2 .rc-slider-tooltip {
  z-index:5
}
.exchange-v2 .rc-slider-tooltip-inner {
  background:#303652;
  box-shadow:none;
  padding:.465rem .8rem
}
.exchange-v2 .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  border-top-color:#303652
}
.exchange-v2 .normalSlider .rc-slider-rail {
  background:#ffffff1a;
  height:8px
}
.exchange-v2 .normalSlider .rc-slider-step .rc-slider-dot {
  background:#ffffff1a;
  height:12px;
  top:0;
  top:-2px;
  width:2px
}
.exchange-v2 .normalSlider .rc-slider-step .rc-slider-dot:first-child {
  left:1.9px
}
.exchange-v2 .normalSlider .rc-slider-step .rc-slider-dot-active {
  background:#03f5ae
}
.exchange-v2 .normalSlider .rc-slider-mark {
  top:22px
}
.exchange-v2 .normalSlider .rc-slider-mark-text-active {
  opacity:1!important
}
.exchange-v2 .normalSlider .rc-slider-handle {
  top:5px
}
.exchange-v2 .normalSlider .rc-slider-track {
  height:8px
}
.exchange-v2 .normalSlider .rc-slider-mark-text {
  opacity:.6
}
@media screen and (max-width:1350px) {
  .exchange-v2 .exchange-chart-info-container .info-main-price {
    justify-content:flex-start!important;
    text-align:left!important;
    top:1px!important;
    width:-webkit-fit-content!important;
    width:-moz-fit-content!important;
    width:fit-content!important
  }
  .exchange-v2 .exchange-chart-info-container .info-main-price .ExchangeChart-additional-info {
    align-items:flex-start!important;
    width:100%
  }
  .exchange-v2 .exchange-chart-info-container .info-main-price .last-price {
    width:-webkit-fit-content!important;
    width:-moz-fit-content!important;
    width:fit-content!important
  }
  .exchange-v2 .trade-version {
    top:-1px!important
  }
}
@media screen and (max-width:767px) {
  .exchange-v2 .ExchangeChart-top-inner {
    padding-left:0!important
  }
  .exchange-v2 .trade-version {
    right:16px!important
  }
  .exchange-v2 .exchange-chart-info-container .info-main-price {
    left:184px!important;
    top:1px!important
  }
}
.exchange-v2 .Exchange-swap-section {
  border-radius:12px!important;
  margin-bottom:8px
}
.exchange-v2 .Modal-content {
  max-height:90vh
}
.exchange-v2 .Modal-body {
  margin:0!important;
  overflow-y:auto!important
}
.exchange-v2 .risk.low {
  color:#03f5ae
}
.exchange-v2 .risk.medium {
  color:#ffa722
}
.exchange-v2 .risk.high {
  color:#f34545
}
.exchange-v2 .PositionsList .Exchange-list-tab-container .Tab {
  background:none!important
}
@media screen and (max-width:1350px) {
  .exchange-v2 .ExchangeChart-info-label,
  .exchange-v2 .ExchangeChart-info-label span {
    text-align:right
  }
  .exchange-v2 .ExchangeChart-info-label {
    width:auto!important
  }
  .exchange-v2 .ExchangeChart-additional-info {
    width:30%!important
  }
  .exchange-v2 .ExchangeChart-title-container {
    width:auto!important
  }
}
.exchange-v2 .Exchange-lists table {
  border-collapse:initial;
  border-spacing:0 12px;
  margin-top:-13px
}
.exchange-v2 .Exchange-lists table .Exchange-list-header {
  position:relative;
  top:auto
}
.exchange-v2 .Exchange-lists table .table-content {
  background:#191b2e;
  position:relative
}
.exchange-v2 .Exchange-lists table .table-content .flag {
  border-radius:0 24px 24px 0;
  height:37px;
  left:-.5px;
  position:absolute;
  top:calc(50% - 18.5px);
  width:4px
}
.exchange-v2 .Exchange-lists table .table-content .Exchange-list-info-label {
  position:relative
}
.exchange-v2 .Exchange-lists table .table-content td:first-child {
  border-bottom-left-radius:12px;
  border-top-left-radius:12px
}
.exchange-v2 .Exchange-lists table .table-content td:last-child {
  border-bottom-right-radius:12px;
  border-top-right-radius:12px
}
.exchange-v2 .Exchange-lists .Exchange-list-header th {
  color:#fff9!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:140%!important
}
.exchange-v2 .no-array-length {
  margin-top:-11px!important
}
.exchange-v2 .select-market-container {
  background:#20233b!important;
  border:none!important
}
@media screen and (max-width:900px) {
  .exchange-v2 .ExchangeChart-top-inner .chart-token-menu-items {
    top:5rem!important;
    width:calc(50vw - 32px)!important
  }
}
@media screen and (max-width:767px) {
  .exchange-v2 .ExchangeChart-top-inner .chart-token-menu-items {
    width:calc(100vw - 32px)!important
  }
}
.exchange-v2 .Tooltip-popup .Tooltip-row .label {
  color:#fff9!important
}
@media screen and (max-width:969px) {
  .exchange-v2 .Exchange-list-tab-container .Tab {
    max-width:calc(50vw - 32px);
    overflow-x:scroll;
    overflow-y:hidden;
    padding-bottom:10px;
    width:auto!important
  }
  .exchange-v2 .Exchange-list-tab-container .Tab::-webkit-scrollbar,
  .exchange-v2 .Exchange-list-tab-container .Tab::-webkit-scrollbar-track {
    height:2px!important
  }
  .exchange-v2 .Exchange-list-tab-container .Tab::-webkit-scrollbar-thumb {
    height:2px!important
  }
  .exchange-v2 .Exchange-list-tab-container .Tab .Tab-option {
    white-space:nowrap
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-list-tab-container .Tab {
    max-width:calc(100vw - 32px)
  }
}
@media screen and (max-width:1110px) {
  .exchange-v2 .last-price {
    text-align:left
  }
}
.exchange-v2 .Exchange-swap-option-tabs .Tab-option .Tab-option-icon {
  height:20px;
  transform:scale(1)!important;
  width:20px
}
.exchange-v2 .box-trade-v2 .divider {
  margin:16px -16px
}
@media screen and (max-width:767px) {
  .exchange-v2 .Exchange-swap-box .swap-box-v2 {
    margin-left:-16px;
    margin-right:-16px;
    padding-left:16px!important;
    padding-right:16px!important
  }
}
.exchange-v2 .Exchange-swap-button-container button {
  border-radius:8px
}
.exchange-v2 .flag {
  border-radius:0 24px 24px 0;
  height:37px;
  left:0;
  position:absolute;
  top:calc(50% - 18.5px);
  width:4px
}
.exchange-v2 .flag.isLong {
  background-color:#03f5ae
}
.exchange-v2 .flag.isShort {
  background-color:#f6475d
}
@media screen and (max-width:700px) {
  .exchange-v2 .Exchange-right {
    border:none!important;
    margin-left:auto;
    margin-right:auto;
    width:calc(100vw - 32px)
  }
  .exchange-v2 .Exchange-right .Exchange-swap-box {
    border-radius:12px!important
  }
  .exchange-v2 .Exchange-left .ExchangeChart-top {
    background:none;
    border-bottom:1px solid #ffffff1a!important;
    border-bottom:1px solid var(--white-10,#ffffff1a)!important
  }
}
.exchange-v2 .muted {
  font-weight:400;
  line-height:16.8px
}
@media screen and (max-width:1350px) {
  .exchange-v2 .Exchange-left {
    background:#0000
  }
}
@media screen and (max-width:700px) {
  .exchange-v2 .exchange-chart-info-container {
    gap:8px
  }
}
.exchange-v2 .Exchange-swap-section-top .Tooltip-popup {
  width:300px!important
}
.exchange-v2 .Exchange-swap-section-top .Tooltip-popup span {
  white-space:wrap
}
@media screen and (max-width:1350px) {
  .exchange-v2 .App-card-options button {
    height:40px;
    margin:0;
    padding:8px 16px
  }
}
.exchange-v2 .pad-chart-container {
  -webkit-backdrop-filter:blur(17px);
  backdrop-filter:blur(17px);
  background:#ffffff1a
}
.exchange-v2 .PositionDropdown-extra-options .menu-items {
  background:#3d3f54!important;
  border:1px solid #ffffff1a!important;
  border:1px solid var(--white-10,#ffffff1a)!important;
  border-radius:12px!important
}
.exchange-v2 .PositionDropdown-extra-options .menu-items .menu-item {
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  padding:8px 16px
}
@media screen and (min-width:1300px) {
  .exchange-v2 .PositionDropdown-extra-options .menu-items .menu-item {
    border-radius:0
  }
}
.exchange-v2 .PositionDropdown-extra-options .menu-items .menu-item:hover {
  background:#ffffff1a!important;
  background:var(--white-10,#ffffff1a)!important
}
.exchange-v2 .Exchange-list-info-label .leverage-box {
  position:relative;
  top:-1px
}
.exchange-v2 .Modal-body {
  max-height:none!important
}
.exchange-v2 .PositionsList .Exchange-list-info-label .Tooltip-popup {
  width:320px!important
}
.exchange-v2 .Modal-content {
  overflow:hidden
}
.exchange-v2 .Modal-content::-webkit-scrollbar {
  display:none!important
}
.exchange-v2 .swap-box-v2 .Tab-option {
  font-size:14px!important
}
.exchange-v2 .Exchange-content {
  min-height:calc(100vh - 62px)
}
.no-data-card {
  border:1px solid #ffffff1a;
  border-radius:12px;
  color:#fff9;
  font-size:14px;
  height:150px;
  min-width:100%;
  width:auto
}
.no-data-card,
.trade-version {
  align-items:center;
  display:flex;
  justify-content:center
}
.trade-version {
  border-left:1px solid #ffffff1a;
  border-left:1px solid var(--white-10,#ffffff1a);
  height:100%;
  margin-left:24px;
  padding-left:16px
}
.trade-version-container {
  background:#ffffff1a!important;
  border-radius:8px;
  border-radius:var(--base-unit-xs-8,8px);
  display:flex
}
.trade-version-container a {
  text-decoration:none
}
.trade-version-container .version-tab {
  align-items:center;
  border-radius:8px;
  border-radius:var(--base-unit-xs-8,8px);
  cursor:pointer;
  display:flex;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  justify-content:center;
  line-height:140%;
  padding:10px;
  position:relative
}
.trade-version-container .version-tab .star {
  position:absolute;
  right:0;
  top:0
}
.ExchangeChart-title {
  position:relative
}
.version-tab-active {
  border:1px solid #03f5ae;
  color:#03f5ae;
  color:var(--black-100,#03f5ae)
}
.custom-antd-tooltip {
  cursor:pointer;
  cursor:help;
  text-decoration:underline;
  text-decoration-style:dotted;
  width:100%
}
.no-array-length td,
.no-position td {
  padding:0!important
}
.no-data-card {
  margin:0!important
}
.chart-pad-open {
  background:#000!important
}
.chart-pad-open .chart-tick-container .Checkbox {
  top:2px!important
}
.chart-token-menu .menu-items {
  padding:0!important
}
.chart-token-menu .chart-token-menu-items {
  background:#20233b!important;
  border:none!important;
  left:0!important;
  right:auto!important;
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.ExchangeChart-title .chart-token-menu-items {
  top:65px
}
@media screen and (max-width:1250px) {
  .ExchangeChart-title .chart-token-menu-items {
    top:6.5rem!important
  }
}
.max-leverage-container {
  background:#ffffff1a!important;
  background:var(--Border_Highlight,#ffffff1a)!important
}
.swap-box-v2 {
  height:76px!important
}
.no-data-record {
  align-items:center;
  border:1px solid #0000;
  border-radius:12px;
  color:#fff9;
  display:flex;
  font-size:14px;
  height:150px;
  justify-content:center;
  min-width:100%;
  width:auto
}
.Modal-body .history-container .align-right {
  font-weight:700
}
.leverage-box {
  display:inline!important;
  display:initial!important;
  line-height:100%!important;
  padding:1px 4px!important
}
.Exchange .Exchange-swap-section-top div,
.Exchange .Exchange-swap-section-top span {
  font-weight:400!important
}
.Exchange-list-tabs .Tab-option {
  border-radius:12px!important;
  border-radius:var(--Base-Unit-S-12,12px)!important
}
.swap-v2-wrapper .Exchange-swap-box-info {
  gap:0
}
.swap-v1-container .ExchangeChart {
  border-bottom:none
}
.PositionDropdown-dots-icon {
  margin-top:0!important
}
.PositionDropdown-dots-icon img {
  top:0!important
}
.set-colateral {
  align-items:center;
  background:#11121b;
  border-radius:12px;
  border-radius:var(--Base-Unit-S-12,12px);
  display:flex;
  justify-content:space-between;
  margin-bottom:4px;
  padding:16px
}
.set-colateral .title {
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9);
  font-size:14px
}
.route-underlying-info {
  align-items:center;
  background:#ffffff1a;
  background:var(--Border,#ffffff1a);
  border-radius:12px;
  border-radius:var(--Base-Unit-S-12,12px);
  display:flex;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  gap:4px;
  gap:var(--Border_radius,4px);
  line-height:140%;
  padding:8px;
  padding:var(--Base-Unit-XS-8,8px);
  width:100%
}
.theme--light .route-underlying-info,
.theme--light .set-colateral {
  background:#264d4112!important
}
.theme--light .route-underlying-info .TokenSelector-box svg,
.theme--light .set-colateral .TokenSelector-box svg {
  filter:brightness(0)
}
.theme--light .route-underlying-info .TokenSelector-box:hover svg,
.theme--light .set-colateral .TokenSelector-box:hover svg {
  filter:brightness(1)!important
}
.route-tokens {
  align-items:center;
  display:flex;
  gap:4px
}
.route-tokens span {
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:140%
}
.theme--light .Exchange {
  background:#fff
}
.theme--light .trade-version {
  border-color:#0d1a1612!important;
  border-color:var(--Border,#0d1a1612)!important
}
.theme--light .Exchange-right,
.theme--light .exchange-v2 .Exchange-right,
.theme--light .exchange-v2 .Modal-content {
  background:#fff!important
}
.theme--light .exchange-v2 .Exchange-right {
  border-left:1px solid #0d1a1612!important;
  border-left:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .box-trade-long {
  background:#fff!important
}
.theme--light .Exchange-swap-order-type-tabs .Tab-option {
  color:#0d1a16b3!important
}
.theme--light .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-order-type-tabs {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-order-type-tabs .Tab-option {
  color:#0d1a16!important
}
.theme--light .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-order-type-tabs .Tab-option:hover {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .exchange-v2 .Exchange-updated-ui .Exchange-content .Exchange-swap-order-type-tabs .active {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important;
  color:#02b27f!important
}
.theme--light .Exchange-swap-section {
  background:#264d4112!important;
  background:var(--Background-Input_Background,#264d4112)!important
}
.theme--light .Exchange-swap-section .Exchange-swap-input-container,
.theme--light .Exchange-swap-section .Exchange-swap-section-top,
.theme--light .Exchange-swap-section .Exchange-swap-section-top .Tooltip-handle,
.theme--light .Exchange-swap-section .Exchange-swap-section-top .Tooltip-handle span {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.theme--light .Exchange-swap-section .Exchange-swap-input-container .usd-txt,
.theme--light .Exchange-swap-section .Exchange-swap-input-container input {
  color:#0d1a16!important
}
.theme--light .Exchange-swap-section .Exchange-swap-input-container input::placeholder {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.theme--light .percentage-btn-container .percentahe-value {
  border:1px solid #02b27f!important;
  border:1px solid var(--Primary,#02b27f)!important
}
.theme--light .percentage-btn-container .percentahe-value input {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .percentage-btn-container .percentahe-value.init-value {
  border-color:#0d1a16!important
}
.theme--light .percentage-btn-container .percentahe-value.init-value>input,
.theme--light .percentage-btn-container .percentahe-value.init-value>span {
  color:#0d1a16!important
}
.theme--light .percentage-btn-container .percentahe-value span {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .percentage-btn-container .percentage-btn {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  cursor:pointer
}
.theme--light .percentage-btn-container .percentage-btn:hover {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .percentage-btn-container .percentage-btn-selected {
  border:1px solid #02b27f!important;
  border:1px solid var(--Primary,#02b27f)!important;
  color:#02b27f!important
}
.theme--light .trade-version {
  border-left:1px solid #0d1a1612!important
}
.theme--light .Exchange-info-row .Exchange-info-label {
  color:#0d1a16b3!important;
  opacity:1!important
}
.theme--light .Exchange-info-row .Exchange-info-label div,
.theme--light .Exchange-info-row .Exchange-info-label span {
  color:#0d1a16b3!important
}
.theme--light .Exchange-leverage-slider-container .percentahe-value {
  border:1px solid #02b27f!important;
  border:1px solid var(--Primary,#02b27f)!important
}
.theme--light .Exchange-leverage-slider-container .percentahe-value input,
.theme--light .Exchange-leverage-slider-container .percentahe-value span {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .rc-slider .rc-slider-rail {
  background:#0d1a1612!important;
  background:var(--Border,#0d1a1612)!important
}
.theme--light .rc-slider .rc-slider-dot-active,
.theme--light .rc-slider .rc-slider-track {
  background:#02b27f!important;
  background:var(--Primary,#02b27f)!important
}
.theme--light .rc-slider .rc-slider-handle {
  background:#fff;
  border:2px solid #02b27f
}
.theme--light .shortSlider .rc-slider-rail {
  background:#0d1a1612!important;
  background:var(--Border,#0d1a1612)!important
}
.theme--light .shortSlider .rc-slider-dot-active,
.theme--light .shortSlider .rc-slider-track {
  background:#d62f44!important;
  background:var(--Primary,#d62f44)!important
}
.theme--light .shortSlider .rc-slider-handle {
  background:#fff;
  border:2px solid #d62f44
}
.theme--light .shortSlider .rc-slider-mark-text {
  color:#0d1a16b3!important
}
.theme--light .shortSlider .rc-slider-mark-text-active {
  color:#0d1a16!important
}
.theme--light .toogle-card-container .title-container .title {
  color:#0d1a16
}
.theme--light .toogle-card-container .title-container button {
  background:rgba(13,26,22,.071)!important
}
.theme--light .toogle-card-container .title-container .ant-switch-checked {
  background:#02b27f!important
}
.theme--light .Exchange-swap-section:has(input:focus) {
  outline:1px solid #02b27f;
  outline:1px solid var(--Primary,#02b27f)
}
.theme--light .negative,
.theme--light .negative div,
.theme--light .negative span {
  color:#d62f44!important
}
.theme--light .positive,
.theme--light .positive div,
.theme--light .positive span {
  color:#02b27f!important
}
.theme--light .trade-v1 .position-share .prices,
.theme--light .trade-v1 .position-share .prices p,
.theme--light .trade-v1 .position-share li {
  color:#fff!important
}
.theme--light .trade-v1 .position-share .prices .price {
  color:#ffdf76!important
}
.theme--light .trade-v1 .position-share .referral-code-info {
  color:#fff!important
}
.theme--light .trade-v1 .position-share .referral-code-info .label {
  color:#fff9!important
}
.theme--light .trade-v1 .position-share .referral-code-info .code {
  color:#fff!important
}
.theme--light .trade-v1 .position-share .positive,
.theme--light .trade-v1 .position-share .positive div,
.theme--light .trade-v1 .position-share .positive span {
  color:#05eca8!important
}
.theme--light .trade-v1 .position-share .negative,
.theme--light .trade-v1 .position-share .negative div,
.theme--light .trade-v1 .position-share .negative span {
  color:#f6475d!important
}
.theme--light .normalSlider span.rc-slider-mark-text {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.theme--light .normalSlider span.rc-slider-mark-text.rc-slider-mark-text-active {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.theme--light .Exchange-list-tab-container .Tab .Tab-option {
  color:#0d1a16b3!important;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.theme--light .Exchange-list-tab-container .Tab .Tab-option:hover {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .Exchange-list-tab-container .Tab .active,
.theme--light .Exchange-list-tabs .active,
.theme--light .exchange-v2 .Exchange-updated-ui .Exchange-lists .Exchange-list-tabs .active {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important;
  color:#02b27f!important
}
.theme--light .ExchangeChart-top-inner .chart-token-selector {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .ExchangeChart-top-inner .chart-token-selector .chart-token-selector--current {
  color:#0d1a16!important
}
.theme--light .ExchangeChart-top-inner .chart-token-selector .arrow-chart {
  filter:brightness(0)!important
}
.theme--light .ExchangeChart-top-inner .chart-token-selector:hover {
  background:#1aaf8526!important;
  background:var(--HighLight,#1aaf8526)!important
}
.theme--light .trade-version .trade-version-container .version-tab-active {
  border:1px solid #02b27f!important;
  border:1px solid var(--Primary,#02b27f)!important;
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .Exchange-lists table .table-content {
  background:#fff;
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.theme--light .pagination-v2 .ant-pagination-item {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .pagination-v2 .ant-pagination-item a {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.theme--light .pagination-v2 .ant-pagination-item:hover {
  background:none!important;
  border:1px solid #02b27f!important;
  border:1px solid var(--Primary,#02b27f)!important
}
.theme--light .pagination-v2 .ant-pagination-item:hover a {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .pagination-v2 .ant-pagination-item-active {
  background:#02b27f!important;
  background:var(--Primary,#02b27f)!important;
  border:1px solid #ffffff1a!important;
  border:1px solid var(--Border_Highlight,#ffffff1a)!important
}
.theme--light .pagination-v2 .ant-pagination-item-active a {
  color:#fff!important
}
.theme--light .pagination-v2 .ant-pagination-item-active:hover {
  background:#02b27f!important;
  background:var(--Primary,#02b27f)!important;
  border:1px solid #ffffff1a!important;
  border:1px solid var(--Border_Highlight,#ffffff1a)!important
}
.theme--light .pagination-v2 .ant-pagination-item-active:hover a {
  color:#fff!important
}
.theme--light .pagination-v2 .ant-pagination-jump-next,
.theme--light .pagination-v2 .ant-pagination-jump-prev,
.theme--light .pagination-v2 .ant-pagination-next,
.theme--light .pagination-v2 .ant-pagination-prev {
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612);
  border-radius:8px;
  border-radius:var(--Base-Unit-XS-8,8px)
}
.theme--light .pagination-v2 .ant-pagination-jump-next:hover,
.theme--light .pagination-v2 .ant-pagination-jump-prev:hover,
.theme--light .pagination-v2 .ant-pagination-next:hover,
.theme--light .pagination-v2 .ant-pagination-prev:hover {
  border:1px solid #02b27f;
  border:1px solid var(--Primary,#02b27f)
}
.theme--light .pagination-v2 .ant-pagination-jump-next svg,
.theme--light .pagination-v2 .ant-pagination-jump-prev svg,
.theme--light .pagination-v2 .ant-pagination-next svg,
.theme--light .pagination-v2 .ant-pagination-prev svg {
  filter:brightness(0);
  height:16px;
  width:16px
}
.theme--light .pagination-v2 .ant-pagination-jump-next {
  padding:0!important
}
.theme--light .pagination-v2 .ant-pagination-jump-next svg {
  height:16px;
  width:16px
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items,
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container {
  background:#fff!important;
  background:var(--Background-Modal_Background,#fff)!important;
  box-shadow:4px 0 20px 0 #0000001a!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .top .filter button {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .list-tokens-chart .row:hover,
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .top .filter .active {
  background:#0d1a1612!important;
  background:var(--Border,#0d1a1612)!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .list-tokens-chart .row .price {
  color:#0d1a16!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .input-section {
  background:#264d4112!important;
  background:var(--Background-Input_Background,#264d4112)!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .input-section input {
  color:#0d1a16!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .input-section img {
  filter:brightness(0)
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .select-symbol-container .symbol {
  color:#0d1a16
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .select-symbol-container .supported-version {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .select-symbol-container .supported-version .title {
  color:#0d1a16b3!important
}
.theme--light .ExchangeChart-top-inner .chart-token-menu-items .select-market-container .select-symbol-container .supported-version .ver {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important;
  font-weight:700
}
.theme--light .close-container .Exchange-list-action,
.theme--light .positive .Tooltip-handle {
  color:#02b27f!important
}
.theme--light .close-container .Exchange-list-action:hover {
  color:#03805b!important
}
.theme--light .close-container .menu-items {
  background:#fff!important;
  background:var(--Background-Tooltip_Background,#fff)!important;
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .close-container .menu-items .menu-item img {
  filter:brightness(0)
}
.theme--light .square-container {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .side {
  background:#0d1a1612!important;
  color:#0d1a16!important
}
.theme--light .exchange-v2 .order-title-line-details .side-long {
  background:#02b27f1a!important;
  background:var(--Chips-Long_Background,#02b27f1a)!important;
  color:#02b27f!important
}
.theme--light .PositionDropdown-extra-options .menu-items .menu-item:hover {
  background:#0d1a1612!important;
  background:var(--Border,#0d1a1612)!important
}
@media screen and (max-width:1300px) {
  .theme--light .PositionDropdown-extra-options .menu-items {
    background:#fff!important;
    box-shadow:4px 0 24px 0 #0003
  }
  .theme--light .PositionDropdown-extra-options .menu-items img {
    filter:brightness(0)
  }
}
.theme--light .side-short {
  background:#f6475d1a!important;
  color:#d62f44!important
}
.theme--light .position-info-container .position-info .title {
  color:#0d1a16
}
.theme--light .position-info-container .position-info .side {
  background:#0d1a1612!important;
  color:#0d1a16!important
}
.theme--light .position-info-container .position-info .side-long {
  background:#02b27f1a!important;
  background:var(--Chips-Long_Background,#02b27f1a)!important;
  color:#02b27f!important
}
.theme--light .position-info-container .position-info .side-short {
  background:#f6475d1a!important;
  color:#d62f44!important
}
.theme--light .position-info-container .position-id {
  color:#0d1a16b3!important
}
.theme--light .postion-history {
  color:#02b27f!important
}
.theme--light .divider {
  background:#0d1a1612!important
}
.theme--light .PositionDropdown-dots-icon:hover {
  background:rgba(3,245,174,.102)!important
}
.theme--light .Modal-content .content-container {
  border-top:1px solid #0d1a1612;
  border-top:1px solid var(--Border,#0d1a1612)
}
.theme--light .Modal-content .content-container .Exchange-info-row .align-right {
  font-weight:700
}
.theme--light .green-value {
  color:#02b27f!important
}
.theme--light .position-list-leve {
  background:#fef6d8!important;
  color:#d69e03!important;
  font-weight:700!important
}
.theme--light .chart-positions .Checkbox-icon-wrapper path {
  color:rgba(13,26,22,.698)!important
}
.theme--light .chart-positions.active .Checkbox-icon-wrapper path,
.theme--light .chart-positions:hover .Checkbox-icon-wrapper path {
  color:#02b27f!important
}
.theme--light .Exchange-should-show-position-lines .group-actions {
  font-size:14px
}
.theme--light .position-change-line .position-change-info {
  color:#0d1a16!important
}
.theme--light .position-change-line .position-change-info:first-child,
.theme--light .rc-slider-mark-text {
  color:#0d1a16b3!important
}
.theme--light .rc-slider-mark-text-active {
  color:#0d1a16!important
}
.theme--light .box-trade-short {
  background:#fff!important
}
.theme--light .exchange-v2 .risk.low span {
  color:#02b27f!important
}
.theme--light .exchange-v2 .risk.medium span {
  color:#d69003!important
}
.theme--light .exchange-v2 .risk.high span {
  color:#d62f44!important
}
.theme--light .no-data-card,
.theme--light .no-data-record,
.theme--light .no-position-card {
  background:#fff!important
}
.theme--light .Exchange-left {
  background:linear-gradient(180deg,#f7fffd,#eef1f7)!important
}
.theme--light .exchange-chart-info-container .ExchangeChart-info-label span,
.theme--light .exchange-chart-info-container .orr {
  color:rgba(13,26,22,.698)!important
}
.theme--light .ExchangeChart-bottom,
.theme--light .ExchangeChart-top {
  border-bottom:1px solid #0d1a1612!important;
  border-bottom:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .exchange-v1 .Exchange-swap-box .Exchange-swap-order-type-tabs {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .exchange-v1 .Exchange-swap-box .Exchange-swap-order-type-tabs .Tab-option {
  color:#0d1a16!important;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.theme--light .exchange-v1 .Exchange-swap-box .Exchange-swap-order-type-tabs .Tab-option:hover {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .exchange-v1 .Exchange-swap-box .Exchange-swap-order-type-tabs .active {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important;
  color:#02b27f!important
}
.theme--light .swap-box-v2 {
  border-bottom:1px solid #0d1a1612!important;
  border-bottom:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .Exchange-swap-option-tabs .short {
  color:#d62f44!important
}
.theme--light .Exchange-swap-option-tabs .long {
  color:#05b681!important;
  color:var(--Functional-Green,#05b681)!important
}
.theme--light .Exchange-swap-max {
  background:#02b27f!important;
  border-radius:8px!important;
  border-radius:var(--Base-Unit-XS-8,8px)!important;
  outline:none!important
}
.theme--light .Exchange-swap-max span {
  color:#fff!important;
  font-size:14px;
  font-weight:500
}
.theme--light .no-position .no-position-card {
  background:#fff!important
}
.theme--light .TradeHistory .new-history .tradeHistory-Header {
  background:none!important
}
.theme--light .TradeHistory .new-history .tradeHistory-Header th {
  color:#0d1a16b3!important
}
.theme--light .TradeHistory .new-history tr,
.theme--light .TradeHistory .new-history tr td {
  background:#fff!important
}
.theme--light .trade-version-container .version-tab:hover {
  background:#264d4112!important;
  background:var(--Background-Input_Background,#264d4112)!important
}
.theme--light .timestamp-cell {
  color:#0d1a16!important
}
.theme--light .Exchange-swap-ball {
  background:#02b27f!important
}
.theme--light .Exchange-swap-ball path {
  color:#fff!important
}
.theme--light .Exchange-swap-ball:hover {
  background:#03805b!important
}
.theme--light .trade-v1 .Exchange-swap-market-box .App-card-divider {
  background:none
}
@media screen and (max-width:1350px) {
  .theme--light .trade-v1 .Exchange-content {
    background:#eff2f7!important
  }
}
.theme--light .trade-v1 .leverage-settings-short .Checkbox-icon path {
  color:#0d1a161a!important
}
.theme--light .trade-v1 .leverage-settings-short .active,
.theme--light .trade-v1 .leverage-settings-short .active path {
  color:#d62f44!important
}
.theme--light .Exchange-swap-ball-red {
  background:#d62f44!important
}
.theme--light .Exchange-swap-ball-red path {
  color:#fff!important
}
.theme--light .Exchange-swap-ball-red:hover {
  background:#bf3649!important
}
.theme--light .Exchange-swap-max:hover {
  background:#02845e!important
}
.theme--light .new-history-cell .long-tag {
  background:#02b27f1a!important;
  background:var(--Chips-Long_Background,#02b27f1a)!important;
  color:#02b27f!important;
  color:var(--Chips-Long_Text,#02b27f)!important
}
.theme--light .new-history-cell .short-tag {
  background:#f6475d1a!important;
  background:var(--Chips-Short_Background,#f6475d1a)!important;
  color:#d62f44!important;
  color:var(--Chips-Short_Text,#d62f44)!important
}
.theme--light .exchange-token-value .symbol-styled,
.theme--light .symbol-styled {
  color:#0d1a16b3!important
}
.theme--light .box-trade-swap .TokenSelector .TokenSelector-box {
  font-weight:700
}
.theme--light .swap-v2-wrapper .swap-token-selected-wrapper .symbol-value {
  color:#0d1a16b3!important
}
.theme--light .Modal-content .content-container .Tab .Tab-option {
  color:#0d1a16b3!important;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.theme--light .Modal-content .content-container .Tab .Tab-option:hover,
.theme--light .Modal-content .content-container .Tab .active {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .Modal-content .content-container .Tab .active {
  color:#02b27f!important
}
.theme--light .ver {
  background:#0d1a1612!important;
  background:var(--Border,#0d1a1612)!important
}
.theme--light .Exchange-list .App-card {
  background:#fff!important
}
@media(max-width:1350px) {
  .theme--light .Exchange-lists.small {
    background:#eff2f7!important
  }
}
.theme--light button.PositionDropdown-dots-icon {
  color:#0d1a16!important
}
.theme--light button.PositionDropdown-dots-icon img {
  filter:brightness(0)
}
.theme--light button.PositionDropdown-dots-icon:hover {
  background:#0000!important
}
.theme--light button.PositionDropdown-dots-icon:hover img {
  filter:invert(53%) sepia(58%) saturate(4106%) hue-rotate(132deg) brightness(95%) contrast(98%)!important
}
@media screen and (max-width:1300px) {
  .theme--light button.PositionDropdown-dots-icon:hover img {
    filter:brightness(0)!important
  }
}
.theme--light button.PositionDropdown-dots-icon:active {
  color:#0d1a16!important
}
@media screen and (max-width:1300px) {
  .theme--light button.PositionDropdown-dots-icon {
    border:1px solid #0d1a1612!important;
    border:1px solid var(--Border,#0d1a1612)!important
  }
  .theme--light button.PositionDropdown-dots-icon:active,
  .theme--light button.PositionDropdown-dots-icon:hover:enabled {
    border:1px solid #02b27f!important;
    color:#0d1a16!important
  }
}
.theme--light .TradeHistory .table-mobile {
  background:#fff!important
}
.theme--light .TradeHistory .table-mobile .header {
  border:none!important
}
.theme--light .TradeHistory .table-mobile .header .market a img {
  filter:brightness(0)
}
.theme--light .TradeHistory .table-mobile .header .market .coin {
  color:#0d1a16
}
.theme--light .TradeHistory .table-mobile .close-on {
  border-top:1px solid #0d1a1612
}
.theme--light .TradeHistory .table-mobile .close-on .label {
  color:#0d1a16!important
}
@media screen and (max-width:700px) {
  .theme--light .Exchange-updated-ui .Exchange-content {
    background:#eff2f7!important
  }
}
.theme--light .view-chart img {
  filter:brightness(0)
}
.theme--light .Exchange-swap-section .TokenSelector-box .TokenSelector-caret path {
  fill:#000
}
.theme--light .Exchange-swap-section .TokenSelector-box:hover .TokenSelector-caret path {
  fill:#02b27f
}
.theme--light .Exchange-trigger-order-info a {
  border:none
}
.theme--light .TokenSelector .TokenSelector-token-input-row {
  background:#264d4112;
  background:var(--Background-Input_Background,#264d4112)
}
.theme--light .TokenSelector .TokenSelector-token-input-row img {
  filter:brightness(0)
}
.theme--light .TokenSelector .TokenSelector-token-input-row input::placeholder {
  color:#0d1a16b3
}
.theme--light .positionHistory-modal .divider {
  display:block;
  margin:0
}
.theme--light .exchange-v2 .confirmation-modal .Modal-body {
  border-top:none!important
}
.theme--light .exchange-v2 .confirmation-modal .Modal-body .free-colateral {
  color:rgba(13,26,22,.698)!important;
  opacity:1!important
}
.theme--light .exchange-v2 .square-container-yellow {
  border-color:#02b27f
}
.theme--light .exchange-v2 .right-balance>span {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.theme--light .exchange-v2 .PositionSeller-modal.confirmation-modal .Tab.block {
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.theme--light .exchange-v2 .PositionSeller-modal.confirmation-modal .Tab.block .Tab-option {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Primary,#0d1a16b3)!important;
  font-weight:500!important
}
.theme--light .exchange-v2 .PositionSeller-modal.confirmation-modal .Tab.block .Tab-option.active,
.theme--light .exchange-v2 .PositionSeller-modal.confirmation-modal .Tab.block .Tab-option:hover {
  background:#02b27f26!important
}
.theme--light .order-title-line .title {
  color:#0d1a16
}
.theme--light .allow-slippage-container {
  border:1px solid #02b27f;
  border:1px solid var(--Primary,#02b27f)
}
.theme--light .allow-slippage-container div,
.theme--light .allow-slippage-container input {
  color:#02b27f!important
}
.theme--light .app-card-position .leverage-pad div:last-child {
  background:#fef6d8!important;
  background:var(--Leverage-Background,#fef6d8)!important;
  color:#d69e03!important
}
.theme--light .trade-v1 .Modal-content .Exchange-swap-section {
  margin-left:3px;
  width:calc(100% - 3px)
}
.theme--light .chart-pad-open {
  background:#eff2f7!important
}
.theme--light .pad-chart-container {
  -webkit-backdrop-filter:blur(17px)!important;
  backdrop-filter:blur(17px)!important;
  border-top:1px solid #0d1a1612!important;
  border-top:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .exchange-v1 .PositionDropdown-extra-options .menu-items .menu-item:hover,
.theme--light .pad-chart-container {
  background:#0d1a1612!important;
  background:var(--Border,#0d1a1612)!important
}
.theme--light .exchange-v1 .Exchange-swap-box-inner.App-box-highlight.box-trade-v2 .Exchange-swap-ball-icon {
  opacity:1
}
.theme--light .exchange-v1 .order-error .Tooltip-handle {
  color:#d62f44!important
}
.theme--light .isShort {
  background:#d62f44!important;
  background:var(--Functional-Red,#d62f44)!important
}
.theme--light .isLong {
  background:#02b27f!important;
  background:var(--Primary,#02b27f)!important
}
.theme--light .Exchange-updated-ui .Tab .Tab-option {
  color:#0d1a16b3!important;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.theme--light .Exchange-updated-ui .Tab .Tab-option:hover,
.theme--light .Exchange-updated-ui .Tab .active {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .Exchange-updated-ui .Tab .active {
  color:#02b27f!important
}
.theme--light .Exchange-updated-ui .Exchange-swap-option-tabs .short {
  color:#d62f44!important
}
.theme--light .Exchange-updated-ui .Exchange-swap-option-tabs .long {
  color:#05b681!important;
  color:var(--Functional-Green,#05b681)!important
}
.theme--light .Exchange-updated-ui .isProfit {
  color:#02b27f!important
}
.theme--light .Exchange-updated-ui .isLoss {
  color:#d62f44!important
}
.theme--light .Exchange-updated-ui .leverage-box {
  background:#fef6d8!important;
  background:var(--Leverage-Background,#fef6d8)!important;
  color:#d69e03!important;
  color:var(--Leverage-Text,#d69e03)!important
}
.theme--light .Exchange-updated-ui td .Exchange-list-info-label .negative {
  color:#d62f44!important
}
.theme--light .Exchange-updated-ui td .Exchange-list-info-label .positive {
  color:#02b27f!important
}
.theme--light .Exchange-updated-ui .leverage-pad .negative {
  color:#d62f44!important
}
.theme--light .Exchange-updated-ui .leverage-pad .positive {
  color:#02b27f!important
}
@media screen and (max-width:1350px) {
  .theme--light .swap-v1-container .Exchange-lists {
    background:none!important
  }
}
@media screen and (max-width:700px) {
  .theme--light .swap-v1-container .Exchange-content {
    background:linear-gradient(180deg,#f7fffd,#eef1f7)!important
  }
}
.theme--light .swap-v1-container .table-mobile .open-position {
  border-top:1px solid #0d1a1612!important
}
.theme--light .swap-v1-container .table-mobile .close-on {
  border-top:none!important
}
.theme--light .swap-v1-container .table-mobile .close-on .size:last-child {
  margin-top:4px
}
.theme--light .swap-v1-container .table-mobile .close-on .size:last-child .label {
  color:#0d1a16b3!important
}
@media screen and (max-width:1350px) {
  .theme--light .swap-v1-container .table-line-info {
    padding:0 0 16px!important
  }
}
.theme--light .swap-v1-container .table-line-info .market .coin {
  color:#0d1a16!important;
  font-weight:400!important
}
.theme--light .swap-v1-container .table-line-info .type {
  color:#0d1a16!important
}
.theme--light .red-value {
  color:#d62f44!important
}
.theme--light .Checkbox-label span {
  font-size:14px
}
.theme--light .leverage-box {
  background:#fef6d8!important;
  background:var(--Leverage-Background,#fef6d8)!important;
  color:#d69e03!important;
  color:var(--Leverage-Text,#d69e03)!important
}
.theme--light .Exchange-list-action span {
  color:#02b27f!important
}
.theme--light .Exchange-list-action span:hover {
  color:#03805b!important
}
.theme--light .Exchange-list-action:is(button.border-btn) span {
  color:#0d1a16!important
}
.theme--light .table-line-info {
  background:#fff!important
}
@media(max-width:1023px) {
  .theme--light .table-line-info .child:before {
    color:#0d1a16b3!important;
    color:var(--Text-Text_Secondary,#0d1a16b3)!important
  }
  .theme--light .table-line-info .child:first-child {
    border-bottom:1px solid #0d1a1612;
    border-bottom:1px solid var(--Border,#0d1a1612)
  }
}
.theme--light .table-line-info .pos-long {
  color:#02b27f!important
}
.theme--light .table-line-info .pos-short {
  color:#d62f44!important
}
.theme--light .table-line-info .action-child {
  color:#02b27f!important
}
.theme--light .table-line-info .action-child:hover {
  color:#02845e!important
}
.theme--light .exchange-v1 .Modal-content .Tab {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .exchange-v1 .Modal-content .Tab .Tab-option {
  align-items:center;
  color:#0d1a16!important;
  display:flex;
  font-size:12px;
  font-style:normal;
  font-weight:500;
  height:40px;
  justify-content:center;
  line-height:140%
}
.theme--light .exchange-v1 .Modal-content .Tab .Tab-option:hover,
.theme--light .exchange-v1 .Modal-content .Tab .active {
  background:#0d1a1612!important
}
.theme--light .Exchange-lists .table .header .child {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.theme--light .Exchange-lists .table .table-line-info .action-child {
  color:#02b27f!important
}
.theme--light .Exchange-lists .table .table-line-info .action-child:hover {
  color:#02845e!important
}
.theme--light .trade-v1 .PositionDropdown-dots-icon:hover path {
  color:#02b27f!important
}
.theme--light .PositionDropdown-extra-options .menu-items {
  box-shadow:4px 0 24px 0 #0003!important
}
.theme--light .muted {
  opacity:1
}
.theme--light .muted,
.theme--light .muted div,
.theme--light .muted span {
  color:#0d1a16b3!important
}
.theme--light .Exchange-list-header th {
  opacity:1!important
}
.theme--light .Exchange-list-header th span {
  color:#0d1a16b3!important
}
.theme--light .Modal-content form input {
  border:1px solid #0d1a1612
}
.theme--light .Exchange-info-row.top-line {
  border-top:1px solid #0d1a1612
}
.theme--light .exchange-v2 .toogle-card-container .percentage-btn-selected {
  background:#03f5ae1a!important;
  color:#02b27f;
  color:var(--Primary,#02b27f)
}
.theme--light .exchange-v2 .percentahe-value {
  border:1px solid #02b27f!important;
  border:1px solid var(--Primary,#02b27f)!important
}
.theme--light .exchange-v2 .percentahe-value input {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .exchange-v2 .percentahe-value.init-value {
  border-color:#0d1a16!important
}
.theme--light .exchange-v2 .percentahe-value.init-value>input,
.theme--light .exchange-v2 .percentahe-value.init-value>span {
  color:#0d1a16!important
}
.theme--light .exchange-v2 .percentahe-value span {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .Checkbox-icon-wrapper .active path,
.theme--light .link-underline:hover,
.theme--light .link-underline:hover span:not(.position-head-symbol-symbol,
.longOrShort,
.leverage) {
  color:#02b27f!important
}
.theme--light .square-trade-v2 .align-right .TokenSelector-box img {
  filter:brightness(0)
}
.theme--light .TokenSelector-token-row {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .TokenSelector-token-row .text-accent {
  color:#0d1a16b3!important
}
@media screen and (max-width:1350px) {
  .theme--light .trade-v1 .Exchange-right {
    background:#eff2f7!important
  }
}
.theme--light .PositionsList table .table-content {
  background:#fff
}
.theme--light .PositionsList table .table-content:hover {
  background:#fff!important
}
.theme--light .Exchange .link-underline:hover,
.theme--light .Modal-body .Checkbox .active path {
  color:#02b27f!important
}
.theme--light .price-token-styled .icon-styled img {
  filter:brightness(0)
}
.theme--light .Exchange-list-title {
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.theme--light .App-slippage-tolerance-input {
  background:#264d4112!important;
  background:var(--Background-Input_Background,#264d4112)!important
}
.theme--light .chains-btn {
  border:1px solid #02b27f!important
}
.theme--light .chains-btn span {
  color:#02b27f!important
}
.theme--light .chains-btn:hover {
  border:1px solid #02845e!important
}
.custom-popup-antd-tooltip-light .ant-tooltip-arrow:before,
.custom-popup-antd-tooltip-light .ant-tooltip-inner {
  background:#5e6673!important
}
@media screen and (max-width:900px) {
  .TokenSelector .Modal-body {
    margin:0!important
  }
}
.TokenSelector .TokenSelector-box:hover,
.TokenSelector .TokenSelector-box:hover .PositionSelector-selected-receive-token,
.TokenSelector .TokenSelector-box:hover svg path {
  color:#02b27f!important
}
.allow-slippage-container input {
  font-weight:500
}
.square-trade-v2 .TokenSelector-box {
  font-weight:700!important
}
.PositionDropdown-dots-icon img {
  position:relative;
  top:-3.5px
}
@media screen and (max-width:1350px) {
  .PositionDropdown-dots-icon img {
    top:-2px
  }
}
@font-face {
  font-family:swiper-icons;
  font-style:normal;
  font-weight:400;
  src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}
:root {
  --swiper-theme-color:#007aff
}
.swiper,
swiper-container {
  display:block;
  list-style:none;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  padding:0;
  position:relative;
  z-index:1
}
.swiper-vertical>.swiper-wrapper {
  flex-direction:column
}
.swiper-wrapper {
  box-sizing:initial;
  display:flex;
  height:100%;
  position:relative;
  transition-property:transform;
  transition-timing-function:ease;
  transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);
  width:100%;
  z-index:1
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform:translateZ(0)
}
.swiper-horizontal {
  touch-action:pan-y
}
.swiper-vertical {
  touch-action:pan-x
}
.swiper-slide,
swiper-slide {
  display:block;
  flex-shrink:0;
  height:100%;
  position:relative;
  transition-property:transform;
  width:100%
}
.swiper-slide-invisible-blank {
  visibility:hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height:auto
}
.swiper-autoheight .swiper-wrapper {
  align-items:flex-start;
  transition-property:transform,height
}
.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform:translateZ(0)
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective:1200px
}
.swiper-3d .swiper-wrapper {
  transform-style:preserve-3d
}
.swiper-3d {
  perspective:1200px
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  transform-style:preserve-3d
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height:100%;
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:10
}
.swiper-3d .swiper-slide-shadow {
  background:#00000026
}
.swiper-3d .swiper-slide-shadow-left {
  background-image:linear-gradient(270deg,#00000080,#0000)
}
.swiper-3d .swiper-slide-shadow-right {
  background-image:linear-gradient(90deg,#00000080,#0000)
}
.swiper-3d .swiper-slide-shadow-top {
  background-image:linear-gradient(0deg,#00000080,#0000)
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image:linear-gradient(180deg,#00000080,#0000)
}
.swiper-css-mode>.swiper-wrapper {
  -ms-overflow-style:none;
  overflow:auto;
  scrollbar-width:none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display:none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type:x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  scroll-snap-type:y mandatory
}
.swiper-centered>.swiper-wrapper:before {
  content:"";
  flex-shrink:0;
  order:9999
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align:center center;
  scroll-snap-stop:always
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height:100%;
  min-height:1px;
  width:var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start:var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  height:var(--swiper-centered-offset-after);
  min-width:1px;
  width:100%
}
.swiper-lazy-preloader {
  border:4px solid #007aff;
  border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
  border-radius:50%;
  border-top:4px solid #0000;
  box-sizing:border-box;
  height:42px;
  left:50%;
  margin-left:-21px;
  margin-top:-21px;
  position:absolute;
  top:50%;
  transform-origin:50%;
  width:42px;
  z-index:10
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation:swiper-preloader-spin 1s linear infinite
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
.Home {
  min-height:100vh;
  padding-bottom:200px
}
.Home-top {
  align-items:center;
  background:url(/static/media/Artwork_gmx.bb59236fc579ccfc426f.svg);
  background-position:100%;
  background-repeat:no-repeat;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  margin-top:-6.2rem;
  padding-bottom:6.4rem;
  padding-top:6.2rem;
  position:relative
}
.Home-title {
  font-size:5.7rem;
  font-weight:700;
  letter-spacing:0;
  line-height:6.8rem;
  margin-bottom:1.5rem
}
.Home-title-section-container {
  padding-top:6.2rem;
  position:relative;
  width:100%
}
.Home-title-section {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  max-width:53rem
}
.Home-description {
  color:#a0a3c4;
  font-size:2rem;
  line-height:2.5rem;
  margin-bottom:2.8rem;
  max-width:44.4rem
}
.Home-benefits-section {
  background:#25285c
}
.Home-benefits {
  align-items:center;
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding-bottom:5.6rem;
  padding-top:5.6rem
}
.Home-benefit {
  padding:2.4rem 0
}
.Home-benefit-title {
  font-size:var(--font-lg);
  font-weight:400;
  line-height:2.8rem;
  margin-left:1.5rem
}
.Home-benefit-description {
  color:#a0a3c4;
  font-size:1.8rem;
  letter-spacing:0;
  line-height:2.3rem;
  max-width:29rem
}
.Home-benefit-icon {
  align-items:center;
  display:flex;
  font-size:1.85rem;
  padding:0 0 1.5rem
}
.Home-cta-section {
  background:#101233
}
.Home-cta-container {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding-bottom:8rem;
  padding-top:8rem
}
.Home-cta-info {
  max-width:43.4rem
}
.Home-cta-info__title {
  font-size:3.8rem;
  font-weight:700;
  letter-spacing:0;
  line-height:4.8rem;
  margin-bottom:3.2rem
}
.Home-cta-info__description {
  color:#a0a3c4;
  font-size:1.8rem;
  letter-spacing:0;
  line-height:2.3rem;
  margin-bottom:5rem
}
.Home-cta-options {
  max-width:58.9rem;
  width:100%
}
.Home-cta-option-title {
  font-size:var(--font-lg);
  font-weight:700;
  letter-spacing:0;
  line-height:3.2rem;
  margin-bottom:1.085rem;
  margin-top:.465rem
}
.Home-cta-option-subtitle {
  color:#a0a3c4;
  font-size:1.8rem;
  letter-spacing:0;
  line-height:2.3rem;
  margin-bottom:.3rem
}
.Home-cta-option-action {
  display:flex;
  justify-content:flex-end
}
.Home-cta-button {
  background:#0000004d;
  border-radius:.3rem;
  display:block;
  margin-top:3.1rem;
  padding:1.5rem;
  text-decoration:none
}
.Home-cta-option-icon {
  align-items:center;
  display:flex;
  height:9.6rem;
  justify-content:center;
  width:9.6rem
}
.Home-cta-option {
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border:1px solid #1e2136;
  border-radius:.6rem;
  box-shadow:0 .7rem 1.2rem #0000004d;
  display:flex;
  justify-content:space-between;
  max-width:58.9rem;
  padding:1.6rem;
  width:100%
}
.Home-cta-option-info {
  text-align:right
}
.Home-cta-option+.Home-cta-option {
  margin-top:4.1rem
}
.Home-cta-option-arbitrum {
  background-image:url(/static/media/btn_big_arbitrum.ff6ad480e1ab5c7a952d.png)
}
.Home-cta-option-bsc {
  background-image:url(/static/media/btn_big_bsc.5e5ec82b6fc6d15fd3b4.png)
}
.Home-cta-option-ava {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAf8AAAB/CAMAAADW6DvgAAABF1BMVEUbIDIeITUbHDAXGCwhGi2HLjhhJjNhJzNOIzJPIzI8HzBYJjNrKDRqKDRYJTM7Hy+QMDhGITGsNTwqHC51KjWaMTqPMDkzHi8eIDYbHDBFITB0KjYeITaiMzt+LDceITajMzt9LDdCIDCZMTo4HzA+IDBLKDmBMT15LzuuOD+TND05JjhRIzJyKjVwKjU2Hi+RMDgyHi8oIzdSIzJUKTp7LDYjGy5PJDKeMjuELThAIDBjJjSbMjqKLzg5HzBUJDJ5LDYlGy5hJzSSMDkfGSxqKDUpHC5EITEnGy5VJDMcGS02HS9DIDFAIDFFITFDIDAsHC4eITYcHzMaGy8TFiMeITUAAAASFiIcHzJlLDowJDduLjpCJjgHX8VeAAAAWXRSTlM4+O////////////////////////////+18P//+f/////////////////////////////////////////////////////////////////////6vvJR+SRTwHfs7R4AAA1sSURBVHgB7d2Hmuo6lgVgute2jKRNkLYoTcPgQ01NzjnnnKdzvO//HAOc2+jjkGRjwFT5vzmHtSwkWTaDwTe+iZOowJYqkY2GWhP2KIMvkLGsRuMJnf9Hm6lDiwq/UeBGRDOPBfUwGgh+bfZCuEY08ZvfGPzCt3Ca1vhMOCLL3DrCl5zBUWLUyRZYBVpMI54i/yRa5iHdOn+wnzmYqcGVvjX4xcx/OWszwldacIQxOCM6xVwOJ0gAWr6Uy4rQKpvyv6WoeDRHJoUrKEW4zuATTiOFrawhIFobT/4hJOdbELFFL36N0C6aeu9XEXdgFJcTXCYa1xB2N8zfCoCsISAq5doouXFKcTmfvPgNg5aRVZZwJ+SUGkecZwyuY4LcLH/GPlERR8hY6TYHOXKV31J4dqKVGgpOU4RrqZJuk390+JJTdBB+sNT6JCfl//zEspoTjmNcT8IQtChepeX8FQ4RGyQ0rlhuMMkhv7ESvBfR8miCI1SLE1tvkO+XLuZPFse4INiiYQjmJpPcuJxN1/E7vCtGqcMpYWhzZfvSav5acJRUJUDD10ITcIv8zcwCxuD9Icf7U8KocA2aTCbjclS8+c+Q7Zd/JeVfOzR+e5kpQdJq/noa8Y6RZt51wBrUIJO1cm3BSnGh1qxZi5j6jVWbn//R4SgaFsFUY9ThIrKNAuG9E11V5VwgywWdu7Yn43JNbezCFhxBM7/GbeavcMycg6u/7DQGmejV4mOIdpvZy3DytWG5ZtSaU2tmA7niys/8S4v5k8WBOAou7Q2Ob5C/FBEfQrpoV5VSOmXd1EuEXi3ay18L9knJmpruPClkiQXhA2G/JmiDBABxpVrLn7/c5UnhNxgCFHLogA+Fpt5rtMI6rMlUt5R/1NihobKCYwxLi3c5RxofjRG0I2CLprqd/DmFz1Zwkh23df1TiGioRwGpAC3kTwpbc6UizoohtpK/BEJTPeeQCtBC/joCmLPKyrZsYfw3TGisx0BGAfLzrzBndsgTOV57/WuLdvT5pwI0z98ts8PPOxymCOewwbuhlm8Od2YcMgqQmb+MqhWhHgkG5xjzUWZ+wa9p3BcTGhYg5Z+Oc4gwarOKGuYfmfBuRL+xJNwVYx8VEVmGKX+ktZ4VJK0MAWI/yEe/8lsG9yQaNQswLA1A5Zsa/CpS+ByvOpTgFNWfAFqN98SkG7H3YwW5BUinqxeLZSUY/Nrby9tiPhmGNImPGs0Qu5oLQOKI96W4/+WPANQqQPhcUgdg8Ot+o3DtnEl0gXAUf5hNH1WEiLsihXoF8FvLoqiKwW8cnLQlheYouPzx3zB619MR9Qrgt2aOgCP5a0Gu/HtC4WYzvx4D9QrAfvcc1OA3/cabtHckndQ46/pnhzb0GDULQNVuj2LwWyvvfRAuCZ8ZDbT/TJKiG2369JxD3QIA2sev939imHkAuwYwkvaGAGewJ1aEVvQC0KAAM7fb/6MVNoRHAohCG0wVz20AakZLeowmBdC8yx9BsCVhEZWgFcQlkER9m5M+vajRpAD0lvJ3Oi3IXwgtMZU5PgGkyqAtPSY0KkCIu/wRkNrklKAdxCM6kn+sIjqB3u/Hf0YBnE35816bdGsNMIU5+JTSFXXl8HVBeHpi0bAAVcrfyv7enw4GrSBe0P71vwgdOnv/gqdnIxoWgGWXf7R7e39tNsDMHNL1Ly8WnUB+y+DZVUDDAojd5Q8+XEs4ZdAGql4FcMtXA7iZQzeYd5K/cGYIhAPhIP+ogcSEIdpgl+ORX3stVhFdsfIbhCdnHbJQIHzJyi5/Z1IN2m9AXPmtqeAasng1aIt+Hy8YKoDGBRC7y59U+vkNGmD9lsY14rLVk5VGsUYbaFGMCI8RK1xRAN7lj3DyRrIJJeFK0W8JrjFLf49OKR44kATGFQXQsstf0emtBOGrG1D5NW5jxqbQNX6teNhp4/EVBSC7y9/ozz/dqgE8WzG1sWJz/fWfvG2qZ5oXgHf5g4FzAUlYSBeOVhfoHCo8Ex5B+43iZdi0ADru8g+ggHMksOCh7N4Y0nNLv6ZAOixiowIQ7/LXTkWcR4oFvY6gVz9j//UVQbYaS4MCpPwlVLiIVDDodcFwWThI2lCD2DCkugXQu/wx08hAqjLoPVosCgOAFYAkMg+pVgEo5V8R8uhiiDWZEHoPQaOpwcYUX4pKzesUYJc/LQ1y6elovPB+qdF7gOFUY0srHOGY57kFSPlr5vqPuUbcW89U6uKQ7Zhj1t3AlH9BATX4rYD76slCUc7Lw0nzKF58z2bKPwYoQjZ6RP49KlmwEwTA+QrI+QKk/IMgauSilwccn+i5YJAQ4xKxYSynC5DypwoAI5OZsSm8X2ncTy8GjSR9d0DdCqQCpPy1A6CQhRZMAIwR3E2PWGFfhUzCYUjHCpDyr7CmIzK4StC7/wc/YZ/TyHBmZygWtMk/zSTF5r3l6d56wyD4UkA9MYT5YQE+5x8o8y29VuHeeiYYHBCFutLOUCrANn9ibHHGqz3urCdscURmFOd3hmKxzV8bbDmHM4QN7qxHpSIk+Yu/vJ0ht82/ynmUvLToPfiDP9EGzZHmsaT9n2gv52+C4M56hk3jp37ztgW2+aelhZWMr5m/j54EjVOMxtXE8pDW+RNfepdEaQm9x3/wJ4xWCK/z1xE7fLehX3n/5tCr8cGfiEJL1vmHs72S4G53dNmgl7HiP6CkvfyjPvcq0VIRavrt3/nd38v8wvICvUNSaZzHaC9/ptPLShMi6vp9v/YHTfPv0UgRztMGrZDhYvCH+4mHgwloTX/kN6q8A2QOX+iNg+CS0E72Ieg4+ON4aluxVIT6/sRv/WnOE6EW+3quMrgoalwnDjkoQ9i+/x97nD14gWc9f+Y3/hwXRSPY04uVRgYmNDcpFesU7eCPsYcqbEhl0dBf+LW/RK/R0c4MxGiG5iOlHAFIBn+IfVMCqAyExv7qr//mb1FTj8pKkEVJoyFfsY0Z3/8XNIaFQe++hlODTFx/yGelJfP7H9VbYdG7d/oKubRBPhkqVqbO93++zgQfD5VFKXgQU1SCbBUyxTErG5Fk5G8qPcXHI2/e+6XDvcXX0WT4MnPIZ2zWTK9U7AhJVv6kFKAiPpzCbyzlIS8hDYQaAl1e3CtrkGTn71gARIWPRvxnFvfF9f+hEi4s7tNMr17+6Xhf+LD5q0e8v4lQRzA4TuZpptcgf7I2e4R5f6Z+S+POuO4/U2bHZ3pW6Yikdv5OpdCdw0ej/Rah6wJjH03KtKfXLP+Dk90BHw2pmfdF9/Mfe4NE0kzvmvzJWuxhfEACKIVOU2mIwmTMrKWN8x+OBfus4NmNizGhtoI6P0vV29s4zI7QisGvG3xJLJ5Wej3FC6Euo9Bhxq8ti6qd7A/v/yWM56aavpyGBd1FM+99JWjV4BMOhfexnYfaKKDDJEx9gTvk7wyeGS0bHy41Gp2mvbpD/sR4XlLOiuYPFwRCp8WVvn3+YDyrYQgOcFM/NWiCAj5OAVL+72MFOF8EhzN0GXGJM+g2KeLN848aTyeOgqaLq8IRLmFCt1ERb50/FJ6LjCpLOE/lzQpE4Z0XICN/xhORcbCSuypkXGLjOy9ARv464knQMHBEjpB7j5/xvguQkT8pPIV5CBGZXO6qUNT7LkBG/uBnCJ/ZoQbOPW2lBFeS5yhAdCfzp85P91kT6hFDyMK4iix9Qbjs7/7+Hx5aADl9/RvX7RlfZQm3Ey2uEXKegAf+0ft/+ucHFsDR6fwR0FU0rKzgtpRcfawbF/m1f8ER7uWtrPlNbvX9678BZ/LnrobPHHFzxGhKFsUs6/r/Z7/2N6fuX9kbF+Df/wNn87fyRDO+9hnXsJ7WAdBViLjIeu//7NT4oXDTAph/w/n8xXZxgxd3owi1OacJNfznfxGOmaV16o0KIIQL+YPRJVJWmnBHFFBPRCS0IxYrDdy0AHim/Gnc/oyv3RuBoljwCBToRvlr86FmfFdsgZCTiEehQLfJn7gbM77g8BikkEMrTXggCnST/BHwaGYRNOFhrMElRilB0v0CkMvOn+nB0/3KCh4q4CxRyiB5hgL89/8gO3+jHxn+lCMeTRROoqFySJ6jAP87QX7+CLg3Go0EmI/eKo0uUBHHmbTSf6IC/N+30en86c17/+JXLOiIgCMoOkK3SEE4S78tRwGolb+KD3luZ0roDGMPbz1qdFAs6OKzo6pm/sbirqLfKgjdoQRAQloTOinOIk6Kr35tWcZa+aN6SP5+WRK6ggJ2nNLoLrMcD0vCFyaTcqSCYr8WFBfVaBiz8y8e8RqelYiaLSI6wllsEXREp9nNpRPxmUzGJStWzmBL+5XDltGKuZxIRv7K4K4o/PyAtgnFkNAJgQAZW4OuE7+2nA/LRQjKmog9UwckZKxSajyhwXdwmmPcnXvDFulqYdAB8XWuNAHPkb8vTjSVDQ6QUYPvfg8nGf/mi5JwV8GkIwjFWPBgw2nBeA7s/UrXG8u/N/j+D753oVGMu5Jw+KX1jyLWRiAQnoNREbXy/94PBj/80Y+/8+mEP/6NrU/39ZOf7v9L/PrPfuvTI/zhT3/61aeNn/7k0/P76qtPB77z4x/9P4Qy24RAkldyAAAAAElFTkSuQmCC)
}
.Home-token-card-section {
  background:#0c0d26;
  margin-bottom:-4.65rem;
  padding-bottom:7.75rem;
  padding-top:7.75rem
}
.Home-token-card-info {
  max-width:38.75rem
}
.Home-token-card-info__title {
  font-size:3.8rem;
  font-weight:700;
  letter-spacing:0;
  line-height:4.8rem;
  margin-bottom:3.1rem
}
.Home-token-card-options {
  grid-column-gap:1.5rem;
  display:grid;
  grid-template-columns:1fr 1fr
}
.Home-token-card-option {
  background:#ffffff10;
  background:#191b2e;
  border-radius:1.3rem;
  border-radius:16px;
  max-width:59.2rem;
  padding:2.325rem;
  position:relative
}
.Home-token-card-option-icon {
  align-items:center;
  color:#fff;
  display:flex;
  font-size:var(--font-lg);
  font-weight:500;
  height:3.1rem;
  letter-spacing:0;
  line-height:1.2
}
.Home-token-card-option-icon img {
  margin-right:.8rem
}
.Home-token-card-option-title {
  color:#fff;
  color:#fff9;
  font-size:1.8rem;
  font-size:14px;
  margin-top:8px
}
.Home-token-card-option-apr,
.Home-token-card-option-title {
  font-weight:400;
  letter-spacing:0;
  line-height:2.3rem;
  line-height:140%
}
.Home-token-card-option-apr {
  color:#a0a3c4;
  color:#03f5ae;
  font-size:var(--font-base);
  margin-top:1.9375rem
}
.Home-token-card-option-action {
  display:flex;
  justify-content:space-between;
  margin-top:24px
}
.Home-token-card-option-action>.buy .a:first-child,
.Home-token-card-option-action>.buy a:first-child {
  margin-right:1.5rem
}
.Home-token-card-option-action .read-more {
  background:none!important;
  border:1px solid #ffffff1a;
  border-radius:8px;
  color:#fff;
  font-size:14px;
  font-weight:500;
  line-height:140%
}
.Home-token-card-option-action .read-more:hover {
  color:#fff!important
}
.Home-latest-info-container {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  padding-bottom:1.5rem;
  padding-top:6.2rem;
  width:100%
}
.Home-latest-info-block {
  align-items:center;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  border:1px solid #ffffff14;
  border-radius:4px;
  box-shadow:0 .5rem 2.2rem #0000001f;
  box-shadow:0 1.2rem 1.7rem #00000024;
  box-shadow:0 .7rem .8rem #0003;
  display:flex;
  margin:1.6rem 0;
  max-width:38rem;
  padding-bottom:2.8rem;
  padding-top:2.8rem;
  width:100%
}
.Home-latest-info__icon {
  margin-left:2.55rem;
  margin-right:3.95rem
}
.Home-latest-info__title {
  color:#a0a3c4;
  font-size:var(--font-md);
  letter-spacing:0;
  line-height:2.5rem
}
.Home-latest-info__value {
  color:#fff;
  font-family:RelativeNumber;
  font-size:2.9rem;
  letter-spacing:0;
  line-height:3.9rem
}
.Home-latest-info__description {
  color:#a0a3c4;
  font-size:var(--font-sm);
  letter-spacing:0;
  line-height:2.5rem
}
.Home-video-section {
  background:#101124;
  padding:8rem 0
}
.Home-video-block {
  background:#0b131c 0 0 no-repeat padding-box;
  border-radius:.7rem;
  box-shadow:0 .8rem 2rem #0000003d;
  height:100%;
  margin:0 auto;
  max-height:50.6rem;
  max-width:89.4rem;
  width:100%
}
.Home-faqs-section {
  background:#101124;
  padding:8rem 0
}
.Home-faqs-container {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between
}
.Home-faqs-documentation {
  margin-bottom:4.9rem
}
.Home-faqs-introduction__title {
  color:#fff;
  font-size:3.8rem;
  letter-spacing:0;
  line-height:4.8rem
}
.Home-faqs-introduction__description {
  color:#a0a3c4;
  font-size:1.8rem;
  letter-spacing:0;
  line-height:2.3rem;
  margin-bottom:3.7rem;
  margin-top:1.5rem;
  max-width:29.8rem
}
.Home-faqs-content,
.Home-faqs-content-block {
  max-width:80.6rem;
  width:100%
}
.Home-faqs-content {
  background:#17182c;
  border:1px solid #1e2136;
  border-radius:4px;
  cursor:pointer;
  padding:3.7rem 7.75rem
}
.Home-faqs-content:hover {
  background:#17182c55
}
.Home-faqs-content+.Home-faqs-content {
  margin-top:1.5rem
}
.Home-faqs-content-header {
  display:flex
}
.Home-faqs-content-header__icon {
  align-items:center;
  color:#3041da;
  display:flex;
  font-size:1.3795rem;
  margin-right:1.765rem
}
.Home-faqs-content-header__text {
  color:#fff;
  font-size:1.7rem;
  letter-spacing:0;
  line-height:2.2rem
}
.Home-faqs-content-main {
  color:#a0a3c4;
  height:0;
  letter-spacing:0;
  overflow:hidden;
  padding:0 0 0 3.1rem;
  transition:all .3s ease-in-out 0s;
  visibility:hidden
}
.Home-faqs-content-main.opened {
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  padding:1.5rem 0 0 3.1rem;
  transition:all .3s ease-in-out 0s;
  visibility:visible
}
@media (max-width:1000px) {
  .Home-token-card-option-action {
    grid-row-gap:1.5rem;
    display:grid;
    grid-template-columns:1fr
  }
  .Home-token-card-option-action .a,
  .Home-token-card-option-action a {
    display:inline-block;
    justify-content:center
  }
  .Home-token-card-option-action a {
    text-align:center
  }
  .Home-token-card-option-action>.buy {
    grid-row-gap:1.5rem;
    display:grid;
    grid-template-columns:1fr
  }
  .Home-token-card-option-action>.read-more {
    display:inline-block
  }
  .Home-token-card-option-action>.buy .a:first-child,
  .Home-token-card-option-action>.buy a:first-child {
    margin-right:0
  }
}
@media (max-width:750px) {
  .Home-token-card-options {
    grid-row-gap:1.5rem;
    display:grid;
    grid-template-columns:1fr
  }
}
@media (max-width:500px) {
  .Home-title-section-container {
    padding-top:7.4rem
  }
  .Home-title {
    font-size:4.34rem;
    font-weight:700;
    letter-spacing:0;
    line-height:5.58rem;
    margin-bottom:1.5rem
  }
  .Home-cta-options {
    margin-left:-1.6rem;
    margin-right:-1.6rem;
    width:calc(100% + 3.2rem)
  }
  .Home-cta-option-info {
    width:50%
  }
  .Home-cta-option-subtitle {
    margin-bottom:.4rem
  }
  .Home-cta-option-title {
    line-height:2.4rem
  }
  .Home-cta-option-action {
    margin-top:.8rem
  }
  .Home-latest-info-container {
    padding-left:1.6rem!important;
    padding-right:1.6rem!important;
    padding-top:7.4rem
  }
  .Home-latest-info__icon {
    margin-right:2.95rem
  }
  .Home-latest-info-block+.Home-latest-info-block {
    margin-top:1.6rem
  }
  .Home-faqs-content {
    padding-right:1.5rem
  }
}
@media (max-width:400px) {
  .Home-description {
    color:#a0a3c4;
    font-size:var(--font-base);
    line-height:2.17rem;
    margin-bottom:2.6rem;
    max-width:44.4rem
  }
  .Home-latest-info__value {
    font-size:2.7rem
  }
}
@media (max-width:350px) {
  .Home-title {
    font-size:3.875rem;
    font-weight:700;
    letter-spacing:0;
    line-height:4.65rem;
    margin-bottom:1.5rem
  }
  .Home-latest-info__icon {
    margin:0 1.5rem
  }
}
.wrapper-slick {
  margin-top:30px;
  padding:0 32px;
  position:relative;
  width:1257px
}
@media(max-width:1024px) {
  .wrapper-slick {
    width:100%
  }
}
@media(max-width:600px) {
  .wrapper-slick {
    padding:0 22px
  }
}
.wrapper-slick .swiper {
  overflow:visible
}
.wrapper-slick .swiper .swiper-button-next,
.wrapper-slick .swiper .swiper-button-prev {
  display:none
}
.wrapper-slick .swiper .swiper-slide.swiper-slide-next,
.wrapper-slick .swiper .swiper-slide.swiper-slide-prev {
  visibility:hidden
}
.wrapper-slick .swiper .swiper-slide.swiper-slide-active {
  visibility:visible
}
.wrapper-slick .swiper .swiper-slide .child {
  border-radius:24px;
  height:230px;
  padding:34px 0 40px 33px;
  position:relative
}
@media(max-width:1024px) {
  .wrapper-slick .swiper .swiper-slide .child {
    padding:50px 0 52px 24px
  }
}
@media(max-width:600px) {
  .wrapper-slick .swiper .swiper-slide .child {
    padding:42px 0 47px 16px
  }
}
.wrapper-slick .swiper .swiper-slide .child .title {
  color:#fff;
  font-family:Carter One;
  font-size:24px;
  font-weight:400;
  line-height:140%
}
@media(max-width:1024px) {
  .wrapper-slick .swiper .swiper-slide .child .title {
    font-size:16px
  }
}
@media(max-width:600px) {
  .wrapper-slick .swiper .swiper-slide .child .title {
    font-size:12px
  }
}
.wrapper-slick .swiper .swiper-slide .child .content {
  font-family:Roboto;
  font-size:36px;
  font-weight:700;
  line-height:140%;
  margin:10px 0 16px
}
.wrapper-slick .swiper .swiper-slide .child .content span {
  color:#f9e34e
}
@media(max-width:1024px) {
  .wrapper-slick .swiper .swiper-slide .child .content {
    font-size:20px
  }
}
@media(max-width:600px) {
  .wrapper-slick .swiper .swiper-slide .child .content {
    font-size:14px
  }
}
.wrapper-slick .swiper .swiper-slide .child a {
  text-decoration:none
}
.wrapper-slick .swiper .swiper-slide .child a .action {
  align-items:center;
  background:#03f5ae;
  border-radius:8px;
  color:#080715;
  display:flex;
  font-family:Roboto;
  font-size:14px;
  font-weight:500;
  gap:4px;
  line-height:140%;
  padding:8px 16px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.wrapper-slick .swiper .swiper-slide .child .frame {
  position:absolute;
  right:24px;
  top:-30px
}
@media(max-width:1024px) {
  .wrapper-slick .swiper .swiper-slide .child .frame {
    right:18px;
    top:24px;
    width:206px
  }
}
@media(max-width:600px) {
  .wrapper-slick .swiper .swiper-slide .child .frame {
    right:6px;
    top:80px;
    width:150px
  }
}
.wrapper-slick .referrals {
  background:linear-gradient(287.56deg,#041fa9,#041fa9 .01%,#850303)
}
.wrapper-slick .sticker {
  background:linear-gradient(90deg,#ff3a46,#4f0074)
}
.wrapper-slick .swiper-pagination-bullet {
  background:#d9d9d93d;
  height:12px;
  width:12px
}
.wrapper-slick .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background:#d9d9d9
}
.NftWallet input {
  border:1px solid #fff3;
  box-sizing:border-box;
  font-size:var(--font-base);
  width:100%
}
.NftWallet label {
  display:block;
  margin-bottom:.8rem
}
.NftWallet-content {
  max-width:38.75rem;
  padding:1.5rem 4.65rem 4.65rem
}
.NftWallet-row {
  margin-bottom:1.5rem
}
.NftWallet button {
  margin-top:.8rem
}
.Orders-overview {
  font-size:var(--font-sm);
  margin:1.5rem 3.1rem
}
.Orders-overview-stats {
  line-height:1.5
}
.Orders-overview-table {
  border-collapse:collapse
}
.Orders-overview th {
  font-weight:400;
  opacity:.5;
  padding:.8rem 1.5rem .8rem 0;
  text-align:left
}
.Orders-overview td {
  border-top:1px solid #ffffff1a;
  padding:.8rem 1.5rem .8rem 0
}
.Orders-overview .near {
  color:orange
}
.Orders-overview-action {
  background:none;
  border:none;
  color:#fff;
  text-decoration:underline
}
.Positions-overview {
  font-size:var(--font-sm);
  margin:1.5rem 3.1rem
}
.Positions-overview-stats {
  line-height:1.5
}
.Positions-overview-table {
  border-collapse:collapse
}
.Positions-overview th {
  font-weight:400;
  opacity:.5;
  padding:.8rem 1.5rem .8rem 0;
  text-align:left
}
.Positions-overview td {
  border-top:1px solid #ffffff1a;
  padding:.8rem 1.5rem .8rem 0
}
.Positions-overview .near {
  color:orange
}
.Positions-overview .near.negative {
  color:#fa3c58
}
.Referrals {
  max-width:100%!important;
  padding:0!important
}
.section-center {
  margin:0 auto;
  text-align:center
}
.mt-large {
  margin-top:3.1rem
}
.mt-medium {
  margin-top:1.5rem
}
.referral-tab-container {
  margin:1.5rem auto 3.1rem
}
.referral-card {
  background:#191b2e;
  border-radius:1.3rem;
  border-radius:.4rem;
  border-radius:16px;
  max-width:59.2rem;
  padding:2.4rem;
  position:relative;
  width:424px
}
.referral-card .title {
  color:#fff;
  font-size:var(--font-lg);
  font-weight:500;
  line-height:3.1rem;
  margin:0;
  padding:.775rem 0
}
.referral-card .sub-title {
  color:#fff;
  color:#fff9;
  font-size:1.8rem;
  font-size:14px;
  font-weight:400;
  letter-spacing:0;
  line-height:2.5rem;
  line-height:140%;
  margin-top:4px
}
.referral-card .card-action {
  margin-top:16px
}
.referral-card .card-action input {
  border:1px solid #ffffff1a;
  border-radius:12px;
  box-sizing:border-box;
  font-size:var(--font-base);
  margin-right:1.5rem;
  width:100%
}
.referral-body-container .list,
.reward-history {
  margin-top:3.1rem
}
.active-referral-code .edit {
  align-items:center;
  display:flex;
  justify-content:center
}
.active-referral-code .edit span {
  margin-right:1.5rem
}
.active-referral-code .edit svg {
  cursor:pointer
}
.active-referral-code .edit svg:hover {
  opacity:.75
}
.active-referral-code .tier {
  align-items:center;
  display:flex;
  justify-content:center;
  margin-top:.775rem
}
.active-referral-code .tier span {
  color:#a9a9b0;
  font-size:var(--font-sm);
  margin-right:.775rem
}
.active-referral-code .tier a {
  font-size:0;
  text-decoration:none
}
.mb-sm {
  margin-bottom:1.5rem
}
.edit-referral-modal {
  width:31rem
}
@media screen and (max-width:700px) {
  .edit-referral-modal {
    width:100%
  }
}
.referral-code-edit span {
  margin-right:.775rem
}
.referral-code-edit svg {
  cursor:pointer;
  opacity:.75
}
.referral-code-edit svg:hover {
  opacity:1
}
.create-referrar-code {
  margin:3.1rem auto;
  max-width:50rem;
  text-align:center
}
.transparent-btn {
  align-items:center;
  background:#0000;
  border:1px solid #fff9;
  border-radius:12px;
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font-size:var(--font-sm);
  padding:.775rem 1.5rem;
  text-decoration:none
}
.transparent-btn:hover {
  background:rgba(128,138,255,.078)
}
.referral-table-header {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:16px;
  width:100%
}
.referral-table-header .title {
  margin:0
}
.referral-table-header .sub-title {
  color:#a9a9b0;
  font-size:var(--font-sm);
  margin-left:.775rem
}
.referral-table-header .ml-small {
  margin-left:.775rem
}
.create-referrar-code form {
  align-items:inherit;
  display:flex;
  justify-content:center;
  margin:3.1rem 0
}
.create-referrar-code form input {
  border:1px solid #1e2136;
  border-radius:.4rem;
  font-size:var(--font-base);
  padding:1.1625rem;
  width:40rem
}
.create-referrar-code form button {
  margin-left:1.5rem
}
.referral-stats {
  grid-gap:1.5rem;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));
  margin:0 auto
}
@media (max-width:768px) {
  .referral-stats {
    display:flex;
    gap:24px
  }
  .referral-stats>.info-card {
    flex:1 1
  }
}
@media (max-width:600px) {
  .referral-stats {
    display:flex;
    flex-direction:column;
    gap:16px
  }
  .referral-stats>.info-card {
    padding:16px!important
  }
  .referral-stats>.info-card>.card-details>.data {
    font-size:16px!important
  }
}
.text-center {
  text-align:center
}
.info-card {
  align-items:center;
  background:#191b2e;
  border-radius:.4rem;
  border-radius:16px;
  display:flex;
  justify-content:center;
  padding:12px
}
.info-card .label {
  color:#fff;
  font-size:var(--font-md);
  font-weight:400;
  letter-spacing:0;
  line-height:2.1rem;
  margin-bottom:1.5rem;
  text-align:center
}
.info-card .data {
  font-size:var(--font-lg);
  font-weight:400;
  margin:1.5rem 0;
  padding:0;
  text-align:center
}
.info-card .info-card-question-icon {
  font-size:var(--font-sm);
  opacity:.8;
  vertical-align:middle
}
.table-referral-code {
  align-items:center;
  display:flex
}
.table-referral-code .referral-text {
  font-family:monospace;
  margin-right:.775rem
}
.table-referral-code .referral-code-icon {
  cursor:pointer;
  display:inline-flex;
  margin-right:1rem
}
.table-referral-code .referral-code-icon:hover {
  opacity:.75
}
.table-referral-code .info {
  margin-left:.775rem
}
.referral-table {
  border-collapse:collapse;
  font-size:var(--font-base);
  margin:0;
  padding:0;
  table-layout:fixed;
  width:100%
}
.referral-table th {
  color:#fff9;
  font-weight:400;
  letter-spacing:.25px;
  text-transform:uppercase
}
.referral-table td,
.referral-table th {
  padding:.625em;
  text-align:left
}
.table-referral-code p {
  margin:0 0 0 .775rem;
  padding:0
}
.error {
  color:#fa3c58;
  font-size:var(--font-sm);
  margin:0;
  padding:.775rem 0 1.5rem
}
.table-wrapper {
  display:block;
  font-size:var(--font-base);
  width:100%
}
.empty-message {
  align-items:center;
  background:#16182e;
  background:#191b2e;
  border-radius:.4rem;
  border-radius:16px;
  display:flex;
  font-size:var(--font-base);
  justify-content:center;
  margin:4.65rem 0;
  padding:1.5rem
}
.empty-message>p {
  margin:0
}
.confirm-checkbox .Checkbox {
  direction:rtl;
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:1fr auto;
  margin-bottom:1.5rem;
  width:100%
}
@media (max-width:800px) {
  .referral-table {
    margin-bottom:1.5rem;
    width:auto
  }
  .table-wrapper {
    overflow-x:auto
  }
  .table-head {
    white-space:nowrap
  }
}
@media (max-width:500px) {
  .referral-table-header .sub-title {
    display:block;
    margin-left:0;
    margin-top:2px
  }
}
@media (max-width:700px) {
  .referral-card {
    padding:16px;
    width:100%
  }
}
@keyframes bouncing-loader {
  to {
    opacity:.1;
    transform:translate3d(0,-1.6rem,0)
  }
}
.bouncing-loader {
  display:flex;
  justify-content:center
}
.bouncing-loader>div {
  animation:bouncing-loader .6s infinite alternate;
  background:#8385aa;
  border-radius:50%;
  height:1.6rem;
  margin:4.65rem .31rem;
  width:1.6rem
}
.bouncing-loader>div:nth-child(2) {
  animation-delay:.2s
}
.bouncing-loader>div:nth-child(3) {
  animation-delay:.4s
}
.Referrals {
  padding-bottom:286px!important
}
.Referrals,
.Referrals .top-bg-container {
  background:linear-gradient(180deg,#0a1633,#010206)!important
}
.Referrals .section-title-block {
  background-repeat:no-repeat;
  background-size:cover;
  display:flex;
  height:289px;
  justify-content:center;
  margin-bottom:0;
  max-width:100%;
  padding-top:36px;
  width:100%
}
@media(max-width:1350px) {
  .Referrals .section-title-block {
    margin-bottom:0!important
  }
}
@media(max-width:768px) {
  .Referrals .section-title-block {
    height:300px
  }
}
@media(max-width:600px) {
  .Referrals .section-title-block {
    height:290px
  }
  .Referrals .section-title-block .right {
    margin-top:20px
  }
}
@media(max-width:767px) {
  .Referrals .section-title-block {
    padding-top:30.5px
  }
}
.Referrals .section-title-block .section-title-content {
  flex-direction:row;
  justify-content:space-between;
  width:1320px
}
.Referrals .section-title-block .section-title-content .right {
  align-self:flex-end;
  height:225px;
  width:376px
}
.Referrals .section-title-block .section-title-content .Page-title {
  font-size:36px;
  margin-bottom:4px
}
@media(max-width:1100px) {
  .Referrals .section-title-block .section-title-content .Page-title {
    font-size:24px
  }
}
@media(max-width:1320px) {
  .Referrals .section-title-block .section-title-content {
    padding-left:32px;
    padding-right:32px
  }
}
@media(max-width:1100px) {
  .Referrals .section-title-block .section-title-content {
    height:271px;
    padding-left:24px;
    padding-right:24px
  }
  .Referrals .section-title-block .section-title-content .right {
    width:267px
  }
}
@media(max-width:700px) {
  .Referrals .section-title-block .section-title-content {
    flex-direction:column;
    padding-left:16px;
    padding-right:16px
  }
  .Referrals .section-title-block .section-title-content .right {
    align-self:flex-start;
    display:none;
    width:200px
  }
}
.Referrals .referral-tab-container {
  display:flex;
  justify-content:center;
  margin:0
}
.Referrals .referral-tab-container .container {
  width:1320px
}
@media(max-width:1320px) {
  .Referrals .referral-tab-container .container {
    padding-left:32px;
    padding-right:32px
  }
}
@media(max-width:1024px) {
  .Referrals .referral-tab-container .container {
    margin-top:-1.5rem;
    padding-left:24px;
    padding-right:24px
  }
}
@media(max-width:600px) {
  .Referrals .referral-tab-container .container {
    margin-top:-1.5rem;
    padding-left:16px;
    padding-right:16px
  }
}
.Referrals .referral-tab-container .container .Tab {
  border-radius:0 0 16px 16px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.Referrals .referral-tab-container .container .Tab .Tab-option {
  color:#fff;
  font-size:14px;
  font-weight:500;
  line-height:140%
}
.Referrals .referral-tab-container .container .Tab .Tab-option.active {
  background:#ffffff1a;
  color:#03f5ae
}
.Referrals .container-ref {
  display:flex;
  justify-content:center;
  margin-top:36px
}
@media(max-width:767px) {
  .Referrals .container-ref {
    margin-top:24px
  }
}
.Referrals .container-ref .content-ref {
  display:flex;
  gap:23px;
  width:1320px
}
@media(max-width:1320px) {
  .Referrals .container-ref .content-ref {
    padding-left:32px;
    padding-right:32px
  }
}
@media(max-width:1024px) {
  .Referrals .container-ref .content-ref {
    padding-left:24px;
    padding-right:24px
  }
}
@media(max-width:900px) {
  .Referrals .container-ref .content-ref {
    flex-direction:column;
    margin-bottom:120px
  }
  .Referrals .container-ref .content-ref .section-center {
    max-width:100%!important;
    width:100%!important
  }
}
@media(max-width:600px) {
  .Referrals .container-ref .content-ref {
    gap:16px;
    padding-left:16px;
    padding-right:16px
  }
}
.Referrals .container-ref .content-ref .section-center {
  background:radial-gradient(50% 285.34% at 100% 0,#002e58cc 0,#191b2ecc 100%);
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  margin:0
}
.Referrals .container-ref .content-ref .section-center .top-title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:4px;
  text-align:left
}
.Referrals .container-ref .content-ref .section-center .title {
  padding:0;
  text-align:left
}
.Referrals .container-ref .content-ref .section-center .sub-title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin:16px 0 24px;
  text-align:left
}
.Referrals .container-ref .content-ref .section-center .line {
  background:#ffffff1a;
  height:1px;
  margin-left:-24px;
  position:absolute;
  width:100%
}
.Referrals .container-ref .content-ref .section-center .your-code-rate {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:0;
  margin-top:48px;
  text-align:left
}
.Referrals .container-ref .content-ref .section-center .your-code-percentage {
  color:#fff;
  font-size:24px;
  font-weight:700;
  line-height:140%;
  margin:4px 0;
  text-align:left
}
@media(max-width:600px) {
  .Referrals .container-ref .content-ref .section-center .your-code-percentage {
    font-size:16px
  }
}
.Referrals .container-ref .content-ref .section-center .your-code-tier {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:24px;
  text-align:left
}
.Referrals .container-ref .content-ref .section-center .modal-ref-code {
  align-items:center;
  background:#03f5ae;
  border-radius:8px;
  color:#080715;
  cursor:pointer;
  display:flex;
  font-size:14px;
  font-weight:500;
  height:40px;
  justify-content:center;
  line-height:140%
}
.Referrals .container-ref .content-ref .rebate-container {
  flex:1 1
}
.Referrals .container-ref .content-ref .rebate-container .info-card {
  justify-content:normal;
  padding:24px
}
.Referrals .container-ref .content-ref .rebate-container .info-card .card-details h3 {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:0
}
.Referrals .container-ref .content-ref .rebate-container .info-card .card-details .data {
  color:#fff;
  font-size:24px;
  font-weight:700;
  line-height:140%;
  margin:4px 0 0;
  text-align:left
}
@media(max-width:600px) {
  .Referrals .container-ref .content-ref .rebate-container .info-card .card-details .data {
    font-size:16px
  }
}
.Referrals .container-ref .content-ref .rebate-container .reward-history {
  margin:0
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .title {
  color:#fff;
  font-size:24px;
  font-weight:700;
  line-height:140%;
  margin:36px 0 16px
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .header {
  display:flex;
  padding:0 16px
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .header .child {
  color:#ffffffb3;
  flex:1 1;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .content {
  background:linear-gradient(90deg,#191b2e,#191b2e);
  border-radius:12px;
  display:flex;
  margin-top:8px;
  padding:16px
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .content .child {
  color:#fff;
  flex:1 1;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .content .child a {
  color:#fff!important;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .content.mobile {
  flex-direction:column;
  gap:12px
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .content.mobile .mobile-wrapper {
  display:flex;
  justify-content:space-between;
  line-height:20px
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .content.mobile .mobile-wrapper a {
  color:#fff;
  margin-right:0
}
.Referrals .container-ref .content-ref .rebate-container .reward-history .empty-message {
  margin-top:20px
}
.Referrals .container-ref .content-ref .referral-body-container {
  flex:1 1
}
.Referrals .container-ref .content-ref .referral-body-container .info-card {
  justify-content:normal;
  padding:24px
}
.Referrals .container-ref .content-ref .referral-body-container .info-card .card-details h3 {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:0
}
.Referrals .container-ref .content-ref .referral-body-container .info-card .card-details .data {
  color:#fff;
  font-size:24px;
  font-weight:700;
  line-height:140%;
  margin:4px 0 0;
  text-align:left
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history {
  margin:0
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .title {
  color:#fff;
  font-size:24px;
  font-weight:700;
  line-height:140%;
  margin:36px 0 16px
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .header {
  display:flex;
  padding:0 16px
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .header .child {
  color:#ffffffb3;
  flex:1 1;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .header .child.no-header {
  display:flex;
  flex:.6 1;
  justify-content:flex-end
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .content {
  background:linear-gradient(90deg,#191b2e,#191b2e);
  border-radius:12px;
  display:flex;
  margin-top:8px;
  padding:16px
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .content .child {
  align-items:center;
  color:#fff;
  display:flex;
  flex:1 1;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .content .child a {
  color:#fff!important;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .content .child.no-header {
  display:flex;
  flex:.6 1;
  justify-content:flex-end
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .content.mobile {
  flex-direction:column;
  gap:12px
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .content.mobile .mobile-wrapper {
  display:flex;
  justify-content:space-between;
  line-height:20px
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .content.mobile .mobile-wrapper a {
  color:#fff;
  margin-right:0
}
.Referrals .container-ref .content-ref .referral-body-container .reward-history .empty-message {
  margin-top:20px
}
.more-info-container {
  margin-top:24px
}
.more-info-container .earn span {
  color:#03f5ae
}
.more-info-container .ref-code-container {
  background-clip:content-box,border-box;
  background-image:linear-gradient(#191b2e,#191b2e 43.8%,#191b2e 68.83%,#191b2e 92.41%),linear-gradient(90deg,#ff4fed,#5bffc5 50%,#4adc9f);
  background-origin:border-box;
  border:1px solid #0000;
  border-radius:8px;
  margin-top:8px;
  padding:0;
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.more-info-container .ref-code-container .ref-content {
  align-items:center;
  display:flex;
  padding:12px
}
.more-info-container .ref-code-container img {
  cursor:pointer;
  margin-left:4px;
  pointer-events:all!important
}
.ref-stats-container {
  display:flex;
  gap:24px;
  margin-left:auto;
  margin-right:auto;
  margin-top:48px;
  max-width:1320px;
  width:100%
}
@media screen and (max-width:1320px) {
  .ref-stats-container {
    padding-left:24px;
    padding-right:24px
  }
}
@media screen and (max-width:1100px) {
  .ref-stats-container {
    flex-direction:column;
    margin-top:24px
  }
  .ref-stats-container .ref-as-content {
    width:100%!important
  }
}
@media screen and (max-width:700px) {
  .ref-stats-container {
    padding-left:16px;
    padding-right:16px
  }
}
.ref-stats-container .ref-as-container {
  display:flex;
  flex-direction:column;
  gap:24px
}
.ref-stats-container .ref-as-container .ref-as-content {
  background:linear-gradient(116deg,#18235d 1.03%,#191b2e);
  border-radius:16px;
  display:flex;
  flex-direction:column;
  padding:24px;
  width:424px
}
.ref-stats-container .ref-as-container .ref-as-content button {
  margin-top:16px
}
.ref-stats-container .ref-as-container .ref-as-content .title {
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:140%;
  margin-bottom:8px
}
.ref-stats-container .ref-as-container .ref-as-content .ref-desc {
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9);
  line-height:140%;
  margin-top:16px
}
.ref-stats-container .ref-as-container .ref-as-content .ref-as-line {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:8px
}
.ref-stats-container .ref-as-container .ref-as-content .ref-as-line .line-title {
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9)
}
.ref-stats-container .ref-as-container .ref-as-content .ref-as-line .line-value {
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.ref-stats-container .ref-as-container .ref-as-content .ref-as-line .line-value svg {
  cursor:pointer;
  margin-left:4px;
  position:relative;
  top:3px
}
.ref-stats-container .ref-as-container .ref-as-content .ref-as-line .line-value svg:hover path {
  fill:#03f5ae
}
.ref-stats-container .ref-as-container .ref-as-content .ref-as-line .line-value .tier {
  color:#fff9;
  font-weight:400!important
}
.ref-stats-container .right-content-container {
  flex:1 1;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content
}
.ref-stats-container .payout-container {
  align-items:center;
  display:flex;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  justify-content:space-between;
  width:100%
}
@media screen and (max-width:700px) {
  .ref-stats-container .payout-container {
    align-items:flex-start;
    flex-direction:column;
    gap:8px
  }
  .ref-stats-container .payout-container button {
    display:none!important
  }
}
.ref-stats-container .payout-container .payout-tab-container {
  align-items:center;
  background:#ffffff1a;
  background:var(--Border_Highlight,#ffffff1a);
  border:none;
  border-radius:8px;
  border-radius:var(--Base-Unit-XS-8,8px);
  display:flex
}
.ref-stats-container .payout-container .payout-tab-container .payout-tab {
  border:none;
  border-radius:8px;
  border-radius:var(--Base-Unit-XS-8,8px);
  cursor:pointer;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  padding:12px
}
.ref-stats-container .payout-container .payout-tab-container .payout-tab-active,
.ref-stats-container .payout-container .payout-tab-container .payout-tab:hover {
  background:#ffffff1a;
  background:var(--Border_Highlight,#ffffff1a)
}
.payout-content-container {
  margin-top:24px
}
.payout-content-container .table-content {
  align-items:center;
  display:flex;
  padding-left:16px;
  padding-right:16px
}
.payout-content-container .table-content .line-content {
  flex:1 1
}
.payout-content-container .table-actions {
  align-items:center;
  display:flex;
  gap:12px;
  justify-content:flex-end;
  width:74px!important
}
.payout-content-container .table-actions .ic_container {
  background:#20233b;
  background:var(--Nature-2,#20233b);
  border-radius:8px;
  border-radius:var(--Base-Unit-XS-8,8px);
  cursor:pointer;
  padding:4px;
  padding:var(--Border_radius,4px)
}
.payout-content-container .table-actions .ic_container:hover {
  background:#3a3e59
}
.payout-content-container .table-actions .ic_container img {
  height:24px!important;
  width:24px!important
}
.payout-content-container .table-header .line-content {
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9)
}
.payout-content-container .table-body {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-top:8px
}
.payout-content-container .table-body .table-content {
  background:#191b2e;
  border-radius:12px;
  padding:10px 16px
}
.payout-content-container .table-body a {
  color:#fff!important;
  cursor:pointer;
  text-decoration:underline
}
.mobile-ref-container,
.mobile-ref-container .ref-as-container {
  display:flex;
  flex-direction:column;
  gap:12px
}
.mobile-ref-container .ref-as-container {
  background:#191b2e;
  background:var(--Nature-1,#191b2e);
  border-radius:12px;
  padding:16px
}
.mobile-ref-container .ref-as-container .ref-as-line {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.mobile-ref-container .ref-as-container .ref-as-line .line-title {
  color:#fff9
}
.tab-payout-container .table-body .table-content {
  height:52px;
  padding:16px!important
}
.tab-payout-container .table-body .line-content {
  line-height:140%
}
.coppy-container {
  border-radius:8px;
  margin-left:4px;
  padding:3px
}
.coppy-container img {
  height:22px;
  margin-left:0!important;
  width:22px
}
.coppy-container:hover {
  background:#3a3e59
}
.theme--light .Referrals {
  background:#eff2f7!important
}
.theme--light .Referrals .section-title-block .section-title-content,
.theme--light .Referrals .section-title-block .section-title-content .Page-title span {
  color:#fff
}
.theme--light .Referrals .section-title-block .section-title-content .Page-description a,
.theme--light .Referrals .section-title-block .section-title-content .Page-description div {
  color:#fff9
}
.theme--light .Referrals .section-title-block .section-title-content .Page-description a:hover {
  color:#fff!important
}
.theme--light .Referrals .section-title-block .more-info-container .earn {
  color:#fff
}
.theme--light .Referrals .section-title-block .more-info-container .earn span {
  color:#03f5ae
}
.theme--light .Referrals .section-title-block .more-info-container .ref-code-container .ref-content {
  color:#fff
}
.theme--light .Referrals .ref-as-container .ref-as-content {
  background:linear-gradient(139deg,#32a4ef33 8.79%,#a5dbfa00)!important;
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.theme--light .Referrals .ref-as-container .ref-as-content .line-title {
  color:#0d1a16b3!important
}
.theme--light .Referrals .ref-as-container .ref-as-content .line-value .tier {
  color:#0d1a16b3
}
.theme--light .Referrals .ref-as-container .ref-as-content .line-value svg path {
  fill:#010206
}
.theme--light .Referrals .ref-as-container .ref-as-content .line-value svg:hover path {
  fill:#02b27f
}
.theme--light .Referrals .ref-as-container .ref-as-content .ref-desc {
  color:#0d1a16b3!important
}
.theme--light .Referrals .right-content-container .payout-tab-container .payout-tab {
  background:#0000!important;
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.theme--light .Referrals .right-content-container .payout-tab-container .payout-tab:hover {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important
}
.theme--light .Referrals .right-content-container .payout-tab-container .payout-tab-active {
  background:#02b27f26!important;
  background:var(--HighLight,#02b27f26)!important;
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.theme--light .Referrals .main-content-container .table-header .line-content {
  color:#0d1a16b3!important
}
.theme--light .Referrals .main-content-container .table-body .table-content {
  background:#fff
}
.theme--light .Referrals .main-content-container .table-body .table-content a {
  color:#0d1a16!important
}
.theme--light .Referrals .table-actions .ic_container {
  background:#f2f5f7
}
.theme--light .Referrals .table-actions .ic_container:hover {
  background:#dddede
}
.theme--light .Referrals .table-actions a img {
  filter:brightness(0)
}
.theme--light .Referrals .mobile-ref-container .ref-as-container {
  background:#fff
}
.theme--light .Referrals .mobile-ref-container .ref-as-container .line-title {
  color:#0d1a16b3
}
.Stake-note {
  margin-bottom:.465rem;
  text-align:center
}
.Stake-cards {
  grid-gap:1.5rem;
  display:grid;
  grid-template-columns:1fr 1fr;
  margin-top:.8rem;
  padding:3.1rem
}
.StakeModal .Modal-content {
  width:400px
}
.StakeModal .Modal-body {
  font-size:var(--font-base)
}
.Stake-warning {
  margin-top:.465rem;
  text-align:center
}
@media (max-width:800px) {
  .StakeModal .Modal-content {
    width:350px
  }
  .Stake-cards {
    grid-template-columns:1fr
  }
}
.StakeV2 .Page-title-section {
  position:relative;
  z-index:2
}
.VesterDepositModal-info-rows {
  margin-bottom:24px
}
.CompoundModal-menu {
  margin-bottom:.8rem
}
.CompoundModal-menu .Checkbox {
  margin-bottom:.465rem
}
.StakeV2-address-input {
  padding:1.5rem 3.41rem 0
}
.StakeV2-buy-gmx-modal .Modal-content {
  max-width:46.5rem
}
.StakeV2-address-input input {
  box-sizing:border-box;
  font-size:1.7rem;
  width:100%
}
.StakeV2-boost-bar {
  border:1px solid #ffffff80;
  border-radius:2px;
  display:inline-block;
  height:.8rem;
  margin-left:.31rem;
  overflow:hidden;
  position:relative;
  vertical-align:middle;
  width:1.5rem
}
.StakeV2-boost-icon {
  font-size:1.085rem;
  z-index:2
}
.StakeV2-boost-bar-fill {
  background:#ffffffb3;
  bottom:0;
  left:0;
  position:absolute;
  top:0;
  z-index:1
}
.StakeV2-cards {
  grid-gap:1.5rem;
  display:grid;
  grid-template-columns:1fr 1fr
}
@media (max-width:900px) {
  .StakeV2-cards {
    grid-template-columns:1fr
  }
  .StakeV2-content {
    min-height:100vh
  }
  .StakeV2-total-rewards-card {
    grid-row:4
  }
}
.RouterTab.theme--light {
  background:#f7fffd;
  background-image:none
}
.RouterTab.theme--light * {
  color:rgba(13,26,22,.698)
}
.RouterTab.theme--light .tab-content-title {
  color:#0d1a16
}
.RouterTab.theme--light .tab-content-desc {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.RouterTab.theme--light .router .earn-tab.new-tag:after {
  border:1px solid #d49007;
  color:#d49007;
  color:var(--Functional-Orange,#d49007)
}
@media screen and (max-width:767px) {
  .RouterTab.theme--light .router {
    background:#fff!important
  }
  .RouterTab.theme--light .router .earn-tab.earn-tab-active {
    background:#0d1a1612;
    background:var(--Border,#0d1a1612)
  }
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box {
  background:#fff;
  background:var(--Nature-1,#fff);
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-heading .left-box-token .left-box-token-info .left-box-token-info-symbol {
  color:#0d1a16
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-heading .left-box-token .left-box-token-info .left-box-token-info-price {
  color:#0d1a16b3
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-heading .left-box-token .left-box-token-info .left-box-token-info-price span {
  color:#0d1a16
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-title {
  color:rgba(13,26,22,.698)
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-value {
  color:#02b27f
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-value .Tooltip-handle,
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-value .Tooltip-handle div {
  color:#02b27f!important
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-title {
  color:rgba(13,26,22,.698)
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value,
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value .value {
  color:#0d1a16
}
.RouterTab.theme--light .OverviewV2 .main-content.left-content .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value span {
  color:rgba(13,26,22,.698)
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content {
  background:radial-gradient(285.88% 111.8% at 100% 0,#f2fffb 0,#daf2eb 100%)!important;
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612);
  border-radius:16px!important
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content :not(button,
.Tooltip-popup) {
  color:rgba(13,26,22,.698)!important
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box.right-box-bottom {
  border-color:#0d1a1612
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box .actions button.default-btn {
  background:#02b27f;
  color:#fff
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box .actions button.border-btn {
  border-color:#0d1a1612!important;
  color:#0d1a16!important
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box .actions button.border-btn:hover {
  border:1px solid #02b27f!important;
  color:#02b27f!important
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box .right-box-heading .right-box-heading-title {
  color:#0d1a16!important
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box .right-box-heading .right-box-heading-reward div {
  color:#02b27f!important
}
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row .right-box-row-value,
.RouterTab.theme--light .OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row .right-box-row-value .span-html {
  color:#0d1a16!important
}
.VestPage.theme--light>.title {
  color:#0d1a16;
  color:var(--Text-Text_Primary,#0d1a16)
}
.VestPage.theme--light>.description {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.VestPage.theme--light>.description .link-underline {
  color:rgba(13,26,22,.702)
}
.VestPage.theme--light>.description .link-underline:hover {
  color:#02b27f
}
.VestPage.theme--light>.content>div {
  background-image:linear-gradient(138.67deg,#fff 8.79%,#fff),linear-gradient(138.67deg,#03f5ae26 8.79%,#03f5ae00)!important
}
.VestPage.theme--light>.content>div .title {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.VestPage.theme--light>.content>div .claim-area {
  background:#f2f5f7!important;
  border-radius:8px!important;
  border-radius:var(--Base-Unit-XS-8,8px)!important
}
.VestPage.theme--light>.content>div .claim-area .top-left {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.VestPage.theme--light>.content>div .claim-area .top-right a {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.VestPage.theme--light>.content>div .claim-area .top-right a:hover {
  color:#03805b!important
}
.VestPage.theme--light>.content>div .info .child .title {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.VestPage.theme--light>.content>div .info .child .value {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.earn-content-container {
  margin-top:64px
}
.earn-content-container .desc {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-top:16px
}
.earn-content-container .tab-main-content .main-content>.heading {
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .overview-container {
  background:radial-gradient(50% 285.34% at 100% 0,#002e58cc 0,#191b2ecc 100%);
  border-radius:16px;
  padding:24px
}
.earn-content-container .tab-main-content .overview-container+.overview-container {
  margin-top:24px
}
.earn-content-container .tab-main-content .overview-container .main-title {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .overview-container .main-title.custom>span {
  color:#03f5ae;
  color:var(--main-primary,#03f5ae);
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .overview-container .main-title.custom>span.highlight {
  color:#ffdf76;
  color:var(--Warning,#ffdf76)
}
.earn-content-container .tab-main-content .overview-container .rewards-wrap {
  align-items:stretch;
  display:flex;
  gap:24px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .overview-container .rewards-wrap {
    flex-direction:column;
    gap:16px
  }
  .earn-content-container .tab-main-content .overview-container .rewards-wrap .overview-content-container {
    border:none;
    margin:0;
    padding:0
  }
}
.earn-content-container .tab-main-content .overview-container .total-reward {
  display:flex;
  gap:8px;
  margin-top:24px
}
.earn-content-container .tab-main-content .overview-container .total-reward .reward-img {
  background:linear-gradient(138.67deg,#03f5ae26 8.79%,#03f5ae00);
  border-radius:16px;
  padding:12px
}
.earn-content-container .tab-main-content .overview-container .total-reward .reward-info .reward-title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .overview-container .total-reward .reward-info .reward-value {
  color:#03f5ae;
  font-size:24px;
  font-weight:700;
  line-height:140%;
  margin-top:4px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .overview-container .total-reward {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .overview-container .overview-content-container {
  border-left:1px solid #ffffff1a;
  border-left:1px solid var(--white-10,#ffffff1a);
  display:flex;
  flex:1 1;
  flex-direction:column;
  margin-top:24px;
  padding-left:24px
}
.earn-content-container .tab-main-content .overview-container .overview-content-container .overview-content {
  display:flex;
  justify-content:space-between;
  margin-top:12px
}
.earn-content-container .tab-main-content .overview-container .overview-content-container .overview-content:first-child {
  margin-top:0
}
.earn-content-container .tab-main-content .overview-container .overview-content-container .overview-content .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .overview-container .overview-content-container .overview-content .value {
  font-size:14px;
  font-weight:500;
  line-height:140%
}
.earn-content-container .tab-main-content .overview-container .overview-content-container .overview-content .value span {
  color:#fff9;
  font-weight:400
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .overview-container .overview-content-container .overview-content {
    margin-top:12px
  }
}
.earn-content-container .tab-main-content .overview-container .actions-contaner {
  grid-gap:12px;
  display:grid;
  gap:12px;
  grid-template-columns:1fr 1fr;
  margin-top:24px
}
.earn-content-container .tab-main-content .overview-container .actions-contaner.no-account {
  grid-template-columns:1fr
}
.earn-content-container .tab-main-content .overview-container .actions-contaner button {
  align-items:center;
  display:flex;
  flex:1 1;
  font-weight:700;
  height:40px;
  justify-content:center;
  margin:0
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .overview-container .actions-contaner {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .right-content {
  background:none!important;
  padding:0!important
}
.earn-content-container .tab-main-content .right-content .left-box-content {
  border-bottom:none!important
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .title.custom {
  align-items:flex-start;
  display:flex;
  gap:8px;
  gap:var(--base-unit-xs-8,8px)
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .title.custom>span {
  align-items:center;
  background:#ffdf76;
  background:var(--Warning,#ffdf76);
  border-radius:4px;
  border-radius:var(--Border_radius,4px);
  color:#000;
  color:var(--black-100,#000);
  display:flex;
  font-size:12px;
  font-weight:700;
  gap:8px;
  gap:var(--base-unit-xs-8,8px);
  justify-content:center;
  line-height:140%;
  padding:2px 8px;
  padding:2px var(--base-unit-xs-8,8px)
}
@media screen and (max-width:768px) {
  .earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .tooltip-apr .Tooltip-popup {
    left:-150px!important
  }
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .Tooltip .Tooltip-handle {
  font-weight:500
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .right-content-box .box-info:nth-child(2) {
    text-align:right
  }
  .earn-content-container .tab-main-content .right-content .right-content-box>a {
    margin:16px 0 0 auto;
    width:-webkit-fit-content;
    width:-moz-fit-content;
    width:fit-content
  }
}
@media screen and (max-width:700px) {
  .earn-content-container .tab-main-content .right-content .right-content-box {
    flex-wrap:wrap
  }
  .earn-content-container .tab-main-content .right-content .right-content-box .box-info {
    width:50%
  }
}
.earn-content-container .tab-main-content .right-content .right-content-border-box {
  border:1px solid #ffffff1a;
  border-radius:16px;
  padding:24px
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-main-price {
  background:radial-gradient(50% 285.34% at 100% 0,#002e58cc 0,#191b2ecc 100%);
  border-radius:16px;
  padding:16px;
  position:relative
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-main-price .price-info .title {
  color:#fff9;
  font-size:12px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-main-price .price-info .value {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-main-price img {
  height:98%;
  position:absolute;
  right:8px;
  top:0
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .buy-btn-container {
  align-items:center;
  display:flex;
  gap:8px;
  justify-content:space-between;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .buy-btn-container a {
  align-items:center;
  display:flex;
  flex:1 1;
  height:40px;
  justify-content:center;
  margin:0
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-devider {
  align-items:center;
  display:flex;
  margin-top:24px
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-devider .divider-title {
  color:#fff9;
  font-size:12px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-devider .divider-line {
  background:#ffffff1a;
  flex:1 1;
  height:1px
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-apr {
  color:#03f5ae;
  font-size:16px;
  font-weight:700;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-token-info {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:12px
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-token-info .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-token-info .value {
  align-items:center;
  color:#fff;
  color:var(--White-100,#fff);
  display:flex;
  font-size:14px;
  font-weight:700;
  gap:4px;
  gap:var(--Border_radius,4px);
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-token-info .value>span {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-token-info .value:has(.Tooltip-handle) .Tooltip-handle {
  align-items:center;
  color:#fff;
  color:var(--White-100,#fff);
  display:flex;
  font-size:14px;
  font-weight:700;
  gap:4px;
  gap:var(--Border_radius,4px);
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-border-box .box-token-info .value:has(.Tooltip-handle) .Tooltip-handle>span {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-box-content {
  background:#191b2e;
  border-radius:16px;
  margin-top:24px;
  padding:24px
}
.earn-content-container .tab-main-content .left-content .left-box-content:first-child {
  margin-top:0
}
.earn-content-container .tab-main-content .left-content .left-box-content .main-title-container {
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:space-between
}
.earn-content-container .tab-main-content .left-content .left-box-content .main-title-container .pending-rewards-value {
  color:#03f5ae;
  font-size:24px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-box-content .main-title {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-box-content .text-button-green {
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-box-content .text-button-green a {
  color:#03f5ae;
  cursor:pointer;
  text-decoration:none
}
.earn-content-container .tab-main-content .left-content .left-box-content .pending-rewards-content {
  margin-top:16px!important
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-container {
  display:flex;
  margin-top:16px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-container .reward-info {
  width:50%
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-container .reward-info .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-container .reward-info .value {
  font-size:16px;
  font-weight:500;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-container .reward-info .value span {
  color:#fff9;
  font-size:14px;
  font-weight:400
}
.earn-content-container .tab-main-content .left-content .left-box-content .box-desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container {
  display:flex;
  margin-top:16px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .account-info {
  flex:1 1;
  padding-right:16px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .account-info .reward-info {
  margin-top:16px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .account-info .reward-info:first-child {
  margin-top:0
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .account-info .reward-info .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:8px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .account-info .reward-info .value {
  font-size:14px;
  font-weight:700;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .account-info .reward-info .value span {
  color:#fff9;
  font-size:14px;
  font-weight:400
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .button-actions {
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:flex-end
}
.earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .button-actions button {
  align-items:center;
  display:flex;
  font-weight:700;
  height:40px;
  justify-content:center;
  margin:0!important;
  width:120px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .left-content .left-box-content .rewards-es-container .button-actions button {
    width:auto
  }
}
.earn-content-container .tab-main-content .left-content .left-box-content .mlp-claim-reward {
  margin-top:16px!important;
  width:100%
}
@media screen and (max-width:1033px) {
  .earn-content-container {
    margin-top:64px
  }
  .earn-content-container .tab-main-content {
    flex-direction:column;
    gap:24px
  }
  .earn-content-container .tab-main-content.overview {
    flex-direction:column-reverse
  }
  .earn-content-container .tab-main-content .main-content {
    flex:none;
    width:100%
  }
}
@media screen and (max-width:600px) {
  .earn-content-container {
    padding-left:16px;
    padding-right:16px
  }
  .earn-content-container .left-box-content {
    padding:16px!important
  }
  .earn-content-container .left-box-content:not(:first-child),
  .earn-content-container .stake-box-content {
    margin-top:16px!important
  }
  .earn-content-container .right-content-border-box {
    padding:16px!important
  }
  .earn-content-container .rewards-es-container {
    flex-direction:column;
    gap:16px
  }
  .earn-content-container .rewards-es-container .button-actions {
    display:flex;
    flex-direction:row!important;
    justify-content:space-between
  }
  .earn-content-container .overview-container {
    padding:16px!important
  }
  .earn-content-container .overview-container .reward-img {
    height:-webkit-fit-content;
    height:-moz-fit-content;
    height:fit-content
  }
  .earn-content-container .overview-container .reward-img img {
    width:24px
  }
}
.box-apr .Tooltip-popup,
.box-info .Tooltip-popup {
  left:0!important;
  right:auto!important
}
.native-token-reward .span-html {
  font-weight:500!important
}
.green-pending {
  font-size:24px!important;
  font-style:normal!important;
  font-weight:700!important;
  line-height:140%!important;
  margin-top:8px
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-main-price {
  background:radial-gradient(285.88% 111.8% at 100% 0,#f2fffb 0,#daf2eb 100%)
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-main-price .price-info .title {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .buy-btn-container .default-btn span {
  font-weight:700
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-devider .divider-title {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-devider .divider-line {
  background:#0d1a1612;
  background:var(--Border,#0d1a1612)
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-apr .Tooltip-handle {
  color:#02b27f;
  color:var(--Primary,#02b27f)
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-token-info .title {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-token-info .value {
  color:#0d1a16;
  color:var(--Text-Text_Primary,#0d1a16)
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-token-info .value .Tooltip-handle {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-token-info .value .Tooltip-handle>span {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.earn-content-container.theme--light .tab-main-content .right-content .right-content-border-box .box-token-info .value>span {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .main-title-container .pending-rewards-value {
  color:#02b27f;
  color:var(--Primary,#02b27f)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .rewards-es-container .account-info .reward-info .value span {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .rewards-es-container .button-actions button:not(.border-btn) {
  background:#02b27f;
  background:var(--Primary,#02b27f)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .rewards-es-container .button-actions button:not(.border-btn) span {
  color:#fff
}
.Bootstrap-Modal .Modal-title-bar {
  margin:12px 24px
}
.Bootstrap-Modal .Modal-body {
  padding:24px!important
}
.Bootstrap-Modal .Modal-content {
  max-width:400px;
  width:100%
}
.Bootstrap-Modal .box {
  align-items:center;
  align-self:stretch;
  background:#191b2e;
  background:var(--v3-Natural_1,#191b2e);
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:4px;
  gap:var(--Border_radius,4px);
  padding:16px
}
.Bootstrap-Modal .box .box-title {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Bootstrap-Modal .box .box-value {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:24px;
  font-weight:700;
  line-height:140%
}
.Bootstrap-Modal .box .box-value.green {
  color:#03f5ae;
  color:var(--Main-Primary,#03f5ae)
}
.Bootstrap-Modal .box .box-inUsd {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Bootstrap-Modal .text {
  color:#fff;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-top:12px
}
.Bootstrap-Modal .warning {
  color:#ffa722;
  color:var(--functional-orange,#ffa722);
  font-size:14px;
  font-weight:400;
  line-height:120%;
  margin:16px 0 8px
}
.Bootstrap-Modal .lock {
  align-items:center;
  color:#fff9;
  color:var(--text-text-secondary,#fff9);
  display:flex;
  font-size:14px;
  font-weight:400;
  gap:4px;
  line-height:120%
}
.Bootstrap-Modal .lock span {
  font-weight:700
}
.Bootstrap-Modal.theme--light .box {
  background:#fff
}
.Bootstrap-Modal.theme--light .box .box-title {
  color:#0d1a16b3
}
.Bootstrap-Modal.theme--light .box .box-value {
  color:#0d1a16;
  color:var(--Text-Text_Primary,#0d1a16)
}
.Bootstrap-Modal.theme--light .box .box-value.green {
  color:#02b27f
}
.Bootstrap-Modal.theme--light .box .box-inUsd {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.Bootstrap-Modal.theme--light .text {
  color:#0d1a16
}
.Bootstrap-Modal.theme--light .warning {
  color:#ffa722;
  color:var(--functional-orange,#ffa722)
}
.Bootstrap-Modal.theme--light .content-box-row .content-box-row-label,
.Bootstrap-Modal.theme--light .content-box-row .content-box-row-value span {
  color:#0d1a16b3
}
.earn-content-container {
  flex:1 1
}
.earn-content-container .btns {
  grid-gap:8px;
  display:grid;
  gap:8px;
  grid-template-columns:1fr 1fr;
  margin-top:16px
}
.earn-content-container .btns button {
  font-weight:700
}
.earn-content-container .btns.no-chain {
  grid-template-columns:1fr
}
.earn-content-container .lock {
  align-items:center;
  align-self:stretch;
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a);
  border-radius:8px;
  border-radius:var(--base-unit-xs-8,8px);
  display:flex;
  gap:4px;
  gap:var(--Border_radius,4px);
  margin-top:16px;
  padding:8px;
  padding:var(--base-unit-xs-8,8px)
}
.earn-content-container .lock span {
  color:#fff;
  color:var(--white-100,#fff);
  font-weight:700
}
.earn-content-container .lock .lock-content {
  align-items:center;
  display:flex;
  gap:4px
}
.earn-content-container .lock .lock-content .label {
  color:#fff9;
  font-size:14px;
  font-weight:400
}
@media screen and (max-width:767px) {
  .earn-content-container .lock {
    align-items:flex-start
  }
  .earn-content-container .lock .lock-content {
    align-items:flex-start;
    flex-direction:column
  }
}
.earn-content-container .green-value {
  color:#03f5ae;
  color:var(--green,#03f5ae);
  font-size:16px;
  font-weight:700;
  line-height:120%
}
.earn-content-container.custom .reward-info .Tooltip-popup {
  word-wrap:break-word;
  max-width:300px;
  white-space:pre-wrap
}
.earn-content-container.custom .heading {
  align-items:flex-end;
  align-self:stretch;
  display:flex;
  gap:24px
}
.earn-content-container.custom .heading .actions {
  align-items:flex-start;
  display:flex;
  gap:8px;
  margin-left:auto
}
.earn-content-container.custom .heading .actions button {
  align-items:center;
  border-color:hsla(0,0%,100%,.102);
  display:flex;
  gap:4px;
  height:40px;
  justify-content:center;
  padding:8px 16px
}
@media screen and (max-width:1023px) {
  .earn-content-container.custom .heading {
    align-items:flex-start;
    flex-direction:column
  }
  .earn-content-container.custom .heading .actions {
    margin-left:0
  }
}
.earn-content-container .tab-content-title {
  font-size:24px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-content-title:has(.tag) {
  align-items:center;
  display:flex;
  gap:8px
}
.earn-content-container .tab-content-title .tag {
  align-items:center;
  background:#3c2601;
  background:var(--laverage-background,#3c2601);
  border-radius:8px;
  color:#f0b90b;
  color:var(--laverage-text,#f0b90b);
  display:flex;
  font-size:20px;
  font-weight:700;
  gap:8px;
  line-height:140%;
  padding:2px 12px
}
.earn-content-container .tab-content-desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content {
  display:flex;
  gap:24px;
  margin-top:24px
}
@media screen and (max-width:1023px) {
  .earn-content-container .tab-main-content .left-content {
    order:2
  }
  .earn-content-container .tab-main-content .right-content {
    order:1
  }
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .main-content {
  flex:1 1
}
.earn-content-container .tab-main-content .right-content {
  border-radius:16px!important;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content
}
.earn-content-container .tab-main-content .right-content.no-tooltip .left-box-content:first-child {
  border-radius:16px 16px 0 0!important
}
.earn-content-container .tab-main-content .right-content.no-tooltip .left-box-content:last-child {
  border-radius:0 0 16px 16px!important
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content.no-tooltip .left-box-content:last-child {
    margin-top:0!important
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content {
  background:#191b2e;
  background:var(--v-3-natural-1,#191b2e);
  padding:24px
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container {
  align-items:stretch;
  align-self:stretch;
  display:flex;
  gap:24px;
  gap:var(--Base-Unit-L-24,24px);
  margin-top:16px
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container button {
  font-weight:700
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container .vest-box {
  align-items:stretch;
  display:flex;
  flex:1 1;
  flex-direction:column;
  gap:16px;
  justify-content:space-between
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container .vest-box .vest-info .vest-box-title {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container .vest-box .vest-info .vest-box-amount {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:14px;
  font-weight:700;
  line-height:140%;
  margin-bottom:4px
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container .vest-box .vest-info .vest-box-amount:has(img) {
  align-items:center;
  display:flex;
  gap:4px
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container .vest-box .vest-info .vest-box-inUsd {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .left-box-content .vest-container .box-divider {
  align-self:stretch;
  background:#ffffff1a;
  background:var(--White-10,#ffffff1a);
  width:1px
}
.earn-content-container .tab-main-content .right-content .left-box-content:first-child {
  margin-top:24px
}
.earn-content-container .tab-main-content .right-content .left-box-content+.left-box-content {
  border-top:1px solid #ffffff1a!important;
  border-top:1px solid var(--White-10,#ffffff1a)!important
}
.earn-content-container .tab-main-content .right-content .left-box-content .iconn {
  height:200px;
  position:absolute;
  right:0;
  top:0;
  width:200px
}
.earn-content-container .tab-main-content .right-content .left-box-content:has(.iconn) {
  position:relative
}
.earn-content-container .tab-main-content .right-content .left-box-content:first-child {
  margin-top:0
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title-container {
  align-items:flex-start;
  display:flex;
  justify-content:space-between
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title-container .main-title:has(.bootstrap) {
  align-items:center;
  display:flex;
  gap:8px;
  justify-content:space-between
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title-container .bootstrap {
  align-items:center;
  background:#3c2601;
  background:var(--laverage-background,#3c2601);
  border-radius:4px;
  color:#f0b90b;
  color:var(--laverage-text,#f0b90b);
  display:flex;
  font-size:14px;
  font-weight:700;
  gap:8px;
  line-height:120%;
  padding:2px 8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title>div {
  font-size:24px;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title>div.main-desc {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title.flex {
  align-items:flex-start;
  display:flex;
  gap:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title.flex .fee-discount {
  align-items:flex-start;
  background:#ffce57;
  background:var(--yellow,#ffce57);
  border-radius:8px;
  color:#1a1919;
  color:var(--natural-1,#1a1919);
  display:flex;
  font-size:14px;
  font-weight:400;
  gap:8px;
  line-height:110%;
  padding:4px 8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .main-title.flex .fee-discount span {
  font-weight:700
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content .main-title.flex {
    flex-direction:column
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-container {
  display:flex;
  margin-top:16px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content .rewards-container {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-container .reward-info .Tooltip-popup {
  min-width:0;
  min-width:auto;
  white-space:nowrap;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  word-break:keep-all
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-container .reward-info .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-container .reward-info .value {
  font-size:14px;
  font-weight:700;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-container .reward-info .value span {
  color:#fff9;
  font-size:14px;
  font-weight:400
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-container.grid {
  grid-gap:24px;
  display:grid;
  gap:24px;
  grid-template-columns:repeat(2,1fr)
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content .rewards-container.grid {
    row-gap:16px
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .box-desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container {
  display:flex;
  margin-top:16px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .account-info {
  flex:1 1;
  padding-right:16px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .account-info .reward-info {
  margin-top:16px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .account-info .reward-info:first-child {
  margin-top:0
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .account-info .reward-info .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .account-info .reward-info .value {
  font-size:16px;
  font-weight:500;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .account-info .reward-info .value span {
  color:#fff9;
  font-size:14px;
  font-weight:400
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .button-action button {
  min-width:126px
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .button-actions {
  align-items:stretch;
  display:flex;
  flex-direction:column;
  gap:12px;
  justify-content:flex-end
}
.earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .button-actions button {
  align-items:center;
  border-color:hsla(0,0%,100%,.102);
  display:flex;
  height:40px;
  justify-content:center;
  margin:0!important;
  min-width:126px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .button-actions {
    grid-gap:12px;
    display:grid;
    gap:12px;
    grid-auto-rows:40px 40px;
    grid-template-columns:1fr;
    margin-top:auto
  }
  .earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container .button-actions button {
    height:40px
  }
  .earn-content-container .tab-main-content .right-content .left-box-content .rewards-es-container {
    gap:24px
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .total-amount {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  justify-content:space-between;
  margin-top:24px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content .total-amount {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .total-amount .title,
.earn-content-container .tab-main-content .right-content .left-box-content .total-amount .value {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:16px;
  font-weight:700;
  line-height:120%
}
.earn-content-container .tab-main-content .right-content .left-box-content .persent-wrapper {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  gap:4px;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .left-box-content .stats {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:24px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content .stats {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .stats .row {
  align-items:center;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.earn-content-container .tab-main-content .right-content .left-box-content .stats .row .title {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .left-box-content .stats .row .value {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:16px;
  font-weight:500;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .left-box-content button.action-btn {
  margin-top:24px;
  width:100%
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content button.action-btn {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .line-divider {
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a);
  height:1px;
  margin:24px 0;
  width:100%
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .right-content .left-box-content .line-divider {
    margin:16px 0
  }
}
.earn-content-container .tab-main-content .right-content .left-box-content .total-reward {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.earn-content-container .tab-main-content .right-content .left-box-content .total-reward .title {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:16px;
  font-weight:700;
  line-height:120%
}
.earn-content-container .tab-main-content .right-content .left-box-content .total-reward .value {
  align-items:baseline;
  color:#fff;
  color:var(--white-100,#fff);
  display:flex;
  font-size:16px;
  font-weight:700;
  gap:4px;
  line-height:120%
}
.earn-content-container .tab-main-content .right-content .left-box-content .total-reward .value span {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:120%
}
.earn-content-container .tab-main-content .right-content .right-content-box {
  align-items:center;
  border:1px solid #ffffff1a;
  border-radius:16px;
  display:flex;
  justify-content:space-between;
  margin-top:16px;
  padding:16px
}
.earn-content-container .tab-main-content .right-content .right-content-box:first-child {
  margin-top:0
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info {
  width:calc(50% - 38px)
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .value {
  font-size:16px;
  font-weight:500;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .box-apr {
  color:#03f5ae;
  font-size:16px;
  font-weight:700;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .tooltip-apr .Tooltip-handle {
  color:#03f5ae!important
}
@media screen and (max-width:768px) {
  .earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .tooltip-apr .Tooltip-popup:not(.right-bottom) {
    left:-150px!important
  }
  .earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .tooltip-apr .Tooltip-popup.right-bottom {
    left:auto!important;
    right:0!important
  }
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .Tooltip {
  margin-left:0!important
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .Tooltip .Tooltip-handle {
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:140%;
  margin-left:0!important
}
.earn-content-container .tab-main-content .right-content .right-content-box .box-info .value .sub-value {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  margin-left:4px
}
@media screen and (max-width:700px) {
  .earn-content-container .tab-main-content .right-content .right-content-box {
    flex-wrap:wrap;
    margin-top:16px
  }
  .earn-content-container .tab-main-content .right-content .right-content-box .box-info {
    width:50%
  }
}
.earn-content-container .tab-main-content .left-content .left-content-border-box {
  border:1px solid #ffffff1a;
  border-radius:16px;
  padding:24px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-main-price {
  align-self:stretch;
  background:radial-gradient(285.88% 111.8% at 100% 0,#002e58cc 0,#191b2ecc 100%);
  border-radius:16px;
  overflow:hidden;
  padding:16px;
  position:relative
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-main-price .price-info {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-main-price .price-info .title {
  color:#fff9;
  color:var(--white-60,var(--text-text-secondary,#fff9));
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-main-price .price-info .value {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-main-price img {
  align-items:center;
  display:flex;
  justify-content:center;
  position:absolute;
  right:0;
  right:8px;
  top:0
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-token-info-wrapper {
  margin-top:24px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .left-content .left-content-border-box .box-token-info-wrapper {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .buy-btn-container {
  align-items:center;
  display:flex;
  gap:8px;
  justify-content:space-between;
  margin-top:24px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .left-content .left-content-border-box .buy-btn-container {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .buy-btn-container a {
  align-items:center;
  display:flex;
  flex:1 1;
  height:40px;
  justify-content:center;
  margin:0
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .buy-btn-container a:hover {
  color:#666!important
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-devider {
  align-items:center;
  display:flex;
  margin-top:24px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .left-content .left-content-border-box .box-devider {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-devider .divider-title {
  color:#fff9;
  font-size:12px;
  font-weight:400;
  line-height:120%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-devider .divider-line {
  background:#ffffff1a;
  flex:1 1;
  height:1px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-apr {
  color:#03f5ae;
  color:var(--green,#03f5ae);
  font-size:16px;
  font-weight:700;
  line-height:140%;
  margin-top:8px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-token-info {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin-top:12px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-token-info .title {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-token-info .value {
  font-size:14px;
  font-weight:700;
  line-height:22.4px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-token-info .value>span {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake {
  align-items:flex-end;
  align-self:stretch;
  display:flex;
  gap:24px;
  margin-top:24px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-left {
  align-items:flex-start;
  display:flex;
  flex:1 0;
  flex-direction:column;
  gap:16px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-left .box-content {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-left .box-content .title {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:120%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-left .box-content .value {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:16px;
  font-weight:700;
  line-height:120%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-left .box-content .value span {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:120%;
  margin-left:4px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-right {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:126px
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-right.disconnected {
  width:auto
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-right button {
  align-items:center;
  align-self:stretch;
  border-color:hsla(0,0%,100%,.102);
  display:flex;
  gap:4px;
  height:40px;
  justify-content:center;
  padding:8px 16px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake {
    align-items:stretch;
    flex-direction:column;
    gap:24px;
    margin-top:16px
  }
  .earn-content-container .tab-main-content .left-content .left-content-border-box .box-stake .box-right {
    display:grid;
    flex-direction:row;
    grid-template-columns:1fr 1fr;
    width:auto
  }
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-total {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  justify-content:space-between;
  margin-top:24px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .left-content .left-content-border-box .box-total {
    margin-top:16px
  }
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-total .title {
  color:#fff;
  font-size:16px;
  font-weight:700;
  line-height:120%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-total .value {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:16px;
  font-weight:700;
  line-height:120%
}
.earn-content-container .tab-main-content .left-content .left-content-border-box .box-total .value span {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:120%;
  margin-left:4px
}
@media screen and (max-width:767px) {
  .earn-content-container .tab-main-content .left-content .left-content-border-box {
    padding:16px
  }
}
@media screen and (max-width:1033px) {
  .earn-content-container .tab-main-content {
    flex-direction:column-reverse
  }
  .earn-content-container .tab-main-content .main-content {
    flex:none;
    width:100%
  }
}
@media screen and (max-width:600px) {
  .earn-content-container {
    margin-top:0;
    padding-left:16px;
    padding-right:16px
  }
  .earn-content-container .left-box-content {
    padding:16px!important
  }
  .earn-content-container .stake-box-content {
    margin-top:16px!important
  }
  .earn-content-container .right-content-border-box {
    padding:16px!important
  }
  .earn-content-container .rewards-es-container {
    flex-direction:column;
    gap:16px
  }
  .earn-content-container .rewards-es-container .button-actions {
    display:flex;
    flex-direction:row!important;
    justify-content:space-between
  }
}
@media screen and (max-width:600px)and (max-width:767px) {
  .earn-content-container .rewards-es-container {
    flex-direction:row
  }
  .earn-content-container .rewards-es-container .button-actions {
    display:flex;
    flex-direction:column!important;
    justify-content:space-between;
    width:120px
  }
}
.box-apr .Tooltip-popup {
  left:0!important;
  right:auto!important
}
.box-info .Tooltip-popup {
  right:auto!important
}
@media screen and (max-width:767px) {
  .box-info .Tooltip-popup {
    right:0!important
  }
}
.native-token-reward .span-html {
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:140%
}
@media screen and (max-width:767px) {
  .token-input-wrapper .clickable,
  .token-input-wrapper .left {
    font-size:12px!important
  }
}
.golden-border {
  border:1px solid #ffa722!important
}
.earn-content-container.theme--light .green-value {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.earn-content-container.theme--light .box-divider {
  background:#0d1a1612!important;
  background:var(--Border,#0d1a1612)!important
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box {
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-apr {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-main-price {
  background:radial-gradient(285.88% 111.8% at 100% 0,#f2fffb 0,#daf2eb 100%)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-main-price .price-info .title {
  color:#0d1a16b3
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-main-price .price-info .value {
  color:#0d1a16
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-devider .divider-title {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-apr .Tooltip-handle {
  color:#02b27f;
  color:var(--Primary,#02b27f)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-token-info .title,
.earn-content-container.theme--light .tab-main-content .left-content .left-content-border-box .box-token-info .value span {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content {
  background:#fff;
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .box-desc,
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .reward-info .title {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .lock :not(.label) {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .lock .label {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.earn-content-container.theme--light .tab-main-content .left-content .left-box-content .button-actions button.default-btn div {
  color:#fff
}
.earn-content-container.theme--light .tab-main-content .right-content {
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content {
  background:#fff
}
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content+.left-box-content {
  border-top:1px solid #0d1a1612!important;
  border-top:1px solid var(--Border,#0d1a1612)!important
}
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content .desc,
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content .main-title .main-desc,
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content .rewards-container .reward-info .title .Tooltip-handle,
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content .rewards-container .reward-info>div:last-child span {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content .vest-container .vest-box .vest-info .vest-box-inUsd,
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content .vest-container .vest-box .vest-info .vest-box-title {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.earn-content-container.theme--light .tab-main-content .right-content .left-box-content .vest-container .vest-box .vest-info .vest-box-amount {
  color:#0d1a16;
  color:var(--Text-Text_Primary,#0d1a16)
}
.OverviewV2 .tab-main-content {
  grid-gap:24px;
  display:grid;
  gap:24px;
  grid-template-columns:1fr 424px
}
.OverviewV2 .tab-main-content .main-content.left-content {
  align-items:stretch;
  display:flex;
  flex-direction:column;
  gap:24px
}
@media screen and (max-width:1023px) {
  .OverviewV2 .tab-main-content {
    grid-template-columns:1fr
  }
}
@media screen and (max-width:767px) {
  .OverviewV2 .tab-main-content,
  .OverviewV2 .tab-main-content .main-content.left-content {
    gap:16px
  }
}
.OverviewV2 .left-box {
  align-items:flex-start;
  align-self:stretch;
  background:linear-gradient(180deg,#191b2e,#191b2e);
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:16px;
  padding:24px;
  padding:var(--Base-Unit-L-24,24px);
  position:relative
}
.OverviewV2 .left-box>svg {
  border-radius:16px 0 0 0;
  height:36px;
  left:0;
  position:absolute;
  top:0;
  width:36px
}
.OverviewV2 .left-box .left-box-heading {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.OverviewV2 .left-box .left-box-heading .left-box-token {
  align-items:center;
  display:flex;
  gap:12px;
  gap:var(--Base-Unit-S-12,12px)
}
.OverviewV2 .left-box .left-box-heading .left-box-token img {
  height:40px;
  width:40px
}
.OverviewV2 .left-box .left-box-heading .left-box-token .left-box-token-info {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:4px;
  gap:var(--Border_radius,4px);
  height:46px;
  justify-content:center
}
.OverviewV2 .left-box .left-box-heading .left-box-token .left-box-token-info .left-box-token-info-symbol {
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.OverviewV2 .left-box .left-box-heading .left-box-token .left-box-token-info .left-box-token-info-price {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.OverviewV2 .left-box .left-box-heading .left-box-token .left-box-token-info .left-box-token-info-price:has(.skeleton-box) {
  align-items:center;
  display:flex
}
.OverviewV2 .left-box .left-box-heading .left-box-token .left-box-token-info .left-box-token-info-price span {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:14px;
  font-weight:700;
  line-height:140%;
  margin-left:4px
}
.OverviewV2 .left-box .left-box-heading .view-btn {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:14px;
  font-weight:700!important;
  line-height:140%;
  padding-left:16px;
  padding-right:16px
}
@media screen and (max-width:767px) {
  .OverviewV2 .left-box .left-box-heading .view-btn {
    display:none
  }
}
.OverviewV2 .left-box .left-box-body {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  gap:24px;
  gap:var(--Base-Unit-L-24,24px)
}
.OverviewV2 .left-box .left-box-body .left-box-body-left {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  gap:16px;
  width:200px
}
.OverviewV2 .left-box .left-box-body .left-box-body-left .left-box-body-left-box {
  align-items:flex-start;
  display:flex;
  flex:1 0;
  flex-direction:column;
  gap:4px;
  gap:var(--Border_radius,4px)
}
.OverviewV2 .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-title {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.OverviewV2 .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-value {
  color:#03f5ae;
  color:var(--Main-Primary,#03f5ae);
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.OverviewV2 .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-value:has(.skeleton-box) {
  display:flex
}
.OverviewV2 .left-box .left-box-body .left-box-body-right {
  align-items:flex-start;
  align-self:stretch;
  border-left:1px solid #ffffff1a;
  border-left:1px solid var(--White-10,#ffffff1a);
  display:flex;
  flex:1 0;
  flex-direction:column;
  gap:12px;
  gap:var(--Base-Unit-S-12,12px);
  padding-left:24px;
  padding-left:var(--Base-Unit-L-24,24px)
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-title {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-title:has(.dot) {
  align-items:center;
  display:flex;
  gap:4px
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:14px;
  font-weight:700;
  line-height:140%;
  text-align:right
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value:has(.left-box-body-right-row-value-sub) {
  align-items:flex-end;
  display:flex;
  flex-direction:column;
  gap:4px
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value:has(.skeleton-box) {
  display:flex
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value .value {
  text-align:right
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value .value:has(.skeleton-box) {
  display:flex
}
.OverviewV2 .left-box .left-box-body .left-box-body-right .left-box-body-right-row .left-box-body-right-row-value span {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-left:4px
}
@media screen and (min-width:768px) {
  .OverviewV2 .left-box .view-btn-mobile {
    display:none
  }
}
@media screen and (max-width:1023px) {
  .OverviewV2 .left-box .left-box-body {
    flex-direction:column;
    gap:12px
  }
  .OverviewV2 .left-box .left-box-body .left-box-body-left {
    align-items:stretch;
    flex-direction:column;
    gap:12px;
    width:auto
  }
  .OverviewV2 .left-box .left-box-body .left-box-body-left .left-box-body-left-box {
    flex-direction:row;
    justify-content:space-between
  }
  .OverviewV2 .left-box .left-box-body .left-box-body-left .left-box-body-left-box .left-box-body-left-box-value {
    font-size:14px
  }
  .OverviewV2 .left-box .left-box-body .left-box-body-right {
    border:none;
    padding-left:0
  }
}
@media screen and (max-width:767px) {
  .OverviewV2 .left-box {
    padding:16px
  }
}
.OverviewV2 .main-content.right-content {
  align-items:flex-start;
  background:linear-gradient(219deg,#002e58cc 22.37%,#191b2ecc 77.63%)!important;
  border-radius:16px!important;
  display:flex;
  flex-direction:column
}
.OverviewV2 .main-content.right-content .right-box {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  gap:24px;
  gap:var(--Base-Unit-L-24,24px);
  padding:24px;
  padding:var(--Base-Unit-L-24,24px)
}
.OverviewV2 .main-content.right-content .right-box.right-box-bottom {
  border-top:1px solid #ffffff1a;
  border-top:1px solid var(--White-10,#ffffff1a)
}
.OverviewV2 .main-content.right-content .right-box .right-box-heading {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.OverviewV2 .main-content.right-content .right-box .right-box-heading .right-box-heading-title {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.OverviewV2 .main-content.right-content .right-box .right-box-heading .right-box-heading-reward {
  align-items:flex-end;
  color:#fff9;
  color:var(--White-60,#fff9);
  display:flex;
  flex-direction:column;
  font-size:14px;
  font-weight:400;
  gap:4px;
  gap:var(--Border_radius,4px);
  height:58px;
  justify-content:center;
  line-height:140%
}
.OverviewV2 .main-content.right-content .right-box .right-box-heading .right-box-heading-reward div {
  color:#03f5ae;
  color:var(--Main-Primary,#03f5ae);
  font-family:Roboto;
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.OverviewV2 .main-content.right-content .right-box .right-box-rows {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  gap:12px;
  gap:var(--Base-Unit-S-12,12px)
}
.OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row {
  align-items:center;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row .right-box-row-title {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row .right-box-row-value {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row .right-box-row-value .Tooltip.fit-content.custom .Tooltip-popup {
  min-width:0;
  min-width:auto;
  white-space:nowrap;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  word-break:keep-all
}
.OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row .right-box-row-value .span-html {
  color:#fff;
  color:var(--White-100,#fff);
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.OverviewV2 .main-content.right-content .right-box .right-box-rows .right-box-row .right-box-row-value span {
  color:#fff9;
  color:var(--White-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-left:4px
}
.OverviewV2 .main-content.right-content .right-box .actions {
  grid-gap:12px;
  grid-gap:var(--Base-Unit-S-12,12px);
  display:grid;
  gap:12px;
  gap:var(--Base-Unit-S-12,12px);
  grid-template-columns:1fr 1fr;
  margin-top:0
}
.OverviewV2 .main-content.right-content .right-box .actions.alone {
  grid-template-columns:1fr
}
.OverviewV2 .main-content.right-content .right-box .actions button {
  font-weight:700!important
}
@media screen and (max-width:767px) {
  .OverviewV2 .main-content.right-content .right-box {
    gap:16px;
    padding:16px
  }
}
.Toastify__toast-container {
  box-sizing:border-box;
  color:#fff;
  padding:4px;
  position:fixed;
  -webkit-transform:translateZ(9999px);
  width:320px;
  z-index:9999
}
.Toastify__toast-container--top-left {
  left:1em;
  top:1em
}
.Toastify__toast-container--top-center {
  left:50%;
  top:1em;
  transform:translateX(-50%)
}
.Toastify__toast-container--top-right {
  right:1em;
  top:1em
}
.Toastify__toast-container--bottom-left {
  bottom:1em;
  left:1em
}
.Toastify__toast-container--bottom-center {
  bottom:1em;
  left:50%;
  transform:translateX(-50%)
}
.Toastify__toast-container--bottom-right {
  bottom:1em;
  right:1em
}
@media only screen and (max-width:480px) {
  .Toastify__toast-container {
    left:0;
    margin:0;
    padding:0;
    width:100vw
  }
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-right {
    top:0;
    transform:translateX(0)
  }
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-right {
    bottom:0;
    transform:translateX(0)
  }
  .Toastify__toast-container--rtl {
    left:auto;
    right:0
  }
}
.Toastify__toast {
  border-radius:1px;
  box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;
  box-sizing:border-box;
  cursor:pointer;
  direction:ltr;
  display:flex;
  font-family:sans-serif;
  justify-content:space-between;
  margin-bottom:1rem;
  max-height:800px;
  min-height:64px;
  overflow:hidden;
  padding:8px;
  position:relative
}
.Toastify__toast--rtl {
  direction:rtl
}
.Toastify__toast--dark {
  background:#121212;
  color:#fff
}
.Toastify__toast--default {
  background:#fff;
  color:#aaa
}
.Toastify__toast--info {
  background:#3498db
}
.Toastify__toast--success {
  background:#07bc0c
}
.Toastify__toast--warning {
  background:#f1c40f
}
.Toastify__toast--error {
  background:#e74c3c
}
.Toastify__toast-body {
  flex:1 1 auto;
  margin:auto 0
}
@media only screen and (max-width:480px) {
  .Toastify__toast {
    margin-bottom:0
  }
}
.Toastify__close-button {
  background:#0000;
  border:none;
  color:#fff;
  cursor:pointer;
  opacity:.7;
  outline:none;
  padding:0;
  transition:.3s ease
}
.Toastify__close-button--default {
  color:#000;
  opacity:.3
}
.Toastify__close-button>svg {
  fill:currentColor;
  height:16px;
  width:14px
}
.Toastify__close-button:focus,
.Toastify__close-button:hover {
  opacity:1
}
@keyframes Toastify__trackProgress {
  0% {
    transform:scaleX(1)
  }
  to {
    transform:scaleX(0)
  }
}
.Toastify__progress-bar {
  background-color:#ffffffb3;
  bottom:0;
  height:5px;
  left:0;
  opacity:.7;
  position:absolute;
  transform-origin:left;
  width:100%;
  z-index:9999
}
.Toastify__progress-bar--animated {
  animation:Toastify__trackProgress linear 1 forwards
}
.Toastify__progress-bar--controlled {
  transition:transform .2s
}
.Toastify__progress-bar--rtl {
  left:auto;
  right:0;
  transform-origin:right
}
.Toastify__progress-bar--default {
  background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55)
}
.Toastify__progress-bar--dark {
  background:#bb86fc
}
@keyframes Toastify__bounceInRight {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(3000px,0,0)
  }
  60% {
    opacity:1;
    transform:translate3d(-25px,0,0)
  }
  75% {
    transform:translate3d(10px,0,0)
  }
  90% {
    transform:translate3d(-5px,0,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity:1;
    transform:translate3d(-20px,0,0)
  }
  to {
    opacity:0;
    transform:translate3d(2000px,0,0)
  }
}
@keyframes Toastify__bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(-3000px,0,0)
  }
  60% {
    opacity:1;
    transform:translate3d(25px,0,0)
  }
  75% {
    transform:translate3d(-10px,0,0)
  }
  90% {
    transform:translate3d(5px,0,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity:1;
    transform:translate3d(20px,0,0)
  }
  to {
    opacity:0;
    transform:translate3d(-2000px,0,0)
  }
}
@keyframes Toastify__bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(0,3000px,0)
  }
  60% {
    opacity:1;
    transform:translate3d(0,-20px,0)
  }
  75% {
    transform:translate3d(0,10px,0)
  }
  90% {
    transform:translate3d(0,-5px,0)
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform:translate3d(0,-10px,0)
  }
  40%,
  45% {
    opacity:1;
    transform:translate3d(0,20px,0)
  }
  to {
    opacity:0;
    transform:translate3d(0,-2000px,0)
  }
}
@keyframes Toastify__bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
  }
  0% {
    opacity:0;
    transform:translate3d(0,-3000px,0)
  }
  60% {
    opacity:1;
    transform:translate3d(0,25px,0)
  }
  75% {
    transform:translate3d(0,-10px,0)
  }
  90% {
    transform:translate3d(0,5px,0)
  }
  to {
    transform:none
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform:translate3d(0,10px,0)
  }
  40%,
  45% {
    opacity:1;
    transform:translate3d(0,-20px,0)
  }
  to {
    opacity:0;
    transform:translate3d(0,2000px,0)
  }
}
.Toastify__bounce-enter--bottom-left,
.Toastify__bounce-enter--top-left {
  animation-name:Toastify__bounceInLeft
}
.Toastify__bounce-enter--bottom-right,
.Toastify__bounce-enter--top-right {
  animation-name:Toastify__bounceInRight
}
.Toastify__bounce-enter--top-center {
  animation-name:Toastify__bounceInDown
}
.Toastify__bounce-enter--bottom-center {
  animation-name:Toastify__bounceInUp
}
.Toastify__bounce-exit--bottom-left,
.Toastify__bounce-exit--top-left {
  animation-name:Toastify__bounceOutLeft
}
.Toastify__bounce-exit--bottom-right,
.Toastify__bounce-exit--top-right {
  animation-name:Toastify__bounceOutRight
}
.Toastify__bounce-exit--top-center {
  animation-name:Toastify__bounceOutUp
}
.Toastify__bounce-exit--bottom-center {
  animation-name:Toastify__bounceOutDown
}
@keyframes Toastify__zoomIn {
  0% {
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
  50% {
    opacity:1
  }
}
@keyframes Toastify__zoomOut {
  0% {
    opacity:1
  }
  50% {
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
  to {
    opacity:0
  }
}
.Toastify__zoom-enter {
  animation-name:Toastify__zoomIn
}
.Toastify__zoom-exit {
  animation-name:Toastify__zoomOut
}
@keyframes Toastify__flipIn {
  0% {
    animation-timing-function:ease-in;
    opacity:0;
    transform:perspective(400px) rotateX(90deg)
  }
  40% {
    animation-timing-function:ease-in;
    transform:perspective(400px) rotateX(-20deg)
  }
  60% {
    opacity:1;
    transform:perspective(400px) rotateX(10deg)
  }
  80% {
    transform:perspective(400px) rotateX(-5deg)
  }
  to {
    transform:perspective(400px)
  }
}
@keyframes Toastify__flipOut {
  0% {
    transform:perspective(400px)
  }
  30% {
    opacity:1;
    transform:perspective(400px) rotateX(-20deg)
  }
  to {
    opacity:0;
    transform:perspective(400px) rotateX(90deg)
  }
}
.Toastify__flip-enter {
  animation-name:Toastify__flipIn
}
.Toastify__flip-exit {
  animation-name:Toastify__flipOut
}
@keyframes Toastify__slideInRight {
  0% {
    transform:translate3d(110%,0,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideInLeft {
  0% {
    transform:translate3d(-110%,0,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideInUp {
  0% {
    transform:translate3d(0,110%,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideInDown {
  0% {
    transform:translate3d(0,-110%,0);
    visibility:visible
  }
  to {
    transform:translateZ(0)
  }
}
@keyframes Toastify__slideOutRight {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(110%,0,0);
    visibility:hidden
  }
}
@keyframes Toastify__slideOutLeft {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(-110%,0,0);
    visibility:hidden
  }
}
@keyframes Toastify__slideOutDown {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(0,500px,0);
    visibility:hidden
  }
}
@keyframes Toastify__slideOutUp {
  0% {
    transform:translateZ(0)
  }
  to {
    transform:translate3d(0,-500px,0);
    visibility:hidden
  }
}
.Toastify__slide-enter--bottom-left,
.Toastify__slide-enter--top-left {
  animation-name:Toastify__slideInLeft
}
.Toastify__slide-enter--bottom-right,
.Toastify__slide-enter--top-right {
  animation-name:Toastify__slideInRight
}
.Toastify__slide-enter--top-center {
  animation-name:Toastify__slideInDown
}
.Toastify__slide-enter--bottom-center {
  animation-name:Toastify__slideInUp
}
.Toastify__slide-exit--bottom-left,
.Toastify__slide-exit--top-left {
  animation-name:Toastify__slideOutLeft
}
.Toastify__slide-exit--bottom-right,
.Toastify__slide-exit--top-right {
  animation-name:Toastify__slideOutRight
}
.Toastify__slide-exit--top-center {
  animation-name:Toastify__slideOutUp
}
.Toastify__slide-exit--bottom-center {
  animation-name:Toastify__slideOutDown
}
@font-face {
  font-family:Relative;
  font-style:normal;
  font-weight:400;
  src:url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot);
  src:local(""),
  url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot?#iefix) format("embedded-opentype"),
  url(/static/media/relative-book-pro.9a240413f87b54db1f6b.woff2) format("woff2"),
  url(/static/media/relative-book-pro.01c85ca55599f1745630.woff) format("woff"),
  url(/static/media/relative-book-pro.c2a7f8439be52bba860d.ttf) format("truetype")
}
@font-face {
  font-family:Relative;
  src:url(/static/media/roboto-v30-latin-regular.e2f36b803fec4bdcd1bc.eot);
  src:local(""),
  url(/static/media/roboto-v30-latin-regular.e2f36b803fec4bdcd1bc.eot?#iefix) format("embedded-opentype"),
  url(/static/media/roboto-v30-latin-regular.b009a76ad6afe4ebd301.woff2) format("woff2"),
  url(/static/media/roboto-v30-latin-regular.f1e2a76794cb86b2aa8e.woff) format("woff"),
  url(/static/media/roboto-v30-latin-regular.6b1ef4e4ab8eafee13c1.ttf) format("truetype");
  unicode-range:u+30-39
}
@font-face {
  font-family:Relative;
  src:url(/static/media/inter-v12-latin-regular.82f9ad3014f93403bbd1.eot);
  src:local(""),
  url(/static/media/inter-v12-latin-regular.82f9ad3014f93403bbd1.eot?#iefix) format("embedded-opentype"),
  url(/static/media/inter-v12-latin-regular.be7cb18dc7caf47cf7e9.woff2) format("woff2"),
  url(/static/media/inter-v12-latin-regular.817c4274293e221c5076.woff) format("woff"),
  url(/static/media/inter-v12-latin-regular.9ba6f9c489a7031fe88e.ttf) format("truetype");
  unicode-range:u+002c,
  u+002e
}
@font-face {
  font-family:RelativeNumber;
  font-style:normal;
  font-weight:400;
  src:url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot);
  src:local(""),
  url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot?#iefix) format("embedded-opentype"),
  url(/static/media/relative-book-pro.9a240413f87b54db1f6b.woff2) format("woff2"),
  url(/static/media/relative-book-pro.01c85ca55599f1745630.woff) format("woff"),
  url(/static/media/relative-book-pro.c2a7f8439be52bba860d.ttf) format("truetype")
}
.input-form {
  max-width:38.75rem
}
.input-row {
  margin-bottom:1.5rem
}
.input-label {
  color:#fff9;
  display:block;
  font-size:var(--font-base);
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:.8rem
}
.text-input {
  border:1px solid #fff3;
  box-sizing:border-box;
  font-size:var(--font-base);
  width:100%
}
#root,
body,
html {
  background:linear-gradient(180deg,#0c1123,#04050b);
  color:#fff;
  font-size:10px;
  height:100%;
  margin:0;
  padding:0;
  width:100%
}
html {
  height:auto;
  scroll-behavior:smooth
}
#root:before {
  background-repeat:no-repeat;
  background-size:cover;
  content:"";
  inset:0;
  position:fixed;
  z-index:0
}
#root {
  overflow-y:overlay
}
body {
  -webkit-font-smoothing:subpixel-antialiased;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin:0
}
body,
code {
  font-family:Roboto,sans-serif
}
* {
  box-sizing:border-box;
  font-family:Roboto
}
::-webkit-scrollbar {
  height:2px
}
::-webkit-scrollbar,
::-webkit-scrollbar-track {
  background:#1c1c1c;
  width:2px!important
}
::-webkit-scrollbar-thumb {
  background:#383838;
  border:1px solid #212121;
  border-radius:1.5rem;
  width:2px!important
}
:root {
  --dark-blue:#17182c;
  --dark-blue-bg:#16182e;
  --dark-blue-accent:#a0a3c4;
  --dark-blue-hover:#808aff14;
  --dark-blue-border:#ffffff29;
  --dark-blue-active:#818cef33;
  --avax-red:#e84143;
  --arbitrum-blue:#28a0f0;
  --border-radius-sm:0.4rem;
  --error-red:#fa3c58;
  --font-sm:1.4rem;
  --font-base:1.4rem;
  --font-md:1.6rem;
  --font-lg:2.4rem;
  --font-xl:3.4rem
}
a {
  color:#fff
}
.Card-title {
  font-size:3.1rem
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
input[type=number] {
  -moz-appearance:textfield
}
input {
  background:none;
  border:none;
  color:#fff;
  font-size:2rem;
  outline:none;
  overflow:hidden;
  padding:1.25rem;
  text-overflow:ellipsis;
  white-space:nowrap
}
button {
  cursor:pointer;
  outline:none
}
button.App-cta:disabled,
button:disabled {
  background:#93aea8!important;
  box-shadow:none;
  color:#545655!important;
  cursor:not-allowed
}
.theme--light button.App-cta:disabled,
.theme--light button:disabled {
  background:#bcc0bf!important;
  color:#545655!important
}
.movePage button:disabled {
  background:#0000!important
}
table,
tr {
  margin:0;
  padding:0
}
td {
  margin:0;
  padding:0 .465rem 0 0
}
.border {
  border:1px solid #a3a5c433
}
.align-right {
  display:flex;
  justify-content:flex-end;
  text-align:right
}
.muted {
  color:#fff9;
  font-weight:500
}
.muted.Tab-option {
  margin-left:0
}
.strong {
  font-weight:700
}
.clickable {
  cursor:pointer
}
.underline {
  text-decoration:underline
}
.text-none {
  text-transform:none
}
.relative {
  position:relative
}
.margin-bottom {
  margin-bottom:.465rem
}
.transition-arrow {
  margin-top:-.31rem;
  vertical-align:middle
}
.inline-block {
  display:inline-block
}
.text-white {
  color:#fff
}
.label,
.label a {
  color:#fff9
}
ul {
  margin-bottom:0;
  padding-left:2.325rem
}
ul li {
  padding-bottom:1.5rem
}
a.plain {
  text-decoration:none
}
.checkbox:checked:before {
  background-color:green
}
button.bold {
  font-weight:700!important
}
.default-btn {
  align-items:center;
  -webkit-appearance:none;
  appearance:none;
  background:#03f5ae;
  border:none;
  border-radius:8px!important;
  border-radius:8px;
  box-sizing:border-box;
  color:#080715;
  cursor:pointer;
  display:flex;
  display:inline-flex!important;
  font-size:14px;
  font-weight:500;
  height:40px;
  justify-content:center;
  letter-spacing:0;
  line-height:19px;
  min-height:3.6rem;
  padding:8px 12px;
  position:relative;
  text-align:center;
  text-decoration:none
}
.border-btn.full,
.default-btn.full {
  width:100%
}
.default-btn:hover {
  background:#04d397;
  color:#080715!important
}
.default-btn:active {
  background:#00a877;
  border:none;
  box-sizing:border-box;
  overflow:hidden
}
.default-btn:active:after {
  animation:ripple .6s linear;
  background:#fff;
  border-radius:50%;
  height:5.2rem;
  left:calc(50% - 2.6rem);
  opacity:.239;
  position:absolute;
  top:-.8rem;
  transform:scale(0);
  width:5.2rem
}
.default-btn:disabled {
  background:#93aea8!important;
  color:#545655!important;
  cursor:no-drop
}
.theme--light .default-btn:disabled {
  background:#bcc0bf!important;
  color:#545655!important
}
.default-container {
  margin:0 auto;
  max-width:1368px;
  padding-left:24px;
  padding-right:24px
}
.secondary-btn {
  align-items:center;
  background:#03d1cf;
  border:none;
  border-radius:4px;
  box-sizing:border-box;
  color:#000;
  display:inline-flex!important;
  font-size:1.4rem;
  font-size:var(--font-sm);
  font-weight:400;
  letter-spacing:0;
  line-height:2rem;
  min-height:3.6rem;
  padding-left:1.6rem;
  padding-right:1.6rem;
  position:relative;
  text-align:center;
  text-decoration:none
}
.secondary-btn:hover {
  background:#3fdad9
}
.secondary-btn:focus {
  background:#54dedd;
  border:1px solid #1cb5b4fc;
  box-sizing:border-box;
  padding-left:1.5rem;
  padding-right:1.5rem
}
.secondary-btn:active {
  background:#54dedd;
  border:none;
  box-sizing:border-box;
  overflow:hidden;
  padding-left:1.6rem;
  padding-right:1.6rem
}
.secondary-btn:active:after {
  animation:ripple .5s linear;
  background:#fff;
  border-radius:50%;
  content:" ";
  height:5.2rem;
  left:calc(50% - 2.6rem);
  opacity:.239;
  position:absolute;
  top:-.8rem;
  transform:scale(0);
  width:5.2rem
}
.secondary-btn:disabled {
  background:#2d2e3f 0 0 no-repeat padding-box;
  color:#ffffff61
}
@keyframes ripple {
  to {
    opacity:.4;
    transform:scale(2)
  }
}
button.btn-link {
  background:none;
  border:none;
  color:#fff;
  display:block;
  font-size:1.4rem;
  font-size:var(--font-base);
  margin-top:1.5rem;
  padding:0;
  text-align:left
}
.logout-icon {
  font-size:1.7rem;
  margin-left:-.465rem;
  margin-right:.5rem;
  margin-top:-.31rem;
  opacity:.8;
  vertical-align:middle
}
button.btn-link:hover {
  text-decoration:underline
}
button.btn-link:hover .logout-icon {
  opacity:1
}
.page-container {
  padding-top:6.2rem
}
.default-sm-container {
  max-width:108.8rem
}
.mt-0 {
  margin-top:0!important
}
.page-layout {
  display:flex;
  flex-direction:column;
  min-height:calc(100vh - 62px);
  padding-bottom:286px;
  padding-top:64px
}
@media (max-width:767px) {
  .page-layout {
    padding-top:30.5px
  }
}
.d-flex {
  display:flex
}
.justify-space-between {
  justify-content:space-between
}
.flex-wrap {
  flex-wrap:wrap
}
.flex-column {
  flex-direction:column
}
.w-100 {
  width:100%
}
.font-sm {
  font-size:1.4rem;
  font-size:var(--font-sm)
}
.font-base {
  font-size:1.4rem;
  font-size:var(--font-base)
}
.mr-base {
  margin-right:1.5rem
}
.default-cursor.App-cta {
  cursor:default
}
img {
  pointer-events:none
}
.ant-select-dropdown {
  background:#101124;
  width:auto!important
}
.ant-select-item-option-content {
  color:#fff9
}
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
  background-color:#34f5ae
}
.ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content {
  color:#101124;
  font-weight:500!important
}
.downIc {
  transform:rotate(180deg)
}
.ant-select-dropdown.css-dev-only-do-not-override-ixblex.ant-select-dropdown-placement-bottomLeft {
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.ant-select-selector .ant-select-selection-item {
  color:#fff!important
}
.ant-select:not(.ant-select-customize-input) .ant-select-selector {
  background-color:initial!important;
  border-color:#0000
}
.ant-select:not(.ant-select-customize-input).hasBorder .ant-select-selector {
  border-color:#ffffff29!important
}
.validate-error {
  color:#f6475d!important;
  display:block;
  font-size:14px;
  margin:8px 0
}
.WrongNetworkModal .Modal-content {
  max-width:424px
}
.WrongNetworkModal .Modal-title-bar {
  margin:16px 24px
}
.WrongNetworkModal .Modal-title {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:20px;
  font-weight:700;
  line-height:140%
}
.WrongNetworkModal>.Modal-content>.Modal-body {
  padding:16px 24px 24px!important
}
.ant-select-dropdown.theme--light {
  background:#fff!important
}
.ant-select-dropdown.theme--light .ant-select-item.ant-select-item-option.ant-select-item-option-selected {
  background:#0d1a1612!important
}
.ant-select-dropdown.theme--light .ant-select-item.ant-select-item-option.ant-select-item-option-selected .ant-select-item-option-content {
  color:#0d1a16!important;
  font-weight:500!important
}
.ant-select-dropdown.theme--light .ant-select-item.ant-select-item-option:not(.ant-select-item-option-selected):hover {
  background:#02b27f26!important
}
.ant-select-dropdown.theme--light .ant-select-item.ant-select-item-option .ant-select-item-option-content {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
@keyframes pulsate {
  0% {
    opacity:0;
    -webkit-transform:scale(.1)
  }
  50% {
    opacity:1
  }
  to {
    opacity:0;
    -webkit-transform:scale(1.2)
  }
}
.bold {
  font-weight:700!important
}
.bold.white {
  color:#fff
}
.App {
  font-size:var(--font-base);
  min-height:100vh;
  overflow:hidden;
  position:relative
}
.App-header-backdrop {
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:10
}
.App-content header {
  position:relative;
  z-index:800
}
.new-dot-mobile {
  left:55px!important
}
.new-dot {
  background:#03f5ae;
  border-radius:100px;
  height:6px;
  left:8px;
  position:absolute;
  top:14px;
  width:6px
}
.new-dot:before {
  animation:pulsate 1.1s ease-out infinite;
  background:rgba(3,245,174,.702);
  border-radius:50%;
  content:"";
  display:block;
  height:10px;
  left:-2px;
  position:absolute;
  top:-2px;
  width:10px;
  z-index:1
}
.App-header.large {
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  background:#0000 0 0 no-repeat padding-box;
  border-bottom:1px solid hsla(0,0%,100%,.102);
  display:flex;
  height:6.2rem;
  justify-content:space-between;
  padding-left:16px;
  padding-right:16px;
  position:relative
}
.App-header.large:after {
  bottom:-1.3rem;
  content:" ";
  height:1.3rem;
  left:0;
  position:absolute;
  width:100%
}
.App-header.large .App-header-links {
  display:flex
}
.App-header-link-home,
.App-header.small {
  display:none
}
.App-header-drawer {
  -ms-overflow-style:none;
  background:linear-gradient(180deg,#070c36,#010211);
  height:100vh;
  left:0;
  max-width:100%;
  opacity:1;
  overflow-y:auto;
  position:fixed;
  right:0;
  scrollbar-width:none;
  top:0;
  width:30.4rem;
  z-index:801
}
.App-header-drawer::-webkit-scrollbar {
  display:none
}
.App-header-link-container {
  align-items:center;
  display:flex;
  position:relative
}
.App-header-link-container a {
  width:100%
}
.App-header-drawer .App-header-link-container .a,
.App-header-drawer .App-header-link-container a {
  align-items:center;
  color:#fff9!important;
  display:flex;
  font-size:var(--font-sm);
  font-weight:400;
  height:60px;
  letter-spacing:.1px;
  line-height:1.8rem;
  padding:1.5rem 1.6rem;
  text-decoration:none
}
.App-header-drawer .App-header-link-container .a:active,
.App-header-drawer .App-header-link-container .a:focus,
.App-header-drawer .App-header-link-container .a:hover,
.App-header-drawer .App-header-link-container a.active,
.App-header-drawer .App-header-link-container a:focus,
.App-header-drawer .App-header-link-container a:hover {
  background:rgba(48,63,208,.141);
  color:#fff
}
.App-header-links-header {
  height:6.2rem;
  justify-content:space-between;
  margin-left:1.6rem;
  z-index:3
}
.App-header-container-left,
.App-header-links-header {
  align-items:center;
  display:flex
}
.App-header-top {
  display:flex;
  justify-content:space-between;
  position:relative;
  width:100%
}
.App-header-menu-icon-block {
  align-items:center;
  display:flex;
  margin-left:0;
  margin-right:1.2rem
}
.App-header-menu-icon {
  color:#fff;
  cursor:pointer;
  font-size:2rem;
  margin:.9rem 1rem;
  opacity:.7
}
.App-header-menu-icon:hover {
  opacity:.9
}
.App-highlight-box {
  background:linear-gradient(45deg,#500af5,#2b76e0 35%,#079dfa 77%,#02cfcf);
  border-radius:.3rem;
  box-shadow:0 0 .4rem .6rem #2d42fc26
}
.App-card {
  background:#191b2e;
  border-radius:.4rem;
  border-radius:16px!important
}
.App-box,
.App-box-highlight,
.App-box-solid,
.App-card,
.App-card-primary {
  border-radius:16px;
  font-size:var(--font-base);
  position:relative
}
.TokenSelector .Modal {
  padding:12px 16px
}
.TokenSelector .Modal .Modal-content {
  position:relative
}
.TokenSelector .TokenSelector-box {
  font-size:16px;
  font-weight:500;
  line-height:140%
}
.TokenSelector .TokenSelector-box-symbol {
  height:24px;
  margin-right:4px;
  width:24px
}
.TokenSelector:hover .TokenSelector-caret path {
  fill:#02f6af!important
}
.Exchange-swap-max {
  align-items:center;
  display:flex;
  font-size:14px;
  height:24px;
  justify-content:space-between;
  padding-left:8px;
  padding-right:8px;
  top:0
}
.App-card-bottom-placeholder {
  visibility:hidden
}
.App-card-bottom {
  bottom:0;
  left:0;
  padding:1.5rem 1.5rem 1.8rem;
  position:absolute;
  right:0
}
.App-card-bottom .App-card-divider,
.App-card-bottom-placeholder .App-card-divider {
  margin-bottom:1.8rem
}
.App-card-long {
  background:#16182e;
  margin-bottom:2.4rem
}
.App-card-long-content {
  display:flex;
  padding:1.6rem 0
}
.App-card-long_sub {
  padding:0 1.6rem;
  width:20%
}
.App-card-long_sub__info {
  display:flex;
  flex-direction:column;
  justify-content:center;
  margin-left:.8rem
}
.App-card-long_sub__info___title {
  color:#fff;
  font-size:var(--font-md);
  font-weight:400;
  letter-spacing:0;
  line-height:2.1rem
}
.App-card-long_sub__info___subtitle {
  color:#a0a3c4;
  font-size:1.2rem;
  font-weight:400;
  letter-spacing:0;
  line-height:1.5rem
}
.App-card-long-sub-left,
.App-card-long_sub-icon {
  display:flex
}
.App-card-long_sub__iconlist .App-card-long_sub__iconlist___icon {
  margin-left:.8rem
}
.App-card-long_sub__iconlist .App-card-long_sub__iconlist___icon img {
  filter:grayscale(1)
}
.App-card-long_sub__iconlist .App-card-long_sub__iconlist___icon img:hover {
  filter:none
}
.App-card-long_sub__iconlist {
  align-items:center;
  display:flex;
  margin-left:auto
}
.App-card-divider-vertical {
  background:#a0a3c4;
  height:8.8rem;
  width:1px
}
.App-card-long_sub:first-child {
  align-items:center;
  display:flex
}
.App-card-long_sub__title {
  color:#a0a3c4;
  font-size:var(--font-sm);
  font-weight:400;
  letter-spacing:.25px;
  line-height:1.8rem;
  margin-bottom:.8rem
}
.App-card-long_sub__subtitle {
  color:#fff;
  font-size:2rem;
  font-weight:400;
  letter-spacing:.36px;
  line-height:2.6rem
}
.App-card-title-block {
  display:flex;
  justify-content:space-between;
  padding:1.6rem
}
.App-card-title-info-icon {
  display:flex;
  margin-right:.8rem
}
.App-card-title-info {
  align-items:center;
  display:flex
}
.App-card-info-title {
  color:#fff;
  color:#aca4a4;
  font-size:var(--font-md);
  font-size:12px;
  font-weight:400;
  letter-spacing:0;
  line-height:140%
}
.App-card-info-subtitle {
  color:#fff;
  font-size:1.2rem;
  font-size:14px;
  font-weight:400;
  font-weight:500;
  letter-spacing:0;
  line-height:1.5rem;
  line-height:140%
}
.App-card-title-iconlist {
  grid-column-gap:.8rem;
  grid-row-gap:.8rem;
  display:grid;
  grid-template-columns:1fr 1fr 1fr
}
.App-card-title-iconlist___icon img {
  filter:grayscale(1)
}
.App-card-title-iconlist___icon img:hover {
  filter:none
}
.Wallet-btn {
  align-items:center;
  align-self:stretch;
  background:#ffffff0d;
  border:none;
  border-radius:12px;
  color:#fff;
  display:flex;
  font-size:14px;
  font-weight:400;
  gap:12px;
  height:60px;
  line-height:140%;
  padding:12px 16px;
  width:100%
}
.Wallet-btn:hover {
  background:var(--dark-blue-hover);
  border-color:var(--dark-blue-border)
}
.Wallet-btn:active {
  background:var(--dark-blue-active)
}
.Wallet-btn:not(:last-child) {
  margin-bottom:8px
}
.Wallet-btn:last-child {
  margin-bottom:12px
}
.MetaMask-btn img {
  margin-left:.15rem
}
.CoinbaseWallet-btn img,
.MetaMask-btn img,
.WalletConnect-btn img {
  display:inline-block;
  height:36px
}
button.App-connect-wallet {
  background:#03cfcd 0 0 no-repeat padding-box;
  border:none;
  border-radius:.4rem;
  color:#17182c;
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-sm);
  font-weight:500;
  height:3.6rem;
  line-height:2rem;
  padding:.9rem 2.4rem
}
button.App-connect-wallet:hover {
  opacity:1
}
.App-header-trade-link {
  border-radius:12px;
  margin-right:12px
}
.App-header-trade-link a {
  border-radius:8px!important
}
.App-header-user-address {
  align-items:center;
  border:1px solid hsla(0,0%,100%,.102);
  border-radius:.8rem;
  border-radius:8px;
  color:#fff;
  display:inline-flex;
  height:4rem;
  padding:0 6px;
  position:relative
}
.App-header-link-container .App-header-dropdown:hover .show-dropdown-link {
  visibility:visible
}
.App-header-link-container .App-header-dropdown>span {
  position:relative
}
.App-header-link-container .App-header-dropdown>span .show-dropdown-link {
  padding-top:8px;
  position:absolute;
  top:19px;
  visibility:hidden;
  z-index:99999
}
.App-header-link-container .App-header-dropdown>span .menu-items {
  position:static
}
.App-header-link-container .App-header-dropdown>span .menu-items .menu-item.actived .wrap>span:not(.desc) {
  color:#03f5ae
}
.App-header-dropdown {
  align-items:center;
  color:#fff9;
  cursor:pointer;
  display:inline-flex;
  height:100%;
  padding:0 1.7rem;
  position:relative
}
@media screen and (max-width:1400px) {
  .App-header-dropdown {
    padding:0 1.2rem
  }
}
.App-header-dropdown .menu-selected {
  color:#03f5ae!important
}
.App-header-dropdown .menu-selected path {
  fill:#03f5ae!important
}
.App-header-dropdown span {
  font-weight:500;
  line-height:140%;
  top:-1px
}
.App-header-dropdown:hover {
  color:#03f5ae
}
.App-header-dropdown:hover path {
  fill:#03f5ae
}
.App-header-dropdown .menu-items {
  left:0;
  right:auto
}
.App-header-dropdown .menu-items a {
  padding:4px 0
}
.App-header-dropdown img {
  height:16px;
  left:-2px;
  position:relative;
  top:-1px;
  width:16px
}
.App-header-dropdown svg {
  position:relative;
  top:3px
}
.mobile-menu-divider {
  background:#4e516a;
  height:1px
}
.App-card-divider {
  background:#ffffff1a;
  height:1px;
  margin:1.05rem -1.5rem
}
.App-box-solid {
  background:linear-gradient(90deg,#141526,#191b2f)
}
.Page {
  margin:auto;
  max-width:108.5rem;
  padding-top:4.65rem
}
.Page-content {
  padding:1.5rem 4.65rem 4.65rem
}
.section-title-block {
  display:flex;
  margin-bottom:2.325rem;
  max-width:58.4rem;
  width:100%
}
.page-main-content .section-title-block {
  margin-top:6.2rem
}
.section-title-icon {
  align-items:center;
  display:flex
}
.section-title-icon img {
  display:none
}
.section-title-content {
  display:flex;
  flex-direction:column;
  justify-content:flex-end
}
.section-title-content .section-title-content__title {
  color:#fff;
  font-size:var(--font-lg);
  letter-spacing:0;
  line-height:3.1rem
}
.section-title-content .section-title-content__description {
  color:#a0a3c4;
  font-size:1.8rem;
  letter-spacing:0;
  line-height:2.3rem;
  margin-top:.4rem;
  max-width:62rem
}
.section-title-content .section-title-content__description span {
  color:#fff;
  cursor:pointer
}
.Page-title-section {
  margin-top:1.5rem;
  padding-left:4.65rem;
  padding-right:1.5rem;
  position:relative
}
.Page-title-section:first-child {
  margin-top:0
}
.Page-title {
  font-size:var(--font-xl);
  font-weight:500;
  font-weight:700;
  margin-bottom:.8rem
}
.note-purchase {
  color:#fff9;
  flex-direction:column;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:24px;
  margin-top:-22px
}
.Page-description a {
  color:inherit;
  cursor:pointer;
  display:inline-flex;
  text-decoration:underline
}
.Page-description {
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.Page-description,
.Page-description span {
  color:#fff9;
  text-decoration:none!important
}
.Page-description span {
  display:inline-flex
}
.Page-description a img,
.Page-description span img {
  margin-left:.4rem
}
.App-hero {
  margin-bottom:3.1rem;
  padding-top:6.2rem;
  position:relative;
  text-align:center
}
.App-hero-primary {
  font-size:4.65rem;
  font-weight:700;
  margin-bottom:1rem
}
.App-note {
  font-size:var(--font-sm);
  font-weight:700;
  padding:0 3.1rem;
  text-align:center
}
.App-card {
  border-radius:16px;
  font-size:var(--font-base);
  padding:1.5rem 1.5rem 1.86rem
}
.App-card-title {
  align-items:center;
  color:#fff;
  display:flex;
  font-size:14px;
  font-weight:700;
  justify-content:space-between;
  letter-spacing:0;
  line-height:140%;
  margin-bottom:1.5rem
}
.App-card-title-small {
  font-size:var(--font-md);
  margin-bottom:1.5rem
}
.App-card-content {
  grid-row-gap:.8rem;
  display:grid
}
.solid-btn {
  background-color:#20233b;
  border:none!important;
  padding:12px 16px
}
.solid-btn .btn-label {
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-left:8px
}
.solid-btn img {
  height:32px;
  max-height:none;
  max-width:none;
  width:32px
}
.App-card-row {
  grid-column-gap:1.5rem;
  display:grid;
  grid-template-columns:1fr auto;
  padding:initial
}
.App-card-row.inner {
  padding-left:1.5rem
}
.App-card-row .icon {
  margin-left:.31rem;
  position:relative;
  top:2px;
  vertical-align:initial
}
.App-card-row>div:last-child {
  text-align:right
}
.App-card-options {
  margin:-.62rem;
  padding:initial
}
.App-card-option {
  margin:.62rem
}
.App-header .App-header-link-main,
.App-header a.App-header-link-main {
  display:flex;
  font-size:1.7rem;
  margin-left:-1.5rem;
  margin-right:1.2rem;
  padding:1.5rem
}
.App-header-link-main img {
  display:inline-block;
  height:4rem;
  vertical-align:middle
}
.App-header-link-main img.small {
  display:none
}
.App-header .a,
.App-header a {
  cursor:pointer;
  display:inline-block;
  font-weight:500;
  text-decoration:none;
  vertical-align:middle
}
.App-header .a.active,
.App-header a.active {
  border-radius:12px;
  color:#080715;
  opacity:1
}
.App-header .a.active:not(.clickable),
.App-header a.active:not(.clickable) {
  pointer-events:none
}
.App-header .a:hover,
.App-header a:hover {
  color:#03f5ae;
  opacity:1
}
.App-header-container-left .a,
.App-header-container-left a {
  color:#fff9;
  display:block;
  font-size:var(--font-base);
  font-weight:500;
  line-height:140%;
  padding:1.8rem 1.7rem
}
@media screen and (max-width:1400px) {
  .App-header-container-left .a,
  .App-header-container-left a {
    padding:1.8rem 1.2rem
  }
}
.App-header-container-left .a.active,
.App-header-container-left a.active {
  color:#03f5ae
}
.Toastify {
  font-size:var(--font-sm)
}
.Toastify__toast {
  cursor:default;
  min-height:4.65rem
}
.Toastify__toast-body {
  padding:0 .465rem
}
.Toastify-debug {
  font-size:1.24rem;
  margin-top:.465rem;
  opacity:.7
}
.Toastify-debug-button {
  border-bottom:1px dashed;
  cursor:pointer;
  display:inline-block
}
.Toastify-debug-content {
  margin-top:4px;
  max-width:300px;
  overflow-x:auto;
  padding-bottom:8px
}
.App-icon {
  margin-bottom:.465rem;
  vertical-align:middle
}
.App-background-side-1 {
  background:linear-gradient(90deg,#2d42fc0d,#08080a00);
  z-index:1
}
.App-background-side-1,
.App-background-side-2 {
  bottom:0;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:0
}
.App-background-side-2 {
  background:linear-gradient(90deg,#0000,#00d8f003 51%,#00d8f008);
  z-index:2
}
.App-background {
  background:radial-gradient(circle,#500af50d 0,#500af505 36%,#08080a00 100%);
  left:-100%;
  top:-20%;
  z-index:4
}
.App-background,
.App-background-ball-1 {
  bottom:-200%;
  pointer-events:none;
  position:absolute;
  right:0
}
.App-background-ball-1 {
  background:radial-gradient(circle,#6638d90d 0,#38216905 36%,#08080a00 100%);
  left:0;
  top:-50%;
  z-index:3
}
.App-background-ball-2 {
  background:radial-gradient(circle,#0795fa0d 0,#0795fa05 36%,#08080a00 100%);
  bottom:-200%;
  left:-50%;
  pointer-events:none;
  position:absolute;
  right:-150%;
  top:-30%;
  z-index:2
}
.App-highlight {
  bottom:0;
  left:0;
  pointer-events:none;
  position:absolute;
  right:-100%;
  top:-100%;
  z-index:0
}
.App-title {
  font-size:4.65rem;
  font-weight:700;
  margin-bottom:1.5rem;
  margin-top:17vh;
  text-align:center
}
.App-subtitle {
  font-size:1.7rem;
  margin-bottom:7.75rem;
  opacity:.9;
  padding:0 1.5rem;
  text-align:center
}
.App-info-row {
  display:grid;
  font-size:var(--font-sm);
  grid-template-columns:auto auto;
  margin-bottom:.465rem
}
.App-info-label {
  opacity:.7
}
.App-cta {
  border:none;
  border-radius:.3rem;
  cursor:pointer;
  display:inline-block;
  font-size:var(--font-sm);
  padding:1.5rem;
  text-align:center
}
a.App-cta,
button.App-cta {
  background:#03f5ae;
  border-radius:8px;
  color:#080715;
  font-weight:500;
  text-decoration:none
}
.App-cta.small,
a.App-cta:hover {
  padding:.9rem 1.1rem
}
a.App-cta.transparent,
button.App-cta.transparent {
  background:none;
  box-shadow:none;
  color:#ffffffb3;
  opacity:1;
  padding:0
}
a.App-cta.transparent .arrow,
button.App-cta.transparent .arrow {
  position:relative;
  top:0
}
a.App-cta.transparent .max-leverage-container,
button.App-cta.transparent .max-leverage-container {
  align-items:center;
  background:#242743;
  border-radius:12px;
  display:flex;
  gap:8px;
  padding:10px 16px
}
@media screen and (max-width:700px) {
  a.App-cta.transparent .max-leverage-container,
  button.App-cta.transparent .max-leverage-container {
    padding:10px 8px
  }
  a.App-cta.transparent .max-leverage-container .chart-token-selector--current,
  button.App-cta.transparent .max-leverage-container .chart-token-selector--current {
    font-size:14px
  }
}
a.App-cta.transparent .chart-token-selector--current,
button.App-cta.transparent .chart-token-selector--current {
  color:#fff;
  font-size:16px;
  font-weight:500;
  line-height:140%;
  position:relative;
  text-align:left;
  top:1px
}
a.App-cta.transparent .max-lerveage,
button.App-cta.transparent .max-lerveage {
  background:#ffc70033;
  border-radius:4px;
  color:#ffc700;
  font-size:12px;
  font-weight:400;
  height:16px;
  line-height:130%;
  padding:0 4px
}
a.App-cta.transparent:hover,
button.App-cta.transparent:hover:enabled {
  background:none;
  box-shadow:none;
  color:#fff
}
a.App-cta.option,
button.App-cta.option {
  font-size:var(--font-sm);
  padding:.8rem 1.5rem
}
a.App-button-option,
button.App-button-option {
  align-items:center;
  background:#2b375e;
  background:#03f5ae;
  border:none;
  border-radius:8px;
  box-sizing:border-box;
  color:#080715;
  cursor:pointer;
  display:flex;
  font-size:14px;
  font-weight:500;
  justify-content:center;
  letter-spacing:0;
  line-height:140%;
  min-height:36px;
  padding:8px 12px;
  position:relative;
  text-decoration:none
}
a.App-button-option:hover,
button.App-button-option:hover:enabled {
  background:#04d397;
  color:#080715
}
button.App-button-option:disabled {
  cursor:not-allowed
}
.App-header-container-right,
.App-header-user {
  align-items:center;
  display:flex
}
.App-header-user-settings {
  align-items:center;
  background:none;
  border:none;
  border-radius:1.5rem;
  border-radius:.4rem;
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font-size:var(--font-base);
  height:2.4rem;
  justify-content:center;
  padding:0;
  width:2.4rem
}
.App-settings-row {
  font-size:var(--font-base);
  margin-bottom:.8rem
}
.App-settings .App-cta {
  margin-top:1.5rem
}
.App-slippage-tolerance-input-container {
  position:relative
}
.App-slippage-tolerance-input {
  border:1px solid #ffffff1a;
  border-radius:8px;
  margin-bottom:.8rem;
  margin-top:.8rem;
  width:100%
}
.App-slippage-tolerance-input-percent {
  bottom:0;
  position:absolute;
  right:1.1rem;
  text-align:right;
  top:2.325rem;
  width:3.1rem
}
.Network-icon {
  height:1.85rem;
  vertical-align:middle;
  width:1.85rem
}
.App-header-user-netowork {
  margin-right:2.4rem
}
.App-content .videoTag {
  left:0;
  max-height:800px;
  position:absolute;
  right:0;
  top:0;
  width:100%
}
.App-content>video {
  background-color:#000;
  filter:brightness(30%) blur(4px);
  object-fit:cover;
  z-index:1
}
.App-footer {
  bottom:5vh;
  left:0;
  position:fixed;
  right:0;
  text-align:center
}
a.App-social-link {
  color:#fff;
  font-size:2.635rem;
  opacity:.8
}
a.App-social-link:hover {
  opacity:.9
}
.App-input {
  display:inline-block;
  max-width:46.5rem;
  text-align:center;
  width:90%
}
.App-input input {
  width:100%
}
.App-input-top {
  display:grid;
  grid-template-columns:auto auto;
  margin-bottom:.8rem;
  padding-left:.155rem;
  padding-right:.465rem
}
.App-input-label {
  opacity:.9;
  text-align:left
}
.App-input-max {
  cursor:pointer;
  opacity:.9;
  text-align:right
}
.App-input-max:hover {
  opacity:1
}
.App-input-container {
  background:#0000001a;
  border:2px solid #301f82cc;
  display:grid;
  grid-template-columns:1fr auto
}
.App-input-unit {
  font-size:2rem;
  padding:1.25rem;
  text-align:right
}
button.App-button {
  display:inline-block;
  font-size:1.7rem;
  max-width:46.5rem;
  text-align:center;
  width:90%
}
.Toastify__toast--error {
  background:#333957;
  border-radius:.6rem;
  color:#fff
}
.Toastify__toast--success {
  background:#0000 linear-gradient(90deg,#19836c,#177c66) 0 0 no-repeat padding-box;
  border-radius:.4rem;
  box-shadow:0 .3rem .6rem rgba(0,0,0,.361);
  color:#fff
}
.Toastify__close-button {
  align-items:center;
  align-self:flex-start;
  border-radius:.4rem;
  display:inline-flex;
  height:2rem;
  justify-content:center;
  min-width:2.1rem;
  transition:none;
  width:2.1rem
}
.Toastify__close-button:hover {
  background:hsla(0,0%,100%,.278) 0 0 no-repeat padding-box
}
.Toastify__toast-body {
  font:normal normal normal 1.4rem/1.6rem Relative;
  line-height:2rem
}
.dropdown-backdrop {
  -webkit-backdrop-filter:blur(2rem);
  backdrop-filter:blur(2rem);
  bottom:0;
  left:0;
  position:fixed;
  right:0;
  top:0;
  z-index:10
}
@keyframes zoomIn {
  0% {
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
  50% {
    opacity:1
  }
}
.zoomIn {
  animation-name:zoomIn
}
@keyframes zoomOut {
  0% {
    opacity:1
  }
  50% {
    opacity:0;
    transform:scale3d(.3,.3,.3)
  }
  to {
    opacity:0
  }
}
.zoomOut {
  animation-name:zoomOut
}
.positive {
  color:#34f5ae
}
.positive-background {
  background:linear-gradient(45deg,#0a734b,#0c9a64)
}
.negative-background {
  background:linear-gradient(45deg,#731e2b,#ae2b3f)
}
.App-warning,
.App-warning a {
  color:#f037b5!important
}
.App-warning {
  padding:0 3.1rem
}
.App-slider .rc-slider-rail {
  background-color:#101233;
  width:100%
}
.App-slider .rc-slider-track {
  background:#02f6af
}
.App-slider .rc-slider-dot {
  background:#101233;
  border:none;
  border-radius:1px;
  margin-left:-1px;
  width:2px
}
.App-slider .rc-slider-dot-active {
  background:#02f6af
}
.App-slider .rc-slider-handle {
  background:#101234;
  border:2px solid #02f6af
}
.App-slider .rc-slider-handle:active {
  box-shadow:0 0 .4rem .6rem #02f6af33
}
.App-slider .rc-slider-mark-text,
.App-slider .rc-slider-mark-text-active {
  color:#fff;
  opacity:.5
}
.App-slider .rc-slider-mark-text-active:hover,
.App-slider .rc-slider-mark-text:hover {
  opacity:1
}
.rc-slider-tooltip {
  z-index:5
}
.rc-slider-tooltip-inner {
  background:#303652;
  box-shadow:none;
  padding:.465rem .8rem
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  border-top-color:#303652
}
.header-connect-btn {
  background:#3b43e3
}
.header-connect-btn:hover {
  background:#6a70ea
}
.header-connect-btn:focus {
  background:#7a7fec;
  border:1px solid #3b43e3;
  box-sizing:border-box;
  padding-left:1.5rem;
  padding-right:1.5rem
}
.header-connect-btn:active {
  background:#7a7fec
}
.short-connect-btn {
  display:none!important
}
.selector-backdrop {
  -webkit-backdrop-filter:blur(1.7rem);
  backdrop-filter:blur(1.7rem);
  height:100vh;
  opacity:1;
  position:fixed;
  top:0;
  width:100%;
  z-index:2
}
.Tab-title-section {
  margin-bottom:2.4rem;
  padding:3.1rem 0 0
}
.Home-language-menu {
  align-items:center;
  display:flex
}
@media(max-width:1350px) {
  .long-connect-btn {
    display:none!important
  }
  .short-connect-btn {
    display:flex!important
  }
  .App-header-trade-link,
  .App-header-user-netowork {
    margin-right:1.6rem
  }
  button.App-connect-wallet {
    margin-bottom:.465rem;
    margin-top:.465rem
  }
  .App-header-link-home {
    display:block
  }
  .App-cta.small {
    padding:.9rem .8rem
  }
  .App-subtitle {
    margin-bottom:4.65rem
  }
  .App-header-user {
    padding-bottom:0
  }
  .App-header-container-right {
    align-items:center;
    display:flex
  }
  .App-header-link-desktop {
    display:none
  }
  .App-header {
    grid-template-columns:1fr auto auto auto auto
  }
  .App-header.large {
    display:none
  }
  .App-header.small {
    -webkit-backdrop-filter:blur(4px);
    backdrop-filter:blur(4px);
    background:#0000 0 0 no-repeat padding-box;
    border-bottom:1px solid hsla(0,0%,100%,.063);
    display:flex;
    justify-content:space-between;
    padding:12px 16px;
    position:relative
  }
  .App-header.small:after {
    background:#0000 linear-gradient(180deg,rgba(0,0,0,.188),#0000) 0 0 no-repeat padding-box;
    bottom:-1.3rem;
    content:" ";
    height:1.3rem;
    left:0;
    position:absolute;
    width:100%
  }
  .Page-title-section {
    margin-top:3.1rem
  }
  a.App-header-user-account {
    margin-right:0
  }
  .App-card-long-content.card-list {
    grid-template-columns:1fr 1fr
  }
}
@media(max-width:1000px) {
  .App-card-long-content {
    grid-row-gap:1.5rem;
    display:grid;
    grid-template-columns:1fr 1fr 1fr
  }
  .App-card-divider-vertical {
    display:none
  }
  .App-card-long_sub {
    width:100%
  }
}
@media(max-width:700px) {
  .App-card-long-content {
    grid-template-columns:1fr 1fr
  }
}
@media(max-width:600px) {
  .App-card-long-content,
  .App-card-long-content.card-list {
    grid-template-columns:1fr
  }
  .default-container {
    padding-left:16px;
    padding-right:16px
  }
  .App-header-link-main img.big {
    display:none
  }
  .App-header-link-main img.small {
    display:inline-block;
    height:36px
  }
}
@media(max-width:500px) {
  .header-connect-btn {
    margin-right:.4rem
  }
}
@media(max-width:450px) {
  .App-header-trade-link {
    margin-right:.8rem
  }
  .App-header-trade-link a {
    padding:0 .8rem
  }
  .App-header-user-netowork {
    margin-right:.6rem
  }
  .App-header-menu-icon-block {
    margin-left:0;
    margin-right:.4rem
  }
  .mobile-cross-menu {
    margin-right:1.2rem
  }
  .App-header-menu-icon {
    margin:.4rem .5rem
  }
  .Home-faqs-content {
    padding-left:1.5rem
  }
  .header-connect-btn,
  .header-connect-btn:active {
    padding-left:.5rem;
    padding-right:.5rem
  }
  .header-connect-btn:focus {
    padding-left:.4rem;
    padding-right:.4rem
  }
  .App-header .App-header-link-main {
    margin-left:0!important;
    padding:.155rem!important
  }
  .App-header-trade-link.homepage-header {
    margin-right:1.6rem
  }
}
.walletconnect-modal__mobile__toggle a {
  color:#000
}
.walletconnect-modal__base {
  max-height:100%
}
.walletconnect-qrcode__image {
  max-height:50vh
}
* {
  -webkit-tap-highlight-color:rgba(0,0,0,0)
}
@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)) {
  .App-header-drawer {
    background:#0e0f1f
  }
}
.spin {
  animation:spin-animation 1.2s linear infinite
}
@keyframes spin-animation {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
.swap-box-v2 {
  background:#191b2e;
  border-radius:16px;
  margin-bottom:16px;
  padding:16px
}
.box-trade-long {
  background:linear-gradient(180deg,#11231e,#191b2e)
}
.box-trade-swap {
  background:#191b2e
}
.box-trade-short {
  background:linear-gradient(180deg,#2b1516,#191b2e)
}
.exchange-section-first {
  margin-bottom:52px
}
.normalSlider .rc-slider-rail {
  background:#ffffff1a;
  height:1px
}
.normalSlider .rc-slider-step .rc-slider-dot {
  background:#ffffff1a;
  top:-3px
}
.normalSlider .rc-slider-step .rc-slider-dot-active {
  background:#03f5ae
}
.normalSlider .rc-slider-handle {
  top:3px
}
.normalSlider .rc-slider-track {
  height:1px
}
.normalSlider .rc-slider-mark-text {
  opacity:.6
}
.shortSlider .rc-slider-rail {
  background:#ffffff1a;
  height:1px
}
.shortSlider .rc-slider-step .rc-slider-dot {
  background:#ffffff1a;
  top:-3px
}
.shortSlider .rc-slider-step .rc-slider-dot-active {
  background:#f6475d
}
.shortSlider .rc-slider-handle {
  border:2px solid #f6475d;
  top:3px
}
.shortSlider .rc-slider-handle:active {
  box-shadow:0 0 .4rem .6rem #f6020233
}
.shortSlider .rc-slider-track {
  background:#f6475d;
  height:1px
}
.shortSlider .rc-slider-mark-text {
  opacity:.6
}
.square-trade-v2 {
  border-radius:12px;
  margin-top:16px
}
.square-trade-v2 .TokenSelector-box {
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.square-trade-v2 .TokenSelector-caret {
  position:relative;
  top:-1px
}
.Exchange-leverage-box {
  margin-bottom:0
}
.exchange-v2 .Modal-body .Exchange-swap-button-container {
  padding:16px 24px 24px
}
.exchange-v2 .Modal-body .Exchange-swap-button-container button {
  border-radius:8px;
  font-weight:500
}
@media screen and (max-width:767px) {
  .exchange-v2 .Modal-body .Exchange-swap-button-container {
    padding:16px
  }
}
.exchange-v2 .Confirmation-box-row {
  margin-top:0;
  padding:24px
}
.box-trade-v2 .Exchange-swap-order-type-tabs .active {
  color:#03f5ae!important
}
.box-trade-v2 .Exchange-swap-order-type-tabs .Tab-option {
  color:#fff9;
  margin-right:24px;
  padding:0
}
.box-trade-v2 .Exchange-swap-order-type-tabs .Tab-option:last-child {
  margin-right:0
}
.box-trade-short .Exchange-swap-order-type-tabs .active {
  color:#f6475d!important
}
.Exchange-leverage-slider-settings svg {
  border-radius:4px;
  height:16px;
  width:16px
}
.leverage-settings-short .active {
  color:#f6475d!important
}
.new-history table {
  border-radius:12px
}
.new-history .tradeHistory-Header {
  border-top-left-radius:12px;
  border-top-right-radius:12px
}
.PositionsList table {
  border-collapse:initial;
  border-spacing:0 12px;
  margin-top:-35px
}
.PositionsList table .Exchange-list-header {
  position:relative;
  top:11px
}
.PositionsList table .table-content {
  background:#212333;
  height:60px;
  position:relative
}
.PositionsList table .table-content .flag {
  border-radius:0 24px 24px 0;
  height:37px;
  left:0;
  position:absolute;
  top:calc(50% - 18.5px);
  width:4px
}
.PositionsList table .table-content .Exchange-list-info-label {
  position:relative
}
.PositionsList table .table-content td:first-child {
  border-bottom-left-radius:12px;
  border-top-left-radius:12px
}
.PositionsList table .table-content td:last-child {
  border-bottom-right-radius:12px;
  border-top-right-radius:12px
}
.PositionsList .Exchange-list-header th {
  color:#fff9!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:140%!important
}
.border-btn {
  background:none!important;
  border:1px solid #ffffff1a!important;
  border-radius:8px!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:700!important;
  height:40px;
  line-height:140%!important
}
.border-btn:has(a),
.border-btn:is(a) {
  align-items:center;
  display:flex;
  justify-content:center;
  text-decoration:none
}
.border-btn:has(a) a,
.border-btn:is(a) a {
  text-decoration:none
}
.border-btn:not(:disabled):hover,
.border-btn:not(:disabled):hover:enabled {
  border:1px solid #03f5ae!important;
  box-shadow:none!important;
  color:#03f5ae!important
}
.theme--light .border-btn:not(:disabled):hover,
.theme--light .border-btn:not(:disabled):hover:enabled {
  border:1px solid #02b27f!important;
  color:#02b27f!important
}
.theme--light .border-btn:not(:disabled):hover:enabled {
  box-shadow:none!important
}
@media screen and (max-width:700px) {
  .Exchange-list-tab-container {
    display:flex;
    flex-direction:column-reverse;
    margin-top:16px
  }
  .Exchange-list-tab-container .Exchange-should-show-position-lines {
    justify-content:flex-start;
    margin-bottom:8px;
    text-align:left
  }
}
@media screen and (max-width:1350px) {
  .ExchangeChart-top-inner {
    display:flex;
    flex-wrap:wrap;
    gap:0;
    justify-content:space-between
  }
  .ExchangeChart-top-inner .max-lerveage {
    margin-bottom:0
  }
  .ExchangeChart-top-inner div:first-child {
    width:100%
  }
  .ExchangeChart-top-inner .ExchangeChart-title {
    margin-bottom:12px
  }
  .ExchangeChart-top-inner .chart-token-menu-items {
    width:20rem!important
  }
}
@media screen and (max-width:700px) {
  .ExchangeChart-top-inner .chart-token-menu-items {
    width:18rem!important
  }
}
.Exchange-left::-webkit-scrollbar {
  display:none!important
}
@media screen and (max-width:1110px) {
  .Exchange-left .ExchangeChart-bottom {
    top:139px
  }
  .Exchange-list-tab-container {
    display:flex;
    flex-direction:column-reverse
  }
  .Exchange-list-tab-container .Exchange-should-show-position-lines {
    justify-content:flex-start;
    margin-bottom:16px;
    text-align:left
  }
}
.short-btn-default {
  background:#bf3649!important;
  color:#fff!important;
  font-weight:500
}
.short-btn-default:hover {
  background:#d0394d!important;
  box-shadow:0 0 .4rem .6rem #fc2d4c33!important
}
.short-btn-v2 {
  background:#f6475d!important;
  color:#fff!important;
  font-weight:500
}
.short-btn-v2:hover {
  background:#bf3649!important
}
.long-btn-v2 {
  background:#08cd93!important;
  color:#000!important;
  font-weight:500
}
.long-btn-v2:hover {
  background:#04b07c!important
}
@media screen and (max-width:700px) {
  .chart-token-menu-items {
    width:18.3rem
  }
}
.vault-v2 {
  background:#191b2e;
  border-radius:16px
}
.vault-v2 .active {
  color:#03f5ae
}
.table-token-container table {
  border-collapse:initial;
  border-spacing:0 8px;
  width:100%
}
.table-token-container table thead th {
  padding-bottom:0;
  padding-top:0
}
.table-token-container table tbody tr td {
  background:#212333
}
.table-token-container table tbody tr td:first-child {
  border-bottom-left-radius:12px;
  border-top-left-radius:12px
}
.table-token-container table tbody tr td:last-child {
  border-bottom-right-radius:12px;
  border-top-right-radius:12px
}
.table-token-container table tbody tr td .dropdown-arrow {
  position:relative;
  top:2px
}
.PositionSeller-token-selector .PositionSelector-selected-receive-token {
  font-size:14px!important;
  font-weight:400!important
}
.modal-token1 .Modal-content {
  height:-webkit-fit-content!important;
  height:-moz-fit-content!important;
  height:fit-content!important
}
.DashboardV2-token-cards .token-table-wrapper .App-card-title {
  padding-left:9px
}
.tab-option-icon-first {
  margin-left:0!important;
  margin-right:4px!important
}
.tab-option-icon-last {
  margin-left:4px!important;
  margin-right:0!important
}
.tabFontWetght {
  font-weight:500
}
.StakeV2-cards .App-card-title {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
@media screen and (max-width:700px) {
  .address-btn {
    padding-left:6px!important;
    padding-right:6px!important
  }
  .address-btn .user-avatar {
    margin-right:4px
  }
  .address-btn .user-address {
    font-weight:400;
    margin-left:0!important;
    margin-right:4px!important
  }
  .address-btn svg {
    height:12px;
    width:12px
  }
}
.buy-token-info-container {
  display:flex
}
.buy-token-info-container .buy-token-icon {
  height:64px;
  margin-right:16px;
  width:auto
}
.buy-token-info-container .buy-card-info .title-name {
  font-size:24px;
  font-weight:700;
  line-height:140%;
  margin-bottom:8px
}
.buy-token-info-container .buy-card-info .buy-desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:8px
}
.buy-token-info-container .buy-card-info .buy-apr {
  color:#fff9
}
.buy-token-info-container .buy-card-info .apr-percent {
  color:#03f5ae
}
@media screen and (max-width:1000px) {
  .tradeHistory-Header {
    display:none!important
  }
}
.no-emty-order {
  background:none!important
}
.no-position .no-position-card {
  background:none!important;
  margin-left:-11px;
  margin-right:-11px
}
.no-array-length {
  margin-top:-22px!important
}
.no-array-length .App-card {
  margin-bottom:0!important
}
.no-trade-history {
  margin-top:10px
}
.details-position-container {
  background:none!important;
  border:none!important;
  border-collapse:initial!important;
  border-spacing:0 8px!important
}
.details-position-container .table-head>th {
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9);
  font-size:12px;
  font-weight:400!important;
  line-height:140%;
  padding:0 16px!important
}
.details-position-container .row-item-body {
  height:56px
}
.details-position-container .row-item-body>td {
  padding:12px 16px
}
.details-position-container .row-item-body>td:last-child {
  height:56px
}
.account-trade-history {
  background:none!important;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px
}
.mmy-card-icons {
  width:32px
}
.no-data-card {
  background:none!important
}
.GlpSwap-token-list .token-table {
  border-collapse:initial;
  border-spacing:0 8px
}
.GlpSwap-token-list .token-table tbody tr td {
  background:#212333
}
.GlpSwap-token-list .token-table tbody tr td:first-child {
  border-bottom-left-radius:12px;
  border-top-left-radius:12px
}
.GlpSwap-token-list .token-table tbody tr td:last-child {
  border-bottom-right-radius:12px;
  border-top-right-radius:12px
}
.GlpSwap-token-list .token-table thead th {
  color:#ffffffb3;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  padding-bottom:0;
  padding-top:10px
}
.referral-tab-container .Tab {
  background:#191b2e;
  border-radius:16px;
  height:52px;
  padding:4px
}
.referral-tab-container .Tab .Tab-option {
  align-items:center;
  display:flex;
  justify-content:center;
  padding:12px 36px
}
.app-card-position {
  position:relative
}
.app-card-position .leverage-pad {
  display:flex;
  gap:4px;
  position:absolute;
  right:0;
  top:-43px
}
.app-card-position .leverage-pad .tab-leveage {
  align-items:center;
  background:#ffc70033;
  border-radius:4px;
  color:#ffc700;
  display:flex;
  font-size:12px;
  font-weight:400;
  height:16px;
  justify-content:center;
  line-height:130%;
  padding:0 4px
}
.App-content .Tooltip .Tooltip-popup {
  background:#272c49!important;
  border-radius:8px!important;
  color:#fff9!important
}
.App-content .Tooltip .Tooltip-popup .Tooltip-row-value {
  color:#fff!important;
  font-weight:700!important
}
.App-content .Tooltip .Tooltip-popup .Tooltip-row-values li {
  color:#fff!important;
  font-weight:700!important;
  text-align:right!important
}
.App-content .Tooltip.fit-content .Tooltip-popup {
  min-width:0;
  min-width:auto;
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.App-content .Tooltip.fit-content .Tooltip-popup>div {
  text-wrap:nowrap
}
.App-content .Tooltip:not(.excep) .Tooltip-popup {
  width:350px
}
.App-content .Tooltip:not(.excep) .Tooltip-popup div:last-child {
  color:#fff9!important;
  font-weight:400
}
@media screen and (max-width:700px) {
  .App-content .Tooltip:not(.excep) .Tooltip-popup {
    width:310px
  }
  .BuyGMXGLP-container .token-price .Tooltip-popup {
    max-width:230px!important
  }
}
.Modal-content {
  background:#20233b;
  border-radius:16px!important;
  overflow-y:hidden!important
}
.Modal-content .Exchange-swap-section {
  background:#11121b!important
}
.Modal-content .Modal-body {
  padding:24px!important
}
.Modal-content .CompoundModal-menu {
  margin-bottom:24px
}
.Modal-content .CompoundModal-menu div {
  margin-top:12px
}
.Modal-content .CompoundModal-menu div .Checkbox-label {
  font-size:14px
}
.Modal-content .CompoundModal-menu div:first-child {
  margin-top:0
}
.Modal-content .Exchange-swap-button-container button {
  align-items:center;
  border-radius:8px!important;
  display:flex;
  height:40px!important;
  justify-content:center
}
.skeleton-box {
  background-color:#ffffff0d;
  border-radius:4px;
  color:#0000!important;
  display:inline-block;
  height:1em;
  overflow:hidden;
  position:relative;
  width:100%
}
.skeleton-box>* {
  display:none
}
.skeleton-box:after {
  animation:shimmer 2s infinite;
  background-image:linear-gradient(90deg,#fff0,#ffffff0d 20%,#ffffff1a 60%,#fff0);
  content:"";
  inset:0;
  position:absolute;
  transform:translateX(-100%)
}
@keyframes shimmer {
  to {
    transform:translateX(100%)
  }
}
@media screen and (max-width:600px) {
  .DashboardV2 .stats-info .Tooltip-popup,
  .DashboardV2 .stats-value .Tooltip-popup,
  .DashboardV2 .token-price .Tooltip-popup {
    left:-50px;
    right:auto;
    width:300px
  }
}
@media screen and (max-width:900px) {
  .DashboardV2 .token-price .Tooltip-popup {
    left:0;
    right:auto;
    width:300px
  }
}
.PositionEditor .Modal-body,
.PositionSeller-modal .Modal-body {
  padding:24px 7px 0 0!important
}
.PositionEditor .muted {
  font-weight:400!important;
  line-height:16.8px!important
}
.PositionEditor .Tab {
  background:#0000!important;
  border:1px solid #ffffff1a;
  border-radius:12px!important
}
.PositionEditor .Tab .active {
  background:#ffffff1a!important
}
.br-mobile {
  display:none
}
@media screen and (max-width:700px) {
  .br-mobile {
    display:inline
  }
  .mobile-token-card .asset-menu-items {
    transform:translate(-90%,5px)
  }
}
.Confirmation-box .Tooltip .Tooltip-popup {
  width:300px
}
@media screen and (min-width:1110px) {
  .PositionsList .Tooltip .Tooltip-popup {
    min-width:350px!important;
    width:-webkit-fit-content!important;
    width:-moz-fit-content!important;
    width:fit-content!important
  }
}
.value-apr-container {
  display:flex;
  flex-direction:column;
  gap:8px
}
.nft-notavailable-outside {
  min-height:30vh
}
@media screen and (max-width:700px) {
  .nft-notavailable-outside {
    min-height:15vh
  }
}
.nft-notavailable {
  align-items:center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:100%
}
.nft-notavailable .title {
  font-size:20px!important;
  font-weight:600!important;
  margin-bottom:16px!important
}
@media screen and (max-width:700px) {
  .nft-notavailable .title {
    font-size:14px!important
  }
}
.nft-notavailable .button-group {
  display:flex;
  gap:12px
}
@media screen and (max-width:700px) {
  .nft-notavailable .button-group {
    flex-direction:column;
    width:100%
  }
  .nft-notavailable .button-group button {
    width:100%!important
  }
}
.Modal.Connect-wallet-modal-v2 {
  z-index:8888!important
}
.Modal.Connect-wallet-modal-v2 .Modal-title-bar {
  margin:24px
}
.Modal.Connect-wallet-modal-v2 .Modal-content {
  background-color:#20233b;
  border-radius:16px!important;
  max-width:360px
}
.Modal.Connect-wallet-modal-v2 .Modal-content .Modal-body {
  border:none;
  padding:0 24px 24px!important
}
.Modal.Connect-wallet-modal-v2 .Modal-content .Modal-body .wallet-desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-bottom:12px
}
.Modal.Connect-wallet-modal-v2 .Modal-content .Modal-body .learn-to-connect {
  align-items:center;
  color:#03f5ae;
  display:flex;
  font-size:14px;
  font-weight:400;
  justify-content:center;
  line-height:140%;
  text-decoration:none
}
.wcm-overlay.wcm-active {
  z-index:999!important
}
.nft-tool-tip .Tooltip-popup {
  min-width:0!important;
  min-width:auto!important;
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.nft-tool-tip .Tooltip-popup .nft-line {
  color:#fff!important;
  display:flex!important;
  opacity:1!important;
  white-space:nowrap!important
}
.ant-tooltip-inner {
  background:#272c49!important;
  background:var(--background-pop-over-trade-background,#272c49)!important
}
.ant-tooltip-arrow {
  display:none!important
}
.Collateral-Modal .Modal-title-bar {
  padding:16px 24px
}
.Collateral-Modal .Modal-title-bar .Modal-title {
  color:#fff;
  font-size:20px;
  font-weight:700;
  line-height:140%;
  text-align:left
}
.Collateral-Modal .Modal-content {
  max-width:424px
}
.Collateral-Modal .Modal-body {
  padding:16px 24px 24px!important
}
.Collateral-Modal .Modal-description {
  font-size:14px
}
.Collateral-Modal .Exchange-swap-section--v2 {
  background:#0009;
  border-radius:12px;
  margin-bottom:16px;
  margin-top:16px;
  padding:12px
}
.Collateral-Modal .PositionEditor-token-symbol {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:140%;
  text-align:right
}
.Collateral-Modal .Exchange-swap-button-container {
  padding:0
}
.Collateral-Modal .Exchange-swap-button-container>button {
  width:100%
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topRight {
  padding-bottom:0!important
}
.green-value {
  color:#03f5ae!important
}
.negative,
.negative .Tooltip-handle,
.red-value {
  color:#f6475d!important
}
.positive,
.positive .Tooltip-handle {
  color:#03f5ae!important
}
.network-dropdown-items {
  width:258px!important
}
.menu-item-active {
  background:#ffffff1a!important;
  background:var(--white-10,#ffffff1a)!important
}
.Modal-body .network-dropdown-items {
  width:100%!important
}
.App-header-container-left .menu-items {
  min-width:338px!important;
  padding:8px;
  width:338px!important
}
.App-header-container-left .menu-items .menu-item {
  padding:12px
}
.App-header-container-left .menu-items .menu-item:hover {
  background:#191b2e;
  background:var(--v-3-natural-1,#191b2e)
}
.App-header-container-left .menu-items .menu-item .inner:has(.tag-v2) {
  align-items:center;
  display:flex;
  gap:4px
}
.App-header-container-left .menu-items .menu-item .inner:has(.tag-v2) .tag-v2 {
  align-items:center;
  border:1px solid #f0b90b;
  border:1px solid var(--L3,#f0b90b);
  border-radius:4px;
  border-radius:var(--Border_radius,4px);
  color:#f0b90b;
  display:flex;
  font-size:10px;
  font-weight:800;
  gap:10px;
  justify-content:center;
  line-height:100%;
  padding:2px 4px;
  padding:2px var(--Border_radius,4px);
  text-align:center;
  text-transform:capitalize
}
.App-header-container-left .menu-items .menu-item a {
  align-items:center;
  display:flex;
  gap:12px;
  padding:0
}
.App-header-container-left .menu-items .menu-item img {
  align-items:flex-start;
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a);
  border-radius:12px;
  border-radius:var(--base-unit-s-12,12px);
  display:flex;
  gap:10px;
  height:40px;
  padding:8px;
  padding:var(--base-unit-xs-8,8px);
  width:40px
}
.App-header-container-left .menu-items .menu-item .wrap {
  align-items:flex-start;
  display:flex;
  flex-direction:column
}
.App-header-container-left .menu-items .menu-item>:not(.desc) {
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.App-header-container-left .menu-items .menu-item .desc {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.App-header-balance-container .network-dropdown-seperator {
  height:20px
}
.network-account-container {
  align-items:center;
  border:1px solid #ffffff1a;
  border-radius:8px;
  display:flex;
  margin-left:8px
}
.network-account-container .App-header-network {
  border:none;
  margin-left:0
}
.network-account-container .App-header-network .network-dropdown,
.network-account-container .App-header-network .network-dropdown>button {
  height:100%
}
.network-account-container .App-header-user-address {
  border:none;
  margin:0!important
}
.network-account-container .network-dropdown-seperator {
  height:20px
}
.App-header-user-address .menu-item {
  color:#fff
}
.wrong-modal .Modal-content {
  margin-left:16px;
  margin-right:16px;
  max-width:424px;
  width:100%
}
.App-header-user-address .menu-item img,
.App-header-user-address .menu-item-icon img,
.network-dropdown-list .menu-item img,
.network-dropdown-list .menu-item-icon img {
  height:24px;
  width:24px
}
.network-dropdown-items .menu-item-icon {
  width:24px
}
.network-dropdown-items img {
  height:24px;
  width:24px
}
.no-array-length-position {
  margin-top:-11px!important
}
.no-array-length-history {
  margin-top:10px!important
}
.App-header-link-container .App-header-dropdown {
  align-items:center;
  display:flex
}
.App-header-link-container .App-header-dropdown>div {
  align-items:center;
  display:flex;
  min-height:100%
}
.network-dropdown .network-dropdown-icon {
  height:24px;
  width:24px
}
.custom-tooltip {
  background-color:#272c49;
  border-radius:8px;
  display:flex;
  flex-direction:column;
  font-size:var(--font-sm);
  gap:4px;
  line-height:140%;
  padding:16px;
  text-align:left
}
.custom-tooltip .data-row,
.custom-tooltip .date {
  align-items:center;
  display:flex;
  gap:4px
}
.custom-tooltip .label {
  color:#fff;
  font-weight:500
}
.csv-link,
.csv-link:hover {
  transition:scale .3s
}
.csv-link:hover {
  cursor:pointer;
  scale:1.2
}
.react-dropdown-select-dropdown {
  background:#11121b;
  border:1px solid #11121b
}
.react-dropdown-select-dropdown .rdrDayEndPreview,
.react-dropdown-select-dropdown .rdrDayStartPreview {
  border:1px solid #02b27f
}
.react-dropdown-select-dropdown .rdrDayInPreview {
  border:1px solid #02b27f;
  border-left:none;
  border-right:none
}
@media screen and (max-width:767px) {
  .react-dropdown-select-dropdown {
    right:-165px!important
  }
}
.recharts-layer text {
  fill:#fff
}
.ant-select {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  border-radius:4px
}
.App-header-dropdown:hover .arrow-icon-tab-header path {
  fill:#00b17c!important
}
.theme--light .default-btn {
  background:#02b27f;
  background:var(--Primary,#02b27f);
  color:#fff!important
}
.theme--light .default-btn>span {
  color:#fff!important
}
.theme--light .default-btn:not(:disabled):active,
.theme--light .default-btn:not(:disabled):hover {
  background:#03805b!important
}
.theme--light .TokenSelector:hover .TokenSelector-caret path {
  fill:#02b27f!important
}
@media screen and (max-width:900px) {
  .PositionSeller-receive-row .Modal-body {
    padding-left:16px!important;
    padding-right:16px!important
  }
  .PositionSeller-receive-row .Modal-content {
    padding-bottom:16px!important
  }
}
@media screen and (max-width:700px) {
  .TokenSelector .Modal .Modal-content {
    width:calc(100vw - 32px)!important
  }
  .earn-content-container .right-content-border-box .box-token-info .Tooltip-popup {
    width:262px!important
  }
}
.modal-mint .PositionDropdown-dots-icon img {
  top:13.5px!important
}
.Toastify__toast-container {
  width:308px!important;
  z-index:9999999999
}
@media screen and (max-width:767px) {
  .Toastify__toast-container {
    width:100%!important
  }
}
.Toastify__toast {
  border-radius:12px;
  padding:16px
}
.Toastify__toast-body {
  align-items:start;
  padding:0!important
}
.Toastify__close-button path {
  fill:#fff9
}
.Toastify__toast--info {
  background:linear-gradient(90deg,#0a2462,#010610)
}
.Toastify__toast--success {
  background:linear-gradient(90deg,#043e30,#010d0a)
}
.Toastify__toast--warning {
  background:linear-gradient(90deg,#3e2e04,#120d01)
}
.Toastify__toast--error {
  background:linear-gradient(90deg,#340906,#0e0202)
}
.Toastify__progress-bar--info {
  background:#366ae2
}
.Toastify__progress-bar--success {
  background:#03f5ae
}
.Toastify__progress-bar--warning {
  background:#ffb200
}
.Toastify__progress-bar--error {
  background:#f6475d
}
.toastify-container {
  align-items:start;
  display:flex;
  gap:8px
}
.toastify-container .toastify-group {
  display:flex;
  flex-direction:column;
  gap:4px
}
.toastify-container span {
  color:#fff;
  font-size:14px;
  font-weight:400;
  line-height:20px
}
.toastify-container .status-icon-wrapper {
  height:20px;
  padding:0!important;
  width:20px
}
.toastify-container .status-icon-wrapper.success path {
  fill:#03f5ae
}
.toastify-container .status-icon-wrapper.error path {
  fill:#f6475d
}
.toastify-container .status-icon-wrapper.info path {
  fill:#366ae2
}
.toastify-container .status-icon-wrapper.warn path {
  fill:#ffb200
}
.toastify-container .link-underline {
  text-decoration:none!important
}
.toastify-container .toastify-content-wrapper {
  color:#fff9
}
.toastify-container .toastify-content-wrapper a {
  color:#03f5ae
}
.toastify-container .toastify-content-wrapper a span {
  color:#03f5ae;
  font-weight:400!important
}
.toastify-container .toastify-content-wrapper a:hover,
.toastify-container .toastify-content-wrapper a:hover span {
  color:#67f3c9
}
.toastify-container .toastify-content-wrapper .connect-error-wrapper .connect-error-content {
  color:#fff9
}
.toastify-container .toastify-content-wrapper .connect-error-wrapper .connect-error-switch {
  color:#03f5ae;
  font-size:14px;
  font-weight:400;
  line-height:20px
}
.toastify-container .toastify-content-wrapper .connect-error-wrapper .connect-error-switch:hover {
  color:#67f3c9;
  cursor:pointer
}
.redeem-value-box {
  background:#11121b
}
.redeem-value-box .Exchange-swap-section-top {
  padding-bottom:16px
}
.redeem-value-box .Exchange-swap-section-bottom {
  padding-bottom:0
}
.redeem-value-box .Modal-content {
  min-width:400px
}
@media screen and (max-width:700px) {
  .redeem-value-box .Modal-content {
    min-width:0;
    min-width:auto
  }
}
.set-colateral .Modal-content {
  min-width:400px
}
@media screen and (max-width:700px) {
  .set-colateral .Modal-content {
    min-width:0;
    min-width:auto
  }
}
@media screen and (min-width:1110px) {
  .TokenSelector {
    min-width:0;
    min-width:auto
  }
  .TokenSelector .Modal-content {
    height:100%
  }
}
@media screen and (max-width:991px) {
  .TokenSelector .Modal-content {
    padding-bottom:24px
  }
  .TokenSelector .Modal-body {
    padding-bottom:0!important
  }
}
.Collateral-modal-deposit .Tooltip-popup {
  min-width:300px!important
}
.App-settings .Modal-content {
  max-width:424px
}
.App-settings .Modal-content .Modal-body {
  padding:16px 24px 24px!important
}
.settings-row-container {
  display:flex;
  flex-direction:column;
  font-size:14px;
  gap:8px
}
.settings-row-container .setting-title {
  font-weight:700;
  line-height:140%
}
.settings-row-container .allowed-slippage {
  align-items:center;
  display:flex;
  gap:8px
}
.settings-row-container .allowed-slippage .slippage-tab {
  align-items:center;
  background:none;
  border:1px solid #ffffff1a;
  border-radius:8px;
  border-radius:var(--Base-Unit-XS-8,8px);
  cursor:pointer;
  display:flex;
  font-weight:500;
  height:40px;
  justify-content:center;
  width:56px
}
@media screen and (max-width:700px) {
  .settings-row-container .allowed-slippage .slippage-tab {
    width:45px
  }
}
.settings-row-container .allowed-slippage .slippage-tab:hover {
  background:rgba(128,138,255,.078)
}
.settings-row-container .allowed-slippage .slippage-tab:disabled {
  cursor:no-drop
}
.settings-row-container .allowed-slippage .slippage-tab--active {
  background:#03f5ae!important;
  color:#000
}
.settings-row-container .allowed-slippage .slippage-tab--active:hover {
  background:#2bf8bb!important
}
.settings-row-container .App-slippage-tolerance-input-container {
  flex:1 1
}
.settings-row-container .App-slippage-tolerance-input-container input {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  height:40px;
  line-height:140%;
  margin:0!important
}
.settings-row-container .App-slippage-tolerance-input-container input::placeholder {
  font-weight:500
}
.settings-row-container .App-slippage-tolerance-input-container input:focus {
  border:1px solid #03f5ae
}
.settings-row-container .App-slippage-tolerance-input-container .App-slippage-tolerance-input-percent {
  top:12px
}
.settings-row-container .Checkbox-label {
  font-size:14px!important
}
.settings-row-container .liquidity-source-container {
  align-items:flex-start;
  background:#191b2e;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px
}
.settings-row-container .liquidity-source-container .liquidity-source-list {
  display:flex;
  flex-direction:column;
  gap:12px;
  max-height:132px;
  overflow-y:auto;
  width:100%
}
.settings-row-container .liquidity-source-container .liquidity-source-list::-webkit-scrollbar {
  width:8px!important
}
.settings-row-container .liquidity-source-container .liquidity-source-list::-webkit-scrollbar-track {
  background:#272727;
  border-radius:100px;
  width:8px
}
.settings-row-container .liquidity-source-container .liquidity-source-list::-webkit-scrollbar-thumb {
  background:#fff9;
  border-radius:100px;
  width:6px
}
.settings-row-container .liquidity-source-container .liquidity-source-list .dex-container {
  align-items:center;
  display:flex;
  gap:8px
}
.settings-row-container .liquidity-source-container .liquidity-source-list .dex-container .token-img {
  height:24px;
  width:24px
}
.settings-row-container .liquidity-source-container .liquidity-source-list .dex-container .name {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.settings-row-container .liquidity-source-container .border-btn {
  width:100%
}
.theme--light .liquidity-source-container {
  background:#264d4112!important
}
.theme--light .slippage-tab {
  border:1px solid #0d1a1612!important
}
.theme--light .settings-row-container .allowed-slippage .slippage-tab--active {
  background:#02b27f!important;
  border:none!important;
  box-shadow:none!important;
  color:#fff!important
}
.theme--light .App-slippage-tolerance-input-container input:focus {
  border:1px solid #02b27f
}
.rpc-select-container {
  bottom:0;
  left:0;
  position:fixed;
  width:100vw;
  z-index:100
}
.rpc-select-container .rpc-options {
  align-items:flex-start;
  background:#20233b;
  background:var(--Background-Modal_Background,#20233b);
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  left:100px;
  padding:16px;
  position:relative;
  width:350px
}
@media screen and (max-width:600px) {
  .rpc-select-container .rpc-options {
    left:16px
  }
}
@media screen and (max-width:500px) {
  .rpc-select-container .rpc-options {
    left:16px;
    width:calc(100vw - 32px)
  }
}
.rpc-select-container .rpc-options .title {
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.rpc-select-container .rpc-options .rpc-items {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%
}
.rpc-select-container .rpc-options .rpc-items .rpc-item {
  align-items:center;
  display:flex;
  justify-content:space-between;
  width:100%
}
.rpc-select-container .rpc-options .rpc-items .rpc-item .checkbox {
  cursor:pointer
}
.rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-info,
.rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-latency {
  align-items:center;
  color:#fff;
  display:flex;
  font-weight:400!important;
  gap:4px
}
.rpc-select-container .rpc-options .rpc-items .rpc-item .muted {
  color:#fff9
}
.rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-info {
  cursor:pointer;
  gap:8px
}
.rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-info .title {
  color:#fff;
  font-weight:400
}
.rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-info .muted {
  color:#fff9
}
.rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-info:hover .title {
  color:#fff!important;
  font-weight:400
}
.rpc-select-container .rpc-options .rpc-items .custom-rpc {
  align-items:center;
  background:#11121b;
  background:var(--Background-Input_Background,#11121b);
  border-radius:12px;
  display:flex;
  gap:8px;
  height:44px;
  justify-content:space-between;
  padding:12px;
  width:100%
}
.rpc-select-container .rpc-options .rpc-items .custom-rpc .btn-save {
  color:#03f5ae;
  cursor:pointer;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.rpc-select-container .rpc-options .rpc-items .custom-rpc .btn-save:hover {
  color:#78f7d1
}
.rpc-select-container .rpc-options .rpc-items .custom-rpc .btn-save-disabled {
  color:#fff9!important;
  cursor:no-drop!important
}
.rpc-select-container .rpc-options .rpc-items .custom-rpc .btn-save-disabled:hover {
  color:#fff9!important
}
.rpc-select-container .rpc-options .rpc-items .custom-rpc input {
  color:#fff;
  flex:1 1;
  font-size:14px!important;
  padding:0!important
}
.rpc-select-container .rpc-options .rpc-items .custom-rpc input::placeholder {
  color:#fff9;
  font-size:14px!important
}
.rpc-select-container .rpc-info-container {
  align-items:center;
  background:#000;
  border-top:1px solid #ffffff1a;
  border-top:1px solid var(--Border,#ffffff1a);
  display:flex;
  gap:12px;
  height:25px;
  padding:0 16px
}
.rpc-select-container .rpc-info-container .stroke {
  background:#ffffff1a;
  height:17px;
  width:1px
}
.rpc-select-container .rpc-info-container .oparation-status {
  align-items:center;
  display:flex;
  gap:4px
}
.rpc-select-container .rpc-info-container .oparation-status .status {
  background:#03f5ae;
  border-radius:8px;
  height:8px;
  width:8px
}
.rpc-select-container .rpc-info-container .oparation-status .title {
  color:#fff9;
  font-size:12px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.rpc-select-container .rpc-info-container .rpc-status-container {
  align-items:center;
  cursor:pointer;
  display:flex;
  gap:4px
}
.rpc-select-container .rpc-info-container .rpc-status-container .rpc-info {
  color:#fff9;
  font-size:12px;
  position:relative;
  top:2px
}
.rpc-select-container .rpc-info-container .rpc-status-container .rpc-info .rpc-status {
  font-size:12px
}
.rpc-select-container .rpc-info-container .rpc-status-container .rpc-info .rpc-status-high {
  color:#03f5ae!important
}
.rpc-select-container .rpc-info-container .rpc-status-container .rpc-info .rpc-status-medium {
  color:#d69003!important
}
.rpc-select-container .rpc-info-container .rpc-status-container .rpc-info .rpc-status-low {
  color:#f6475d!important
}
.rpc-select-container .rpc-info-container .rpc-status-container:hover .rpc-info {
  color:#fff
}
.theme--light .rpc-info-container {
  background:#fff!important;
  border-top:1px solid #0d1a1612!important;
  border-top:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .oparation-status .status {
  background:#02b27f!important
}
.theme--light .oparation-status .title {
  color:#0d1a16b3!important
}
.theme--light .stroke {
  background:#0d1a1612!important
}
.theme--light .rpc-select-container .rpc-info-container .rpc-status-container .rpc-info .rpc-status-high {
  color:#02b27f!important
}
.theme--light .rpc-select-container .rpc-info-container .rpc-status-container .rpc-info .rpc-status-medium {
  color:#d69003!important
}
.theme--light .rpc-select-container .rpc-info-container .rpc-status-container .rpc-info .rpc-status-low {
  color:#d62f44!important
}
.theme--light .rpc-status-container .rpc-info {
  color:#0d1a16b3!important
}
.theme--light .rpc-status-container .rpc-info:hover {
  color:#0d1a16!important
}
.theme--light .rpc-options {
  background:#fff!important;
  background:var(--Nature-1,#fff)!important;
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  box-shadow:0 0 12px 0 #00000012!important
}
.theme--light .rpc-options .rpc-items .rpc-item .rpc-item-latency,
.theme--light .rpc-options .title {
  color:#0d1a16
}
.theme--light .custom-rpc {
  background:#264d4112!important;
  background:var(--Background-Input_Background,#264d4112)!important
}
.theme--light .custom-rpc input {
  color:#0d1a16!important
}
.theme--light .custom-rpc input::placeholder {
  color:#0d1a16b3!important;
  opacity:1!important
}
.theme--light .custom-rpc .btn-save,
.theme--light .rpc-select-container .rpc-options .rpc-items .custom-rpc .btn-save {
  color:#02b27f!important
}
.theme--light .rpc-select-container .rpc-options .rpc-items .custom-rpc .btn-save-disabled {
  color:#0d1a16b3!important
}
.theme--light .rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-info:hover .title {
  color:#0d1a16!important
}
.theme--light .rpc-select-container .rpc-options .rpc-items .rpc-item .rpc-item-info .title {
  color:#0d1a16
}
body:has(.App.theme--light)::-webkit-scrollbar {
  background:rgba(0,0,0,.102)
}
body:has(.App.theme--light)::-webkit-scrollbar-track {
  background:rgba(0,0,0,.102)
}
body:has(.App.theme--light)::-webkit-scrollbar-thumb {
  background:#0009;
  border:1px solid #0009
}
body:has(.App.theme--light) ::-webkit-scrollbar {
  background:rgba(0,0,0,.102)
}
body:has(.App.theme--light) ::-webkit-scrollbar-track {
  background:rgba(0,0,0,.102)
}
body:has(.App.theme--light) ::-webkit-scrollbar-thumb {
  background:#0009;
  border:1px solid #0009
}
body:has(.App.theme--light) .cricle-chart-cell {
  background-color:#fff
}
body:has(.App.theme--light) .recharts-text.recharts-label tspan {
  fill:#0009
}
body:has(.App.theme--light) .toastify-container span {
  color:#000
}
body:has(.App.theme--light) .toastify-container .status-icon-wrapper.success path {
  fill:#02b27f
}
body:has(.App.theme--light) .toastify-container .status-icon-wrapper.error path {
  fill:#d62f44
}
body:has(.App.theme--light) .toastify-container .status-icon-wrapper.info path {
  fill:#366ae2
}
body:has(.App.theme--light) .toastify-container .status-icon-wrapper.warn path {
  fill:#d49007
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper {
  color:rgba(13,26,22,.698)
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper a {
  color:#02b27f
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper a span {
  color:#02b27f
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper a:hover {
  color:#03805b
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper a:hover span {
  color:#03805b
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper .connect-error-wrapper .connect-error-content {
  color:rgba(13,26,22,.698)
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper .connect-error-wrapper .connect-error-switch {
  color:#02b27f
}
body:has(.App.theme--light) .toastify-container .toastify-content-wrapper .connect-error-wrapper .connect-error-switch:hover {
  color:#03805b
}
body:has(.App.theme--light) .Toastify__close-button path {
  fill:#0009!important
}
body:has(.App.theme--light) .Toastify__toast--info {
  background:linear-gradient(90deg,#b5cbff,#fff)!important
}
body:has(.App.theme--light) .Toastify__toast--success {
  background:linear-gradient(90deg,#ccfff0,#fff)!important
}
body:has(.App.theme--light) .Toastify__toast--warning {
  background:linear-gradient(90deg,#ffefce,#fff)!important
}
body:has(.App.theme--light) .Toastify__toast--error {
  background:linear-gradient(90deg,#ffced5,#fff)!important
}
body:has(.App.theme--light) .Toastify__progress-bar--info {
  background:#366ae2!important
}
body:has(.App.theme--light) .Toastify__progress-bar--success {
  background:#02b27f!important
}
body:has(.App.theme--light) .Toastify__progress-bar--warning {
  background:#d49007!important
}
body:has(.App.theme--light) .Toastify__progress-bar--error {
  background:#d62f44!important
}
.theme--light .border-btn {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  color:#0d1a16!important
}
.theme--light .border-btn:active,
.theme--light .border-btn:hover {
  border:1px solid #02b27f!important;
  color:#02b27f!important
}
.theme--light .border-btn span:hover {
  color:#02b27f!important
}
.App.theme--light {
  background:linear-gradient(180deg,#f7fffd,#eef1f7);
  color:#0d1a16
}
.App.theme--light * {
  color:#0d1a16
}
.App.theme--light .App-header-container-left a.active,
.App.theme--light .App-header-container-left a:hover {
  color:#02b27f!important
}
.App.theme--light .App-header.large {
  border-color:#0d1a1612;
  border-color:var(--Border,#0d1a1612)
}
.App.theme--light .App-header-dropdown .menu-selected {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.App.theme--light .App-header-dropdown .menu-selected path {
  fill:#02b27f!important;
  fill:var(--Primary,#02b27f)!important
}
.App.theme--light .App-header-user-address:not(:has(img[alt=Avatar])) {
  border:1px solid #0d1a1612!important
}
.App.theme--light .App-header-user-address:hover {
  background:#fff!important
}
.App.theme--light .App-header-user-address .address-btn {
  background:#0000!important
}
.App.theme--light .solid-btn {
  background:#f2f5f7
}
.App.theme--light .solid-btn:hover {
  background:#edeef0
}
.App.theme--light .solid-btn:hover .btn-label span {
  color:#000!important
}
.App.theme--light .Tooltip-popup {
  box-shadow:4px 0 24px 0 #0003;
  color:#fff!important
}
.App.theme--light .Tooltip-popup * {
  color:#fff!important
}
.App.theme--light input::placeholder {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.App.theme--light a.App-social-link {
  opacity:1
}
.App.theme--light .border-btn {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  color:#0d1a16!important
}
.App.theme--light .border-btn:active,
.App.theme--light .border-btn:hover {
  border:1px solid #02b27f!important;
  color:#02b27f!important
}
.App.theme--light .border-btn span:hover {
  color:#02b27f!important
}
.App.theme--light .default-btn {
  background:#02b27f;
  background:var(--Primary,#02b27f);
  color:#fff!important
}
.App.theme--light .default-btn>span {
  color:#fff!important
}
.App.theme--light .default-btn:not(:disabled):active,
.App.theme--light .default-btn:not(:disabled):hover {
  background:#03805b!important
}
.App.theme--light .default-btn:disabled {
  color:#545655!important
}
.App.theme--light .App-cta,
.App.theme--light a.App-button-option:not(.border-btn),
.App.theme--light button.App-button-option:not(.border-btn) {
  background:#02b27f;
  background:var(--Primary,#02b27f);
  color:#fff!important
}
.App.theme--light .App-cta span,
.App.theme--light a.App-button-option:not(.border-btn) span,
.App.theme--light button.App-button-option:not(.border-btn) span {
  color:#fff!important
}
.App.theme--light .App-cta:not(:disabled):active,
.App.theme--light .App-cta:not(:disabled):hover,
.App.theme--light a.App-button-option:not(.border-btn):not(:disabled):active,
.App.theme--light a.App-button-option:not(.border-btn):not(:disabled):hover,
.App.theme--light button.App-button-option:not(.border-btn):not(:disabled):active,
.App.theme--light button.App-button-option:not(.border-btn):not(:disabled):hover {
  background:#03805b!important
}
.App.theme--light .App-cta:disabled,
.App.theme--light a.App-button-option:not(.border-btn):disabled,
.App.theme--light button.App-button-option:not(.border-btn):disabled {
  color:#545655!important
}
.App.theme--light .short-btn-v2 {
  background:#f6475d!important;
  background:var(--Primary,#f6475d)!important;
  color:#fff!important
}
.App.theme--light .short-btn-v2>span {
  color:#fff!important
}
.App.theme--light .short-btn-v2:hover,
.App.theme--light .short-btn-v2:not(:disabled):active,
.App.theme--light .short-btn-v2:not(:disabled):hover {
  background:#a23!important
}
.App.theme--light .short-btn-v2:disabled {
  color:#545655!important
}
.App.theme--light .short-btn-default {
  background:#d62f44!important;
  background:var(--Primary,#d62f44)!important;
  box-shadow:none!important;
  color:#fff!important
}
.App.theme--light .short-btn-default>span {
  color:#fff!important
}
.App.theme--light .short-btn-default:hover,
.App.theme--light .short-btn-default:not(:disabled):active,
.App.theme--light .short-btn-default:not(:disabled):hover {
  background:#a23!important
}
.App.theme--light .short-btn-default:disabled {
  color:#545655!important
}
.App.theme--light .Modal .Modal-content .Modal-body {
  border-top:1px solid #0d1a1612;
  border-top:1px solid var(--Border,#0d1a1612)
}
.App.theme--light .Modal .Modal-content:has(.box) {
  background:#f2f5f7!important;
  background:var(--Nature-2,#f2f5f7)!important
}
.App.theme--light .Modal .Modal-content>.divider {
  border-color:#0d1a1612;
  border-color:var(--Border,#0d1a1612)
}
.App.theme--light .Modal.secondary .Modal-content {
  background:#f2f5f7!important;
  background:var(--Nature-2,#f2f5f7)!important
}
.App.theme--light .Modal-content .Exchange-swap-section {
  background:#264d4112!important;
  background:var(--Background-Input_Background,#264d4112)!important
}
.App.theme--light .App-content .Tooltip .Tooltip-popup,
.App.theme--light .App-content .Tooltip .Tooltip-row>.Tooltip-row-value,
.App.theme--light .App-content .Tooltip .Tooltip-row>span.label {
  color:#fff!important;
  color:var(--Text-Text_Button,#fff)!important
}
.App.theme--light .App-content .Tooltip .Tooltip-popup {
  background:#5e6673!important;
  background:var(--Background-Tooltip_Background,#5e6673)!important
}
.App.theme--light .App-content .Tooltip .Tooltip-popup .divider {
  border-color:rgba(13,26,22,.071)
}
.App.theme--light .App-content .Tooltip .Tooltip-popup .k-v-box .k-v-label {
  color:#fff!important;
  color:var(--Text-Text_Button,#fff)!important
}
.App.theme--light .App-content .Tooltip .Tooltip-popup .k-v-box .k-v-label .ver {
  border-color:#02b27f!important;
  color:#02b27f!important
}
.App.theme--light .App-content .Tooltip .Tooltip-popup .k-v-box .k-v-label .ver.v2 {
  border-color:#d49007!important;
  color:#d49007!important
}
.App.theme--light .App-content .Tooltip .Tooltip-popup .chain-value,
.App.theme--light .App-content .Tooltip .Tooltip-popup .k-v-box .k-v-value {
  color:#fff!important;
  color:var(--Text-Text_Button,#fff)!important
}
.App.theme--light .App-content .Tooltip .Tooltip-popup .Tooltip-row-value,
.App.theme--light .App-content .Tooltip .Tooltip-popup .Tooltip-row-values li {
  color:#fff!important
}
.App.theme--light .App-content .Tooltip:not(.excep) .Tooltip-popup * {
  color:#fff
}
.App.theme--light .App-content .Tooltip:not(.excep) .Tooltip-popup div:last-child {
  color:#fff!important
}
.App.theme--light .table-token-container table tbody tr td {
  background:#fff
}
.App.theme--light .ant-select {
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  border-radius:8px
}
.App.theme--light .ant-select .ant-select-selector {
  background-color:#fff!important
}
.App.theme--light .ant-select-selection-item {
  color:#0d1a16!important
}
.App.theme--light .ant-select-dropdown {
  background:#fff!important;
  width:auto
}
.App.theme--light .ant-select-item-option-content {
  color:#0009!important
}
.App.theme--light .ant-select-dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled) .ant-select-item-option-content {
  color:#fff!important
}
.App.theme--light .react-datepicker {
  background-color:#fff!important;
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important;
  box-shadow:0 2px 4px #0003
}
.App.theme--light .react-datepicker__header {
  background-color:#fff!important
}
.App.theme--light .react-datepicker__triangle:before {
  border-bottom-color:#0d1a1612!important;
  border-top-color:#0d1a1612!important
}
.App.theme--light .react-datepicker__triangle:after {
  border-bottom-color:#fff!important;
  border-top-color:#fff!important
}
.App.theme--light .react-datepicker__day-names .react-datepicker__day,
.App.theme--light .react-datepicker__day-names .react-datepicker__day-name,
.App.theme--light .react-datepicker__week .react-datepicker__day,
.App.theme--light .react-datepicker__week .react-datepicker__day-name {
  color:#0d1a16!important
}
.App.theme--light .no-data-record {
  background:#fff;
  border:1px solid #0d1a1612!important
}
.App.theme--light .skeleton-box {
  background:hsla(160,4%,86%,.369)
}
.App.theme--light .skeleton-box:after {
  background:linear-gradient(90deg,#fff0,#cacaca38 20%,#f2f8f626 60%,#fff0)
}
.App.theme--light .ExchangeChart-title .chart-token-selector:hover {
  background:#2d907426!important;
  background:var(--HighLight,#2d907426)!important
}
.App.theme--light .no-data-card:not(.Exchange-empty-positions-list-note) {
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.App.theme--light .App-card {
  background:#fff
}
.App.theme--light .App-card .App-card-row .label,
.App.theme--light .App-card .App-card-row .label .Tooltip .Tooltip-handle,
.App.theme--light .App-card .App-card-row .label span,
.App.theme--light .App-card .App-card-row>.Tooltip .Tooltip-handle {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.App.theme--light .validate-error {
  color:#d62f44!important
}
.App.theme--light .filter-duration-wrapper {
  background-color:#fff!important;
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.App.theme--light .filter-duration-wrapper span {
  color:#0d1a16
}
.App.theme--light .account-trade-history th {
  color:#0d1a16b3!important
}
.App.theme--light .account-trade-history td {
  background-color:#fff
}
.App.theme--light .liquididy-wrap {
  background:#fff
}
.App.theme--light .liquididy-wrap .liquidity-label {
  color:#0009
}
.App.theme--light .liquididy-wrap .info {
  color:#d49007
}
.App.theme--light .profile .name {
  color:#0d1a16!important
}
.App.theme--light .profile .title {
  color:#0d1a16b3!important
}
.App.theme--light .custom-tooltip {
  background:#000!important;
  background:var(--Background-Tooltip_Background,#000)!important
}
.App.theme--light .custom-tooltip .label-total {
  color:#fff
}
.App.theme--light .movePage .btn-primary {
  border:1px solid #0000001a!important
}
.App.theme--light .filter-block {
  color:#0d1a16b3!important
}
.App.theme--light .back-url-styled {
  background:#f2f5f7;
  background:var(--Nature-2,#f2f5f7);
  color:#02b27f!important
}
.App.theme--light .back-url-styled path {
  fill:#0d1a16
}
.App.theme--light .back-url-styled:hover {
  color:#03805b!important
}
.App.theme--light .back-url-styled:hover path {
  fill:#03805b!important;
  stroke:#03805b!important
}
.App.theme--light .react-datepicker .react-datepicker__day--keyboard-selected {
  background-color:#02b27f!important;
  color:#fff!important
}
.App.theme--light .txt-link:hover path {
  fill:#03805b!important
}
.App.theme--light .vault-link {
  color:#02b27f!important
}
.App.theme--light .vault-link:hover {
  color:#03805b!important
}
.App.theme--light .vault-link:hover path {
  fill:#03805b!important
}
.App.theme--light .react-dropdown-select-dropdown {
  background:#fff!important;
  border:1px solid #ccc!important
}
.event-toast-container .toast-links {
  font-size:var(--font-sm);
  margin-top:1.5rem;
  padding:0 1.5rem 1.5rem
}
.zoomIn {
  animation:zoomIn .2s ease-in-out;
  animation-fill-mode:forwards
}
.zoomOut {
  animation:zoomOut .2s ease-in-out;
  animation-fill-mode:forwards
}
.event-toast-container .toast-links a {
  font-size:var(--font-sm);
  margin-right:1.5rem;
  opacity:.7;
  text-decoration:underline
}
.event-toast-container .toast-links a:hover {
  opacity:1
}
.single-toast {
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  background:#2b3155d9;
  border:1px solid #ffffff29;
  border-radius:4px;
  color:#fff;
  position:relative;
  width:35rem
}
.single-toast header {
  border-bottom:1px solid #ffffff29;
  padding:.8rem 1.5rem
}
.single-toast header .toast-title {
  align-items:center;
  display:flex
}
.single-toast header .cross-icon {
  border-radius:4px;
  cursor:pointer;
  height:2.2rem;
  margin-left:1.5rem;
  padding:2px;
  width:2.2rem
}
.single-toast header .cross-icon:hover {
  background:#ffffff47
}
.single-toast header {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.single-toast header .announcement-icon {
  color:#fff;
  height:2rem;
  width:2rem
}
.single-toast header p {
  font-size:var(--font-md);
  margin:0 0 0 1.1625rem;
  padding:.3875rem 0
}
.single-toast .toast-body {
  font-size:var(--font-sm);
  line-height:1.5;
  margin:.8rem 0;
  padding:0 1.5rem
}
@media screen and (max-width:500px) {
  .event-toast-container {
    inset:8rem 1.6rem 0 1.6rem
  }
  .single-toast {
    background:#2b3155
  }
}
.RedirectModal .Modal-content {
  font-size:var(--font-base);
  line-height:1.9rem;
  width:34rem
}
.RedirectModal .Modal-body .Checkbox {
  align-items:flex-start
}
.RedirectModal .Modal-body .Checkbox-icon-wrapper {
  display:block
}
.RedirectModal .Modal-body .Checkbox .Checkbox-label {
  margin-left:.5rem
}
@media (max-width:700px) {
  .RedirectModal .Modal-content {
    width:90vw
  }
}
.jobs-page-body {
  grid-gap:2rem;
  color:#ffffffb3;
  display:grid;
  grid-template-columns:repeat(2,1fr)
}
.jobs-page-body a {
  color:#b7b7bd
}
.body-para .subheading {
  margin:0
}
.mt-lg {
  margin-top:2rem
}
.jobs-contact {
  line-height:1.5
}
@media (max-width:1000px) {
  .jobs-page-body {
    grid-template-columns:1fr
  }
}
.page-not-found-container {
  align-items:center;
  display:flex;
  justify-content:center;
  margin-bottom:7rem;
  min-height:60vh
}
.page-not-found {
  text-align:center
}
.page-not-found img {
  max-width:225px
}
.go-back span {
  color:#a0a3c4
}
.go-back a {
  color:#fff
}
@media (max-width:500px) {
  .page-not-found img {
    max-width:200px
  }
  .page-not-found {
    margin-top:2.5rem
  }
}
.address-btn {
  align-items:center;
  color:#fff!important;
  display:inline-flex;
  justify-content:center
}
.user-address {
  font-weight:400;
  margin-right:1rem
}
.App-header-user-address:hover {
  background:#808aff14
}
.menu-items {
  background:#16182e;
  background:#20233b;
  border:none;
  border-radius:.4rem;
  border-radius:12px;
  cursor:pointer;
  list-style:none;
  min-width:258px;
  outline:none;
  overflow:hidden;
  padding:8px;
  position:absolute;
  right:0;
  top:4.3rem;
  transform-origin:top right;
  width:100%;
  z-index:1000
}
.menu-item {
  align-items:center;
  border-radius:12px;
  border-radius:var(--base-unit-s-12,12px);
  display:flex!important;
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:120%;
  opacity:1;
  padding:12px 16px
}
.menu-item:hover {
  background:#191b2e!important;
  color:#eee!important;
  opacity:1
}
.menu-item>p {
  margin:0;
  padding-left:1rem
}
.menu-item>a {
  display:inline-flex
}
@media screen and (max-width:370px) {
  .user-address {
    margin-left:0
  }
  .address-btn {
    display:flex;
    justify-content:space-between
  }
  .user-avatar {
    display:none
  }
}
.connect-wallet-btn {
  align-items:center;
  background:#0000;
  border:none;
  border:1px solid hsla(0,0%,100%,.102);
  border-radius:8px;
  color:#fff;
  cursor:pointer;
  display:inline-flex;
  font-size:var(--font-sm);
  height:4rem;
  padding:10px 16px
}
.connect-wallet-btn .btn-icon {
  align-items:center;
  display:inline-flex;
  justify-content:center
}
.connect-wallet-btn .btn-label {
  font-size:var(--font-sm);
  font-weight:500;
  letter-spacing:0;
  margin-left:0
}
@media(max-width:450px) {
  .connect-wallet {
    padding:.5rem .8rem
  }
}
@media(max-width:350px) {
  .connect-wallet-btn {
    height:3.6rem
  }
  .connect-wallet-btn .btn-icon {
    display:none
  }
  .connect-wallet-btn .btn-label {
    margin-left:0
  }
}
.App-header-network {
  align-items:center;
  border:1px solid #ffffff1a;
  border-radius:var(--border-radius-sm);
  border-radius:8px;
  color:#fff;
  display:inline-flex;
  height:4rem;
  margin-left:12px;
  position:relative
}
.App-header-language {
  margin-left:0
}
.network-dropdown {
  display:inline-flex
}
.network-dropdown-items {
  min-width:17rem
}
.network-dropdown-divider {
  border-bottom:1px solid #ffffff29;
  margin-bottom:.8rem
}
.network-dropdown:hover {
  background:var(--dark-blue-hover);
  cursor:pointer
}
.network-dropdown>button {
  align-items:center;
  background:#0000;
  border:none;
  border-radius:.4rem;
  display:inline-flex;
  height:3.6rem;
  justify-content:center;
  padding:0 .8rem;
  pointer-events:none
}
.network-dropdown-icon {
  height:20px;
  width:20px
}
.language-popup .Modal-content {
  width:32rem
}
.network-dropdown-seperator {
  background:var(--dark-blue-border);
  margin:.8rem 0;
  width:1px
}
.menu-item-group,
.network-dropdown-menu-item {
  align-items:center;
  display:flex
}
.network-dropdown-menu-item {
  justify-content:space-between;
  padding:12px
}
.last-dropdown-menu {
  margin-bottom:.8rem
}
.network-popup .Modal-content {
  margin:auto;
  max-width:29.6rem;
  width:100%
}
.network-option {
  align-items:center;
  background:var(--dark-blue);
  border-radius:12px;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  margin-bottom:.8rem;
  padding:12px 16px;
  position:relative
}
.network-option:last-child {
  margin-bottom:0
}
.network-option img {
  margin-right:1.5rem;
  width:2.5rem
}
.network-option span {
  color:#fff;
  font-size:var(--font-base);
  letter-spacing:.29px
}
.network-option-img-label {
  color:#fff;
  font-size:var(--font-md);
  letter-spacing:.29px;
  line-height:2rem
}
.dropdown-label {
  color:#a0a3c4;
  font-size:1.25rem;
  padding:.8rem
}
.language-popup .Modal-body {
  grid-gap:1rem;
  display:grid;
  grid-template-columns:repeat(2,1fr)
}
.language-modal-item {
  border:1px solid var(--dark-blue-border);
  cursor:pointer
}
.language-modal-item.active {
  border:1px solid #a1a3c4
}
.menu-item-icon {
  align-items:center;
  display:inline-flex;
  justify-content:center;
  width:20px
}
.network-dropdown-headings {
  font-size:1.25rem;
  opacity:.7;
  padding:.8rem .8rem .4rem
}
.network-dropdown-item-label {
  margin-left:.8rem
}
.network-dropdown-list {
  display:grid;
  grid-template-columns:1fr
}
.menu-item:hover .menu-item-label {
  color:#eee
}
.active-dot {
  border-radius:50%;
  height:.8rem;
  width:.8rem
}
.active-dot.Arbitrum {
  background-color:#4275a8
}
.active-dot.Optimism {
  background-color:#ff1420
}
.active-dot.Fantom {
  background-color:#12b5ec
}
.network-dropdown-label {
  font-size:1.25rem;
  margin-bottom:.8rem;
  opacity:.7
}
.more-options {
  margin-top:1rem
}
.network-dropdown-items .menu-items-wrap {
  padding:8px
}
.network-dropdown-items .label {
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9);
  font-size:12px;
  font-weight:400;
  line-height:140%
}
.theme--light .network-dropdown-items .label {
  color:#0d1a16b3
}
.network-dropdown-items .radio-input {
  border:2px solid #02b27f;
  border-radius:50%;
  cursor:pointer;
  height:24px;
  position:relative;
  width:24px
}
.network-dropdown-items .divider {
  margin:0
}
.network-dropdown-items .radio-input:after {
  background:#0000;
  border-radius:50%;
  content:"";
  height:16px;
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%,-50%);
  width:16px
}
.network-dropdown-items .radio-input.active:after {
  background:#02b27f
}
.network-dropdown-menu-item:not(:has(.radio-input.active)):hover .radio-input:after {
  background:#02b27f99
}
.network-dropdown-items .menu-item-group {
  width:100%
}
.network-dropdown-items .network-dropdown-item-label:has(.radio-input) {
  align-items:center;
  align-self:stretch;
  display:flex;
  flex:1 1;
  gap:8px;
  gap:var(--Base-Unit-XS-8,8px);
  justify-content:space-between
}
@media (max-width:1033px) {
  .App-header-network {
    margin-left:1.6rem
  }
  .App-header-language {
    margin-left:0
  }
}
@media (max-width:450px) {
  .App-header-network {
    margin-left:.6rem
  }
  .App-header-language {
    margin-left:0
  }
  .network-dropdown>button {
    padding:0 .5rem
  }
  .network-dropdown.homepage-header>button {
    padding:0 .8rem
  }
}
.Collateral-modal-deposit {
  padding:12px 16px!important
}
.Collateral-modal-deposit .Modal-content {
  max-width:424px!important;
  width:100%!important
}
.Collateral-modal-deposit .Modal-content .Modal-title-bar {
  margin:0;
  padding:12px 16px!important
}
.Collateral-modal-deposit .Modal-description {
  font-size:14px
}
.Collateral-modal-deposit .exchange-section-first {
  margin:16px 0!important
}
.Collateral-modal-deposit .Exchange-swap-ball {
  top:-26px!important
}
.Collateral-modal-deposit .Exchange-swap-ball .Exchange-swap-ball-icon {
  height:auto;
  transform:rotate(0deg)!important;
  width:12px
}
.Collateral-modal-deposit .Exchange-swap-max {
  padding:2px 12px!important
}
.Collateral-modal-deposit .Exchange-swap-max:hover {
  opacity:.8
}
.Collateral-modal-deposit .Exchange-info-row,
.Collateral-modal-deposit .Exchange-swap-section {
  margin-bottom:16px!important
}
.Collateral-modal-deposit .route-deposit-container {
  margin-bottom:8px!important
}
.Collateral-modal-deposit .Tooltip-popup {
  background:#272c49!important;
  border-radius:8px!important;
  color:#fff9!important
}
.Collateral-modal-deposit .TokenSelector span {
  font-size:16px;
  font-weight:500;
  line-height:140%
}
.Collateral-modal-deposit .TokenSelector span:hover {
  cursor:text
}
.theme--light .Tooltip-popup {
  background:#5e6673!important;
  background:var(--Background-Tooltip_Background,#5e6673)!important;
  color:#fff!important;
  color:var(--Text-Text_Button,#fff)!important
}
.App-header.theme--light .App-header-balance-container,
.App-header.theme--light .connect-wallet-btn,
.App-header.theme--light .menu-items,
.App-header.theme--light .network-account-container {
  border:1px solid #0d1a1612!important
}
.App-header.theme--light .App-header-network .network-dropdown:hover {
  background:#fff;
  border-radius:8px 0 0 8px
}
.App-header.theme--light .show-dropdown-link .menu-item img {
  background:#02b27f26;
  background:var(--HighLight,#02b27f26);
  border-radius:12px;
  border-radius:var(--Base-Unit-S-12,12px)
}
.App-header.theme--light .App-cta.small.transparent.address-btn:hover {
  background:none!important
}
.App-header.theme--light .App-header-add-eth {
  background-color:#02b27f
}
.App-header.theme--light .App-header-add-eth:hover {
  background-color:#03805b
}
.App-header.theme--light .App-header-balance-container {
  background:#0000
}
.App-header.theme--light .App-cta {
  fill:#0d1a16;
  background:#fff!important
}
.App-header.theme--light .App-cta span {
  color:#0d1a16!important
}
.App-header.theme--light .network-dropdown-seperator {
  background:#0d1a1612
}
.App-header.theme--light .network-dropdown-menu-item.menu-item-active {
  background:#0d1a1612!important
}
.App-header.theme--light .App-header-dropdown path {
  fill:#0d1a16
}
.App-header.theme--light .App-header-add-eth path {
  fill:#fff
}
.App-header.theme--light .menu-items {
  background:#fff;
  box-shadow:4px 0 24px 0 #0003
}
.App-header.theme--light .menu-items span:not(.tag-v2) {
  color:#0d1a16!important
}
.App-header.theme--light .menu-item:hover {
  background:rgba(2,178,127,.149)!important
}
.App-header.theme--light .menu-item .wrap>span.desc {
  color:rgba(13,26,22,.698)!important
}
.App-header.theme--light .connect-wallet-btn:hover {
  border:1px solid #02b27f!important;
  transition:.2s
}
.App-header.theme--light .connect-wallet-btn:hover span {
  color:#02b27f!important
}
.App-header.theme--light .menu-item.actived {
  background:rgba(2,178,127,.149)!important
}
.App-header.theme--light .App-header-link-container:hover span {
  color:#02b27f
}
.App-header.theme--light .head-landing a {
  color:#fff9!important
}
.App-header.theme--light .head-landing:hover a {
  color:#03f5ae!important
}
.App-header-drawer.theme--light {
  background:#fff;
  background:var(--Background-Modal_Background,#fff)
}
.App-header-drawer.theme--light .App-header-add-eth {
  background:#02b27f!important
}
.App-header-drawer.theme--light .App-header-add-eth:hover {
  background:#03805b!important
}
.App-header-drawer.theme--light .App-header-eth-balance-container {
  border-left-color:#0d1a1612;
  border-left-color:var(--Border,#0d1a1612)
}
.App-header-drawer.theme--light .App-header-balance-container--mobile {
  background:#fff;
  background:var(--Background-Modal_Background,#fff);
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.App-header-drawer.theme--light .App-header-item-container,
.App-header-drawer.theme--light .App-header-link-container {
  border-bottom:.5px solid #0d1a1612!important;
  border-bottom:.5px solid var(--Border,#0d1a1612)!important
}
.App-header-drawer.theme--light .App-header-link-container a {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.App-header-drawer.theme--light .App-header-link-container-menu {
  border-bottom:.5px solid #0d1a1612!important;
  border-bottom:.5px solid var(--Border,#0d1a1612)!important
}
.App-header-drawer.theme--light .App-header-link-row span {
  color:rgba(13,26,22,.698)!important;
  font-weight:500!important
}
.App-header-drawer.theme--light .App-header-link-container-menu.selected {
  background:#f2f5f7;
  background:var(--Nature-2,#f2f5f7)
}
.App-header-drawer.theme--light .App-header-link-container-menu.selected .App-header-link-row span {
  color:#02b27f!important
}
.App-header-drawer.theme--light .App-header-link-container-menu.selected .wrap span:not(.tag-v2) {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.App-header-drawer.theme--light .App-header-link-container-menu.selected .wrap span:not(.tag-v2).desc {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.App-header-drawer.theme--light .App-header-link-container-menu.selected .App-header-link-container .active {
  background:rgba(2,178,127,.149)!important
}
.App-header-drawer.theme--light .App-header-link-container-menu.selected .App-header-link-container .active .wrap span:not(.desc) {
  color:#02b27f!important
}
.App-header-drawer.theme--light .App-header-link-container-menu a img {
  background:rgba(2,178,127,.149)
}
.App-header-drawer.theme--light .App-header-link-container-menu .App-header-link-container {
  border-bottom:none!important
}
.App-header-drawer.theme--light .App-header-link-container-menu:has(.App-header-link-container .active) .App-header-link-row {
  color:#02b27f!important
}
.App-header-drawer.theme--light .App-header-link-container-menu:has(.App-header-link-container .active) .App-header-link-row span {
  color:#02b27f!important
}
.rdrCalendarWrapper {
  background:#fff;
  box-sizing:border-box;
  display:inline-flex;
  flex-direction:column;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.rdrDateDisplay {
  display:flex;
  justify-content:space-between
}
.rdrDateDisplayItem {
  color:inherit;
  flex:1 1;
  text-align:center;
  width:0
}
.rdrDateDisplayItem+.rdrDateDisplayItem {
  margin-left:.833em
}
.rdrDateDisplayItem input {
  text-align:inherit
}
.rdrDateDisplayItem input:disabled {
  cursor:default
}
.rdrMonthAndYearWrapper {
  box-sizing:inherit;
  display:flex;
  justify-content:space-between
}
.rdrMonthAndYearPickers {
  align-items:center;
  display:flex;
  flex:1 1 auto;
  justify-content:center
}
.rdrNextPrevButton {
  box-sizing:inherit;
  cursor:pointer;
  outline:none
}
.rdrMonths {
  display:flex
}
.rdrMonthsVertical {
  flex-direction:column
}
.rdrMonthsHorizontal>div>div>div {
  display:flex;
  flex-direction:row
}
.rdrMonth {
  width:27.667em
}
.rdrWeekDays {
  display:flex
}
.rdrWeekDay {
  box-sizing:inherit;
  flex-basis:14.28571%;
  text-align:center
}
.rdrDays {
  display:flex;
  flex-wrap:wrap
}
.rdrInfiniteMonths {
  overflow:auto
}
.rdrDateRangeWrapper {
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.rdrDateInput {
  position:relative
}
.rdrDateInput input {
  outline:none
}
.rdrDateInput .rdrWarning {
  color:red;
  font-size:1.6em;
  line-height:1.6em;
  position:absolute;
  right:.25em;
  top:0
}
.rdrDay {
  box-sizing:inherit;
  cursor:pointer;
  font:inherit;
  position:relative;
  width:14.28571%
}
.rdrDayNumber {
  display:block;
  position:relative
}
.rdrDayNumber span {
  color:#1d2429
}
.rdrDayDisabled {
  cursor:not-allowed
}
@supports (-ms-ime-align:auto) {
  .rdrDay {
    flex-basis:14.285%!important
  }
}
.rdrEndEdge,
.rdrInRange,
.rdrSelected,
.rdrStartEdge {
  pointer-events:none
}
.rdrDateRangePickerWrapper {
  display:inline-flex;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.rdrStaticRanges {
  display:flex;
  flex-direction:column
}
.rdrStaticRange {
  font-size:inherit
}
.rdrInputRange {
  display:flex
}
.rdrCalendarWrapper {
  color:#000;
  font-size:12px
}
.rdrDateDisplayWrapper {
  background-color:#eff2f7
}
.rdrDateDisplay {
  margin:.833em
}
.rdrDateDisplayItem {
  background-color:#fff;
  border:1px solid #0000;
  border-radius:4px;
  box-shadow:0 1px 2px 0 #23394236
}
.rdrDateDisplayItem input {
  background:#0000;
  border:0;
  color:#849095;
  cursor:pointer;
  height:2.5em;
  line-height:2.5em;
  width:100%
}
.rdrDateDisplayItemActive {
  border-color:currentColor
}
.rdrDateDisplayItemActive input {
  color:#7d888d
}
.rdrMonthAndYearWrapper {
  align-items:center;
  height:60px;
  padding-top:10px
}
.rdrMonthAndYearPickers {
  font-weight:600
}
.rdrMonthAndYearPickers select {
  -moz-appearance:none;
  appearance:none;
  -webkit-appearance:none;
  background:#0000;
  background:url("data:image/svg+xml;utf8,<svg width=%279px%27 height=%276px%27 viewBox=%270 0 9 6%27 version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27><g id=%27Artboard%27 stroke=%27none%27 stroke-width=%271%27 fill=%27none%27 fill-rule=%27evenodd%27 transform=%27translate%28-636.000000, -171.000000%29%27 fill-opacity=%270.368716033%27><g id=%27input%27 transform=%27translate%28172.000000, 37.000000%29%27 fill=%27%230E242F%27 fill-rule=%27nonzero%27><g id=%27Group-9%27 transform=%27translate%28323.000000, 127.000000%29%27><path d=%27M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z%27 id=%27arrow%27></path></g></g></g></svg>") no-repeat;
  background-position:right 8px center;
  border:0;
  border-radius:4px;
  color:#3e484f;
  cursor:pointer;
  outline:0;
  padding:10px 30px 10px 10px;
  text-align:center
}
.rdrMonthAndYearPickers select:hover {
  background-color:#00000012
}
.rdrMonthPicker,
.rdrYearPicker {
  margin:0 5px
}
.rdrNextPrevButton {
  background:#eff2f7;
  border:0;
  border-radius:5px;
  display:block;
  height:24px;
  margin:0 .833em;
  padding:0;
  width:24px
}
.rdrNextPrevButton:hover {
  background:#e1e7f0
}
.rdrNextPrevButton i {
  border-style:solid;
  display:block;
  height:0;
  margin:auto;
  padding:0;
  text-align:center;
  transform:translate(-3px);
  width:0
}
.rdrPprevButton i {
  border-color:#0000 #34495e #0000 #0000;
  border-width:4px 6px 4px 4px;
  transform:translate(-3px)
}
.rdrNextButton i {
  border-color:#0000 #0000 #0000 #34495e;
  border-width:4px 4px 4px 6px;
  margin:0 0 0 7px;
  transform:translate(3px)
}
.rdrWeekDays {
  padding:0 .833em
}
.rdrMonth {
  padding:0 .833em 1.666em
}
.rdrMonth .rdrWeekDays {
  padding:0
}
.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display:none
}
.rdrWeekDay {
  color:#849095;
  font-weight:400;
  line-height:2.667em
}
.rdrDay {
  background:#0000;
  border:0;
  color:#1d2429;
  height:3em;
  line-height:3em;
  padding:0;
  text-align:center;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.rdrDay:focus {
  outline:0
}
.rdrDayNumber {
  align-items:center;
  bottom:0;
  bottom:5px;
  display:flex;
  font-weight:300;
  justify-content:center;
  left:0;
  outline:0;
  position:absolute;
  right:0;
  top:0;
  top:5px
}
.rdrDayToday .rdrDayNumber span {
  font-weight:500
}
.rdrDayToday .rdrDayNumber span:after {
  background:#3d91ff;
  border-radius:2px;
  bottom:4px;
  content:"";
  height:2px;
  left:50%;
  position:absolute;
  transform:translate(-50%);
  width:18px
}
.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after,
.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after {
  background:#fff
}
.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span {
  color:#ffffffd9
}
.rdrEndEdge,
.rdrInRange,
.rdrSelected,
.rdrStartEdge {
  background:currentColor;
  bottom:5px;
  left:0;
  position:absolute;
  right:0;
  top:5px
}
.rdrSelected {
  left:2px;
  right:2px
}
.rdrStartEdge {
  border-bottom-left-radius:1.042em;
  border-top-left-radius:1.042em;
  left:2px
}
.rdrEndEdge {
  border-bottom-right-radius:1.042em;
  border-top-right-radius:1.042em;
  right:2px
}
.rdrSelected {
  border-radius:1.042em
}
.rdrDayStartOfMonth .rdrEndEdge,
.rdrDayStartOfMonth .rdrInRange,
.rdrDayStartOfWeek .rdrEndEdge,
.rdrDayStartOfWeek .rdrInRange {
  border-bottom-left-radius:1.042em;
  border-top-left-radius:1.042em;
  left:2px
}
.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge {
  border-bottom-right-radius:1.042em;
  border-top-right-radius:1.042em;
  right:2px
}
.rdrDayStartOfMonth .rdrDayEndPreview,
.rdrDayStartOfMonth .rdrDayInPreview,
.rdrDayStartOfWeek .rdrDayEndPreview,
.rdrDayStartOfWeek .rdrDayInPreview {
  border-bottom-left-radius:1.333em;
  border-left-width:1px;
  border-top-left-radius:1.333em;
  left:0
}
.rdrDayEndOfMonth .rdrDayInPreview,
.rdrDayEndOfMonth .rdrDayStartPreview,
.rdrDayEndOfWeek .rdrDayInPreview,
.rdrDayEndOfWeek .rdrDayStartPreview {
  border-bottom-right-radius:1.333em;
  border-right-width:1px;
  border-top-right-radius:1.333em;
  right:0
}
.rdrDayEndPreview,
.rdrDayInPreview,
.rdrDayStartPreview {
  background:#ffffff17;
  border:0 solid;
  bottom:3px;
  left:0;
  pointer-events:none;
  position:absolute;
  right:0;
  top:3px;
  z-index:1
}
.rdrDayStartPreview {
  border-bottom-left-radius:1.333em;
  border-bottom-width:1px;
  border-left-width:1px;
  border-top-left-radius:1.333em;
  border-top-width:1px;
  left:0
}
.rdrDayInPreview {
  border-bottom-width:1px;
  border-top-width:1px
}
.rdrDayEndPreview {
  border-bottom-right-radius:1.333em;
  border-bottom-width:1px;
  border-right-width:1px;
  border-top-right-radius:1.333em;
  border-top-width:1px;
  right:2px;
  right:0
}
.rdrDefinedRangesWrapper {
  background:#fff;
  border-right:1px solid #eff2f7;
  font-size:12px;
  width:226px
}
.rdrDefinedRangesWrapper .rdrStaticRangeSelected {
  color:currentColor;
  font-weight:600
}
.rdrStaticRange {
  background:#fff;
  border:0;
  border-bottom:1px solid #eff2f7;
  cursor:pointer;
  display:block;
  outline:0;
  padding:0
}
.rdrStaticRange:focus .rdrStaticRangeLabel,
.rdrStaticRange:hover .rdrStaticRangeLabel {
  background:#eff2f7
}
.rdrStaticRangeLabel {
  display:block;
  line-height:18px;
  outline:0;
  padding:10px 20px;
  text-align:left
}
.rdrInputRanges {
  padding:10px 0
}
.rdrInputRange {
  align-items:center;
  padding:5px 20px
}
.rdrInputRangeInput {
  border:1px solid #dee7eb;
  border-radius:4px;
  color:#6c767a;
  height:30px;
  line-height:30px;
  margin-right:10px;
  text-align:center;
  width:30px
}
.rdrInputRangeInput:focus,
.rdrInputRangeInput:hover {
  border-color:#b4bfc4;
  color:#333;
  outline:0
}
.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after {
  background:#0000;
  border:1px solid;
  border-radius:1.333em;
  bottom:-2px;
  content:"";
  left:0;
  position:absolute;
  right:0;
  top:-2px
}
.rdrDayPassive {
  pointer-events:none
}
.rdrDayPassive .rdrDayNumber span {
  color:#d5dce0
}
.rdrDayPassive .rdrDayEndPreview,
.rdrDayPassive .rdrDayInPreview,
.rdrDayPassive .rdrDayStartPreview,
.rdrDayPassive .rdrEndEdge,
.rdrDayPassive .rdrInRange,
.rdrDayPassive .rdrSelected,
.rdrDayPassive .rdrStartEdge {
  display:none
}
.rdrDayDisabled {
  background-color:#f8f8f8
}
.rdrDayDisabled .rdrDayNumber span {
  color:#aeb9bf
}
.rdrDayDisabled .rdrDayEndPreview,
.rdrDayDisabled .rdrDayInPreview,
.rdrDayDisabled .rdrDayStartPreview,
.rdrDayDisabled .rdrEndEdge,
.rdrDayDisabled .rdrInRange,
.rdrDayDisabled .rdrSelected,
.rdrDayDisabled .rdrStartEdge {
  filter:grayscale(100%) opacity(60%)
}
.rdrMonthName {
  color:#849095;
  font-weight:600;
  padding:.833em;
  text-align:left
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__navigation-icon:before,
.react-datepicker__year-read-view--down-arrow {
  border-color:#ccc;
  border-style:solid;
  border-width:3px 3px 0 0;
  content:"";
  display:block;
  height:9px;
  position:absolute;
  top:6px;
  width:9px
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  margin-left:-4px;
  position:absolute;
  width:0
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border:8px solid #0000;
  box-sizing:initial;
  content:"";
  height:0;
  left:-8px;
  position:absolute;
  width:1px;
  z-index:-1
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-bottom-color:#aeaeae
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-top:-8px;
  top:0
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-bottom-color:#f0f0f0;
  border-top:none
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after {
  top:0
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before {
  border-bottom-color:#aeaeae;
  top:-1px
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom:0;
  margin-bottom:-8px
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-bottom:none;
  border-top-color:#fff
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after {
  bottom:0
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before {
  border-top-color:#aeaeae;
  bottom:-1px
}
.react-datepicker-wrapper {
  border:0;
  display:inline-block;
  padding:0;
  width:100%
}
.react-datepicker {
  background-color:#fff;
  border:1px solid #aeaeae;
  border-radius:.3rem;
  color:#000;
  display:inline-block;
  font-family:Helvetica Neue,helvetica,arial,sans-serif;
  font-size:.8rem
}
.react-datepicker--time-only .react-datepicker__triangle {
  left:35px
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left:0
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius:.3rem;
  border-bottom-right-radius:.3rem
}
.react-datepicker__triangle {
  left:50px;
  position:absolute
}
.react-datepicker-popper {
  z-index:1
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top:10px
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,
.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left:auto;
  right:50px
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom:10px
}
.react-datepicker-popper[data-placement^=right] {
  padding-left:8px
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left:auto;
  right:42px
}
.react-datepicker-popper[data-placement^=left] {
  padding-right:8px
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left:42px;
  right:auto
}
.react-datepicker__header {
  background-color:#f0f0f0;
  border-bottom:1px solid #aeaeae;
  border-top-left-radius:.3rem;
  padding:8px 0;
  position:relative;
  text-align:center
}
.react-datepicker__header--time {
  padding-bottom:8px;
  padding-left:5px;
  padding-right:5px
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius:0
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius:.3rem
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
  display:inline-block;
  margin:0 15px
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
  color:#000;
  font-size:.944rem;
  font-weight:700;
  margin-top:0
}
.react-datepicker-time__header {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.react-datepicker__navigation {
  align-items:center;
  background:none;
  border:none;
  cursor:pointer;
  display:flex;
  height:32px;
  justify-content:center;
  overflow:hidden;
  padding:0;
  position:absolute;
  text-align:center;
  text-indent:-999em;
  top:2px;
  width:32px;
  z-index:1
}
.react-datepicker__navigation--previous {
  left:2px
}
.react-datepicker__navigation--next {
  right:2px
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right:85px
}
.react-datepicker__navigation--years {
  display:block;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  top:0
}
.react-datepicker__navigation--years-previous {
  top:4px
}
.react-datepicker__navigation--years-upcoming {
  top:-4px
}
.react-datepicker__navigation:hover :before {
  border-color:#a6a6a6
}
.react-datepicker__navigation-icon {
  font-size:20px;
  position:relative;
  top:-1px;
  width:0
}
.react-datepicker__navigation-icon--next {
  left:-2px
}
.react-datepicker__navigation-icon--next:before {
  left:-7px;
  transform:rotate(45deg)
}
.react-datepicker__navigation-icon--previous {
  right:-2px
}
.react-datepicker__navigation-icon--previous:before {
  right:-7px;
  transform:rotate(225deg)
}
.react-datepicker__month-container {
  float:left
}
.react-datepicker__year {
  margin:.4rem;
  text-align:center
}
.react-datepicker__year-wrapper {
  display:flex;
  flex-wrap:wrap;
  max-width:180px
}
.react-datepicker__year .react-datepicker__year-text {
  display:inline-block;
  margin:2px;
  width:4rem
}
.react-datepicker__month {
  margin:.4rem;
  text-align:center
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display:inline-block;
  margin:2px;
  width:4rem
}
.react-datepicker__input-time-container {
  clear:both;
  float:left;
  margin:5px 0 10px 15px;
  text-align:left;
  width:100%
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display:inline-block
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display:inline-block;
  margin-left:10px
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width:auto
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance:textfield
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  display:inline-block;
  margin-left:5px
}
.react-datepicker__time-container {
  border-left:1px solid #aeaeae;
  float:right;
  width:85px
}
.react-datepicker__time-container--with-today-button {
  border:1px solid #aeaeae;
  border-radius:.3rem;
  display:inline;
  position:absolute;
  right:-87px;
  top:0
}
.react-datepicker__time-container .react-datepicker__time {
  background:#fff;
  border-bottom-right-radius:.3rem;
  position:relative
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  border-bottom-right-radius:.3rem;
  margin:0 auto;
  overflow-x:hidden;
  text-align:center;
  width:85px
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  box-sizing:initial;
  height:calc(195px + .85rem);
  list-style:none;
  margin:0;
  overflow-y:scroll;
  padding-left:0;
  padding-right:0;
  width:100%
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height:30px;
  padding:5px 10px;
  white-space:nowrap
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  background-color:#f0f0f0;
  cursor:pointer
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color:#216ba5;
  color:#fff;
  font-weight:700
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color:#216ba5
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color:#ccc
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  background-color:initial;
  cursor:default
}
.react-datepicker__week-number {
  color:#ccc;
  display:inline-block;
  line-height:1.7rem;
  margin:.166rem;
  text-align:center;
  width:1.7rem
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor:pointer
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
  background-color:#f0f0f0;
  border-radius:.3rem
}
.react-datepicker__day-names,
.react-datepicker__week {
  white-space:nowrap
}
.react-datepicker__day-names {
  margin-bottom:-8px
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
  color:#000;
  display:inline-block;
  line-height:1.7rem;
  margin:.166rem;
  text-align:center;
  width:1.7rem
}
.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
  background-color:#216ba5;
  border-radius:.3rem;
  color:#fff
}
.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
  background-color:#1d5d90
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
  color:#ccc;
  pointer-events:none
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
  background-color:initial;
  cursor:default
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor:pointer
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  background-color:#f0f0f0;
  border-radius:.3rem
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight:700
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  background-color:#3dcc4a;
  border-radius:.3rem;
  color:#fff
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color:#32be3f
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color:#f0f
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color:green
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__year-text--in-range,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--selected {
  background-color:#216ba5;
  border-radius:.3rem;
  color:#fff
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__year-text--in-range:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--selected:hover {
  background-color:#1d5d90
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color:#bad9f1;
  border-radius:.3rem;
  color:#000
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color:#1d5d90
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color:#216ba580
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color:#f0f0f0;
  color:#000
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  color:#ccc;
  cursor:default
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color:initial
}
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
  background-color:#216ba5
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
  background-color:#f0f0f0
}
.react-datepicker__input-container {
  display:inline-block;
  position:relative;
  width:100%
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
  border:1px solid #0000;
  border-radius:.3rem;
  position:relative
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
  cursor:pointer
}
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color:#b3b3b3
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  right:-16px;
  top:0;
  transform:rotate(135deg)
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
  background-color:#f0f0f0;
  border:1px solid #aeaeae;
  border-radius:.3rem;
  left:25%;
  position:absolute;
  text-align:center;
  top:30px;
  width:50%;
  z-index:1
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
  cursor:pointer
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
  height:150px;
  overflow-y:scroll
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
  display:block;
  line-height:20px;
  margin-left:auto;
  margin-right:auto;
  width:100%
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
  border-top-left-radius:.3rem;
  border-top-right-radius:.3rem
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
  border-bottom-left-radius:.3rem;
  border-bottom-right-radius:.3rem;
  -webkit-user-select:none;
  user-select:none
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
  background-color:#ccc
}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color:#b3b3b3
}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color:#b3b3b3
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
  left:15px;
  position:absolute
}
.react-datepicker__close-icon {
  background-color:initial;
  border:0;
  cursor:pointer;
  display:table-cell;
  height:100%;
  outline:0;
  padding:0 6px 0 0;
  position:absolute;
  right:0;
  top:0;
  vertical-align:middle
}
.react-datepicker__close-icon:after {
  background-color:#216ba5;
  border-radius:50%;
  color:#fff;
  content:"×";
  cursor:pointer;
  display:table-cell;
  font-size:12px;
  height:16px;
  line-height:1;
  padding:2px;
  text-align:center;
  vertical-align:middle;
  width:16px
}
.react-datepicker__today-button {
  background:#f0f0f0;
  border-top:1px solid #aeaeae;
  clear:left;
  cursor:pointer;
  font-weight:700;
  padding:5px 0;
  text-align:center
}
.react-datepicker__portal {
  align-items:center;
  background-color:#000c;
  display:flex;
  height:100vh;
  justify-content:center;
  left:0;
  position:fixed;
  top:0;
  width:100vw;
  z-index:2147483647
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
  line-height:3rem;
  width:3rem
}
@media (max-height:550px),(max-width:400px) {
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__time-name {
    line-height:2rem;
    width:2rem
  }
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
  font-size:1.44rem
}
.react-datepicker__children-container {
  height:auto;
  margin:.4rem;
  padding-left:.2rem;
  padding-right:.2rem;
  width:13.8rem
}
.react-datepicker__aria-live {
  border:0;
  -webkit-clip-path:circle(0);
  clip-path:circle(0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  white-space:nowrap;
  width:1px
}
.theme--light .analytic-v1-wrapper .title-head {
  color:#fff
}
.theme--light .analytic-v1-wrapper .rdrCalendarWrapper,
.theme--light .analytic-v1-wrapper .react-dropdown-select-dropdown,
.theme--light .analytic-v1-wrapper .tab-container {
  background-color:#fff!important
}
.theme--light .analytic-v1-wrapper .tab--actived {
  background:#02b27f26!important
}
.theme--light .analytic-v1-wrapper .tab--actived>div,
.theme--light .analytic-v1-wrapper .tab-container a:hover>div {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .label-last-update,
.theme--light .analytic-v1-wrapper .page-description,
.theme--light .analytic-v1-wrapper .page-description a,
.theme--light .analytic-v1-wrapper .total-stat-label,
.theme--light .analytic-v1-wrapper .total-stat-label a {
  color:#0d1a16b3!important
}
.theme--light .analytic-v1-wrapper .page-description a:hover,
.theme--light .analytic-v1-wrapper .total-stat-label a:hover {
  color:#000!important
}
.theme--light .analytic-v1-wrapper .desc,
.theme--light .analytic-v1-wrapper .desc a {
  color:#fff9!important
}
.theme--light .analytic-v1-wrapper .desc a:hover {
  color:#fff!important
}
.theme--light .analytic-v1-wrapper .chart-cell,
.theme--light .analytic-v1-wrapper .chart-control-checkbox,
.theme--light .analytic-v1-wrapper .price-content-container,
.theme--light .analytic-v1-wrapper .react-dropdown-select {
  background-color:#fff!important;
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-v1-wrapper .chart-cell .price-content.header,
.theme--light .analytic-v1-wrapper .chart-control-checkbox .price-content.header,
.theme--light .analytic-v1-wrapper .price-content-container .price-content.header,
.theme--light .analytic-v1-wrapper .react-dropdown-select .price-content.header {
  border-bottom:1px solid #0d1a1612!important;
  border-bottom:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .analytic-v1-wrapper .chart-cell .price-content:before,
.theme--light .analytic-v1-wrapper .chart-cell .token-info .timestamp,
.theme--light .analytic-v1-wrapper .chart-control-checkbox .price-content:before,
.theme--light .analytic-v1-wrapper .chart-control-checkbox .token-info .timestamp,
.theme--light .analytic-v1-wrapper .price-content-container .price-content:before,
.theme--light .analytic-v1-wrapper .price-content-container .token-info .timestamp,
.theme--light .analytic-v1-wrapper .react-dropdown-select .price-content:before,
.theme--light .analytic-v1-wrapper .react-dropdown-select .token-info .timestamp {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.theme--light .analytic-v1-wrapper .chart-control-checkbox:hover {
  background-color:#fff9
}
.theme--light .analytic-v1-wrapper .chart-cell.stats {
  background-color:#0000!important;
  border:none!important
}
.theme--light .analytic-v1-wrapper .stat-overview-wrapper {
  background:linear-gradient(116deg,#32cdef33 16.49%,#a5dbfa00 83.51%)!important;
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .analytic-v1-wrapper .total-stat-delta {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .rdrNextPrevButton {
  border:1px solid #1d2429!important
}
.theme--light .analytic-v1-wrapper .rdrPprevButton i {
  border-color:#0000 #1d2429 #0000 #0000!important
}
.theme--light .analytic-v1-wrapper .rdrNextButton i {
  border-color:#0000 #0000 #0000 #1d2429!important
}
.theme--light .analytic-v1-wrapper .rdrWeekDays span {
  color:#849095!important
}
.theme--light .analytic-v1-wrapper .rdrDayNumber span {
  color:#1d2429!important
}
.theme--light .analytic-v1-wrapper .rdrMonthAndYearPickers select {
  background:#fff!important;
  border:1px solid #34495e!important;
  color:#000!important
}
.theme--light .analytic-v1-wrapper .body-table a {
  background:#fff!important;
  border:1px solid #0d1a1612
}
.theme--light .analytic-v1-wrapper .time-wrapper div {
  color:#0d1a16b3
}
.theme--light .analytic-v1-wrapper .time-wrapper div.active {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .no-data-record {
  border:1px solid #0d1a1612
}
.theme--light .analytic-v1-wrapper .border-theme tr:not(:first-child) {
  border-radius:12px;
  box-shadow:0 0 0 1px rgba(13,26,22,.071)
}
.theme--light .analytic-v1-wrapper .border-theme a:has(img[alt=share]):hover img {
  filter:invert(82%) sepia(64%) saturate(513%) hue-rotate(87deg) brightness(98%) contrast(97%)
}
.theme--light .analytic-v1-wrapper .border-theme a:has(img[alt=share]) img {
  filter:brightness(0)
}
.theme--light .analytic-v1-wrapper .account-postion-details {
  color:#1d2429!important
}
.theme--light .analytic-v1-wrapper .link-share img {
  filter:brightness(0)
}
.theme--light .analytic-v1-wrapper .position-detail-head {
  border-bottom:1px dashed #0009
}
.theme--light .analytic-v1-wrapper .position-detail-head .name,
.theme--light .analytic-v1-wrapper .position-detail-head .wallet-top {
  color:#0d1a16
}
.theme--light .analytic-v1-wrapper .position-detail-head .price {
  color:#0d1a16b3
}
.theme--light .analytic-v1-wrapper .position-detail-head .price .value,
.theme--light .analytic-v1-wrapper .position-detail-head a {
  color:#0d1a16
}
.theme--light .analytic-v1-wrapper .position-detail-content .title {
  color:#0d1a16b3
}
.theme--light .analytic-v1-wrapper .position-detail-content .title .value,
.theme--light .analytic-v1-wrapper .position-detail-content .title span {
  color:#0d1a16
}
.theme--light .analytic-v1-wrapper .row-item-body {
  border-radius:12px;
  box-shadow:0 0 0 1px #0d1a1612
}
.theme--light .analytic-v1-wrapper .row-item-body td {
  background:#fff
}
.theme--light .analytic-v1-wrapper .table-head th {
  color:#0d1a16b3!important
}
.theme--light .analytic-v1-wrapper .account-container .info span {
  color:#000
}
.theme--light .analytic-v1-wrapper .account-container .info a:has(img[alt=share]):hover img {
  filter:invert(82%) sepia(64%) saturate(513%) hue-rotate(87deg) brightness(98%) contrast(97%)
}
.theme--light .analytic-v1-wrapper .account-container .info a:has(img[alt=share]) img {
  filter:brightness(0)
}
.theme--light .analytic-v1-wrapper .account-container .group-info .child {
  background:#fff;
  border:1px solid #0d1a1612
}
.theme--light .analytic-v1-wrapper .account-container .group-info .child .label {
  color:rgba(13,26,22,.698)!important
}
.theme--light .analytic-v1-wrapper .account-container .btn.btn-primary.btn-left.btn-lg:not(.search-btn) {
  border:1px solid #0d1a1612
}
.theme--light .analytic-v1-wrapper .account-container .btn.btn-primary.btn-left.btn-lg:not(.search-btn):hover {
  background:#02b27f26
}
.theme--light .analytic-v1-wrapper .account-container .sub-tabs {
  font-size:12px!important
}
.theme--light .analytic-v1-wrapper .account-container .sub-tabs .child {
  color:#0009
}
.theme--light .analytic-v1-wrapper .account-container .sub-tabs .child:hover {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .account-container .table,
.theme--light .analytic-v1-wrapper .account-container .table-mobile {
  background:#fff;
  border:1px solid #0d1a1612
}
.theme--light .analytic-v1-wrapper .account-container .table .header .child,
.theme--light .analytic-v1-wrapper .account-container .table-mobile .header .child {
  color:rgba(13,26,22,.698)!important;
  font-size:12px
}
.theme--light .analytic-v1-wrapper .account-container .table .content .time,
.theme--light .analytic-v1-wrapper .account-container .table .header .child .Tooltip-handle,
.theme--light .analytic-v1-wrapper .account-container .table-mobile .content .time,
.theme--light .analytic-v1-wrapper .account-container .table-mobile .header .child .Tooltip-handle {
  color:rgba(13,26,22,.698)!important
}
.theme--light .analytic-v1-wrapper .account-container .coin {
  color:#0d1a16!important
}
.theme--light .analytic-v1-wrapper .view-details a {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .view-details a:hover {
  color:#02845e!important
}
.theme--light .analytic-v1-wrapper .position-history-mobile-wrapper {
  background:#fff!important
}
.theme--light .analytic-v1-wrapper .position-history-mobile-wrapper .body-position-mobile-wrapper div:before,
.theme--light .analytic-v1-wrapper .position-trader-wrapper div:before {
  color:#0d1a16b3!important
}
.theme--light .analytic-v1-wrapper .title.liquidation .value {
  color:#d49007!important
}
.theme--light .analytic-v1-wrapper .header-table {
  font-size:12px!important
}
.theme--light .analytic-v1-wrapper .header-table span {
  color:rgba(13,26,22,.698)!important
}
.theme--light .analytic-v1-wrapper .btn-label {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .btn-label:hover {
  color:#03805b
}
.theme--light .analytic-v1-wrapper .reload path {
  color:#0d1a16b3!important
}
.theme--light .analytic-v1-wrapper .copy-code,
.theme--light .analytic-v1-wrapper .reload:hover path {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .code-item-group {
  background-color:#fff!important;
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-v1-wrapper .minus {
  color:#d62f44!important
}
.theme--light .analytic-v1-wrapper .account-container .table .content,
.theme--light .analytic-v1-wrapper .account-container .table .theme--light {
  border-bottom:1px dashed #0d1a1612
}
.theme--light .analytic-v1-wrapper .account-container .btn-left {
  border:1px solid #0d1a1612
}
.theme--light .analytic-v1-wrapper .account-container .btn-left span {
  color:#0d1a16!important
}
.theme--light .analytic-v1-wrapper .account-container .btn-left:hover {
  background:#0000!important;
  border:1px solid #02b27f!important
}
.theme--light .analytic-v1-wrapper .account-container .btn-left:hover span {
  color:#02b27f!important
}
.theme--light .analytic-v1-wrapper .account-container .search-btn {
  border:none
}
.theme--light .analytic-v1-wrapper .account-container .search-btn:hover {
  border:none!important
}
.theme--light .analytic-v1-wrapper .account-container .search-btn:hover span {
  color:#02b27f!important;
  opacity:1!important
}
.theme--light .analytic-v1-wrapper .account-container .no-data-record {
  border:1px solid #0d1a1612!important;
  margin-top:12px!important
}
.version-container {
  background:#ffffff1a;
  background:var(--Border,#ffffff1a);
  border-radius:12px;
  display:flex;
  margin-bottom:12px;
  margin-top:24px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.version-container .version-content {
  align-items:center;
  border-radius:12px;
  color:#fff;
  cursor:pointer;
  display:flex;
  font-size:14px;
  font-weight:500;
  justify-content:center;
  min-width:100px;
  padding:16px;
  text-decoration:none
}
.version-container .version-content:hover {
  background:#ffffff1a;
  background:var(--Border,#ffffff1a)
}
.version-container .version-content--active {
  background:#ffffff1a!important;
  background:var(--Border,#ffffff1a)!important
}
.version-container-leaderboad {
  background:#191b2e
}
.v2-container {
  align-items:center;
  display:flex;
  justify-content:space-between;
  margin:auto;
  max-width:1368px;
  padding-left:24px;
  padding-right:24px;
  width:100%
}
@media screen and (max-width:700px) {
  .v2-container {
    padding-left:16px;
    padding-right:16px
  }
}
.v2-container {
  padding-bottom:286px
}
.analytic-v1-wrapper--light {
  background:linear-gradient(180deg,#f7fffd,#eef1f7)!important
}
.analytic-v1-wrapper--light .title-head {
  color:#000!important
}
.text-white {
  color:#fff!important
}
.theme--light .analytic-container .desc {
  color:#0d1a16b3!important
}
.theme--light .recharts-cartesian-axis-ticks text {
  fill:#0d1a16!important
}
.theme--light .leaderboard-container .desc {
  color:#fff!important
}
.theme--light .chart-cell-primary,
.theme--light .trending-asset-chart,
.theme--light .volume-by-asset-charts {
  background-color:#fff!important;
  border:1px solid #0d1a1612!important
}
.theme--light .trending-asset-chart .data-row *,
.theme--light .volume-by-asset-charts .custom-tooltip .date {
  color:#fff!important
}
.theme--light .volume-by-asset-charts .body-row,
.theme--light .volume-by-asset-charts .header {
  border-bottom:1px solid #0d1a1612!important
}
.theme--light .analytic-container-merged .stat-overview-wrapper {
  background:none!important;
  border:none!important
}
.theme--light .analytic-container-merged .stat-overview-wrapper .stats {
  background:linear-gradient(139deg,#32a4ef33 8.79%,#a5dbfa00)!important;
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-container-merged .stat-overview-wrapper .stats .version-name {
  color:#0d1a16b3!important
}
.theme--light .analytic-container-merged .title {
  color:#000
}
.theme--light .analytic-container-merged .overview-interest .item-overview {
  background:linear-gradient(139deg,#32a4ef33 8.79%,#a5dbfa00)!important;
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-container-merged .overview-interest .item-overview .title-overview {
  color:#0d1a16b3!important
}
.theme--light .analytic-container-merged .report .item-user {
  background:linear-gradient(139deg,#32a4ef33 8.79%,#a5dbfa00)!important;
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-container-merged .report .item-user .item-title {
  color:#0d1a16b3!important
}
.theme--light .analytic-container-merged .trader-profit-overview .content .item {
  background:linear-gradient(139deg,#32a4ef33 8.79%,#a5dbfa00)!important;
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-container-merged .trader-profit-overview .content .item .title {
  color:#0d1a16b3!important
}
.theme--light .analytic-v2-container {
  background:linear-gradient(180deg,#f7fffd,#eef1f7)
}
.theme--light .analytic-v2-container .analytic-container-body .desc,
.theme--light .analytic-v2-container .analytic-container-body .desc a {
  color:rgba(13,26,22,.698)
}
.theme--light .analytic-v2-container .tab-container {
  background:#0d1a1612;
  background:var(--Border,#0d1a1612)
}
.theme--light .analytic-v2-container .tab-container .tab--item:hover div {
  color:#02b27f
}
.theme--light .analytic-v2-container .tab-container .tab--actived {
  background:#02b27f26;
  background:var(--HighLight,#02b27f26)
}
.theme--light .analytic-v2-container .tab-container .tab--actived div {
  color:#02b27f;
  color:var(--Primary,#02b27f)
}
.theme--light .analytic-v2-container .banner-wrapper {
  background-image:radial-gradient(100% 579.11% at 100% 0,#007ecc 0,#223966 100%)
}
.theme--light .analytic-v2-container .title-styled {
  color:#000!important
}
.theme--light .analytic-v2-container .title-banner-styled {
  color:#fff!important
}
.theme--light .analytic-v2-container .desc-warning {
  color:#0d1a16b3!important
}
.theme--light .analytic-v2-container .stats-box-group {
  background:linear-gradient(139deg,#32a4ef33 8.79%,#a5dbfa00)!important;
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-v2-container .rdrDayPassive,
.theme--light .analytic-v2-container .total-stat-label {
  color:#0d1a16b3!important
}
.theme--light .analytic-v2-container .body-row,
.theme--light .analytic-v2-container .chart-cell,
.theme--light .analytic-v2-container .cricle-chart-cell,
.theme--light .analytic-v2-container .header,
.theme--light .analytic-v2-container .inner-chart,
.theme--light .analytic-v2-container .react-dropdown-select {
  border:1px solid #0d1a1612!important
}
.theme--light .analytic-v2-container .rdrCalendarWrapper,
.theme--light .analytic-v2-container .react-dropdown-select,
.theme--light .analytic-v2-container .react-dropdown-select-dropdown {
  background:#fff!important
}
.theme--light .analytic-v2-container .rdrNextPrevButton {
  border:1px solid #1d2429!important
}
.theme--light .analytic-v2-container .rdrPprevButton i {
  border-color:#0000 #1d2429 #0000 #0000!important
}
.theme--light .analytic-v2-container .rdrNextButton i {
  border-color:#0000 #0000 #0000 #1d2429!important
}
.theme--light .analytic-v2-container .rdrWeekDays span {
  color:#849095!important
}
.theme--light .analytic-v2-container .rdrDayNumber span {
  color:#1d2429!important
}
.theme--light .analytic-v2-container .rdrMonthAndYearPickers select {
  background:#fff!important;
  border:1px solid #34495e!important;
  color:#000!important
}
.theme--light .analytic-v2-container .recharts-layer text {
  fill:rgba(13,26,22,.698)!important
}
.theme--light .analytic-v2-container .custom-tooltip {
  background-color:#5e6673!important;
  border:none!important;
  box-shadow:0 8px 16px 0 #00000040!important
}
.theme--light .analytic-v2-container .custom-tooltip .data,
.theme--light .analytic-v2-container .custom-tooltip .date,
.theme--light .analytic-v2-container .custom-tooltip .label,
.theme--light .analytic-v2-container .custom-tooltip .value {
  color:#fff
}
.theme--light .analytic-v2-container .inner-chart.volume-by-asset-charts .body-row,
.theme--light .analytic-v2-container .inner-chart.volume-by-asset-charts .header {
  border:none!important;
  border-bottom:1px solid #0d1a1612!important
}
.theme--light .analytic-v2-container .pie-chart-custom tspan {
  fill:#000!important
}
.bridge-wrapper .form-bridge .chains .chain-select-dropdown .dropdown-name {
  display:flex;
  justify-content:space-between
}
.bridge-wrapper .form-bridge .transfer-amount {
  margin-top:20px
}
.bridge-wrapper .form-bridge .transfer-amount input::placeholder {
  color:#fff
}
@media screen and (max-width:700px) {
  .bridge-wrapper .form-bridge {
    padding:16px
  }
  .bridge-wrapper .form-bridge .recieve-info .reciever {
    align-items:flex-start;
    display:flex;
    flex-direction:column
  }
  .bridge-wrapper .form-bridge .recieve-info .reciever img {
    display:none
  }
}
.bridge-wrapper .input-box {
  background:#191b2e;
  background:var(--v-3-natural-1,#191b2e);
  border:1px solid #ffffff1a;
  border:1px solid var(--white-10,#ffffff1a);
  border-radius:8px;
  display:flex;
  height:48px;
  justify-content:space-between;
  padding:12px 16px
}
.bridge-wrapper .input-box .input-token {
  align-items:center;
  display:flex
}
.bridge-wrapper .input-box .input-token .input-token-ic {
  height:24px;
  margin-right:8px;
  width:24px
}
.new-container {
  margin-left:auto;
  margin-right:auto;
  max-width:872px;
  padding-bottom:286px;
  padding-top:64px;
  width:100%
}
@media screen and (max-width:870px) {
  .new-container {
    padding-left:24px;
    padding-right:24px
  }
}
@media screen and (max-width:700px) {
  .new-container {
    padding-left:16px;
    padding-right:16px;
    padding-top:21px
  }
}
.frame-427320323,
.frame-427320323 * {
  box-sizing:border-box
}
.frame-427320323 {
  gap:24px
}
.frame-427320322,
.frame-427320323 {
  align-items:flex-start;
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  justify-content:flex-start;
  position:relative
}
.frame-427320322 {
  align-self:stretch;
  gap:8px
}
.up-to-the-minute-and-accurate-updates-on-cryptocurrency-news {
  align-self:stretch;
  color:#fff;
  font:700 24px/140% Roboto,sans-serif;
  font:var(--small-title-bold,700 24px/140% "Roboto",sans-serif);
  line-height:140%;
  position:relative;
  text-align:left
}
@media screen and (max-width:700px) {
  .up-to-the-minute-and-accurate-updates-on-cryptocurrency-news {
    font-size:16px
  }
}
.frame-427320153 {
  align-items:center;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:8px;
  justify-content:flex-start;
  position:relative;
  width:100%
}
.aggregated-by-crypto-panic {
  color:#fff9;
  color:var(--white-60,#fff9);
  font:400 14px/140% Roboto,sans-serif;
  font:var(--body-regular,400 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.image-126 {
  height:32px;
  width:32.23px
}
.frame-427320321,
.image-126 {
  flex-shrink:0;
  position:relative
}
.frame-427320321 {
  flex-direction:column;
  gap:12px
}
.frame-427319432,
.frame-427320321 {
  align-items:flex-start;
  display:flex;
  justify-content:flex-start
}
.frame-427319432 {
  background:#191b2e;
  background:var(--v-3-natural-1,#191b2e);
  border-radius:16px;
  flex-direction:row;
  flex-shrink:0;
  gap:0;
  padding:8px;
  position:relative
}
@media screen and (max-width:700px) {
  .frame-427319432 {
    justify-content:space-between;
    width:100%
  }
}
.frame-427319413 {
  align-items:center;
  background:#ffffff1a;
  background:var(--white-10,#ffffff1a);
  border-radius:12px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:4px;
  justify-content:center;
  padding:12px 16px;
  position:relative
}
.all {
  color:#fff;
  color:var(--white-100,#fff);
  font:500 14px/140% Roboto,sans-serif;
  font:var(--body-medium,500 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.frame-427319414 {
  align-items:center;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:4px;
  justify-content:center;
  padding:12px 16px;
  position:relative
}
@media screen and (max-width:700px) {
  .frame-427319414 {
    padding:12px 14px
  }
}
.hot {
  color:#fff;
  color:var(--white-100,#fff);
  font:500 14px/140% Roboto,sans-serif;
  font:var(--body-medium,500 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.frame-427319415 {
  align-items:center;
  border-radius:12px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:4px;
  justify-content:center;
  padding:12px 16px;
  position:relative
}
.rising {
  color:#fff;
  font:500 14px/140% Roboto,sans-serif;
  font:var(--body-medium,500 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.frame-427319416 {
  align-items:center;
  border-radius:12px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:4px;
  justify-content:center;
  padding:12px 16px;
  position:relative
}
.bullish {
  color:#fff;
  font:500 14px/140% Roboto,sans-serif;
  font:var(--body-medium,500 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.frame-427319417 {
  align-items:center;
  border-radius:12px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:4px;
  justify-content:center;
  padding:12px 16px;
  position:relative
}
.important {
  color:#fff;
  font:500 14px/140% Roboto,sans-serif;
  font:var(--body-medium,500 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.frame-427320319 {
  align-items:flex-start;
  background:#191b2e;
  background:var(--v-3-natural-1,#191b2e);
  border-radius:16px;
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  gap:16px;
  justify-content:flex-start;
  padding:24px;
  position:relative;
  width:100%
}
@media screen and (max-width:700px) {
  .frame-427320319 {
    padding:16px
  }
}
.frame-427320320 {
  flex-direction:column
}
.frame-427320320,
.news-item {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  flex-shrink:0;
  gap:0;
  justify-content:flex-start;
  position:relative
}
.news-item {
  flex-direction:row
}
.frame-427320316 {
  align-items:center;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  flex-shrink:0;
  gap:0;
  justify-content:flex-start;
  padding:0 24px 0 0;
  position:relative
}
@media screen and (max-width:700px) {
  .frame-427320316 {
    padding:0 16px 0 0
  }
}
._25-min {
  color:#fff;
  font:400 14px/140% Roboto,sans-serif;
  font:var(--body-regular,400 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:center;
  width:60px
}
@media screen and (max-width:700px) {
  ._25-min {
    width:50px
  }
}
.rectangle-3332 {
  background:#ffffff1a;
  flex:1 1;
  position:relative;
  width:1px
}
.frame-427320318 {
  flex:1 1;
  flex-direction:column;
  gap:10px;
  padding:0 0 36px
}
.frame-427320315,
.frame-427320318 {
  align-items:flex-start;
  display:flex;
  justify-content:flex-start;
  position:relative
}
.frame-427320315 {
  align-self:stretch;
  flex-direction:column;
  gap:8px
}
.cosmos-vs-polkadot-is-there-a-clear-winner {
  align-self:stretch;
  color:#fff;
  font:700 14px/140% Roboto,sans-serif;
  font:var(--body-bold,700 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.cosmos-vs-polkadot-is-there-a-clear-winner:hover {
  text-decoration:underline
}
.link-open {
  text-decoration:none;
  width:100%
}
.cosmos-and {
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  align-self:stretch;
  color:#fff9;
  display:-webkit-box;
  font:400 14px/140% Roboto,sans-serif;
  font:var(--body-regular,400 14px/140% "Roboto",sans-serif);
  max-width:100%;
  overflow:hidden;
  position:relative;
  text-align:left;
  text-overflow:ellipsis
}
.frame-427320314 {
  flex-wrap:wrap;
  gap:8px
}
.frame-427320313,
.frame-427320314 {
  align-items:flex-start;
  display:flex;
  flex-direction:row;
  justify-content:flex-start;
  position:relative
}
.frame-427320313 {
  flex-shrink:0;
  gap:4px
}
.frame-427320309 {
  align-items:flex-start;
  background:#212333;
  background:var(--nature-2-2,#212333);
  border-radius:4px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:10px;
  justify-content:flex-start;
  padding:2px 8px;
  position:relative
}
.dot {
  color:#03f5ae;
  color:var(--main-primary,#03f5ae);
  font:400 14px/140% Roboto,sans-serif;
  font:var(--body-regular,400 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.frame-427320310 {
  align-items:flex-start;
  background:#212333;
  background:var(--nature-2-2,#212333);
  border-radius:4px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:10px;
  justify-content:flex-start;
  padding:2px 8px;
  position:relative
}
.atom {
  color:#03f5ae;
  color:var(--main-primary,#03f5ae);
  font:400 14px/140% Roboto,sans-serif;
  font:var(--body-regular,400 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.frame-427320311 {
  align-items:flex-start;
  border-color:#212333;
  border-color:var(--nature-2-2,#212333);
  border-radius:4px;
  border-style:solid;
  border-width:1px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:10px;
  justify-content:flex-start;
  padding:2px 8px;
  position:relative
}
.ambcrypto-com {
  color:#ffdf76;
  color:var(--warning,#ffdf76);
  font:400 14px/140% Roboto,sans-serif;
  font:var(--body-regular,400 14px/140% "Roboto",sans-serif);
  position:relative;
  text-align:left
}
.button {
  align-items:center;
  border:1px solid #ffffff1a;
  border-radius:8px;
  display:flex;
  flex-direction:row;
  flex-shrink:0;
  gap:4px;
  height:40px;
  justify-content:flex-start;
  padding:8px 16px;
  position:relative
}
.button:hover {
  border-color:#34f5ae
}
@media screen and (max-width:700px) {
  .button {
    display:flex;
    justify-content:center;
    width:100%
  }
}
.button2 {
  align-items:center;
  color:#fff;
  color:var(--white-100,#fff);
  cursor:pointer;
  display:flex;
  font:500 14px/140% Roboto,sans-serif;
  font:var(--body-medium,500 14px/140% "Roboto",sans-serif);
  justify-content:flex-start;
  position:relative;
  text-align:left
}
.button2:hover {
  color:#34f5ae!important
}
.PositionDropdown-dots-icon {
  align-items:center;
  background:#fff0;
  border:none;
  border-radius:2rem;
  color:#ffffffb3;
  display:inline-flex;
  font-size:1rem;
  margin-top:.3rem;
  padding:.5rem
}
.PositionDropdown-dots-icon:hover {
  background:#ffffff1a;
  color:#fff
}
.PositionDropdown-extra-options {
  position:relative
}
.PositionDropdown-extra-options .menu-items {
  min-width:15.5rem;
  top:1rem
}
.btn-dropdown {
  align-items:baseline;
  background:#ffffff1a;
  border:none;
  border-radius:8px;
  display:flex;
  height:48px;
  padding:8px 12px;
  position:relative;
  width:160px
}
.btn-dropdown .icon-down {
  position:absolute;
  right:8px;
  top:12px
}
.btn-dropdown .content-dropdown {
  align-items:center;
  color:#fff;
  display:flex;
  font-size:16px;
  font-weight:500;
  height:100%;
  line-height:140%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:128px
}
.btn-dropdown .content-dropdown span {
  color:#fff9;
  font-size:12px;
  font-weight:400
}
.nft-select-container {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.nft-select-container .available {
  color:#fff9
}
.nft-select-container .available span {
  color:#fff;
  font-weight:700
}
.nft-select-container .info {
  align-items:center;
  display:flex;
  gap:12px
}
@media screen and (max-width:400px) {
  .nft-select-container .info {
    gap:8px
  }
}
.nft-select-container .info .selected {
  color:#fff9
}
.nft-select-container .info .selected span {
  color:#fff;
  font-weight:700
}
.nft-select-container .info .select-btn {
  color:#03f5ae;
  cursor:pointer
}
.nft-list {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:12px;
  max-height:240px;
  overflow-y:auto;
  padding-right:10px
}
@media screen and (max-width:700px) {
  .nft-list {
    padding-right:8px
  }
}
.nft-list .list-item-selected {
  border:1px solid #03f5ae
}
.nft-list .list-item {
  align-items:center;
  background:#191b2e;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  gap:12px;
  padding:12px;
  width:calc(50% - 6px)
}
@media screen and (max-width:700px) {
  .nft-list .list-item {
    width:100%!important
  }
}
.nft-list .list-item .nft-info {
  display:flex;
  flex-direction:column;
  gap:4px
}
.nft-list .list-item .nft-info .title {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.nft-list .list-item .nft-info .info {
  opacity:.6
}
.nft-list .list-item .nft-info .info span {
  font-size:12px;
  line-height:140%
}
.actions {
  margin-top:24px;
  width:100%
}
.actions button {
  align-items:center;
  display:flex;
  height:40px;
  justify-content:center;
  margin:0;
  width:100%
}
.nft-selected-container {
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.nft-selected-container .nft-selected-item {
  position:relative
}
.nft-selected-container .nft-selected-item .main-nft {
  border-radius:12px;
  height:64px;
  position:relative;
  width:64px;
  z-index:1
}
.nft-selected-container .nft-selected-item .ic-close {
  cursor:pointer;
  position:absolute;
  right:-2px;
  top:-2px;
  z-index:3
}
.nft-selected-container .nft-selected-item .ic-close img {
  height:16px;
  width:16px
}
.nft-selected-container .nft-selected-item .overlay {
  background:#000000b3;
  border-radius:12px;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:2
}
.modals-container .StakeModal .Modal-content {
  max-width:592px;
  width:90%
}
.txt-muted {
  color:#fff9
}
.modal-mint .menu-items {
  background:#191b2e
}
.modal-mint .menu-items .menu-item {
  color:#fff;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:140%;
  padding:8px 16px
}
.modal-mint .menu-items .menu-item:hover {
  background:#20233b!important
}
.modal-mint .Modal-content .Modal-body {
  overflow-x:hidden;
  padding:0 24px 24px!important
}
.modal-mint.theme--light .last-mint-label {
  background:#0d1a16b3!important;
  background:var(--Text-Text_Secondary,#0d1a16b3)!important;
  color:#fff!important
}
.red-warning {
  color:#f6475d;
  margin-top:8px
}
.modal-confirm-mint {
  z-index:10000
}
.modal-confirm-mint .Modal-content {
  width:400px
}
.modal-mint {
  background:#ffffff0d
}
.modal-mint,
.modal-mint .Modal-content {
  -webkit-backdrop-filter:blur(35px);
  backdrop-filter:blur(35px);
  border:2px solid #ffffff1a
}
.modal-mint .Modal-content {
  background:#ffffff0d!important;
  border-radius:36px!important;
  max-width:872px
}
.modal-mint .Modal-content .Modal-body {
  margin-top:0
}
.modal-mint .Modal-content .Modal-title-bar {
  margin-bottom:0
}
@media screen and (max-width:768px) {
  .modal-mint .Modal-content {
    max-width:calc(100vw - 32px)
  }
  .modal-mint .Modal-content .Modal-body {
    max-height:90vh
  }
}
.modal-mint .Modal-content .divider {
  display:none
}
.modal-mint .Modal-content .Modal-body {
  border:none
}
.MintRedeemPage .stats {
  align-items:flex-start;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  gap:12px;
  margin-top:16px
}
@media screen and (max-width:767px) {
  .MintRedeemPage .stats {
    margin-top:16px
  }
}
.MintRedeemPage .stats .row {
  align-items:center;
  align-self:stretch;
  display:flex;
  justify-content:space-between
}
.MintRedeemPage .stats .row .title {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.MintRedeemPage .stats .row .value {
  color:#fff;
  color:var(--white-100,#fff);
  font-size:14px;
  font-weight:700;
  line-height:140%
}
.MintRedeemPage .action-btn {
  border-radius:12px!important;
  margin-top:20px
}
.MintRedeemPage .pool-composition {
  margin-top:64px
}
.MintRedeemPage .pool-composition .title {
  font-size:24px;
  font-style:normal;
  font-weight:700;
  line-height:140%;
  margin-bottom:24px
}
.MintRedeemPage .pool-composition .table-content {
  display:flex;
  flex-direction:column;
  gap:8px
}
.MintRedeemPage .pool-composition .table-content .td-content {
  background:#191b2e;
  background:var(--Nature-1,#191b2e);
  border-radius:12px;
  border-radius:var(--Base-Unit-S-12,12px);
  display:flex;
  padding:8px 16px
}
.MintRedeemPage .pool-composition .table-content .td-content .content {
  align-items:center;
  display:flex;
  flex:1 1
}
@media screen and (max-width:900px) {
  .MintRedeemPage .pool-composition .table-content .td-content .content:first-child {
    flex:1.3 1
  }
}
.MintRedeemPage .pool-composition .table-content .td-content .content .token-symbol-wrapper {
  display:flex;
  position:relative
}
.MintRedeemPage .pool-composition .table-content .td-content .content .token-symbol-wrapper .App-card-info-subtitle {
  display:flex
}
.MintRedeemPage .pool-composition .table-content .td-content .content .token-symbol-wrapper .asset-menu-items {
  transform:translate(-48%,32px)
}
.MintRedeemPage .pool-composition .table-content .td-content .content .token-symbol-wrapper .App-card-title-info-icon img {
  height:36px;
  width:36px
}
.MintRedeemPage .pool-composition .table-content .td-content .content .token-symbol-wrapper .App-card-title-info-text {
  display:flex;
  flex-direction:column;
  gap:4px;
  justify-content:center
}
.MintRedeemPage .pool-composition .table-content .td-header {
  background:none;
  padding:0 16px
}
.MintRedeemPage .pool-composition .table-content .td-header .content {
  color:#ffffffb3;
  color:var(--White-70,#ffffffb3)
}
@media screen and (max-width:700px) {
  .MintRedeemPage .pool-composition .table-content {
    gap:16px
  }
  .MintRedeemPage .pool-composition .table-content .td-header {
    display:none
  }
  .MintRedeemPage .pool-composition .table-content .td-content {
    flex-direction:column;
    gap:12px;
    padding:16px
  }
  .MintRedeemPage .pool-composition .table-content .td-content .content {
    display:flex;
    justify-content:flex-end;
    position:relative;
    width:100%
  }
  .MintRedeemPage .pool-composition .table-content .td-content .content:before {
    color:#ffffffb3;
    left:0;
    position:absolute
  }
  .MintRedeemPage .pool-composition .table-content .td-content .content:first-child {
    justify-content:flex-start
  }
  .MintRedeemPage .pool-composition .table-content .td-content .content:nth-child(2):before {
    content:"Amount"
  }
  .MintRedeemPage .pool-composition .table-content .td-content .content:nth-child(3):before {
    content:"Value"
  }
  .MintRedeemPage .pool-composition .table-content .td-content .content:nth-child(4):before {
    content:"Weight"
  }
  .MintRedeemPage .pool-composition {
    margin-top:24px
  }
  .MintRedeemPage .pool-composition .title {
    margin-bottom:16px
  }
}
.MintRedeemPage-box .Tab {
  display:flex
}
.MintRedeemPage-box .Tab .Tab-option {
  flex:1 1!important
}
.MintRedeemPage-content {
  display:flex;
  gap:24px;
  justify-content:space-between
}
.Tab-title {
  color:#fff;
  font-size:3.41rem;
  font-weight:500;
  letter-spacing:0
}
.Tab-description {
  color:#a9a9b0;
  letter-spacing:0;
  margin-top:.8rem
}
.Tab-description span {
  color:#f89191
}
.MintRedeemPage-from-token .Modal {
  align-items:flex-start;
  justify-content:flex-end
}
.MintRedeemPage-from-token .Modal .Modal-content {
  width:41.85rem
}
.MintRedeemPage-from-token .Modal-content {
  border:none;
  bottom:0;
  max-height:100vh;
  overflow:hidden;
  position:absolute;
  top:0;
  width:38.75rem
}
.MintRedeemPage-from-token .Modal-content .Modal-body {
  -webkit-overflow-scrolling:touch;
  -webkit-overflow-scrolling:auto;
  max-height:calc(100vh - 7.75rem);
  overflow-y:auto
}
.MintRedeemPage-content .MintRedeemPage-box,
.MintRedeemPage-content .MintRedeemPage-stats-card {
  width:100%
}
@media(max-width:767px) {
  .MintRedeemPage-content .MintRedeemPage-box,
  .MintRedeemPage-content .MintRedeemPage-stats-card {
    padding:16px!important
  }
}
.MintRedeemPage-stats-card .App-card-row .label {
  color:#a9a9b0;
  opacity:1
}
.MintRedeemPage-content .MintRedeemPage-box {
  background:#191b2e;
  border-radius:.4rem;
  border-radius:16px;
  max-width:47.95rem;
  padding:0 1.5rem 1.5rem
}
.MintRedeemPage-box .Exchange-swap-option-tabs {
  margin:0 0 1.5rem
}
.MintRedeemPage-box .Exchange-swap-option-tabs .active {
  color:#03f5ae
}
.App-card-title-mark-icon {
  display:flex;
  margin-right:.8rem;
  position:relative
}
.App-card-title-mark-icon .selected-network-symbol {
  border:1px solid #1e1f37;
  border-radius:50%;
  bottom:0;
  position:absolute;
  right:0
}
.App-card-title-mark {
  display:flex
}
.App-card-title-mark .App-card-title-mark-title {
  color:#fff;
  font-size:14px;
  font-weight:500;
  line-height:140%
}
.App-card-title-mark .App-card-title-mark-subtitle {
  color:#a9a9b0;
  font-size:1.2rem;
  letter-spacing:0;
  line-height:1.5rem
}
.MintRedeemPage-token-list {
  background:#191b2e;
  border-radius:16px;
  padding:0 1.5rem 1.5rem;
  text-align:left
}
.MintRedeemPage-token-list-content {
  display:grid;
  padding:0 1.5rem 1.5rem;
  text-align:left
}
.MintRedeemPage-box .App-card-title {
  margin-bottom:.8rem
}
.MintRedeemPage-box .Exchange-info-row {
  align-items:center;
  display:flex;
  height:1.5rem;
  justify-content:space-between;
  margin-bottom:.8rem
}
.MintRedeemPage-box .Exchange-info-row .Exchange-info-label {
  color:#a9a9b0;
  margin-right:.8rem;
  opacity:1
}
.MintRedeemPage-cta {
  margin:0 auto;
  padding-top:0;
  text-align:center
}
.MintRedeemPage-cta .Exchange-swap-button {
  font-size:var(--font-sm);
  justify-content:center;
  margin:0 auto;
  padding:0
}
.token-table {
  border-spacing:0;
  font-size:var(--font-base);
  white-space:nowrap;
  width:100%
}
.token-table .App-card-info-subtitle,
.token-table .token-symbol-wrapper {
  align-items:center;
  display:flex
}
@media(max-width:1023px) {
  .token-table {
    display:none
  }
}
.token-table td,
.token-table th {
  padding:1.1625rem
}
.token-table td {
  color:hsla(0,0%,100%,.871);
  letter-spacing:.25px
}
.token-table td.positive {
  color:#34f5ae
}
.token-table td.negative {
  color:#f6475d
}
.token-table td:first-child,
.token-table th:first-child {
  padding-left:1.5rem;
  width:26.35rem
}
.token-table td:last-child,
.token-table th:last-child {
  padding-right:1.5rem;
  width:17rem
}
.token-table th {
  color:#a9a9b0;
  font-weight:400;
  letter-spacing:.25px;
  text-align:left
}
.token-table .action-btn {
  justify-content:center;
  width:100%
}
.cap-reached {
  margin-left:.8rem
}
.AppOrder-ball-container {
  position:relative;
  z-index:2
}
.AppOrder-ball-icon {
  display:block;
  font-size:var(--font-lg);
  opacity:.7;
  text-align:center
}
.AppOrder-ball {
  align-items:center;
  background:linear-gradient(90deg,#2d42fc,#2e3dcd);
  border-radius:3.1rem;
  cursor:pointer;
  display:flex;
  height:3.565rem;
  justify-content:center;
  left:50%;
  margin-left:-1.7825rem;
  opacity:1;
  position:absolute;
  top:-2.2rem;
  -webkit-user-select:none;
  user-select:none;
  width:3.565rem
}
.AppOrder-ball:hover {
  opacity:1
}
@media(max-width:900px) {
  .MintRedeemPage-content {
    flex-direction:column-reverse
  }
  .MintRedeemPage-content .MintRedeemPage-stats-card {
    margin:0 0 3.1rem;
    max-width:100%
  }
  .MintRedeemPage-content .MintRedeemPage-box {
    margin:0;
    max-width:100%
  }
}
@media(max-width:1100px) {
  .MintRedeemPage-from-token .Modal {
    align-items:center;
    justify-content:center
  }
  .MintRedeemPage-from-token .Modal .Modal-content {
    border:none;
    bottom:auto;
    max-height:80vh;
    overflow:hidden;
    position:absolute;
    top:auto;
    width:41.85rem
  }
  .MintRedeemPage-from-token .Modal .Modal-content .Modal-body {
    max-height:calc(80vh - 8.525rem);
    overflow-y:auto
  }
  .MintRedeemPage-token-list {
    background-color:#0000;
    border:none;
    padding:0
  }
  .MintRedeemPage-token-list-content {
    padding:0
  }
}
.MintRedeemPage-stats-card {
  align-items:stretch;
  background-color:#0000!important;
  display:flex;
  flex-direction:column;
  gap:24px;
  padding:60px 0 0!important;
  position:relative;
  width:100%
}
.MintRedeemPage-stats-card .App-card-title {
  position:absolute;
  top:0
}
.MintRedeemPage-stats-card .App-card-title .App-card-title-mark-icon {
  max-height:36px
}
.MintRedeemPage-stats-card .App-card-title .App-card-title-mark-info {
  align-items:center;
  display:flex;
  gap:4px
}
.MintRedeemPage-stats-card .App-card-title .App-card-title-mark-info .value {
  color:#34f5ae
}
.MintRedeemPage-stats-card .App-card-content {
  background-image:linear-gradient(270deg,#002e58cc,#191b2ecc);
  border-radius:16px;
  display:flex;
  padding:24px
}
.MintRedeemPage-stats-card .App-card-content>div {
  flex:1 1
}
.MintRedeemPage-stats-card .App-card-content .App-card-row {
  display:flex;
  flex-direction:column;
  gap:4px
}
.MintRedeemPage-stats-card .App-card-content .App-card-row>* {
  text-align:left
}
.MintRedeemPage-stats-card .App-card-content .App-card-row .label {
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.MintRedeemPage-stats-card .App-card-content .App-card-row .value {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
@media(max-width:767px) {
  .MintRedeemPage-stats-card .App-card-content .App-card-row .value {
    font-size:14px
  }
}
.MintRedeemPage-stats-card .App-card-content .App-card-row .desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
@media(max-width:767px) {
  .MintRedeemPage-stats-card .App-card-content {
    gap:16px
  }
}
.MintRedeemPage-box {
  max-width:424px!important;
  padding:24px!important;
  width:100%
}
.MintRedeemPage-box .Exchange-swap-option-tabs {
  background-color:#191b2e;
  font-size:14px;
  font-weight:500;
  line-height:140%;
  margin-bottom:20px!important
}
.MintRedeemPage-box .token-input-wrapper .base-input-wrapper {
  margin-top:0
}
.MintRedeemPage-box .Exchange-swap-section {
  margin-bottom:0!important
}
.MintRedeemPage-box .Exchange-swap-section.buy-input {
  background-color:#11121b;
  min-height:80px;
  position:relative
}
@media(max-width:767px) {
  .MintRedeemPage-box .Exchange-swap-section.buy-input .Exchange-swap-section-bottom {
    bottom:4px;
    left:12px;
    position:absolute;
    right:12px
  }
}
.MintRedeemPage-box .Exchange-swap-input,
.MintRedeemPage-box .selected-token {
  font-size:16px;
  font-weight:500;
  line-height:140%
}
.MintRedeemPage-box .buy-input .PositionEditor-token-symbol img {
  display:block!important
}
.MintRedeemPage-box .AppOrder-ball-container {
  height:16px
}
.MintRedeemPage-box .AppOrder-ball {
  height:36px;
  top:50%!important;
  transform:translateY(-50%);
  width:36px
}
.MintRedeemPage-box .Exchange-info-row {
  margin:8px 0 22px
}
.MintRedeemPage-box .Exchange-swap-button {
  height:40px!important
}
.MintRedeemPage-box .Exchange-swap-section-bottom .Exchange-swap-label,
.MintRedeemPage-box .Exchange-swap-section-bottom>*,
.MintRedeemPage-box .Exchange-swap-section-top .Exchange-swap-label,
.MintRedeemPage-box .Exchange-swap-section-top>* {
  font-weight:400!important
}
.MintRedeemPage-box .Exchange-swap-section-bottom .Exchange-swap-balance,
.MintRedeemPage-box .Exchange-swap-section-top .Exchange-swap-balance {
  color:#fff9
}
.MintRedeemPage-box .Exchange-swap-section-bottom .PositionEditor-token-symbol,
.MintRedeemPage-box .Exchange-swap-section-top .PositionEditor-token-symbol {
  margin-left:4px
}
.MintRedeemPage-box .Exchange-swap-section-bottom .TokenSelector-box-symbol,
.MintRedeemPage-box .Exchange-swap-section-top .TokenSelector-box-symbol {
  margin-left:0
}
@media(max-width:1023px) {
  .MintRedeemPage-box {
    max-width:none!important
  }
}
.MintRedeemPage .token-table .Tooltip-popup {
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.MintRedeemPage .Page-title {
  margin-bottom:12px
}
@media(max-width:767px) {
  .MintRedeemPage .Tooltip-row-values>li {
    text-align:left!important
  }
  .MintRedeemPage .Tab-title-section {
    padding-top:64px
  }
}
.markets-content table.markets-table {
  border-collapse:initial;
  border-spacing:0 8px;
  width:100%
}
.markets-content table.markets-table th {
  color:hsla(0,0%,100%,.698)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:140%!important;
  padding-left:16px;
  text-align:left
}
.markets-content table.markets-table tbody tr {
  padding-top:8px
}
.markets-content table.markets-table tbody tr>td {
  background-color:#191b2e;
  padding:8px 16px
}
.markets-content table.markets-table tbody tr>td:first-child {
  border-bottom-left-radius:12px;
  border-top-left-radius:12px
}
.markets-content table.markets-table tbody tr>td:last-child {
  border-bottom-right-radius:12px;
  border-top-right-radius:12px
}
.markets-content table.markets-table tbody .token>div {
  align-items:center;
  display:flex;
  gap:8px;
  justify-content:flex-start
}
.markets-content table.markets-table tbody .token>div img {
  height:36px;
  width:36px
}
.markets-content table.markets-table tbody .token>div span {
  font-size:14px;
  font-weight:500;
  line-height:140%
}
.markets-content.mobile {
  align-items:stretch;
  background-color:#191b2e;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:16px
}
.markets-content.mobile .row {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.theme--light .Exchange-swap-balance {
  color:#0d1a16b3!important
}
.theme--light .MintRedeemPage-box .Tooltip-handle {
  color:rgba(13,26,22,.702)!important
}
@media screen and (max-width:700px) {
  .AppOrder-ball-container .AppOrder-ball {
    background:none!important
  }
  .AppOrder-ball-container .AppOrder-ball,
  .AppOrder-ball-container .AppOrder-ball img,
  .AppOrder-ball-container .AppOrder-ball svg {
    height:24px!important;
    width:24px!important
  }
  .Exchange-swap-ball-container .Exchange-swap-ball {
    border-radius:8px;
    border-radius:var(--Base-Unit-XS-8,8px);
    height:24px!important;
    top:-20px!important;
    width:24px!important
  }
  .Exchange-swap-ball-container .Exchange-swap-ball svg {
    height:16px!important;
    width:16px!important
  }
}
.theme--light .MintRedeemPage .pool-composition .table-content .td-content {
  background:#fff!important
}
.theme--light .MintRedeemPage .pool-composition .table-content .td-header {
  background:none!important
}
.theme--light .MintRedeemPage .pool-composition .table-content .td-header .content {
  color:#0d1a16
}
@media screen and (max-width:700px) {
  .theme--light .MintRedeemPage .pool-composition .table-content .td-content .content:before {
    color:#0d1a16
  }
}
.theme--light .account-overview-wrapper {
  background:#f2f5f7!important
}
.theme--light .account-overview-wrapper .desc-overview {
  color:#0009;
  color:var(--text-text-secondary,#0009)
}
.theme--light .account-overview-wrapper .account-address svg path {
  fill:#0d1a16
}
.theme--light .account-overview-wrapper .account-address svg:hover path {
  fill:#02b27f!important
}
.theme--light .account-overview-wrapper .account-overview {
  background:radial-gradient(285.88% 111.8% at 100% 0,#f2fffb 0,#daf2eb 100%)!important;
  border:1px solid #0d1a1612!important;
  border:1px solid var(--Border,#0d1a1612)!important
}
.theme--light .account-overview-wrapper .border-btn-2 {
  border:1px solid #2425261a!important;
  border:1px solid var(--Border_Highlight,#2425261a)!important;
  color:#000!important
}
.theme--light .account-overview-wrapper .stats-boxes-wrapper .box-item-wrapper {
  background:#fff!important
}
.theme--light .account-overview-wrapper .stats-boxes-wrapper .box-item-wrapper .stats-title {
  color:#0009;
  color:var(--text-text-secondary,#0009)
}
.theme--light .account-overview-wrapper .account-overview-tabs {
  color:#000!important
}
.theme--light .account-overview-wrapper .Tab-option.active {
  background:#02b27f26;
  background:var(--HighLight,#02b27f26)
}
.theme--light .account-overview-wrapper .table-content:hover {
  background:#2425261a!important;
  background:var(--Border_Highlight,#2425261a)!important
}
.theme--light .Exchange-list-header th span {
  color:#0009
}
.theme--light .App-card-divider {
  background-color:#2425261a
}
.theme--light .Exchange-list-title,
.theme--light .balance-column .Tooltip-handle {
  color:#000
}
.theme--light .account-action button.border-btn-2:hover {
  border:1px solid #296eff!important;
  color:#296eff!important
}
.theme--light .account-stt {
  background:#0000
}
.theme--light .account-stt .dot-conected {
  background:#02b27f!important
}
.theme--light .account-stt div:last-child {
  color:#02b27f
}
.account-overview-wrapper {
  background:url(/static/media/bg.b5857883bc6616281718.svg);
  background-repeat:no-repeat
}
.warning-container {
  align-items:center;
  background:#ffa7221a;
  border:1px solid #ffa722;
  border-radius:12px;
  border-radius:var(--base-unit-s-12,12px);
  display:flex;
  justify-content:space-between;
  padding:24px
}
.warning-container .warning-content {
  align-items:center;
  display:flex;
  gap:16px
}
.warning-container .warning-content .warning-info {
  display:flex;
  flex-direction:column;
  gap:8px
}
.warning-container .warning-content .warning-info .title {
  font-size:20px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.warning-container .warning-content .warning-info .desc {
  color:#fff9;
  color:var(--white-60,#fff9);
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:120%
}
@media screen and (max-width:1350px) {
  .warning-container .warning-content .warning-info .title {
    font-size:18px
  }
}
@media screen and (max-width:700px) {
  .warning-container .warning-content .warning-info {
    flex-direction:column;
    gap:8px
  }
  .warning-container .warning-content .warning-info .title {
    font-size:16px
  }
}
@media screen and (max-width:1350px) {
  .warning-container {
    gap:16px
  }
  .warning-container button {
    width:180px
  }
}
@media screen and (max-width:700px) {
  .warning-container {
    flex-direction:column;
    gap:16px;
    padding:16px
  }
  .warning-container button {
    width:100%
  }
}
.Collateral-Modal-Withdraw {
  padding:12px 16px!important
}
.Collateral-Modal-Withdraw .Modal-content {
  max-width:424px!important;
  width:100%!important
}
.Collateral-Modal-Withdraw .Modal-content .Modal-title-bar {
  margin:0;
  padding:12px 16px!important
}
.Collateral-Modal-Withdraw .Modal-description {
  font-size:14px
}
.Collateral-Modal-Withdraw .Exchange-swap-max {
  padding:2px 12px!important
}
.Collateral-Modal-Withdraw .Exchange-swap-section {
  margin:16px 0!important
}
.Collateral-Modal-Withdraw .TokenSelector .wrapper-symbol {
  align-items:center;
  display:flex;
  gap:2px
}
.Collateral-Modal-Withdraw .TokenSelector span {
  font-size:16px;
  font-weight:500;
  line-height:140%;
  padding-top:2px
}
.theme--light .swap-v2-wrapper .Exchange,
.theme--light .swap-v2-wrapper .Exchange-left {
  background:none!important
}
.theme--light .swap-v2-wrapper .Exchange-left:has(.TradeHistory.with-scroll) {
  overflow-y:hidden
}
.theme--light .swap-v2-wrapper .Exchange-left .section-with-scroll {
  align-items:stretch;
  display:flex;
  flex-direction:column
}
.theme--light .swap-v2-wrapper .Exchange-list,
.theme--light .swap-v2-wrapper .ExchangeChart,
.theme--light .swap-v2-wrapper .box-trade-swap {
  background-color:#fff!important;
  border:1px solid #0d1a1612
}
.theme--light .swap-v2-wrapper .Exchange-list {
  border-radius:16px
}
.theme--light .swap-v2-wrapper .chart-container-border {
  background:#fff!important
}
.theme--light .swap-v2-wrapper .Exchange-right {
  background:none!important
}
.theme--light .swap-v2-wrapper .Tab-option {
  color:#0d1a16b3
}
.theme--light .swap-v2-wrapper .Tab-option.active {
  background:#0d1a1612;
  color:#0d1a16
}
.Confirmation-box-wrapper {
  align-items:center;
  background:#191b2e;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:center;
  padding:16px 12px
}
.Confirmation-box-wrapper span {
  font-size:16px;
  font-weight:500;
  line-height:140%
}
.Confirmation-box-wrapper-icon {
  height:32px;
  width:32px
}
.Exchange-desc-label {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin:12px 0 24px
}
.warning-box-wrapper button {
  margin-top:0!important;
  width:100px
}
.swap-arregator-box {
  align-items:center;
  display:flex;
  justify-content:space-between;
  padding:24px 24px 0
}
.swap-arregator-box .label-box {
  font-size:16px;
  font-weight:700;
  line-height:140%
}
.swap-arregator-box .content-box {
  align-items:center;
  display:flex;
  gap:16px
}
.swap-arregator-box .content-box .content-icon-styled {
  align-items:center;
  border-radius:50%;
  display:flex;
  justify-content:center;
  position:relative;
  transition:transform .1s ease-out;
  z-index:2
}
.swap-arregator-box .content-box .content-icon-styled .reload-placeholder {
  left:0;
  position:absolute;
  top:0;
  z-index:1
}
.swap-arregator-box .content-box .content-icon-styled:after {
  border-radius:50%;
  content:"";
  height:100%;
  left:0;
  position:absolute;
  top:0;
  transform:scale(.9);
  transition:.5s;
  width:100%;
  z-index:-1
}
.swap-arregator-box .content-box .content-icon-styled:hover:before {
  box-shadow:0 0 15px #03f5ae;
  transform:scale(1.1)
}
.swap-arregator-box .content-box .content-icon-styled:hover {
  box-shadow:0 0 5px #03f5ae;
  color:#03f5ae;
  cursor:pointer;
  text-shadow:0 0 5px #03f5ae;
  transform:scale(1.1)
}
@keyframes sonarEffect {
  0% {
    opacity:.3
  }
  40% {
    box-shadow:0 0 0 .5px #ffffff1a,0 0 2px 2px #3851bc,0 0 0 4px #ffffff80;
    opacity:.5
  }
  to {
    box-shadow:0 0 0 .5px #ffffff1a,0 0 2px 2px #3851bc,0 0 0 4px #ffffff80;
    opacity:1;
    transform:scale(1.1)
  }
}
@keyframes spinAround {
  0% {
    transform:rotate(0deg)
  }
  to {
    transform:rotate(1turn)
  }
}
.powered-wrapper {
  align-items:center;
  display:flex;
  gap:8px;
  justify-content:center;
  margin-top:24px;
  width:100%
}
.powered-wrapper .powered-label {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.powered-wrapper .microswap-icon {
  cursor:pointer
}
.rate-exchange-group {
  display:flex;
  flex-direction:column;
  gap:4px;
  text-align:right
}
.rate-exchange-group .price-token-styled {
  justify-content:end
}
.rate-exchange-group .desc-rate-value {
  color:#03f5ae!important;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
@media screen and (max-width:767px) {
  .list-section-wrapper-none {
    padding-bottom:24px!important
  }
}
.list-section-wrapper {
  border:1px solid #ffffff1a;
  border-radius:16px;
  padding:24px 32px 32px;
  position:relative
}
.list-section-wrapper .content-section-wrapper {
  height:100%;
  position:relative;
  width:100%
}
.list-section-wrapper .path-swaps-wrapper {
  padding:20px 20px 0;
  width:100%
}
@media screen and (max-width:767px) {
  .list-section-wrapper .path-swaps-wrapper {
    padding:15px 15px 0
  }
}
.list-section-wrapper .item-section-container {
  border:none!important;
  display:flex;
  justify-content:space-between;
  left:0;
  position:absolute;
  top:0;
  width:100%
}
.list-section-wrapper .item-section-container .from-token-head-group,
.list-section-wrapper .item-section-container .to-token-head-group {
  align-items:center;
  border-radius:100px;
  display:flex;
  gap:4px;
  padding:4px 8px;
  top:0;
  z-index:10
}
.list-section-wrapper .item-section-container .from-token-head-group img,
.list-section-wrapper .item-section-container .to-token-head-group img {
  border-radius:100px;
  height:24px;
  width:24px
}
@media screen and (max-width:767px) {
  .list-section-wrapper .item-section-container .from-token-head-group img,
  .list-section-wrapper .item-section-container .to-token-head-group img {
    height:16px;
    width:16px
  }
}
.list-section-wrapper .item-section-wrapper {
  position:relative;
  width:100%
}
.list-section-wrapper .item-section-wrapper .from-token-head-group,
.list-section-wrapper .item-section-wrapper .to-token-head-group {
  align-items:center;
  background:#191b2e;
  border-radius:8px;
  display:flex;
  gap:4px;
  padding:2px 4px;
  top:0;
  z-index:1
}
.list-section-wrapper .item-section-wrapper .from-token-head-group img,
.list-section-wrapper .item-section-wrapper .to-token-head-group img {
  height:24px;
  width:24px
}
.list-section-wrapper .item-section-wrapper .from-token-head-group {
  left:-25px
}
.list-section-wrapper .item-section-wrapper .to-token-head-group {
  right:-25px
}
.list-section-wrapper .item-section-wrapper .token-swap-path-wrapper {
  display:flex;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  justify-content:space-evenly;
  overflow:auto;
  width:100%
}
.list-section-wrapper .item-section-wrapper .dexs-wrapper {
  display:flex;
  flex-direction:column;
  gap:8px;
  justify-content:start
}
.list-section-wrapper .item-section-wrapper .road-exchange-group {
  border-left:1px dashed #fff9;
  border-right:1px dashed #fff9;
  display:flex;
  justify-content:space-evenly;
  padding:16px 0 0;
  position:relative;
  width:100%;
  z-index:1
}
.list-section-wrapper .item-section-wrapper .road-exchange-group.last-item:before {
  border-left:1px dashed #fff9;
  border-right:1px dashed #fff9;
  content:"";
  height:48px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
.list-section-wrapper .item-section-wrapper .road-exchange-group:before {
  border-bottom:1px dashed #fff9;
  content:"";
  height:48px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:-1
}
@media screen and (max-width:767px) {
  .list-section-wrapper .item-section-wrapper .token-swap-path-wrapper {
    gap:16px;
    justify-content:normal;
    overflow:auto;
    padding:0 10px
  }
}
.list-section-wrapper .item-section-wrapper ::-webkit-scrollbar {
  display:none!important
}
.list-section-wrapper .value-token,
.list-section-wrapper .value-token-child {
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:140%;
  text-decoration:none
}
.list-section-wrapper .rate-exchange-token {
  align-items:center;
  background:#060810;
  border-radius:16px;
  display:flex;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  justify-content:center;
  margin:20px 15px 0;
  padding:4px 8px;
  z-index:1
}
.list-section-wrapper .rate-exchange-token .rate-value {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.list-section-wrapper .to-token-group-container {
  background:#191b2e;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:4px;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  min-width:125px;
  padding:8px;
  z-index:1
}
@media screen and (max-width:1350px) {
  .list-section-wrapper .to-token-group-container {
    margin-top:13px;
    min-width:0;
    min-width:auto
  }
}
.list-section-wrapper .to-token-group-container .dex-container {
  align-items:center;
  color:#fff9;
  color:var(--Text-Text_Secondary,#fff9);
  display:flex;
  font-size:10px;
  font-style:normal;
  font-weight:400;
  justify-content:start;
  line-height:140%;
  margin-left:2px;
  text-transform:capitalize;
  width:100%
}
.list-section-wrapper .to-token-group-container .dex-container img {
  border-radius:12px;
  height:12px;
  margin-right:4px;
  width:12px
}
@media screen and (max-width:1350px) {
  .list-section-wrapper .to-token-group-container .dex-container {
    display:none
  }
}
.list-section-wrapper .from-token-group,
.list-section-wrapper .to-token-group {
  align-items:center;
  display:flex;
  gap:4px
}
.list-section-wrapper .from-token-group img,
.list-section-wrapper .to-token-group img {
  border-radius:50%;
  height:24px;
  width:24px
}
.list-section-wrapper .exchange-icon {
  align-items:center;
  background:#060810;
  border-radius:50%;
  display:flex;
  height:-webkit-fit-content;
  height:-moz-fit-content;
  height:fit-content;
  justify-content:center;
  margin-top:20px;
  padding:4px;
  z-index:1
}
.list-section-wrapper .exchange-icon img {
  height:16px;
  width:16px
}
@media screen and (max-width:767px) {
  .list-section-wrapper {
    padding:16px 8px
  }
  .list-section-wrapper .from-token-head-group,
  .list-section-wrapper .to-token-head-group {
    font-size:12px;
    font-weight:400
  }
  .list-section-wrapper .from-token-head-group img,
  .list-section-wrapper .to-token-head-group img {
    height:16px;
    width:16px
  }
  .list-section-wrapper .value-token,
  .list-section-wrapper .value-token-child {
    font-size:12px
  }
  .list-section-wrapper .rate-value {
    color:#fff9;
    font-size:12px;
    font-weight:400;
    line-height:140%
  }
  .list-section-wrapper .from-token-group img,
  .list-section-wrapper .to-token-group img {
    height:12px;
    width:12px
  }
  .list-section-wrapper .exchange-icon img {
    height:8px;
    width:8px
  }
}
.spot-aggregator-wrapper .Modal {
  padding:0 16px
}
.spot-aggregator-wrapper .Modal .Modal-content {
  max-width:400px!important;
  width:100%!important
}
.spot-aggregator-wrapper .Modal .Modal-content .Modal-title-bar {
  margin:12px 24px
}
.align-right {
  align-items:center!important
}
.spot-arregator-container {
  margin-top:0!important;
  padding-top:24px!important
}
.spot-arregator-container .Exchange-content {
  flex:1 1;
  height:100%!important
}
.warning-box-wrapper {
  align-items:center;
  background:#ffb2001a;
  border:1px solid #ffb200;
  border:1px solid var(--Functional-Orange,#ffb200);
  border-radius:12px;
  border-radius:var(--Base-Unit-S-12,12px);
  display:flex;
  gap:16px;
  justify-content:space-between;
  padding:12px 16px
}
.warning-box-wrapper .warning-icon {
  height:24px;
  margin-right:16px;
  width:24px
}
.warning-box-wrapper .text-desc {
  font-size:14px;
  font-weight:500;
  line-height:140%
}
.stroke-line {
  background:#ffffff1a;
  height:1px;
  margin-bottom:16px;
  margin-left:-24px;
  width:calc(100% + 48px)
}
.theme--light .stroke-line {
  background:#0d1a1612!important
}
.theme--light .pin-tokens .token-info {
  border:1px solid #0d1a1612!important
}
.pin-tokens {
  flex-wrap:wrap;
  margin-bottom:16px
}
.pin-tokens,
.pin-tokens .token-info {
  align-items:center;
  display:flex;
  gap:8px
}
.pin-tokens .token-info {
  border:1px solid #ffffff1a;
  border:1px solid var(--Border,#ffffff1a);
  border-radius:8px;
  border-radius:var(--Base-Unit-XS-8,8px);
  cursor:pointer;
  padding:6px
}
.pin-tokens .token-info:hover {
  background:rgba(128,138,255,.078)
}
.pin-tokens .token-info img {
  height:20px;
  width:20px
}
.pin-tokens .token-info .symbol {
  font-size:16px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.Exchange-swap-box-inner {
  padding:24px!important
}
.Exchange-swap-box-inner .Exchange-swap-max:hover {
  background:#04d397!important
}
.Tooltip-popup {
  opacity:1!important
}
.TokenSelector .Modal {
  padding:0!important
}
.Confirmation-box-button:hover,
.Exchange-swap-button:hover {
  background-color:#04d397
}
.theme--light .spot-aggregator-wrapper .Exchange {
  background:none!important
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .value-token {
  color:#0d1a16!important
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .road-exchange-group,
.theme--light .spot-aggregator-wrapper .Exchange-lists .road-exchange-group:before {
  border-color:#0d1a16b3!important
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .rate-exchange-token {
  background-color:#f2f5f7
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .rate-exchange-token .rate-value {
  color:#0d1a16b3!important
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .to-token-group-container {
  background-color:#fff
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .to-token-group-container a {
  color:#0d1a16!important
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .to-token-group-container .dex-container {
  color:#0d1a16b3!important
}
.theme--light .spot-aggregator-wrapper .Exchange-lists .exchange-icon {
  background:#f2f5f7!important
}
.theme--light .spot-aggregator-wrapper .Exchange-left {
  background:none!important
}
.theme--light .spot-aggregator-wrapper .Exchange-left:has(.TradeHistory.with-scroll) {
  overflow-y:hidden
}
.theme--light .spot-aggregator-wrapper .Exchange-left .section-with-scroll {
  align-items:stretch;
  display:flex;
  flex-direction:column
}
.theme--light .spot-aggregator-wrapper .list-section-wrapper {
  border:1px solid #0d1a1612!important
}
.theme--light .spot-aggregator-wrapper .Exchange-list,
.theme--light .spot-aggregator-wrapper .ExchangeChart,
.theme--light .spot-aggregator-wrapper .box-trade-swap {
  background-color:#fff!important;
  border:1px solid #0d1a1612
}
.theme--light .spot-aggregator-wrapper .Exchange-list {
  border-radius:16px
}
.theme--light .spot-aggregator-wrapper .chart-container-border {
  background:#fff!important
}
.theme--light .spot-aggregator-wrapper .Exchange-right {
  background:none!important
}
.theme--light .spot-aggregator-wrapper .Tab-option {
  color:#0d1a16b3
}
.theme--light .spot-aggregator-wrapper .Tab-option.active {
  background:#0d1a1612;
  color:#0d1a16
}
.theme--light .spot-aggregator-wrapper .powered-wrapper .powered-label {
  color:rgba(13,26,22,.698)!important
}
.theme--light .spot-aggregator-wrapper .from-token-head-group,
.theme--light .spot-aggregator-wrapper .to-token-head-group {
  background:#f2f5f7!important
}
.theme--light .spot-aggregator-wrapper .Confirmation-box-wrapper {
  background:#fff!important
}
.theme--light .spot-aggregator-wrapper .Modal-content {
  background:#f2f5f7!important
}
.theme--light .spot-aggregator-wrapper .btn-clear-all div {
  color:#02b27f!important
}
.theme--light .spot-aggregator-wrapper .transaction-status path {
  fill:#02b27f!important
}
.theme--light .spot-aggregator-wrapper .percent-slippage {
  color:#02b27f!important
}
.theme--light .spot-aggregator-wrapper .Exchange-swap-max:hover {
  background:#02845e!important
}
.no-result-searched {
  align-items:center;
  display:flex;
  justify-content:center;
  min-height:200px
}
.css-j1tvsc-bridgeContent {
  max-width:100%!important
}
.css-11ki0a5-appContent {
  font-size:16px!important;
  padding:0!important
}
.css-11ki0a5-appContent .MuiSelect-select {
  align-items:center;
  display:flex;
  font-size:16px!important;
  padding:12px 32px 12px 14px!important
}
.css-1sv8cli {
  font-size:16px!important
}
.css-opkrz7-container {
  font-size:14px!important;
  margin-top:50px!important
}
.css-vubbuv {
  font-size:22px!important
}
.css-qxu2nm {
  font-size:14px!important
}
.css-o2y64n-input {
  font-size:18px!important;
  padding:8px 0!important
}
.css-1pl2bhg-tab {
  font-size:14px!important
}
.css-1y3ivw0-multiLineChip,
.css-9mwlbc-multiLineChip {
  font-size:12px!important
}
.css-3dluyq-routeTitle {
  font-size:15px!important
}
.css-wkojpu-price {
  font-size:12px!important
}
.css-30z2fb-dropdownItem {
  font-size:16px!important
}
.css-a5dm9k-container {
  padding:12px 16px!important
}
.css-yop3gh {
  font-size:20px!important
}
.css-1xsto0d {
  font-size:14px!important
}
.css-1fgn3s2-action {
  background-color:#2b996b!important;
  color:#fff!important
}
.css-1fylc76-addToken {
  font-size:14px!important
}
.css-1ucts4o-container {
  height:22px!important;
  width:22px!important
}
.react-datepicker__input-container {
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.react-datepicker__input-container input {
  color:#87878b;
  font-size:14px;
  height:20px;
  padding:0;
  width:100px
}
.react-datepicker-wrapper {
  width:-webkit-fit-content!important;
  width:-moz-fit-content!important;
  width:fit-content!important
}
.react-datepicker {
  background-color:#29292c;
  border:none;
  position:relative
}
.react-datepicker__header {
  background:#29292c;
  display:flex;
  flex-direction:column;
  gap:5px;
  height:60px;
  margin:4px;
  width:250px
}
.react-datepicker__current-month {
  color:#fff;
  font-size:16px;
  font-weight:500!important
}
.react-datepicker__month {
  display:flex;
  flex-direction:column;
  gap:8px
}
.react-datepicker__day-names,
.react-datepicker__week {
  display:flex;
  font-size:12px;
  justify-content:space-evenly
}
.react-datepicker__day-names .react-datepicker__day,
.react-datepicker__day-names .react-datepicker__day-name,
.react-datepicker__week .react-datepicker__day,
.react-datepicker__week .react-datepicker__day-name {
  color:#fff
}
.react-datepicker-popper {
  z-index:999!important
}
.react-datepicker__day {
  height:24px;
  margin:0;
  padding:3px;
  width:24px
}
.react-datepicker__day .react-datepicker__day--keyboard-selected,
.react-datepicker__day.react-datepicker__day--selected {
  background-color:#34f5ae!important
}
.react-datepicker__triangle {
  left:45px!important;
  transform:none!important
}
.react-datepicker__triangle:after {
  border-bottom-color:#29292c!important;
  border-top-color:#29292c!important
}
.react-datepicker__triangle:before {
  border-bottom-color:#29292c!important;
  border-top-color:#29292c!important
}
.react-datepicker__day--keyboard-selected {
  background-color:#34f5ae!important
}
.ant-select-selection-item {
  color:#fff
}
.token-migration-container {
  align-items:center;
  display:flex;
  gap:24px
}
.token-migration-container .tab-token {
  flex:1 1
}
.token-migration-container .tab-lp .tab-token-detail {
  width:312px
}
.token-migration-container .tab-side {
  align-items:center;
  display:flex;
  gap:24px
}
.token-migration-container .tab-side .tab-token-detail {
  align-items:flex-start;
  background:#191b2e;
  background:var(--Nature-1,#191b2e);
  border-radius:16px;
  display:flex;
  flex:1 1;
  flex-direction:column;
  gap:12px;
  padding:24px
}
.token-migration-container .tab-side .tab-token-detail .rate {
  margin-top:12px
}
.token-migration-container .tab-side .tab-token-detail .title {
  font-size:16px;
  font-style:normal;
  font-weight:700;
  line-height:140%
}
.token-migration-container .tab-side .tab-token-detail .desc {
  color:#fff9;
  font-size:14px;
  font-style:normal;
  font-weight:400;
  line-height:140%
}
.token-migration-container .tab-side .tab-token-detail .rates-container {
  display:flex;
  gap:12px;
  width:100%
}
.token-migration-container .tab-side .tab-token-detail .rates-container .rate-content {
  display:flex;
  flex:1 1;
  flex-direction:column;
  gap:12px
}
.token-migration-container .tab-side .tab-token-detail .rates-container .rate-content .rate-info {
  align-items:flex-start;
  background:#20233b;
  background:var(--Nature-2,#20233b);
  border-radius:12px;
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:12px
}
.token-migration-container .tab-side .tab-token-detail .rates-container .rate-content .arrow {
  align-items:center;
  display:flex;
  width:100%
}
.token-migration-container .tab-side .tab-token-detail .rates-container .rate-content .arrow .divider {
  flex:1 1;
  margin:0!important
}
.token-migration-container .tab-side .tab-token-detail .rates-container .rate-content .info {
  align-items:center;
  display:flex;
  font-size:14px;
  font-style:normal;
  font-weight:700;
  gap:4px;
  line-height:140%
}
.token-migration-container .tab-side .tab-token-detail .rates-container .rate-content .info img {
  height:24px;
  margin-right:4px;
  width:24px
}
.bridge-wrapper {
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  min-height:900px;
  padding-bottom:286px;
  padding-top:64px;
  width:872px
}
.bridge-wrapper .BeginAccountTransfer-validations {
  margin-bottom:0;
  margin-top:16px
}
.bridge-wrapper .ValidationRow {
  margin-bottom:12px
}
.bridge-wrapper .page-title {
  font-size:24px;
  font-weight:700;
  line-height:140%
}
.bridge-wrapper .page-desc {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-top:8px
}
.bridge-wrapper .power-by {
  align-items:center;
  color:#fff9;
  display:flex;
  gap:8px;
  margin-top:8px
}
.bridge-wrapper .power-by img {
  height:24px;
  width:88.24px
}
.bridge-wrapper .form-bridge {
  background:#191b2e;
  border:1px solid #0000;
  border-radius:16px;
  margin-top:24px;
  padding:24px;
  position:relative
}
.bridge-wrapper .form-bridge .chains {
  align-items:center;
  display:flex;
  gap:16px
}
.bridge-wrapper .form-bridge .chains .swap-ball {
  align-items:center;
  background:#03f5ae;
  border-radius:14px;
  cursor:pointer;
  display:flex;
  height:36px;
  justify-content:center;
  margin-top:20px;
  width:36px
}
.bridge-wrapper .form-bridge .chains .swap-ball svg {
  color:#080715
}
.bridge-wrapper .form-bridge .chains .swap-ball:active,
.bridge-wrapper .form-bridge .chains .swap-ball:hover {
  background:#04d397;
  color:#080715
}
.bridge-wrapper .form-bridge .chains .chain-select-dropdown {
  display:flex;
  flex:1 1;
  flex-direction:column;
  gap:8px;
  position:relative
}
.bridge-wrapper .form-bridge .chains .chain-select-dropdown .dropdown-name {
  color:#fff9;
  font-size:14px;
  font-weight:400;
  line-height:140%
}
.bridge-wrapper .form-bridge .chains .chain-select-dropdown .selected-chain {
  align-items:center;
  border:1px solid #ffffff1a;
  border-radius:8px;
  cursor:pointer;
  display:flex;
  font-size:16px!important;
  font-weight:500!important;
  justify-content:space-between;
  line-height:140%!important;
  padding:12px 16px;
  position:relative
}
.bridge-wrapper .form-bridge .chains .chain-select-dropdown .selected-chain .chain-info {
  align-items:center;
  display:flex;
  gap:8px
}
@media screen and (max-width:700px) {
  .bridge-wrapper .form-bridge .chains {
    flex-direction:column;
    gap:12px
  }
  .bridge-wrapper .form-bridge .chains .chain-select-dropdown {
    width:100%
  }
  .bridge-wrapper .form-bridge .chains .swap-ball {
    margin-top:0;
    transform:rotate(90deg)
  }
}
.bridge-wrapper .form-bridge .transfer-amount {
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%
}
.bridge-wrapper .form-bridge .transfer-amount input {
  background:#11121b;
  border:1px solid #ffffff1a;
  border-radius:8px;
  font-size:16px;
  font-weight:500;
  height:46px;
  line-height:140%;
  padding:12px 16px;
  width:100%
}
.bridge-wrapper .form-bridge .transfer-amount input::placeholder {
  color:#fff9;
  font-weight:400
}
.bridge-wrapper .form-bridge .transfer-amount .balance-info {
  color:#fff9;
  display:flex;
  justify-content:space-between
}
.bridge-wrapper .form-bridge .transfer-amount .balance-info span {
  color:#fff
}
.bridge-wrapper .form-bridge .transfer-amount .balance-info .balance {
  cursor:pointer
}
.bridge-wrapper .form-bridge .recieve-info {
  color:#fff9;
  display:flex;
  flex-direction:column;
  font-size:14px;
  font-weight:400;
  gap:8px;
  line-height:140%;
  margin-top:24px
}
.bridge-wrapper .form-bridge .actions {
  margin-top:24px;
  width:100%
}
.bridge-wrapper .form-bridge .actions button {
  align-items:center;
  display:flex;
  height:40px;
  justify-content:center;
  margin:0;
  width:100%
}
@media screen and (max-width:700px) {
  .bridge-wrapper .form-bridge {
    padding:16px
  }
  .bridge-wrapper .form-bridge .recieve-info .reciever {
    align-items:flex-start;
    display:flex;
    flex-direction:row
  }
  .bridge-wrapper .form-bridge .recieve-info .reciever img {
    display:flex
  }
  .bridge-wrapper .form-bridge .recieve-info .reciever span {
    align-items:center;
    display:flex;
    gap:4px
  }
}
.bridge-wrapper .down-content {
  margin-top:64px
}
.bridge-wrapper .down-content .icon-view {
  height:24px;
  width:24px
}
.bridge-wrapper .down-content .transaction-table-mobile {
  display:none
}
.bridge-wrapper .down-content .transaction-table {
  font-size:14px;
  font-weight:400;
  line-height:140%;
  margin-top:24px
}
.bridge-wrapper .down-content .transaction-table .transaction-header {
  color:#ffffffb3;
  padding:0 16px
}
.bridge-wrapper .down-content .transaction-table .transaction-header .table-column {
  padding-left:6px
}
.bridge-wrapper .down-content .transaction-table .transaction-header .table-column:first-child,
.bridge-wrapper .down-content .transaction-table .transaction-header .table-column:last-child {
  padding:0
}
.bridge-wrapper .down-content .transaction-table .transaction-line {
  display:flex
}
.bridge-wrapper .down-content .transaction-table .transaction-line .table-column {
  align-items:center;
  display:flex;
  flex:1 1;
  gap:8px
}
.bridge-wrapper .down-content .transaction-table .transaction-line .table-column:last-child {
  flex:none;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.bridge-wrapper .down-content .transaction-table .transaction-row {
  background:#191b2e;
  border-radius:12px;
  margin-top:8px;
  padding:12px 16px
}
@media screen and (max-width:700px) {
  .bridge-wrapper .down-content .transaction-table {
    display:none
  }
  .bridge-wrapper .down-content .transaction-table-mobile {
    display:flex;
    flex-direction:column;
    gap:12px;
    margin-top:16px
  }
  .bridge-wrapper .down-content .transaction-table-mobile .table-mobile-content {
    background:#191b2e;
    border-radius:16px;
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:16px
  }
  .bridge-wrapper .down-content .transaction-table-mobile .table-mobile-content .content-line {
    align-items:center;
    display:flex;
    font-size:14px;
    font-weight:400;
    justify-content:space-between;
    line-height:140%
  }
  .bridge-wrapper .down-content .transaction-table-mobile .table-mobile-content .content-line .title {
    color:#fff9
  }
  .bridge-wrapper .down-content .transaction-table-mobile .table-mobile-content .content-line .value {
    align-items:center;
    display:flex;
    gap:8px
  }
}
@media screen and (max-width:871px) {
  .bridge-wrapper {
    padding-left:24px;
    padding-right:24px
  }
}
@media screen and (max-width:700px) {
  .bridge-wrapper {
    padding-left:16px;
    padding-right:16px
  }
}
.bridge-wrapper .tabs-container {
  align-items:flex-start;
  background:#191b2e;
  border-radius:16px;
  display:flex;
  margin-top:24px;
  padding:8px;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content
}
.bridge-wrapper .tabs-container .tab-content {
  align-items:center;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  gap:4px;
  justify-content:center;
  padding:12px 16px;
  text-decoration:none
}
@media screen and (max-width:450px) {
  .bridge-wrapper .tabs-container .tab-content {
    padding:12px!important
  }
}
.bridge-wrapper .tabs-container .tab-content img {
  height:20px;
  width:20px
}
.bridge-wrapper .tabs-container .tab-content span {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.bridge-wrapper .tabs-container .tab-content-active {
  background:#ffffff1a
}
.bridge-wrapper .nft-select-container {
  align-items:center;
  display:flex;
  justify-content:space-between
}
.bridge-wrapper .nft-select-container .available {
  color:#fff9
}
.bridge-wrapper .nft-select-container .available span {
  color:#fff;
  font-weight:700
}
.bridge-wrapper .nft-select-container .info {
  align-items:center;
  display:flex;
  gap:12px
}
@media screen and (max-width:400px) {
  .bridge-wrapper .nft-select-container .info {
    gap:8px
  }
}
.bridge-wrapper .nft-select-container .info .selected {
  color:#fff9
}
.bridge-wrapper .nft-select-container .info .selected span {
  color:#fff;
  font-weight:700
}
.bridge-wrapper .nft-select-container .info .select-btn {
  color:#03f5ae;
  cursor:pointer
}
.bridge-wrapper .actions {
  margin-top:24px
}
.bridge-wrapper .actions button {
  align-items:center;
  display:flex;
  height:40px;
  justify-content:center;
  margin:0;
  width:100%
}
.bridge-wrapper .nft-list {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:12px;
  max-height:240px;
  overflow-y:auto;
  padding-right:10px
}
@media screen and (max-width:700px) {
  .bridge-wrapper .nft-list {
    padding-right:8px
  }
}
.bridge-wrapper .nft-list .list-item-selected {
  border:1px solid #03f5ae
}
.bridge-wrapper .nft-list .list-item {
  align-items:center;
  background:#191b2e;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  gap:12px;
  padding:12px;
  width:calc(50% - 6px)
}
@media screen and (max-width:700px) {
  .bridge-wrapper .nft-list .list-item {
    width:100%!important
  }
}
.bridge-wrapper .nft-list .list-item .nft-info {
  display:flex;
  flex-direction:column;
  gap:4px
}
.bridge-wrapper .nft-list .list-item .nft-info .title {
  font-size:14px;
  font-style:normal;
  font-weight:500;
  line-height:140%
}
.bridge-wrapper .nft-list .list-item .nft-info .info {
  opacity:.6
}
.bridge-wrapper .nft-list .list-item .nft-info .info span {
  font-size:12px;
  line-height:140%
}
.bridge-wrapper .empty-state {
  align-items:center;
  align-self:stretch;
  background:#191b2e;
  border-radius:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
  height:272px;
  justify-content:center;
  width:100%
}
.bridge-wrapper .empty-state .empty-img {
  filter:grayscale(1);
  height:160px;
  width:160px
}
.bridge-wrapper .empty-state .get-your-nft {
  color:#03f5ae;
  text-decoration:none
}
.bridge-wrapper .empty-state .get-your-nft img {
  margin-left:4px
}
.bridge-wrapper .nft-selected-container {
  display:flex;
  flex-wrap:wrap;
  gap:8px
}
.bridge-wrapper .nft-selected-container .nft-selected-item {
  position:relative
}
.bridge-wrapper .nft-selected-container .nft-selected-item .main-nft {
  border-radius:12px;
  height:64px;
  position:relative;
  width:64px;
  z-index:1
}
.bridge-wrapper .nft-selected-container .nft-selected-item .ic-close {
  cursor:pointer;
  position:absolute;
  right:-2px;
  top:-2px;
  z-index:3
}
.bridge-wrapper .nft-selected-container .nft-selected-item .ic-close img {
  height:16px;
  width:16px
}
.bridge-wrapper .nft-selected-container .nft-selected-item .overlay {
  background:#000000b3;
  border-radius:12px;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:2
}
.bridge-wrapper .nft-selected-container .add-nft-item {
  align-items:center;
  background:#ffffff1a;
  border:2px dashed #ffffff1a;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  height:64px;
  justify-content:center;
  width:64px
}
.white-text {
  color:#fff!important
}
.address-text {
  color:#03f5ae;
  text-decoration:underline
}
@media screen and (max-width:385px) {
  .address-text {
    font-size:13px
  }
}
.reciever {
  align-items:center;
  cursor:pointer;
  display:flex;
  gap:4px
}
.reciever img {
  margin-left:4px
}
.bridge-wrapper .menu-items {
  top:8.3rem
}
.bridge-wrapper .menu-items .menu-item {
  align-items:center;
  display:flex;
  gap:8px
}
.bridge-wrapper .menu-items .menu-item .chain-name {
  color:#fff;
  font-size:16px;
  font-weight:500;
  line-height:140%
}
.bridge-wrapper .menu-items .menu-item--active {
  background:rgba(128,138,255,.078)!important;
  color:#eee;
  opacity:1
}
.delivered {
  color:#03f5ae;
  text-transform:capitalize
}
.pending_claim {
  color:#ffdf76
}
.blocked,
.pending_claim {
  text-transform:capitalize
}
.blocked {
  color:#595959
}
.inflight {
  color:#ffdf76
}
.failed,
.inflight {
  text-transform:capitalize
}
.failed {
  color:#f6475d
}
.processing {
  color:#ffdf76;
  text-transform:capitalize
}
.no-data {
  background:#191b2e;
  border-radius:12px;
  margin-top:20px;
  padding:12px 16px
}
@media screen and (max-width:700px) {
  .no-data {
    align-items:center;
    display:flex;
    height:100px;
    justify-content:center;
    margin-top:0
  }
}
.green-text {
  color:#03f5ae
}
.cusor-pointer {
  cursor:pointer
}
.main-nft-modal {
  border-radius:12px;
  height:48px;
  width:48px
}
.nft-tooltip-container {
  display:flex;
  flex-direction:column;
  gap:8px
}
.bridge-wrapper.theme--light .page-desc,
.bridge-wrapper.theme--light .power-by {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.bridge-wrapper.theme--light .form-bridge {
  background:#fff;
  background:var(--Nature-1,#fff);
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.bridge-wrapper.theme--light .form-bridge .chains .swap-ball {
  background:#02b27f
}
.bridge-wrapper.theme--light .form-bridge .chains .swap-ball svg path {
  fill:#fff
}
.bridge-wrapper.theme--light .form-bridge .chains .swap-ball:hover {
  background:#03805b!important
}
.bridge-wrapper.theme--light .form-bridge .chains .chain-select-dropdown .dropdown-name {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.bridge-wrapper.theme--light .form-bridge .chains .chain-select-dropdown .selected-chain {
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.bridge-wrapper.theme--light .form-bridge .chains .chain-select-dropdown .menu-items {
  background:#fff!important;
  box-shadow:4px 4px 16px 0 #00000026
}
.bridge-wrapper.theme--light .form-bridge .chains .chain-select-dropdown .menu-items .menu-item.menu-item--active,
.bridge-wrapper.theme--light .form-bridge .chains .chain-select-dropdown .menu-items .menu-item:hover {
  background:#f2f5f7!important;
  background:var(--Nature-2,#f2f5f7)!important
}
.bridge-wrapper.theme--light .form-bridge .chains .chain-select-dropdown .menu-items .chain-name,
.bridge-wrapper.theme--light .form-bridge .transfer-amount input {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.bridge-wrapper.theme--light .form-bridge .transfer-amount input {
  background:#fff;
  background:var(--Nature-3,#fff);
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.bridge-wrapper.theme--light .form-bridge .transfer-amount .balance-info .balance,
.bridge-wrapper.theme--light .form-bridge .transfer-amount .balance-info div:not(.balance),
.bridge-wrapper.theme--light .form-bridge .transfer-amount input::placeholder {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.bridge-wrapper.theme--light .form-bridge .transfer-amount .balance-info .balance span,
.bridge-wrapper.theme--light .form-bridge .white-text {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.bridge-wrapper.theme--light .form-bridge .recieve-info div:first-child,
.bridge-wrapper.theme--light .form-bridge .recieve-info span.Tooltip-handle {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.bridge-wrapper.theme--light .down-content .transaction-table-mobile .no-data,
.bridge-wrapper.theme--light .down-content .transaction-table-mobile .table-mobile-content {
  background:#fff;
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.bridge-wrapper.theme--light .down-content .transaction-table-mobile .no-data .title,
.bridge-wrapper.theme--light .down-content .transaction-table-mobile .table-mobile-content .title {
  color:#0d1a16b3!important;
  color:var(--Text-Text_Secondary,#0d1a16b3)!important
}
.bridge-wrapper.theme--light .down-content .transaction-table-mobile .no-data .value,
.bridge-wrapper.theme--light .down-content .transaction-table-mobile .table-mobile-content .value {
  color:#0d1a16!important;
  color:var(--Text-Text_Primary,#0d1a16)!important
}
.bridge-wrapper.theme--light .down-content .pagination .btn-primary {
  border:1px solid #0d1a1612;
  border:1px solid var(--Border,#0d1a1612)
}
.bridge-wrapper.theme--light .down-content .transaction-table .transaction-header .table-column {
  color:#0d1a16b3;
  color:var(--Text-Text_Secondary,#0d1a16b3)
}
.bridge-wrapper.theme--light .down-content .transaction-table .transaction-row {
  background:#fff!important
}
.bridge-wrapper.theme--light .down-content .transaction-table .transaction-row .table-column.delivered {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.bridge-wrapper.theme--light .down-content .transaction-table .transaction-row .table-column.failed {
  color:#d62f44;
  color:var(--Functional-Red,#d62f44)
}
.bridge-wrapper.theme--light .down-content .transaction-table .transaction-row .table-column.processing {
  color:#d49007;
  color:var(--Functional-Orange,#d49007)
}
.bridge-wrapper.theme--light .down-content .transaction-table .transaction-row .table-column.blocked {
  color:#595959
}
.bridge-wrapper.theme--light .down-content .transaction-table .transaction-content .no-data {
  background:#fff
}
.bridge-wrapper.theme--light .reciever .address-text {
  color:#02b27f
}
.bridge-wrapper.theme--light .tabs-container {
  background:#fff
}
.bridge-wrapper.theme--light .tabs-container .tab-content-active {
  background:#0d1a1612;
  background:var(--Border,#0d1a1612)
}
.bridge-wrapper.theme--light .nft-list .list-item-selected {
  border:1px solid #02b27f;
  border:1px solid var(--Primary,#02b27f)
}
.bridge-wrapper.theme--light .nft-list .list-item {
  background:#fff;
  background:var(--Nature-1,#fff)
}
.bridge-wrapper.theme--light .empty-state {
  background:#fff
}
.bridge-wrapper.theme--light .empty-state .empty-img {
  filter:grayscale(1);
  height:160px;
  width:160px
}
.bridge-wrapper.theme--light .empty-state .get-your-nft {
  color:#02b27f!important;
  color:var(--Primary,#02b27f)!important
}
.bridge-wrapper.theme--light .nft-selected-container .add-nft-item {
  background:#0d1a1612;
  background:var(--Border,#0d1a1612);
  border:2px dashed #0d1a1612;
  border:2px dashed var(--Border,#0d1a1612)
}
/*# sourceMappingURL=main.c5c08f5d.css.map*/
.wallet-desc {
    color: #fff9;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 12px;
  }