@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #1a1a1a;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  line-height: 1.5715;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}
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;
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex="-1"]:focus {
  outline: none;
}
hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  margin-bottom: 0.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: 0.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: -0.25em;
}
sup {
  top: -0.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: 0.3em;
  padding-top: 0.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: 0.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: 0.2em;
}
.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}
.slick-list,
.slick-slider {
  display: block;
  position: relative;
}
.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
  transform: translateZ(0);
}
.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}
.slick-track:after,
.slick-track:before {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-loading .slick-list {
  background: #fff
    url(data:image/gif;base64,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)
    50% no-repeat;
}
@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(../media/slick.a4e97f5a2a64f0ab1323.eot);
  src: url(../media/slick.a4e97f5a2a64f0ab1323.eot%3F)
      format("embedded-opentype"),
    url(../media/slick.295183786cd8a1389865.woff) format("woff"),
    url(../media/slick.c94f7671dcc99dce43e2.ttf) format("truetype"),
    url(../media/slick.2630a3e3eab21c607e21.svg) format("svg");
}
.slick-next,
.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}
.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}
.slick-next:before,
.slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
}
.slick-prev {
  left: -25px;
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}
.slick-prev:before {
  content: "←";
}
[dir="rtl"] .slick-prev:before {
  content: "→";
}
.slick-next {
  right: -25px;
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}
.slick-next:before {
  content: "→";
}
[dir="rtl"] .slick-next:before {
  content: "←";
}
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative;
}
.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px;
}
.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}
.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: "•";
  font-family: slick;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}
.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}
.site-collapse-custom-collapse .site-collapse-custom-panel,
[data-theme="compact"]
  .site-collapse-custom-collapse
  .site-collapse-custom-panel {
  background: #f7f7f7;
  border: 0;
  border-radius: 2px;
  margin-bottom: 24px;
  overflow: hidden;
}
::-webkit-scrollbar-corner {
  background: transparent;
}
::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.rc-virtual-list-scrollbar {
  width: 6px !important;
}
::-webkit-scrollbar-track {
  background: transparent;
}
body::-webkit-scrollbar-track {
  background: #0d0701;
}
.rc-virtual-list-scrollbar-thumb,
::-webkit-scrollbar-thumb {
  background: #363636 !important;
  border-radius: 2px !important;
}
.rc-virtual-list-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}
a {
  font-weight: 500;
  text-decoration: none;
}
a:hover {
  color: #0b6ed9;
}
.text-light {
  color: #eaeaea;
}
.text-overlay {
  color: #878685;
}
.border-top {
  border-top: 1px solid #24211f;
  padding: 10px 0;
}
.border-top:first-child {
  border-top: none;
}
.border-left {
  border-left: 1px solid #24211f;
}
.ant-modal .ant-modal-content {
  border-radius: 8px;
  overflow: hidden;
  padding: 10px 16px 16px;
}
.ant-modal .ant-modal-title {
  font-weight: 700;
}
.wallet-modal .ant-modal .ant-modal-header {
  background-color: initial;
  border-bottom: none;
  text-align: center;
}
.wallet-modal .ant-modal .ant-modal-content {
  background: #0d0701;
  border-radius: 4px;
  overflow: hidden;
  padding: 16px 16px 32px;
}
.wallet-modal .ant-modal .ant-menu {
  background-color: initial;
}
.wallet-modal .ant-modal .ant-menu .ant-menu-item,
.wallet-modal .ant-modal .ant-menu-submenu-title {
  background-color: #1a1714 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  height: unset !important;
  margin-bottom: 8px !important;
  padding: 5px 16px !important;
  &:hover {
    background-color: #2c2c2c !important;
  }
}
.wallet-modal .ant-menu-item:hover,
.wallet-modal .ant-menu-submenu-title:hover {
  background-color: #161616 !important;
}
.wallet-modal .ant-menu-title-content,
.wallet-modal .wallet-adapter-modal-menu-button {
  padding: 0 !important;
}
.wallet-modal .wallet-adapter-modal-menu-button:hover {
  background-color: initial !important;
}
.row-reverse {
  display: flex !important;
  flex-direction: row-reverse !important;
}
.menu-item-reset {
  background-color: unset !important;
}
.menu-item-twitter .anticon.anticon-twitter {
  color: #1890ff;
}
.menu-item-twitter:hover .anticon.anticon-twitter {
  color: unset;
}
.connect-wallet .wallet-adapter-icon {
  margin-left: 8px;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
  .ant-menu-item.ant-menu-item-selected {
  background-color: initial;
}
.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal)
  .ant-menu-item-selected
  span
  > a {
  font-weight: 700;
}
.ant-table {
  background-color: inherit !important;
}
.ant-notification-notice {
  background: #2c2c2c !important;
  border: 1px solid #565452;
  border-radius: 8px !important;
}
.all-none {
  display: none;
}
@media only screen and (max-width: 991px) {
  .sm-none {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .xs-none {
    display: none !important;
  }
}
@media only screen and (min-width: 769px) {
  .md-none {
    display: none !important;
  }
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.menu-rpc-item {
  align-items: center;
  display: flex !important;
}
.menu-rpc-item.ant-menu-item-selected {
  background-color: unset !important;
  color: unset !important;
}
.ant-drawer .ant-drawer-content {
  background-color: #1a1714;
}
.ant-drawer .ant-drawer-header-title .ant-drawer-close {
  margin: 0 0 0 12px !important;
  order: 2 !important;
  padding: 0 !important;
}
.ant-popover {
  z-index: 1111 !important;
}
.ant-popover-content {
  border: 1px solid #24211f;
  border-radius: 3px;
}
.ant-popover-content .ant-popover-title {
  font-weight: 600;
}
.popup-confirm-remove {
  border-radius: 4px;
}
.popup-confirm-remove .ant-btn-primary {
  background-color: #f94d5c;
  border: none;
  border-radius: 4px;
  transition: background-color 0.2s ease-in-out;
}
.popup-confirm-remove .ant-btn-primary:hover {
  background-color: #b32e33;
}
.ant-picker-dropdown .ant-picker-footer-extra {
  line-height: 25px;
}
.ant-picker-dropdown .ant-picker-footer-extra .pro-note {
  padding: 10px 0;
}
.user-free .pro-badge,
.user-pro .pro-badge {
  border-radius: 4px;
  font-size: 10px;
  height: 20px;
  line-height: 20px;
  padding: 0 2px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.user-free .pro-badge {
  border: 1px solid #ff7a00;
  color: #ff7a00;
}
.user-pro .pro-badge {
  border: 1px solid #565452;
  color: #565452;
}
.slick-slide {
  visibility: hidden;
}
.slick-slide.slick-active {
  visibility: visible;
}
.ant-menu-dark.ant-menu-horizontal > .nav-item.ant-menu-item:hover,
.ant-menu-submenu-popup.ant-menu-dark .nav-item.ant-menu-item-selected,
.ant-menu.ant-menu-dark .nav-item.ant-menu-item-selected {
  background-color: initial;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover,
.ant-menu-dark .ant-menu-item-selected > span > a,
.ant-menu-dark .ant-menu-item-selected > span > a:hover {
  color: #ff7a00 !important;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .ant-menu-submenu-title {
  padding: 8px !important;
}
.ant-menu-submenu-popup,
.ant-menu-submenu > .ant-menu {
  border-radius: 4px !important;
}
.ant-menu-inline > .ant-menu-item,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title {
  height: auto !important;
  line-height: auto !important;
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-submenu-title,
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-submenu-title {
  margin: 0 !important;
}
.check-wallet-popover .ant-popover-title {
  background-color: #24211f;
  color: #eaeaea;
  text-transform: uppercase;
}
.check-wallet-popover .ant-popover-content {
  min-width: 360px;
}
@media (max-width: 410px) {
  .check-wallet-popover .ant-popover-content {
    width: 320px;
  }
}
.search-popup .ant-modal-body {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 768px) {
  body.ant-scrolling-effect {
    overflow: scroll !important;
    width: 100% !important;
  }
}
@keyframes loadingDots {
  0%,
  20% {
    color: transparent;
  }
  40% {
    color: #fff;
  }
  to {
    color: transparent;
  }
}
@keyframes opacity-over {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
#hourglass {
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-name: hourglass-rotation;
}
@keyframes blur-loading {
  0% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
.ant-drawer-mask,
.ant-modal-mask {
  -webkit-backdrop-filter: blur(4px) !important;
  backdrop-filter: blur(4px) !important;
}
.ant-modal-content {
  border: 1px solid #242424 !important;
}
.modal-lanchpad .ant-modal {
  bottom: 0;
  left: 0;
  min-height: 100vh;
  right: 0;
  top: 0;
}
.modal-lanchpad .ant-modal-content {
  background-color: #0d0701;
  min-height: 100vh;
}
.styled-watchlist-popover .ant-popover-inner {
  border: 1px solid #ff7a00;
  border-radius: 4px;
  width: 300px;
}
@media (max-width: 575px) {
  .ant-picker-dropdown {
    display: flex;
    justify-content: center;
    left: 0 !important;
    right: 0 !important;
  }
  .ant-picker-datetime-panel {
    flex-direction: column;
  }
  .ant-picker-time-panel .ant-picker-content {
    height: 85px !important;
  }
}
.grecaptcha-badge {
  display: none !important;
}
.ant-select-selector {
  border-color: #565452 !important;
  border-radius: 4px !important;
}
.ant-tag {
  border-radius: 4px;
  color: #0d0701;
  margin: 0 !important;
  padding: 2px 4px;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.ant-pagination .ant-pagination-item,
.ant-pagination-item-link {
  border: 1px solid rgba(86, 84, 82, 0.5) !important;
  border-radius: 4px !important;
}
.ant-pagination-item-link {
  display: block;
  height: 100%;
}
.ant-pagination .ant-pagination-item a,
.ant-pagination-item-link {
  color: #aaa9a8 !important;
}
.ant-pagination .ant-pagination-item-active,
.ant-pagination-item:hover,
li:not(.ant-pagination-disabled):hover .ant-pagination-item-link {
  border-color: #ff7a00 !important;
}
.ant-pagination-disabled {
  background: rgba(255, 248, 242, 0.05) !important;
}
.ant-pagination .ant-pagination-item-active a {
  color: #ff7a00 !important;
}
.flex-1 {
  flex: 1 1;
}
.ant-tabs-tab-btn {
  font-weight: 700;
}
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
.ant-tabs-tab:hover {
  color: #ff7a00 !important;
}
.ant-tabs-ink-bar {
  background: #ff7a00 !important;
}
.ant-btn {
  border-radius: 0;
  font-size: 13px;
  line-height: 24px;
  padding: 3px 15px;
}
.ant-btn.ant-btn-sm {
  line-height: 1.5;
  padding: 0.5px 7px;
}
.ant-btn:not(:disabled):not(.ant-btn-disabled):not(.ant-btn-link):hover {
  color: #f6f6f6;
}
.ant-btn-primary:not(.ant-btn-background-ghost) {
  background: #ff7a00;
  border-color: #ff7a00;
  color: #24211f;
  font-weight: 700;
}
.ant-btn-primary.ant-btn-background-ghost:not(:disabled):not(
    .ant-btn-disabled
  ):hover {
  background: rgba(255, 248, 242, 0.15);
  border-color: #ff7a00;
  color: #ff8e26;
}
.ant-btn-primary.ant-btn-background-ghost:not(:disabled):not(
    .ant-btn-disabled
  ):active {
  color: #f6f6f6;
}
.ant-btn-primary.ant-btn-background-ghost,
.ant-btn-primary.ant-btn-background-ghost:disabled {
  border-color: #ff7a00;
  color: #ff8e26;
}
.ant-btn-icon-only {
  line-height: 1;
}
.ant-btn-link {
  padding: 0;
}
.ant-btn-disabled,
.ant-btn:disabled {
  opacity: 0.5;
}
.ant-radio-inner {
  border-color: #aaa9a8 !important;
}
.ant-radio-inner:after {
  background-color: #ff7a00 !important;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #ff7a00 !important;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: none !important;
}
.ant-notification
  .ant-notification-notice-wrapper
  .ant-notification-notice-description,
.ant-notification
  .ant-notification-notice-wrapper
  .ant-notification-notice-message {
  color: #f6f6f6;
}
.ant-notification
  .ant-notification-notice-wrapper
  .ant-notification-notice-close {
  color: hsla(0, 0%, 100%, 0.65);
  &:hover {
    color: #f6f6f6;
  }
}
.ant-message {
  color: #f6f6f6;
}
.ant-message .ant-message-notice-wrapper .ant-message-notice-content {
  background-color: #1a1a1a;
}
.ant-avatar {
  border: none;
}
a {
  color: #1990ff;
}
.wallet-adapter-icon {
  height: 24px;
  margin-left: -4px;
  margin-right: 8px;
  width: 24px;
}
.wallet-adapter-modal-menu {
  border-right: 0;
}
.wallet-adapter-modal-menu > .ant-menu-submenu {
  display: flex;
  flex-direction: column-reverse;
}
.wallet-adapter-modal-menu .ant-menu-submenu-arrow {
  right: 18px;
}
.wallet-adapter-modal-menu .ant-menu-submenu-title {
  margin: 0;
}
.wallet-adapter-modal-menu .ant-menu-submenu-title:hover,
.wallet-adapter-modal-menu
  .ant-menu-submenu:hover
  > .ant-menu-submenu-title
  > .ant-menu-submenu-arrow {
  color: #fff;
}
.wallet-adapter-modal-menu .ant-menu-submenu-title > .ant-menu-title-content {
  padding-left: 25px;
}
.wallet-adapter-modal-menu .wallet-adapter-modal-menu-item {
  box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, 0.1);
  height: 44px;
  line-height: 44px;
  margin: 0;
  padding: 0;
}
.wallet-adapter-modal-menu .wallet-adapter-modal-menu-item:not(:last-child) {
  margin-bottom: 0;
}
.wallet-adapter-modal-menu-button {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
  height: 44px;
  justify-content: space-between;
  padding-left: 24px;
}
.wallet-adapter-modal-menu-button-icon {
  height: 24px;
  margin-left: 8px;
  width: 24px;
}
.wallet-adapter-multi-button-menu {
  margin-top: -44px;
  padding: 0;
}
.wallet-adapter-multi-button-menu-item {
  padding: 0;
}
.wallet-adapter-multi-button-menu-button {
  text-align: left;
}
.wallet-adapter-multi-button-icon {
  font-size: 20px;
  margin-right: 12px;
}
.wallet-adapter-multi-button-item {
  padding: 8px 16px 8px 12px;
}
[data-dapp-kit] :where(*),
[data-dapp-kit]:where(*) {
  box-sizing: border-box;
  color: var(--dapp-kit-colors-body);
  font-family: var(--dapp-kit-typography-fontFamily);
  font-size: var(--dapp-kit-fontWeights-normal);
  font-style: var(--dapp-kit-typography-fontStyle);
  font-weight: var(--dapp-kit-fontWeights-normal);
  letter-spacing: var(--dapp-kit-typography-letterSpacing);
  line-height: var(--dapp-kit-typography-lineHeight);
}
[data-dapp-kit] :where(button),
[data-dapp-kit]:where(button) {
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  border: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0;
}
[data-dapp-kit] :where(a),
[data-dapp-kit]:where(a) {
  color: inherit;
  outline: none;
  text-decoration: none;
}
[data-dapp-kit] :where(ol, ul),
[data-dapp-kit]:where(ol, ul) {
  list-style: none;
  margin: 0;
  padding: 0;
}
[data-dapp-kit] :where(h1, h2, h3, h4, h5, h6),
[data-dapp-kit]:where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
[data-dapp-kit] .Heading_headingVariants_size_sm__1aa835k1,
[data-dapp-kit].Heading_headingVariants_size_sm__1aa835k1 {
  font-size: var(--dapp-kit-fontSizes-small);
}
[data-dapp-kit] .Heading_headingVariants_size_md__1aa835k2,
[data-dapp-kit].Heading_headingVariants_size_md__1aa835k2 {
  font-size: var(--dapp-kit-fontSizes-medium);
}
[data-dapp-kit] .Heading_headingVariants_size_lg__1aa835k3,
[data-dapp-kit].Heading_headingVariants_size_lg__1aa835k3 {
  font-size: var(--dapp-kit-fontSizes-large);
}
[data-dapp-kit] .Heading_headingVariants_size_xl__1aa835k4,
[data-dapp-kit].Heading_headingVariants_size_xl__1aa835k4 {
  font-size: var(--dapp-kit-fontSizes-xlarge);
}
[data-dapp-kit] .Heading_headingVariants_weight_normal__1aa835k5,
[data-dapp-kit].Heading_headingVariants_weight_normal__1aa835k5 {
  font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-dapp-kit] .Heading_headingVariants_weight_bold__1aa835k6,
[data-dapp-kit].Heading_headingVariants_weight_bold__1aa835k6 {
  font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-dapp-kit] .Heading_headingVariants_truncate_true__1aa835k7,
[data-dapp-kit].Heading_headingVariants_truncate_true__1aa835k7 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-dapp-kit] .IconButton_container__s6n7bq0,
[data-dapp-kit].IconButton_container__s6n7bq0 {
  background-color: var(--dapp-kit-backgroundColors-iconButton);
  border-radius: 9999px;
  color: var(--dapp-kit-colors-iconButton);
  padding: 8px;
}
[data-dapp-kit] .IconButton_container__s6n7bq0:hover,
[data-dapp-kit].IconButton_container__s6n7bq0:hover {
  background-color: var(--dapp-kit-backgroundColors-iconButtonHover);
}
[data-dapp-kit] .ConnectModal_overlay__gz8z90,
[data-dapp-kit].ConnectModal_overlay__gz8z90 {
  -webkit-backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  backdrop-filter: var(--dapp-kit-blurs-modalOverlay);
  background-color: var(--dapp-kit-backgroundColors-modalOverlay);
  inset: 0;
  position: fixed;
  z-index: 999999999;
}
[data-dapp-kit] .ConnectModal_title__gz8z91,
[data-dapp-kit].ConnectModal_title__gz8z91 {
  padding-left: 8px;
}
[data-dapp-kit] .ConnectModal_content__gz8z92,
[data-dapp-kit].ConnectModal_content__gz8z92 {
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
  border-radius: var(--dapp-kit-radii-xlarge);
  bottom: 16px;
  color: var(--dapp-kit-colors-body);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  left: 16px;
  max-height: 85vh;
  max-width: 700px;
  min-height: 50vh;
  overflow: hidden;
  position: fixed;
  right: 16px;
}
[data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93,
[data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93 {
  background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  padding: 16px;
}
[data-dapp-kit] .ConnectModal_viewContainer__gz8z94,
[data-dapp-kit].ConnectModal_viewContainer__gz8z94 {
  display: none;
  flex-grow: 1;
  padding: 20px;
}
[data-dapp-kit] .ConnectModal_selectedViewContainer__gz8z95,
[data-dapp-kit].ConnectModal_selectedViewContainer__gz8z95 {
  display: flex;
}
[data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96,
[data-dapp-kit].ConnectModal_backButtonContainer__gz8z96 {
  left: 20px;
  position: absolute;
  top: 20px;
}
[data-dapp-kit] .ConnectModal_closeButtonContainer__gz8z97,
[data-dapp-kit].ConnectModal_closeButtonContainer__gz8z97 {
  position: absolute;
  right: 16px;
  top: 16px;
}
[data-dapp-kit] .ConnectModal_walletListContent__gz8z98,
[data-dapp-kit].ConnectModal_walletListContent__gz8z98 {
  background-color: var(--dapp-kit-backgroundColors-modalPrimary);
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 24px;
  padding: 20px;
}
[data-dapp-kit] .ConnectModal_walletListContainer__gz8z99,
[data-dapp-kit].ConnectModal_walletListContainer__gz8z99 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: space-between;
}
[data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a,
[data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a {
  display: none;
}
@media screen and (min-width: 768px) {
  [data-dapp-kit] .ConnectModal_content__gz8z92,
  [data-dapp-kit].ConnectModal_content__gz8z92 {
    flex-direction: row;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  [data-dapp-kit] .ConnectModal_whatIsAWalletButton__gz8z93,
  [data-dapp-kit].ConnectModal_whatIsAWalletButton__gz8z93 {
    display: none;
  }
  [data-dapp-kit] .ConnectModal_viewContainer__gz8z94,
  [data-dapp-kit].ConnectModal_viewContainer__gz8z94 {
    display: flex;
  }
  [data-dapp-kit] .ConnectModal_backButtonContainer__gz8z96,
  [data-dapp-kit].ConnectModal_backButtonContainer__gz8z96 {
    display: none;
  }
  [data-dapp-kit] .ConnectModal_walletListContent__gz8z98,
  [data-dapp-kit].ConnectModal_walletListContent__gz8z98 {
    background-color: var(--dapp-kit-backgroundColors-modalSecondary);
  }
  [data-dapp-kit] .ConnectModal_walletListContainer__gz8z99,
  [data-dapp-kit].ConnectModal_walletListContainer__gz8z99 {
    flex-basis: 240px;
    flex-direction: row;
    flex-grow: 0;
    flex-shrink: 0;
  }
  [data-dapp-kit] .ConnectModal_walletListContainerWithViewSelected__gz8z9a,
  [data-dapp-kit].ConnectModal_walletListContainerWithViewSelected__gz8z9a {
    display: flex;
  }
}
[data-dapp-kit] .Button_buttonVariants__x1s81q0,
[data-dapp-kit].Button_buttonVariants__x1s81q0 {
  align-items: center;
  display: inline-flex;
  font-weight: var(--dapp-kit-fontWeights-medium);
  justify-content: center;
}
[data-dapp-kit] .Button_buttonVariants__x1s81q0:disabled,
[data-dapp-kit].Button_buttonVariants__x1s81q0:disabled {
  opacity: 0.5;
}
[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1,
[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1 {
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
  box-shadow: var(--dapp-kit-shadows-primaryButton);
  color: var(--dapp-kit-colors-primaryButton);
}
[data-dapp-kit] .Button_buttonVariants_variant_primary__x1s81q1:hover,
[data-dapp-kit].Button_buttonVariants_variant_primary__x1s81q1:hover {
  background-color: var(--dapp-kit-backgroundColors-primaryButtonHover);
}
[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2,
[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2 {
  border: 1px solid var(--dapp-kit-borderColors-outlineButton);
  color: var(--dapp-kit-colors-outlineButton);
}
[data-dapp-kit] .Button_buttonVariants_variant_outline__x1s81q2:hover,
[data-dapp-kit].Button_buttonVariants_variant_outline__x1s81q2:hover {
  background-color: var(--dapp-kit-backgroundColors-outlineButtonHover);
}
[data-dapp-kit] .Button_buttonVariants_size_md__x1s81q3,
[data-dapp-kit].Button_buttonVariants_size_md__x1s81q3 {
  border-radius: var(--dapp-kit-radii-medium);
  padding: 8px 16px;
}
[data-dapp-kit] .Button_buttonVariants_size_lg__x1s81q4,
[data-dapp-kit].Button_buttonVariants_size_lg__x1s81q4 {
  border-radius: var(--dapp-kit-radii-large);
  padding: 16px 24px;
}
[data-dapp-kit] .Text_textVariants_size_sm__2bv1ur1,
[data-dapp-kit].Text_textVariants_size_sm__2bv1ur1 {
  font-size: var(--dapp-kit-fontSizes-small);
}
[data-dapp-kit] .Text_textVariants_weight_normal__2bv1ur2,
[data-dapp-kit].Text_textVariants_weight_normal__2bv1ur2 {
  font-weight: var(--dapp-kit-fontWeights-normal);
}
[data-dapp-kit] .Text_textVariants_weight_medium__2bv1ur3,
[data-dapp-kit].Text_textVariants_weight_medium__2bv1ur3 {
  font-weight: var(--dapp-kit-fontWeights-medium);
}
[data-dapp-kit] .Text_textVariants_weight_bold__2bv1ur4,
[data-dapp-kit].Text_textVariants_weight_bold__2bv1ur4 {
  font-weight: var(--dapp-kit-fontWeights-bold);
}
[data-dapp-kit] .Text_textVariants_color_muted__2bv1ur5,
[data-dapp-kit].Text_textVariants_color_muted__2bv1ur5 {
  color: var(--dapp-kit-colors-bodyMuted);
}
[data-dapp-kit] .Text_textVariants_color_danger__2bv1ur6,
[data-dapp-kit].Text_textVariants_color_danger__2bv1ur6 {
  color: var(--dapp-kit-colors-bodyDanger);
}
[data-dapp-kit] .Text_textVariants_mono_true__2bv1ur7,
[data-dapp-kit].Text_textVariants_mono_true__2bv1ur7 {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    Liberation Mono, Courier New, monospace;
}
[data-dapp-kit] .ConnectionStatus_container__nckm2d0,
[data-dapp-kit].ConnectionStatus_container__nckm2d0 {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
[data-dapp-kit] .ConnectionStatus_walletIcon__nckm2d1,
[data-dapp-kit].ConnectionStatus_walletIcon__nckm2d1 {
  border-radius: var(--dapp-kit-radii-large);
  height: 72px;
  object-fit: cover;
  width: 72px;
}
[data-dapp-kit] .ConnectionStatus_title__nckm2d2,
[data-dapp-kit].ConnectionStatus_title__nckm2d2 {
  margin-top: 12px;
}
[data-dapp-kit] .ConnectionStatus_connectionStatus__nckm2d3,
[data-dapp-kit].ConnectionStatus_connectionStatus__nckm2d3 {
  margin-top: 4px;
}
[data-dapp-kit] .ConnectionStatus_retryButtonContainer__nckm2d4,
[data-dapp-kit].ConnectionStatus_retryButtonContainer__nckm2d4 {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
[data-dapp-kit] .InfoSection_container__1wtioi70,
[data-dapp-kit].InfoSection_container__1wtioi70 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
[data-dapp-kit] .GettingStarted_container__1fp07e10,
[data-dapp-kit].GettingStarted_container__1fp07e10 {
  align-items: center;
  display: flex;
  flex-direction: column;
}
[data-dapp-kit] .GettingStarted_content__1fp07e11,
[data-dapp-kit].GettingStarted_content__1fp07e11 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  justify-content: center;
  padding: 40px;
}
[data-dapp-kit] .GettingStarted_installButtonContainer__1fp07e12,
[data-dapp-kit].GettingStarted_installButtonContainer__1fp07e12 {
  bottom: 20px;
  position: absolute;
  right: 20px;
}
[data-dapp-kit] .WhatIsAWallet_container__1ktpkq90,
[data-dapp-kit].WhatIsAWallet_container__1ktpkq90 {
  align-items: center;
  display: flex;
  flex-direction: column;
}
[data-dapp-kit] .WhatIsAWallet_content__1ktpkq91,
[data-dapp-kit].WhatIsAWallet_content__1ktpkq91 {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 20px;
  justify-content: center;
  padding: 40px;
}
[data-dapp-kit] .WalletList_container__1v2s6cz0,
[data-dapp-kit].WalletList_container__1v2s6cz0 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
[data-dapp-kit] .WalletListItem_container__1dqqtqs0,
[data-dapp-kit].WalletListItem_container__1dqqtqs0 {
  display: flex;
}
[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1,
[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1 {
  align-items: center;
  border-radius: var(--dapp-kit-radii-large);
  display: flex;
  flex-grow: 1;
  gap: 8px;
  padding: 8px;
}
[data-dapp-kit] .WalletListItem_walletItem__1dqqtqs1:hover,
[data-dapp-kit].WalletListItem_walletItem__1dqqtqs1:hover {
  background-color: var(--dapp-kit-backgroundColors-walletItemHover);
}
[data-dapp-kit] .WalletListItem_selectedWalletItem__1dqqtqs2,
[data-dapp-kit].WalletListItem_selectedWalletItem__1dqqtqs2 {
  background-color: var(--dapp-kit-backgroundColors-walletItemSelected);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
[data-dapp-kit] .WalletListItem_walletIcon__1dqqtqs3,
[data-dapp-kit].WalletListItem_walletIcon__1dqqtqs3 {
  border-radius: var(--dapp-kit-radii-small);
  flex-shrink: 0;
  height: 28px;
  object-fit: cover;
  width: 28px;
}
[data-dapp-kit] .AccountDropdownMenu_connectedAccount__div2ql0,
[data-dapp-kit].AccountDropdownMenu_connectedAccount__div2ql0 {
  gap: 8px;
}
[data-dapp-kit] .AccountDropdownMenu_menuContainer__div2ql1,
[data-dapp-kit].AccountDropdownMenu_menuContainer__div2ql1 {
  z-index: 999999999;
}
[data-dapp-kit] .AccountDropdownMenu_menuContent__div2ql2,
[data-dapp-kit].AccountDropdownMenu_menuContent__div2ql2 {
  background-color: var(--dapp-kit-backgroundColors-dropdownMenu);
  border-radius: var(--dapp-kit-radii-large);
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 4px;
  max-height: 200px;
  padding: 8px;
  width: 180px;
}
[data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3,
[data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3 {
  align-items: center;
  border-radius: var(--dapp-kit-radii-large);
  display: flex;
  outline: none;
  padding: 8px;
  -webkit-user-select: none;
  user-select: none;
}
[data-dapp-kit] .AccountDropdownMenu_menuItem__div2ql3[data-highlighted],
[data-dapp-kit].AccountDropdownMenu_menuItem__div2ql3[data-highlighted] {
  background-color: var(--dapp-kit-backgroundColors-primaryButton);
}
[data-dapp-kit] .AccountDropdownMenu_switchAccountMenuItem__div2ql4,
[data-dapp-kit].AccountDropdownMenu_switchAccountMenuItem__div2ql4 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
[data-dapp-kit] .AccountDropdownMenu_separator__div2ql5,
[data-dapp-kit].AccountDropdownMenu_separator__div2ql5 {
  background-color: var(--dapp-kit-backgroundColors-dropdownMenuSeparator);
  flex-shrink: 0;
  height: 1px;
}
.flx_body-wrapper {
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
  -ms-font-smoothing: antialiased !important;
  border: 1px solid rgba(113, 152, 184, 0.078);
  border-radius: 8px;
  color: var(--flx_txt_cl1);
  font-display: swap;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5;
  margin: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.flx_body-wrapper ::-webkit-scrollbar {
  width: 6px;
}
.flx_body-wrapper ::-webkit-scrollbar-track {
  opacity: 0.6;
}
.flx_body-wrapper ::-webkit-scrollbar-thumb,
.flx_body-wrapper ::-webkit-scrollbar-track {
  background: rgba(113, 152, 184, 0.2);
  border-radius: 2.5rem;
}
.flx_body-wrapper ::-webkit-scrollbar-thumb:hover {
  background: rgba(64, 169, 255, 0.3);
}
.flx_body-wrapper *,
.flx_body-wrapper :after,
.flx_body-wrapper :before {
  box-sizing: border-box;
}
.flx_body-wrapper html {
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
  -ms-font-smoothing: antialiased !important;
  scroll-behavior: smooth;
}
.flx_body-wrapper html ::-webkit-scrollbar {
  width: 6px;
}
.flx_body-wrapper html ::-webkit-scrollbar-track {
  opacity: 0.6;
}
.flx_body-wrapper html ::-webkit-scrollbar-thumb,
.flx_body-wrapper html ::-webkit-scrollbar-track {
  background: rgba(113, 152, 184, 0.2);
  border-radius: 2.5em;
}
.flx_body-wrapper html ::-webkit-scrollbar-thumb:hover {
  background: rgba(64, 169, 255, 0.3);
}
.flx_body-wrapper .flx_disable_scroll {
  overflow: hidden;
}
.flx_body-wrapper img {
  max-width: 100%;
}
.flx_body-wrapper h1,
.flx_body-wrapper h2,
.flx_body-wrapper h3,
.flx_body-wrapper h4,
.flx_body-wrapper h5,
.flx_body-wrapper h6,
.flx_body-wrapper p,
.flx_body-wrapper span {
  margin: 0;
}
.flx_body-wrapper p {
  white-space: break-spaces;
}
.flx_body-wrapper a {
  color: inherit;
  text-decoration: none;
}
.flx_body-wrapper .flx_flex {
  display: flex;
  flex-wrap: wrap;
}
.flx_body-wrapper .flx_common_container {
  margin: 0 auto;
  padding: 0 1.71em;
}
@media (min-width: 1400px) {
  .flx_body-wrapper .flx_container {
    max-width: 83%;
  }
}
.flx_body-wrapper .flx_d-flex {
  align-items: center;
  display: flex;
}
.flx_body-wrapper .flx_custom_close {
  align-items: center;
  display: flex;
  height: 2.857em;
  justify-content: center;
  position: absolute;
  right: 1.71em;
  top: 1.14em;
  width: 2.857em;
}
.flx_body-wrapper .flx_custom_close > div {
  align-items: center;
  border-radius: 50%;
  display: flex;
  height: 1.85714em;
  justify-content: center;
  width: 1.85714em;
}
.flx_body-wrapper .flx_custom_close > div svg {
  width: 100%;
}
:root {
  --flx_primary: #29a7de;
  --flx_white: #fff;
  --flx_dimmed_blue: #7198b8;
  --flx_primary_v2: #1890ff;
  --flx_primary_v2_hover: #40a9ff;
  --flx_mango_tango: #ff7a45;
  --flx_pickdate: #e6f7ff;
  --flx_txt_cl1: #262626;
  --flx_txt_cl2: #595959;
  --flx_peach_puff1: #ffd8bf;
  --flx_orange: #fa541c;
  --flx_grey: #434343;
  --flx_rgb_dark: #7198b80d;
}
.flx_flowx_swap_style {
  position: relative;
}
.flx_flowx_swap_style > div {
  background: var(--flx_white);
  height: 100%;
  width: 100%;
}
.flx_flowx_swap_style > div.flx_active {
  position: absolute;
  top: 0;
  z-index: 10;
}
.flx_change_token_view_style {
  display: grid;
  grid: auto 1fr/1fr;
  height: 100%;
  padding: 0 2.286em 1.714em;
  width: 100%;
}
.flx_change_token_view_style .flx_header {
  align-items: center;
  border-bottom: 1px solid rgba(113, 152, 184, 0.2);
  display: flex;
  gap: 0 1em;
  padding: 1.714em 0 1.14em;
}
@media (max-width: 575.98px) {
  .flx_change_token_view_style .flx_header {
    padding-top: 1.14em;
  }
}
.flx_change_token_view_style .flx_header .flx_name {
  text-align: center;
}
.flx_change_token_view_style .flx_header .flx_close_btn {
  cursor: pointer;
  text-align: right;
}
.flx_change_token_view_style .flx_inner .flx_modal_choose_token {
  font-size: 1em;
  height: 100%;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_popular {
  margin-top: 15px;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_tab_container {
  align-items: center;
  border-bottom: 1px solid var(--character-line, rgba(113, 152, 184, 0.2));
  display: flex;
  gap: 0 2.285em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_tab_container
  .flx_tab_item {
  border-bottom: 2px solid transparent;
  padding-bottom: 1.428em;
  padding-top: 1.714em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_tab_container
  .flx_tab_item:not(.flx_active) {
  cursor: pointer;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_tab_container
  .flx_tab_item.flx_active {
  border-bottom: 2px solid var(--flx_primary_v2);
  color: var(--flx_primary_v2) !important;
  font-weight: 500;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token {
  margin-top: 1.43em;
  max-height: 60vh;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_lt_list {
  height: 270px;
  overflow: auto;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_lt_list
  > div
  > div {
  flex-direction: column;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_lt_list
  > div
  > div
  > div {
  margin-top: 26px;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_loading {
  margin: 2em 0;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_modal_list_token {
  margin-top: 20px;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_modal_list_token
  > div::-webkit-scrollbar-thumb {
  background-color: var(--flx_secondary);
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_noresult {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 378px;
  text-align: center;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_noresult
  > div {
  width: 100%;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_noresult
  > div
  img {
  max-width: 35.65%;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_list_token
  .flx_noresult
  > div
  > div {
  margin-top: 2.286em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer {
  border-top: 1px solid rgba(113, 152, 184, 0.05);
  margin: 1.14em -2.286em;
  padding: 0 2.286em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer
  .flx_selected_token {
  display: flex;
  flex-wrap: wrap;
  gap: 0.57em;
  margin-top: 1.14em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer
  .flx_selected_token
  .flx_item {
  align-items: center;
  border: 1px solid rgba(113, 152, 184, 0.2);
  border-radius: 0.857em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0.286em 0.857em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer
  .flx_selected_token
  .flx_item
  > div:first-child {
  align-items: center;
  display: flex;
  gap: 0 0.57em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer
  .flx_selected_token
  .flx_item
  > div:nth-child(2) {
  align-items: center;
  background: rgba(113, 152, 184, 0.08);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 1.14em;
  justify-content: center;
  width: 1.14em;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer
  .flx_selected_token
  .flx_item
  > div:nth-child(2)
  svg {
  width: 50%;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer
  .flx_handle_btn {
  border: none;
  border-radius: 0.57143em;
  margin-top: 0.957em;
  padding: 0.86em 0;
  width: 100%;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_modal_footer
  .flx_handle_btn:hover {
  background-color: var(--flx_secondary);
}
.font-1 {
  font-size: 1px;
}
.font-1,
.font-2 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-2 {
  font-size: 2px;
}
.font-3 {
  font-size: 3px;
}
.font-3,
.font-4 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-4 {
  font-size: 4px;
}
.font-5 {
  font-size: 5px;
}
.font-5,
.font-6 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-6 {
  font-size: 6px;
}
.font-7 {
  font-size: 7px;
}
.font-7,
.font-8 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-8 {
  font-size: 8px;
}
.font-9 {
  font-size: 9px;
}
.font-10,
.font-9 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-10 {
  font-size: 10px;
}
.font-11 {
  font-size: 11px;
}
.font-11,
.font-12 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-12 {
  font-size: 12px;
}
.font-13 {
  font-size: 13px;
}
.font-13,
.font-14 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-14 {
  font-size: 14px;
}
.font-15 {
  font-size: 15px;
}
.font-15,
.font-16 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-16 {
  font-size: 16px;
}
.font-17 {
  font-size: 17px;
}
.font-17,
.font-18 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-18 {
  font-size: 18px;
}
.font-19 {
  font-size: 19px;
}
.font-19,
.font-20 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-20 {
  font-size: 20px;
}
.font-21 {
  font-size: 21px;
}
.font-21,
.font-22 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-22 {
  font-size: 22px;
}
.font-23 {
  font-size: 23px;
}
.font-23,
.font-24 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-24 {
  font-size: 24px;
}
.font-25 {
  font-size: 25px;
}
.font-25,
.font-26 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-26 {
  font-size: 26px;
}
.font-27 {
  font-size: 27px;
}
.font-27,
.font-28 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-28 {
  font-size: 28px;
}
.font-29 {
  font-size: 29px;
}
.font-29,
.font-30 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-30 {
  font-size: 30px;
}
.font-31 {
  font-size: 31px;
}
.font-31,
.font-32 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-32 {
  font-size: 32px;
}
.font-33 {
  font-size: 33px;
}
.font-33,
.font-34 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-34 {
  font-size: 34px;
}
.font-35 {
  font-size: 35px;
}
.font-35,
.font-36 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-36 {
  font-size: 36px;
}
.font-37 {
  font-size: 37px;
}
.font-37,
.font-38 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-38 {
  font-size: 38px;
}
.font-39 {
  font-size: 39px;
}
.font-39,
.font-40 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-40 {
  font-size: 40px;
}
.font-41 {
  font-size: 41px;
}
.font-41,
.font-42 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-42 {
  font-size: 42px;
}
.font-43 {
  font-size: 43px;
}
.font-43,
.font-44 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-44 {
  font-size: 44px;
}
.font-45 {
  font-size: 45px;
}
.font-45,
.font-46 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-46 {
  font-size: 46px;
}
.font-47 {
  font-size: 47px;
}
.font-47,
.font-48 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-48 {
  font-size: 48px;
}
.font-49 {
  font-size: 49px;
}
.font-49,
.font-50 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-50 {
  font-size: 50px;
}
.font-51 {
  font-size: 51px;
}
.font-51,
.font-52 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-52 {
  font-size: 52px;
}
.font-53 {
  font-size: 53px;
}
.font-53,
.font-54 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-54 {
  font-size: 54px;
}
.font-55 {
  font-size: 55px;
}
.font-55,
.font-56 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-56 {
  font-size: 56px;
}
.font-57 {
  font-size: 57px;
}
.font-57,
.font-58 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-58 {
  font-size: 58px;
}
.font-59 {
  font-size: 59px;
}
.font-59,
.font-60 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-60 {
  font-size: 60px;
}
.font-61 {
  font-size: 61px;
}
.font-61,
.font-62 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-62 {
  font-size: 62px;
}
.font-63 {
  font-size: 63px;
}
.font-63,
.font-64 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-64 {
  font-size: 64px;
}
.font-65 {
  font-size: 65px;
}
.font-65,
.font-66 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-66 {
  font-size: 66px;
}
.font-67 {
  font-size: 67px;
}
.font-67,
.font-68 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-68 {
  font-size: 68px;
}
.font-69 {
  font-size: 69px;
}
.font-69,
.font-70 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-70 {
  font-size: 70px;
}
.font-71 {
  font-size: 71px;
}
.font-71,
.font-72 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-72 {
  font-size: 72px;
}
.font-73 {
  font-size: 73px;
}
.font-73,
.font-74 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-74 {
  font-size: 74px;
}
.font-75 {
  font-size: 75px;
}
.font-75,
.font-76 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-76 {
  font-size: 76px;
}
.font-77 {
  font-size: 77px;
}
.font-77,
.font-78 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-78 {
  font-size: 78px;
}
.font-79 {
  font-size: 79px;
}
.font-79,
.font-80 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-80 {
  font-size: 80px;
}
.font-81 {
  font-size: 81px;
}
.font-81,
.font-82 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-82 {
  font-size: 82px;
}
.font-83 {
  font-size: 83px;
}
.font-83,
.font-84 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-84 {
  font-size: 84px;
}
.font-85 {
  font-size: 85px;
}
.font-85,
.font-86 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-86 {
  font-size: 86px;
}
.font-87 {
  font-size: 87px;
}
.font-87,
.font-88 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-88 {
  font-size: 88px;
}
.font-89 {
  font-size: 89px;
}
.font-89,
.font-90 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-90 {
  font-size: 90px;
}
.font-91 {
  font-size: 91px;
}
.font-91,
.font-92 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-92 {
  font-size: 92px;
}
.font-93 {
  font-size: 93px;
}
.font-93,
.font-94 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-94 {
  font-size: 94px;
}
.font-95 {
  font-size: 95px;
}
.font-95,
.font-96 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-96 {
  font-size: 96px;
}
.font-97 {
  font-size: 97px;
}
.font-97,
.font-98 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-98 {
  font-size: 98px;
}
.font-99 {
  font-size: 99px;
}
.font-100,
.font-99 {
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0;
  -moz-osx-font-smoothing: grayscale;
}
.font-100 {
  font-size: 100px;
}
.flx_search_token_style {
  align-items: center;
  background: var(--flx_white);
  border: 1px solid var(--flx_blue_gray);
  border-radius: 8px;
  color: var(--flx_text_sub);
  cursor: text;
  display: flex;
  gap: 0 1em;
  justify-content: space-between;
  margin-top: 1.43em;
  padding: 0.86em;
  transition: all 0.2s;
  width: 100%;
}
.flx_search_token_style .flx_icon_search {
  filter: invert(35%) sepia(0) saturate(30%) hue-rotate(240deg) brightness(88%)
    contrast(95%);
  max-width: 1.625em;
}
.flx_search_token_style input {
  background-color: initial;
  border: unset;
  flex: 1 1 auto;
  font-size: 14px;
  font-weight: 400;
  outline: unset;
  padding: 0;
}
.flx_search_token_style input::placeholder {
  color: var(--flx_txt_cl2);
}
@media (max-width: 767px) {
  .flx_search_token_style input {
    font-size: 16px;
  }
}
.flx_search_token_style.flx_active {
  border: 1px solid var(--flx_register_bd);
  box-shadow: 0 0 0 2px var(--flx_alice_blue_xxx);
}
.flx_search_token_style.flx_active input {
  color: var(--flx_txt_cl1);
}
.flx_search_token_style.flx_active input::placeholder {
  color: var(--flx_txt_cl2);
}
.flx_search_token_style.flx_active .flx_icon_search {
  filter: unset;
}
.flx_bar_loading_style {
  margin: 0 auto;
}
.flx_bar_loading_style > div {
  animation: spinner 1.2s linear infinite;
  border-width: 0.2em;
  position: relative;
}
.flx_bar_loading_style > div span {
  background: var(--flx_primary_v2);
  border-radius: 34%;
  display: block;
  position: absolute;
}
.flx_bar_loading_style > div:first-child {
  animation-delay: -1.1s;
  transform: rotate(0deg);
}
.flx_bar_loading_style > div:nth-child(2) {
  animation-delay: -1s;
  transform: rotate(30deg);
}
.flx_bar_loading_style > div:nth-child(3) {
  animation-delay: -0.9s;
  transform: rotate(60deg);
}
.flx_bar_loading_style > div:nth-child(4) {
  animation-delay: -0.8s;
  transform: rotate(90deg);
}
.flx_bar_loading_style > div:nth-child(5) {
  animation-delay: -0.7s;
  transform: rotate(120deg);
}
.flx_bar_loading_style > div:nth-child(6) {
  animation-delay: -0.6s;
  transform: rotate(150deg);
}
.flx_bar_loading_style > div:nth-child(7) {
  animation-delay: -0.5s;
  transform: rotate(180deg);
}
.flx_bar_loading_style > div:nth-child(8) {
  animation-delay: -0.4s;
  transform: rotate(210deg);
}
.flx_bar_loading_style > div:nth-child(9) {
  animation-delay: -0.3s;
  transform: rotate(240deg);
}
.flx_bar_loading_style > div:nth-child(10) {
  animation-delay: -0.2s;
  transform: rotate(270deg);
}
.flx_bar_loading_style > div:nth-child(11) {
  animation-delay: -0.1s;
  transform: rotate(300deg);
}
.flx_bar_loading_style > div:nth-child(12) {
  animation-delay: 0s;
  transform: rotate(330deg);
}
.flx_bar_loading_style.flx_primary > div span {
  background: #fff;
}
@keyframes spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.flx_token_image_style.flx_hasBorder {
  border: 0.1875em solid #fff;
}
.flx_token_image_style.flx_na_img_border {
  background: var(--flx_white);
}
.flx_token_image_style.flx_round_img {
  border-radius: 50%;
}
.flx_custom_button {
  cursor: pointer;
}
.flx_custom_button.flx_btn-primary {
  align-items: center;
  background-color: var(--flx_primary);
  border: 1px solid transparent;
  border-color: var(--flx_primary);
  border-radius: 0.571em;
  color: #fff;
  display: flex;
  font-weight: 400;
  justify-content: center;
  padding: 0.57em 1.71em;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
@media (max-width: 767.98px) {
  .flx_custom_button.flx_btn-primary {
    padding: 0.57em;
  }
}
.flx_custom_button.flx_btn-primary.flx_custom_width {
  width: inherit;
}
.flx_custom_button.flx_btn-primary.flx_custom_height {
  height: inherit;
}
.flx_custom_button.flx_btn-primary:active,
.flx_custom_button.flx_btn-primary:focus {
  background-color: var(--flx_primary);
  border-color: var(--flx_primary);
  box-shadow: none;
  color: #fff;
  outline: none;
}
.flx_custom_button.flx_btn-primary:hover {
  background-color: var(--flx_primary);
  border-color: transparent;
  color: #fff;
}
.flx_custom_button.flx_btn-secondary {
  align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-color: var(--flx_primary);
  border-radius: 0.571em;
  color: var(--flx_primary);
  display: flex;
  font-weight: 400;
  justify-content: center;
  padding: 0.57em 1.71em;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
.flx_custom_button.flx_btn-secondary.flx_disabled {
  background-color: var(--flx_light_grey);
  color: var(--flx_txt_cl3);
}
.flx_custom_button.flx_btn-secondary:active,
.flx_custom_button.flx_btn-secondary:focus,
.flx_custom_button.flx_btn-secondary:hover {
  background-color: var(--flx_primary);
  border-color: var(--flx_primary);
  box-shadow: none;
  color: #fff;
  outline: none;
}
.flx_custom_button.flx_btn-secondary:active
  :global
  .loading_spinner
  > div:after,
.flx_custom_button.flx_btn-secondary:focus :global .loading_spinner > div:after,
.flx_custom_button.flx_btn-secondary:hover
  :global
  .loading_spinner
  > div:after {
  background-color: #fff;
}
.flx_custom_button.flx_btn-secondary:hover {
  background-color: var(--flx_primary);
  border-color: var(--flx_primary);
  color: #fff;
}
.flx_custom_button.flx_btn-secondary:disabled {
  opacity: 0.5;
}
.flx_custom_button.flx_btn-mini {
  align-items: center;
  background-color: #fff;
  border: 1px solid transparent;
  border-color: var(--flx_primary);
  border-radius: 0.571em;
  color: var(--flx_primary);
  display: flex;
  font-weight: 400;
  justify-content: center;
  padding: 0.14em 0.86em;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
.flx_custom_button.flx_btn-mini .flx_loading_spinner > div:after {
  background-color: var(--flx_primary);
}
.flx_custom_button.flx_btn-mini:disabled {
  border-color: var(--gray3);
  color: var(--gray3);
}
.flx_custom_button.flx_btn-mini:active,
.flx_custom_button.flx_btn-mini:focus,
.flx_custom_button.flx_btn-mini:hover {
  background-color: var(--flx_primary);
  border-color: var(--flx_primary);
  box-shadow: none;
  color: #fff;
  outline: none;
}
.flx_custom_button.flx_btn-mini:active :global .loading_spinner > div:after,
.flx_custom_button.flx_btn-mini:focus :global .loading_spinner > div:after,
.flx_custom_button.flx_btn-mini:hover :global .loading_spinner > div:after {
  background-color: #fff;
}
.flx_custom_button.flx_btn-danger {
  background-color: unset;
}
.flx_custom_button.flx_btn-success {
  background-color: #1fbe00;
}
.flx_custom_button.flx_btn-success:hover {
  border: 1px solid transparent;
}
.flx_custom_button.flx_btn-outline-success {
  border-color: #1fbe00;
  color: #1fbe00;
}
.flx_custom_button.flx_btn-outline-success:hover {
  background-color: #1fbe00;
  color: #fff;
}
.flx_custom_button .flx_pulse {
  position: relative;
}
.flx_custom_button .flx_pulse:before {
  animation-fill-mode: both;
  animation: pulse 1s ease-in-out;
  animation-iteration-count: infinite;
  background-color: var(--flx_maya_blue);
  border-radius: 0.2em;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 var(--flx_maya_blue);
  }
  to {
    box-shadow: 0 0 0 1.14em rgba(105, 192, 255, 0);
  }
}
.flx_token_item_container {
  align-items: center;
  cursor: pointer;
  display: grid;
  grid: 1fr/50% 50%;
  width: 100%;
}
@media (max-width: 1600px) {
  .flx_token_item_container {
    grid: 1fr/45% 55%;
  }
}
.flx_token_item_container.flx_selected {
  cursor: unset;
  opacity: 0.5;
}
.flx_token_item_container .flx_name {
  grid-gap: 0 0.75em;
  align-items: center;
  display: grid;
  gap: 0 0.75em;
  grid: 1fr/2.5em 1fr;
  overflow: hidden;
}
.flx_token_item_container .flx_name .flx_token_img {
  position: relative;
}
.flx_token_item_container .flx_name .flx_token_img .flx_verify {
  position: absolute;
  right: 7px;
  top: -7px;
}
.flx_token_item_container .flx_name .flx_token_img .flx_verify svg {
  height: 12px;
  width: 12px;
}
.flx_token_item_container .flx_name .flx_token_symbol {
  width: 100%;
}
.flx_token_item_container .flx_name .flx_token_symbol > div {
  min-height: 1.57em;
}
.flx_token_item_container .flx_token_amount {
  grid-gap: 0 0.75em;
  align-items: center;
  display: grid;
  gap: 0 0.75em;
  grid: 1fr/1fr 1.5em;
  justify-content: flex-end;
  text-align: right;
  width: 100%;
}
.flx_token_item_container .flx_token_amount .flx_stat {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.flx_token_item_container .flx_token_amount .flx_stat > div {
  width: 100%;
}
@media (max-width: 576.98px) {
  .flx_token_item_modal_container .flx_token_item_modal_input {
    padding-right: 10px;
  }
  .flx_token_item_modal_container .flx_token_item_modal_input:checked {
    background-color: var(--flx_secondary);
    color: #fff;
  }
}
.flx_skeleton_box {
  animation: shimmer 2s ease-out 0s infinite;
  border-radius: 4px;
  display: inline-block;
  transform: translateZ(0);
}
@keyframes shimmer {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.flx_view_setting_style {
  padding: 0 1.14em 1.71em;
}
.flx_view_setting_style .flx_header {
  grid-gap: 0 1rem;
  align-items: center;
  border-bottom: 1px solid var(--flx_hr_cl);
  display: grid;
  gap: 0 1rem;
  grid: 1fr/50px 1fr 50px;
  justify-content: center;
  padding: 1.714em 0 1.14em;
}
.flx_view_setting_style .flx_header .flx_name {
  text-align: center;
}
.flx_view_setting_style .flx_header .flx_right {
  text-align: right;
}
.flx_view_setting_style .flx_header .flx_pointer {
  cursor: pointer;
}
.flx_view_setting_style .flx_content {
  height: 100%;
  overflow: auto;
}
.flx_view_setting_style .flx_content .flx_liquid_source {
  height: 100%;
}
.flx_view_setting_style .flx_content .flx_title {
  align-items: center;
  display: flex;
}
.flx_view_setting_style .flx_content .flx_title img {
  margin-left: 0.57em;
}
.flx_view_setting_style .flx_content .flx_slipage {
  margin-top: 1.714em;
}
.flx_view_setting_style .flx_content .flx_slipage .flx_body {
  grid-gap: 0 0.57em;
  display: grid;
  gap: 0 0.57em;
  grid: 1fr / repeat(4, 10%) auto;
  margin-top: 0.857em;
}
@media (max-width: 767.98px) {
  .flx_view_setting_style .flx_content .flx_slipage .flx_body {
    grid: 1fr / repeat(4, 1fr) 1fr;
  }
}
.flx_view_setting_style .flx_content .flx_slipage .flx_body .flx_item {
  align-items: center;
  border: 1px solid rgba(113, 152, 184, 0.2);
  border-radius: 0.57em;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.flx_view_setting_style
  .flx_content
  .flx_slipage
  .flx_body
  .flx_item.flx_active {
  background: var(--flx_primary_v2);
  color: var(--flx_white);
}
.flx_view_setting_style
  .flx_content
  .flx_slipage
  .flx_body
  .flx_slip_input
  input {
  background: var(--flx_white);
  border: 1px solid var(--flx_blue_gray);
  border-radius: 0.57em;
  max-width: 105px;
  padding: 0.286em 0.857em;
}
.flx_view_setting_style
  .flx_content
  .flx_slipage
  .flx_body
  .flx_slip_input
  input:disabled {
  background: rgba(113, 152, 184, 0.08);
  border: 1px solid rgba(113, 152, 184, 0.08);
  color: var(--flx_txt_cl3);
  cursor: not-allowed;
}
.flx_view_setting_style
  .flx_content
  .flx_slipage
  .flx_body
  .flx_slip_input
  input:active,
.flx_view_setting_style
  .flx_content
  .flx_slipage
  .flx_body
  .flx_slip_input
  input:focus {
  border-color: var(--flx_primary_v2_hover);
  box-shadow: 0 0 0 2px #ecf6ff;
  outline: unset;
}
.flx_view_setting_style .flx_content .flx_deadline {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 1.714em;
}
.flx_view_setting_style .flx_content .flx_deadline input {
  background: var(--flx_white);
  border: 1px solid rgba(113, 152, 184, 0.2);
  border-radius: 0.57em;
  max-width: 80px;
  padding: 0.286em 0.857em;
  text-align: center;
}
.flx_view_setting_style .flx_content .flx_deadline input:disabled {
  background: rgba(113, 152, 184, 0.08);
  border: 1px solid rgba(113, 152, 184, 0.08);
  color: var(--flx_txt_cl3);
  cursor: not-allowed;
}
.flx_view_setting_style .flx_content .flx_deadline input:active,
.flx_view_setting_style .flx_content .flx_deadline input:focus {
  border-color: var(--flx_primary_v2_hover);
  box-shadow: 0 0 0 2px #ecf6ff;
  outline: unset;
}
.flx_view_setting_style .flx_content .flx_settings_expert {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 1.714em;
}
.flx_view_setting_style .flx_content .flx_settings_dex_aggregator .flx_beta {
  align-items: center;
  background: rgba(255, 242, 232, 0.5);
  border-radius: 6.25em;
  color: var(--volcano-5, #ff7a45);
  display: flex;
  gap: 0.625em;
  margin-left: 5px;
  padding: 0.125em 0.75em;
}
.flx_view_setting_style
  .flx_content
  .flx_settings_dex_aggregator.flx_settings_source {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  margin-top: 1.714rem;
  width: 100%;
}
.flx_view_setting_style
  .flx_content
  .flx_settings_dex_aggregator.flx_settings_source
  .flx_sst {
  background: var(--flx_pickdate);
  border-radius: 50%;
  color: var(--flx_primary_v2);
  margin-left: 0.29rem;
  padding: 0 0.43rem;
}
.flx_custom_tooltip_style {
  position: relative;
}
.flx_custom_tooltip_style .flx_cts {
  display: flex;
  height: 1.14em;
  margin-left: 0.286em;
  width: 1.14em;
}
.flx_custom_tooltip_style .flx_cts_tip {
  background: var(--flx_rt_color_dark);
  border-radius: 0.286em;
  color: var(--flx_white);
  font-size: 0.714em;
  font-weight: 400;
  max-width: 300px;
  padding: 0.286em 1.14em;
}
.flx_custom_tooltip_style:hover .flx_cts_tip {
  opacity: 1;
}
.flx_liquidity_source_style {
  display: grid;
  grid: auto 1fr/1fr;
  height: 100%;
  overflow: hidden;
}
.flx_liquidity_source_style .flx_fix_head > div:first-child {
  margin-bottom: 0.86rem;
}
.flx_liquidity_source_style .flx_lss_head.flx_disable {
  cursor: not-allowed;
  filter: grayscale(1);
  opacity: 0.5;
}
.flx_liquidity_source_style .flx_lss {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}
.flx_liquidity_source_style .flx_lss_item {
  grid-gap: 0.57rem;
  align-items: center;
  display: grid;
  gap: 0.57rem;
  grid: 1fr / auto 1fr;
  padding: 0.71rem 0;
}
.flx_liquidity_source_style .flx_lss_item .flx_lssi_content {
  align-items: center;
  display: flex;
  gap: 0.86rem;
}
.flx_check_box_style {
  align-items: center;
  background: var(--flx_white);
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
}
.flx_check_box_style.flx_normal {
  height: 1.335em;
  width: 1.335em;
}
.flx_check_box_style.flx_normal img {
  width: 60%;
}
.flx_check_box_style.flx_medium {
  height: 1.5em;
  width: 1.5em;
}
.flx_check_box_style.flx_medium img {
  width: 40%;
}
.flx_check_box_style.flx_big {
  height: 2.5em;
  width: 2.5em;
}
.flx_check_box_style.flx_big img {
  width: 38%;
}
.flx_check_box_style.flx_useBorder {
  border: 1.5px solid rgba(113, 152, 184, 0.2);
}
.flx_check_box_style.flx_useBorder.flx_checked {
  border-color: var(--flx_primary_v2_hover);
  border: 2px solid var(--flx_primary_v2_hover);
}
.flx_checked {
  background: var(--flx_primary_v2_hover);
}
.flx_view_base_style {
  position: relative;
}
.flx_view_base_style .flx_main_input {
  padding: 0 1.14em 1.71em;
}
.flx_view_base_style .flx_main_input .flx_swap_content {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.8571em 0;
  margin-top: 1.14em;
  width: 100%;
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_token_container {
  width: 100%;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_head {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_head_left {
  align-items: center;
  display: flex;
  flex: 1 1;
  flex-wrap: wrap;
  gap: 0.5em;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_head_left
  .flx_amount_percent {
  align-items: center;
  display: flex;
  gap: 0.286em;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_head_left
  .flx_amount_percent_item {
  border: 1px solid rgba(24, 144, 255, 0.1);
  border-radius: 1000px;
  cursor: pointer;
  line-height: 150%;
  text-align: center;
  width: 3em;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_head_left
  .flx_amount_percent_item.active {
  border: 1px solid var(--flx_primary_v2);
  color: var(--flx_primary_v2) !important;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_head
  .flx_add_more_token {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_token_block {
  border-radius: 0.714em;
  display: flex;
  flex-direction: column;
  gap: 0.857em 0;
  padding: 1.14em 0 0;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_token_container
  .flx_token_block.multiple_tokens {
  background: rgba(113, 152, 184, 0.05);
  margin-top: 0.85em;
  padding: 1.14em;
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_switch_coins {
  height: 1.714em;
  margin-top: 1.14em;
  width: 1.714em;
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_switch_coins svg {
  transform: scaleX(-1) rotate(90deg);
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_switch_coins > div {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
@media (max-width: 991.98px) {
  .flx_view_base_style
    .flx_main_input
    .flx_swap_content
    .flx_switch_coins
    > div {
    padding-top: 0 !important;
  }
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_sc_account {
  align-items: center;
  align-self: flex-start;
  background-color: var(--flx_primary);
  border: 1px solid transparent;
  border-color: var(--flx_primary);
  border-radius: 0.571em;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-family: Poppins, sans-serif;
  font-size: 0.8751em;
  font-weight: 400;
  justify-content: center;
  padding: 0.57em 1.14em;
  position: relative;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_sc_account.flx_sc_connected
  span {
  font-family: Poppins, sans-serif;
  font-size: 0.8751em;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_sc_account.flx_sc_connected
  span:nth-child(2) {
  align-items: center;
  background-color: var(--flx_primary);
  border-color: var(--flx_primary);
  border-radius: 0.571em;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_sc_account.flx_sc_connected:hover
  span:nth-child(2) {
  opacity: 1;
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_sc {
  align-items: center;
  align-self: flex-start;
  background: hsla(0, 0%, 100%, 0.3);
  border-radius: 7.14286rem;
  display: flex;
  gap: 0.86rem;
  padding: 0.25rem;
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_sc .flx_sc_balance {
  align-items: center;
  display: flex;
  gap: 0.29rem;
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_sc .flx_sc_account {
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 7.14286rem;
  width: -webkit-max-content;
  width: max-content;
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_sc
  .flx_sc_account
  span {
  color: var(--flx_grey);
}
.flx_view_base_style
  .flx_main_input
  .flx_swap_content
  .flx_sc
  .flx_sc_account
  span:nth-child(2) {
  align-items: center;
  background-color: var(--flx_white);
  border-color: var(--flx_primary);
  border-radius: 7.14286rem;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
.flx_view_base_style .flx_main_input .flx_swap_content .flx_sc_btn {
  background: hsla(0, 0%, 100%, 0.1);
  border-radius: 7.14286rem;
  border-radius: 0.57143rem;
  color: var(--flx_txt_cl1);
  width: -webkit-max-content;
  width: max-content;
}
.flx_view_base_style .flx_main_input .flx_detail_trigger {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.714em 0;
  justify-content: space-between;
  margin-top: 1.714em;
  padding-bottom: 1.714em;
  text-align: right;
}
.flx_view_base_style .flx_main_input .flx_detail_trigger.flx_no_show_recipient {
  border-bottom: 1px solid rgba(113, 152, 184, 0.2);
}
.flx_view_base_style .flx_main_input .flx_detail_trigger .flx_address_swap {
  width: 100%;
}
.flx_view_base_style
  .flx_main_input
  .flx_detail_trigger
  .flx_address_swap
  .flx_as_inner {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.flx_view_base_style
  .flx_main_input
  .flx_detail_trigger
  .flx_address_swap
  .flx_as_inner
  .flx_icon {
  margin-right: 0.5em;
}
.flx_view_base_style
  .flx_main_input
  .flx_detail_trigger
  .flx_ic_back_right
  svg {
  transform: unset;
}
.flx_view_base_style .flx_main_input .flx_detail_trigger .flx_trade_detail_res {
  width: 100%;
}
.flx_view_base_style
  .flx_main_input
  .flx_detail_trigger
  .flx_trade_detail_res
  .flx_tdr {
  align-items: center;
  cursor: pointer;
  display: inline-block;
  display: flex;
  width: 100%;
}
.flx_view_base_style
  .flx_main_input
  .flx_detail_trigger
  .flx_trade_detail_res
  .flx_tdr
  svg {
  transform: rotate(90deg);
}
.flx_view_base_style
  .flx_main_input
  .flx_detail_trigger
  .flx_trade_detail_res
  .flx_tdr.flx_show_detail
  svg {
  transform: rotate(-90deg);
}
.flx_view_base_style .flx_main_input .flx_recipient_container {
  background: rgba(113, 152, 184, 0.051);
  border-radius: 0.57em;
  margin-top: 1.14em;
  padding: 0.857em 1.14em 1.14em;
  transition: height 0.2s;
}
.flx_view_base_style
  .flx_main_input
  .flx_recipient_container
  .flx_recipient_content
  > div {
  text-align: left;
}
.flx_view_base_style
  .flx_main_input
  .flx_recipient_container
  .flx_recipient_content
  input {
  border: 1px solid var(--flx_blue_gray);
  border-radius: 0.3125em;
  color: var(--flx_txt_cl1);
  font-size: 1em;
  margin-top: 0.5em;
  padding: 0.57em 0.85em;
  width: 100%;
}
.flx_view_base_style
  .flx_main_input
  .flx_recipient_container
  .flx_recipient_content
  input:active,
.flx_view_base_style
  .flx_main_input
  .flx_recipient_container
  .flx_recipient_content
  input:focus {
  border-color: var(--flx_primary);
  box-shadow: 0 0 0 2px var(--flx_input_shd);
  outline: unset;
}
.flx_view_base_style .flx_main_input .flx_cta {
  margin: 1.714em auto 0;
  max-width: 25.71em;
}
.flx_view_base_style .flx_main_input .flx_cta.flx_btn_warning {
  background-color: var(--flx_mango_tango);
  border-color: var(--flx_mango_tango);
}
.flx_view_base_style .flx_detail_info {
  border: none;
  height: -webkit-max-content;
  height: max-content;
  padding: 0;
  width: 100% !important;
}
.flx_view_base_style .flx_detail_info .flx_block_header {
  align-items: center;
  border-bottom: 1px solid rgba(113, 152, 184, 0.2);
  display: flex;
  padding: 1.14em 0;
}
.flx_view_base_style .flx_detail_info .flx_block_header > div {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.flx_view_base_style .flx_detail_info .flx_block_header > div svg {
  margin-right: 0.857em;
}
.flx_swap_token_input .flx_inner {
  background: var(--flx_white);
  border: 1px solid rgba(113, 152, 184, 0.2);
  border-radius: 0.57em;
  display: flex;
  flex-direction: column;
  gap: 0.286em 0;
  padding: 0.857em 1.714em;
  position: relative;
  transition: 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
@media (max-width: 767.98px) {
  .flx_swap_token_input .flx_inner {
    padding: 0.857em 1.14em;
  }
}
.flx_swap_token_input .flx_inner.flx_single_input {
  background: rgba(113, 152, 184, 0.05);
}
.flx_swap_token_input .flx_inner .flx_line {
  grid-gap: 0 1em;
  align-items: center;
  display: grid;
  gap: 0 1em;
  grid: 1fr / auto auto;
}
.flx_swap_token_input .flx_inner .flx_line.flx_input_amount .flx_left {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.flx_swap_token_input
  .flx_inner
  .flx_line.flx_input_amount
  .flx_left
  .flx_symbol {
  margin-left: 0.57em;
}
@media (max-width: 767.98px) {
  .flx_swap_token_input
    .flx_inner
    .flx_line.flx_input_amount
    .flx_left
    .flx_symbol {
    font-size: 1.14em;
  }
}
.flx_swap_token_input
  .flx_inner
  .flx_line.flx_input_amount
  .flx_left
  .flx_icon_arr_down {
  align-items: center;
  display: flex;
  height: 1.14em;
  justify-self: center;
  margin-left: 0.714em;
  width: 1.14em;
}
.flx_swap_token_input
  .flx_inner
  .flx_line.flx_input_amount
  .flx_left
  .flx_icon_arr_down
  svg {
  transform: rotate(90deg);
}
.flx_swap_token_input .flx_inner .flx_line.flx_input_amount .flx_right input {
  background: none;
  border: none;
  font-size: 1.14em;
  text-align: right;
  width: 100%;
}
.flx_swap_token_input
  .flx_inner
  .flx_line.flx_input_amount
  .flx_right
  input::placeholder {
  color: #8c8c8c;
}
.flx_swap_token_input
  .flx_inner
  .flx_line.flx_input_amount
  .flx_right
  input:active,
.flx_swap_token_input
  .flx_inner
  .flx_line.flx_input_amount
  .flx_right
  input:focus {
  outline: unset;
}
.flx_swap_token_input .flx_inner .flx_line.flx_input_amount .flx_right > div {
  text-align: right;
}
.flx_swap_token_input .flx_inner .flx_line.flx_balance {
  overflow: hidden;
}
.flx_swap_token_input .flx_inner .flx_line.flx_balance .flx_left {
  align-items: center;
  display: flex;
  gap: 0 0.2em;
}
.flx_swap_token_input .flx_inner .flx_line.flx_balance .flx_left .flx_ps-1,
.flx_swap_token_input .flx_inner .flx_line.flx_balance .flx_left span {
  cursor: pointer;
}
.flx_swap_token_input .flx_inner .flx_line.flx_balance .flx_right {
  text-align: right;
}
.flx_swap_token_input .flx_inner .flx_line.flx_input_range {
  align-items: center;
  display: flex;
  gap: 0;
}
.flx_swap_token_input .flx_inner .flx_line.flx_input_range .flx_disable {
  cursor: not-allowed;
  opacity: 0.5;
}
.flx_swap_token_input
  .flx_inner
  .flx_line.flx_input_range
  .flx_hide_thumb::-webkit-slider-thumb {
  display: none;
}
.flx_swap_token_input .flx_inner .flx_line.flx_input_range input {
  margin-left: 1.286em;
  max-width: 136px;
}
.flx_swap_token_input .flx_inner .flx_line.flx_input_range .flx_rate {
  margin-left: 0.857em;
}
.flx_swap_token_input .flx_inner .flx_emove_token {
  align-items: center;
  background: var(--flx_shadow_blue);
  border-radius: 50px;
  cursor: pointer;
  display: none;
  height: 1.714em;
  justify-content: center;
  position: absolute;
  right: -0.857em;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 1.714em;
}
@media (max-width: 767.98px) {
  .flx_swap_token_input .flx_inner .flx_emove_token {
    background: var(--flx_azureish_white);
    display: flex;
    left: -0.857em;
    right: auto;
  }
}
.flx_swap_token_input .flx_inner .flx_emove_token svg {
  height: 60%;
  width: 60%;
}
@media (max-width: 767.98px) {
  .flx_swap_token_input .flx_inner .flx_emove_token svg path {
    stroke: var(--flx_dimmed_blue);
  }
}
.flx_swap_token_input.flx_error .flx_inner {
  background: rgba(255, 242, 232, 0.3);
  border-color: var(--flx_dust_red_3);
  box-shadow: none;
}
.flx_swap_token_input .flx_error_list {
  color: var(--flx_negative);
  margin-top: 0.57em;
}
.flx_swap_token_input:hover .flx_emove_token {
  display: flex;
}
.flx_swap_header {
  align-items: center;
  border-bottom: 1px solid rgba(113, 152, 184, 0.2);
  display: flex;
  justify-content: space-between;
  padding: 1.14em 0;
}
.flx_swap_header .flx_right {
  align-items: center;
  display: flex;
  gap: 0 1.42em;
}
.flx_swap_header .flx_right .flx_sc_account,
.flx_swap_header .flx_right .flx_shr {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.flx_swap_header .flx_right .flx_sc_account {
  align-self: flex-start;
  border: 1px solid transparent;
  border-radius: 0.571em;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  gap: 0 10px;
  padding: 1px 8px;
  position: relative;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
.flx_swap_header .flx_right .flx_sc_account span:nth-child(2) svg {
  transform: rotate(90deg);
}
.flx_swap_header .flx_right .flx_sc {
  align-items: center;
  align-self: flex-start;
  background: hsla(0, 0%, 100%, 0.3);
  background-color: rgba(113, 152, 184, 0.08);
  border-radius: 7.14286rem;
  display: flex;
  gap: 0.86rem;
  padding: 0.25rem;
  position: relative;
}
.flx_swap_header .flx_right .flx_sc .flx_sc_balance {
  align-items: center;
  display: flex;
  gap: 0.29rem;
}
.flx_swap_header .flx_right .flx_sc .flx_sc_account {
  background: var(--flx_white);
  border-radius: 7.14286rem;
  width: -webkit-max-content;
  width: max-content;
}
.flx_swap_header .flx_right .flx_sc .flx_sc_account span {
  color: var(--flx_txt_cl1);
}
.flx_swap_header .flx_right .flx_sc .flx_list_account_container {
  background: var(--flx_white);
  border: 1px solid rgba(113, 152, 184, 0.1);
  border-radius: 8px;
  position: absolute;
  right: 4px;
  top: calc(100% + 2px);
  width: 235px;
  z-index: 999;
}
.flx_swap_header .flx_right .flx_sc .flx_show_list_account {
  display: block;
  opacity: 1;
  z-index: 1;
}
.flx_swap_header .flx_right .flx_sc .flx_hide_list_account {
  display: none;
  opacity: 0;
  z-index: -1;
}
.flx_swap_header .flx_right .flx_sc_btn {
  background: hsla(0, 0%, 100%, 0.1);
  border: none;
  border-radius: 7.14286rem;
  border-radius: 8px;
  color: var(--flx_txt_cl1);
  padding: 6px 16px;
  position: relative;
  width: -webkit-max-content;
  width: max-content;
}
.flx_swap_header .flx_right .flx_sc_btn:hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.flx_swap_header .flx_right .flx_sc_btn:before {
  background: linear-gradient(93.35deg, #7593ff 2.11%, #72ddff 102.11%);
  border-radius: 8px;
  content: "";
  height: 100%;
  inset: 0;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  padding: 1px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.flx_swap_refresh_style {
  align-items: center;
  display: flex;
  gap: 0 1em;
}
.flx_swap_refresh_style .flx_srs {
  align-items: center;
  display: flex;
  justify-content: center;
  transform-origin: center;
  width: 100%;
}
.flx_swap_refresh_style .flx_srs svg {
  height: 22px;
  position: relative;
  transform: translateY(-1px);
  width: 22px;
  z-index: 1;
}
.flx_swap_refresh_style .flx_srs svg circle {
  fill: none;
  stroke: var(--flx_pickdate);
  stroke-linecap: round;
  height: 100%;
  width: 100%;
}
.flx_swap_refresh_style .flx_srs svg circle:first-child {
  stroke-width: 2px;
}
.flx_swap_refresh_style .flx_srs svg circle:nth-child(2) {
  stroke-width: 2px;
  stroke: var(--flx_primary_v2);
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
  transition: stroke-dashoffset 0.35s;
}
.flx_swap_refresh_style .flx_srs .flx_ccw {
  background: #fff;
  border-radius: 100%;
  height: 22px;
  position: relative;
  width: 22px;
  z-index: 10;
}
.flx_swap_refresh_style .flx_srs .flx_ccw.flx_clickable {
  cursor: pointer;
}
.flx_swap_refresh_style .flx_srs .flx_ccw .flx_ccw_content {
  align-items: center;
  background: #fff;
  border-radius: 100%;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.5s;
  width: 100%;
}
.flx_swap_refresh_style .flx_srs .flx_ccw .flx_ccw_content span {
  color: var(--flx_primary_v2);
  display: block;
  font-family: Poppins, sans-serif;
  font-size: 0.7em;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
.flx_swap_refresh_style .flx_anual_refresh {
  cursor: pointer;
  height: 1.714em;
  position: relative;
  width: 1.714em;
}
.flx_swap_refresh_style .flx_anual_refresh > div {
  height: 100%;
  width: 100%;
}
.flx_swap_refresh_style .flx_anual_refresh > div.flx_active {
  animation: loading 0.5s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
@keyframes loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}
.flx_list_account .flx_switch_account {
  cursor: pointer;
  padding: 16px;
  position: relative;
}
.flx_list_account .flx_switch_account.flx_show {
  padding-bottom: 0;
}
.flx_list_account .flx_switch_account.flx_show .flx_switch_account_content {
  margin-top: 8px;
  max-height: 200px;
  overflow: auto;
}
.flx_list_account .flx_switch_account.flx_show .flx_arrow svg {
  transform: rotate(-90deg);
}
.flx_list_account .flx_switch_account.flx_hide .flx_switch_account_content {
  height: 0;
  overflow: hidden;
}
.flx_list_account .flx_switch_account .flx_switch_account_text {
  align-items: flex-start;
  display: flex;
  gap: 0 12px;
}
.flx_list_account .flx_switch_account .flx_switch_account_text .flx_icon {
  height: 18px;
}
.flx_list_account
  .flx_switch_account
  .flx_switch_account_content
  .flx_account_item_content {
  align-items: center;
  border-radius: 8px;
  display: flex;
  gap: 0 10px;
  margin-left: 10px;
  padding: 10px 24px 10px 12px;
}
.flx_list_account
  .flx_switch_account
  .flx_switch_account_content
  .flx_account_item_content:hover {
  background: var(--flx_rgb_dark);
}
.flx_list_account
  .flx_switch_account
  .flx_switch_account_content
  .flx_account_item_content
  .flx_no_active {
  height: 14px;
  width: 14px;
}
.flx_list_account .flx_switch_account .flx_arrow {
  position: absolute;
  right: 16px;
  top: 15px;
}
.flx_list_account .flx_switch_account .flx_arrow svg {
  transform: rotate(90deg);
}
.flx_list_account .flx_disconnect {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  gap: 0 12px;
  padding: 16px;
}
.flx_list_account .flx_disconnect .flx_icon {
  height: 18px;
}
.flx_view_confirmation_style {
  background-color: var(--flx_white);
  display: grid;
  grid: auto 1fr/1fr;
  height: 100%;
  overflow: auto;
  padding: 0 1.14em 1.71em;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.flx_view_confirmation_style .flx_vcs_head {
  align-items: center;
  border-bottom: 1px solid rgba(113, 152, 184, 0.2);
  display: flex;
  gap: 0 1em;
  justify-content: space-between;
  padding: 1.714em 0 1.14em;
}
@media (max-width: 575.98px) {
  .flx_view_confirmation_style .flx_vcs_head {
    padding-top: 1.14em;
  }
}
.flx_view_confirmation_style .flx_vcs_head .flx_name {
  text-align: center;
}
.flx_view_confirmation_style .flx_vcs_head .flx_close_btn {
  cursor: pointer;
  text-align: right;
}
.flx_view_confirmation_style .flx_vcs_body {
  position: relative;
}
.flx_view_confirmation_style .flx_vcs_body .flx_vcsb {
  align-items: center;
  background: var(--flx_white);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.flx_transaction_status_style :global .modal-header {
  border-bottom: 1px solid var(--flx_air_superiority_blue_02);
  color: var(--flx_eerie_black);
  font-size: 1.285em;
  font-weight: 500;
  padding: 0 0 1.14em;
}
.flx_transaction_status_style :global .flx_modal-content {
  padding: 1.714em 2.286em;
}
.flx_transaction_status_style .flx_loading_container {
  align-items: center;
  display: flex;
  height: 125px;
  justify-content: center;
  margin: 1.714em 0;
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .flx_transaction_status_style .flx_loading_container {
    height: 120px !important;
  }
}
.flx_transaction_status_style .flx_loading_container > div {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.flx_transaction_status_style .flx_success_container {
  align-items: center;
  display: flex;
  height: 141px;
  justify-content: center;
  margin-bottom: 1.714em;
  margin-top: 1.714em;
  overflow: hidden;
  position: relative;
}
.flx_transaction_status_style .flx_text_common {
  margin-bottom: 0.857em;
  text-align: center;
  white-space: pre-line;
}
.flx_transaction_status_style .flx_text_fail {
  color: var(--flx_pigment);
}
.flx_transaction_status_style .flx_text_explorer {
  align-items: center;
  color: var(--flx_primary_v2);
  display: flex;
  justify-content: center;
  margin-bottom: 1.714em;
}
.flx_transaction_status_style .flx_text_explorer img {
  margin-top: -0.3em;
}
.flx_transaction_status_style .flx_button_action {
  margin: auto;
  width: clamp(100px, 100%, 360px);
}
@media (max-width: 767px) {
  .flx_transaction_status_style .flx_button_action {
    width: 100%;
  }
}
.flx_confirmation_content_style {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.714em 0;
  height: 100%;
  overflow: auto;
}
@media (max-width: 767.98px) {
  .flx_confirmation_content_style {
    flex: 1 1;
    flex-wrap: nowrap;
    overflow: hidden;
  }
  .flx_confirmation_content_style .flx_ccs_content {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
.flx_confirmation_content_style .flx_ccs_content > div {
  margin-top: 1.714em;
}
.flx_confirmation_content_style .flx_ccs_content > div.flx_ccsc_top {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.714em 0;
}
.flx_confirmation_content_style
  .flx_ccs_content
  > div.flx_ccsc_top
  .flx_ccsct_container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.flx_confirmation_content_style
  .flx_ccs_content
  > div.flx_ccsc_top
  .flx_ccsct_container
  .flx_list {
  width: 100%;
}
.flx_confirmation_content_style
  .flx_ccs_content
  > div.flx_ccsc_top
  .flx_ccsct_container
  .flx_list
  > div:not(:first-child) {
  border-top: 1px solid rgba(113, 152, 184, 0.2);
}
.flx_confirmation_content_style
  .flx_ccs_content
  > div.flx_ccsc_top
  .flx_price_change {
  align-items: center;
  background: rgba(255, 242, 232, 0.5);
  border: 1px dashed var(--flx_peach_puff1);
  border-radius: 0.286rem;
  color: var(--flx_orange);
  display: flex;
  gap: 0 0.86rem;
  justify-content: space-between;
  padding: 1.07rem;
}
.flx_confirmation_content_style
  .flx_ccs_content
  > div.flx_ccsc_top
  .flx_price_change
  > div {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}
.flx_confirmation_content_style
  .flx_ccs_content
  > div.flx_ccsc_top
  .flx_price_change
  button {
  padding: 0.43rem 1.14rem;
}
.flx_confirmation_content_style
  .flx_ccs_content
  > div.flx_ccsc_top
  .flx_price_change
  svg {
  height: 1.71rem;
  width: 1.71rem;
}
.flx_confirmation_content_style .flx_ccs_content > div.flx_ccsc_bottom title {
  margin-bottom: 0.857em;
}
.flx_confirmation_content_style .flx_wallet_recipient {
  border-top: 1px solid rgba(113, 152, 184, 0.2);
  padding-top: 1.785em;
}
.flx_confirmation_content_style .flx_wallet_recipient .flx_address {
  margin-top: 0.3em;
  max-width: 31em;
}
.flx_confirmation_content_style .flx_ccs_warning {
  align-items: center;
  border-top: 1px solid rgba(113, 152, 184, 0.2);
  display: flex;
  gap: 0 1em;
  padding-top: 1.785em;
}
.flx_confirmation_content_style .flx_btn_warning,
.flx_confirmation_content_style .flx_btn_warning:hover {
  background-color: var(--flx_mango_tango);
  border-color: var(--flx_mango_tango);
}
.flx_confirm_swap_token_item_style {
  grid-gap: 0 1em;
  align-items: stretch;
  display: grid;
  gap: 0 1em;
  grid: 1fr/30% 1fr;
  padding: 0.714em 0;
}
.flx_confirm_swap_token_item_style .flx_left_item {
  align-items: center;
  display: flex;
  gap: 0 0.857em;
}
.flx_confirm_swap_token_item_style .flx_right_item {
  display: flex;
  flex-direction: column;
  gap: 0.286em 0;
  text-align: right;
}
.flx_swap_information {
  display: flex;
  flex-direction: column;
}
.flx_swap_information .flx_droplist {
  overflow: hidden;
}
.flx_swap_information .flx_info {
  display: flex;
  flex: 1 1;
  justify-content: flex-end;
}
.flx_swap_information .flx_info .flx_btn_detail {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.flx_swap_information .flx_info .flx_btn_detail svg {
  margin-left: 0.57em;
  transform: rotate(90deg);
  transition: 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.flx_swap_information .flx_info .flx_btn_detail.flx_active svg {
  transform: rotate(-90deg);
}
.flx_swap_information .flx_list_item {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.flx_swap_information .flx_list_item svg {
  height: 1.14em;
  margin-right: 0.57em;
  width: 1.14em;
}
.flx_swap_information .flx_list_item .flx_inblock {
  align-items: center;
  background: rgba(113, 152, 184, 0.05);
  border-radius: 50px;
  display: flex;
  padding: 0.143em 0.57em;
}
.flx_swap_information .flx_list_item .flx_inblock img {
  margin-left: 0.286em;
}
.flx_swap_information .flx_item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0.42em 0;
}
.flx_swap_information .flx_item:first-child {
  margin-top: 0.714em;
}
.flx_swap_information .flx_item:last-child {
  border-bottom: unset;
}
.flx_swap_information .flx_item.flx_slippage .flx_content.flx_editable {
  color: var(--flx_primary_v2);
}
.flx_swap_information .flx_item.flx_slippage .flx_content svg {
  cursor: pointer;
}
.flx_swap_information .flx_item.flx_minimum_receive,
.flx_swap_information .flx_item.flx_price_impact,
.flx_swap_information .flx_item.flx_rate {
  display: block;
}
.flx_swap_information .flx_item.flx_minimum_receive .flx_inner,
.flx_swap_information .flx_item.flx_price_impact .flx_inner,
.flx_swap_information .flx_item.flx_rate .flx_inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.flx_swap_information .flx_item .flx_loading {
  background-color: #29a7de;
  height: 20px;
  width: 100px;
}
.flx_swap_information .flx_item .flx_title {
  align-items: center;
  color: var(--flx_txt_cl2);
  display: flex;
  gap: 0 0.5em;
  justify-content: flex-start;
}
.flx_swap_information .flx_item .flx_title > div {
  text-align: left;
}
.flx_swap_information .flx_item .flx_title .flx_question {
  align-items: center;
  border: 1px solid #000;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 1.25em;
  justify-content: center;
  width: 1.25em;
}
.flx_swap_information .flx_item.flx_rate .flx_multi_rate .flx_list_item {
  padding: 0.714em 0;
}
.flx_swap_information
  .flx_item.flx_rate
  .flx_multi_rate
  .flx_list_item:first-child {
  padding-top: 1.428em;
}
.flx_swap_information .flx_item.flx_minimum_receive .flx_droplist,
.flx_swap_information .flx_item.flx_price_impact .flx_droplist {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.57em;
  justify-content: flex-end;
}
.flx_swap_information
  .flx_item.flx_minimum_receive
  .flx_droplist.flx_minreceive,
.flx_swap_information .flx_item.flx_minimum_receive .flx_droplist.flx_p_impact,
.flx_swap_information .flx_item.flx_price_impact .flx_droplist.flx_minreceive,
.flx_swap_information .flx_item.flx_price_impact .flx_droplist.flx_p_impact {
  gap: 0.57em;
}
.flx_swap_information
  .flx_item.flx_minimum_receive
  .flx_droplist.flx_minreceive
  .flx_list_item,
.flx_swap_information
  .flx_item.flx_minimum_receive
  .flx_droplist.flx_p_impact
  .flx_list_item,
.flx_swap_information
  .flx_item.flx_price_impact
  .flx_droplist.flx_minreceive
  .flx_list_item,
.flx_swap_information
  .flx_item.flx_price_impact
  .flx_droplist.flx_p_impact
  .flx_list_item {
  margin-top: 0.714em;
}
.flx_detail_trigger {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 1.14em 0;
  justify-content: space-between;
  margin-top: 1.14em;
  padding-bottom: 1.14em;
  text-align: right;
}
.flx_detail_trigger.flx_no_show_recipient {
  border-bottom: 1px solid rgba(113, 152, 184, 0.2);
}
@media (max-width: 767.98px) {
  .flx_detail_trigger .flx_address_swap {
    width: 100%;
  }
}
.flx_detail_trigger .flx_address_swap .flx_as_inner {
  align-items: center;
  cursor: pointer;
  display: flex;
}
.flx_detail_trigger .flx_address_swap .flx_as_inner .flx_icon {
  margin-right: 0.5em;
}
.flx_detail_trigger .flx_ic_back_right svg {
  transform: unset;
}
.flx_detail_trigger .flx_trade_detail_res {
  width: 100%;
}
.flx_detail_trigger .flx_trade_detail_res .flx_tdr {
  align-items: center;
  cursor: pointer;
  display: inline-block;
  display: flex;
  gap: 0 0.571em;
}
.flx_detail_trigger .flx_trade_detail_res .flx_tdr svg {
  transform: rotate(90deg);
}
.flx_detail_trigger .flx_trade_detail_res .flx_tdr.flx_show_detail svg {
  transform: rotate(-90deg);
}
.flx_cta {
  margin: 1.714em auto 0;
  width: 100%;
}
.flx_cta.flx_btn_warning {
  background-color: var(--flx_mango_tango);
  border-color: var(--flx_mango_tango);
}
.flx_connect-btn > button {
  align-items: center;
  background-color: var(--flx_primary);
  border: 1px solid transparent;
  border-color: var(--flx_primary);
  border-radius: 0.571em;
  color: #fff;
  display: flex;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  justify-content: center;
  margin: 1.714em auto 0;
  padding: 0.57em 1.71em;
  transition: all 0.15s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  width: 100%;
}
@media (max-width: 767.98px) {
  .flx_connect-btn > button {
    padding: 0.57em;
  }
}
.flx_connect-btn > button:active,
.flx_connect-btn > button:focus {
  background-color: var(--flx_primary);
  border-color: var(--flx_primary);
  box-shadow: none;
  color: #fff;
  outline: none;
}
.flx_connect-btn > button:hover {
  background-color: var(--flx_primary);
  border-color: transparent;
  color: #fff;
}
:root {
  --flx_primary: #ff7a00;
  --flx_secondary: #6addff;
  --flx_third: #def8fe;
  --flx_text_sub: #bababa;
  --flx_hr_cl: #c6c6c6;
  --flx_white: #1a1714;
  --flx_register_bd: #bae7ff;
  --flx_input_shd: #d3f2ff;
  --flx_dimmed_blue: #c7c7c7;
  --flx_blue_gray: #9aaebe;
  --flx_primary_v2: #ff7a00;
  --flx_primary_v2_hover: #ff7a00;
  --flx_light_grey: #f3f6fb;
  --flx_negative: #ff4d4f;
  --flx_positive1: #27ae60;
  --flx_eerie_black: #1f1f1f;
  --flx_alice_blue_xxx: #ebf9ff;
  --flx_mango_tango: #d94342;
  --flx_shadow_blue: #6c8fae;
  --flx_rt_color_dark: #222;
  --flx_air_superiority_blue_02: #7198b833;
  --flx_dust_red_3: #ffa39e;
  --flx_crayola: #9aaebe;
  --flx_pigment: #f5222d;
  --flx_maya_blue: #69c0ff;
  --flx_pickdate: #2c2c2c;
  --flx_blueberry: #597ef7;
  --flx_deep_koamaru: #2a4362;
  --flx_azureish_white: #e2eaf1;
  --flx_txt_cl1: #eaeaea;
  --flx_txt_cl2: #878685;
  --flx_txt_cl3: #8c8c8c;
  --flx_sea_green: #219653;
  --flx_sunset_orange: #fa8c16;
  --flx_negative: #d94342;
  --txt_cl2: #878685;
}
.flx_body-wrapper {
  border: none;
  border-radius: 0;
  font-size: 13px;
}
.flx_body-wrapper ::-webkit-scrollbar-track {
  background: #1a1714;
}
.flx_body-wrapper ::-webkit-scrollbar-thumb {
  background: #363636;
}
.flx_sc {
  background: transparent !important;
  border: 1px solid var(--flx_primary);
  border-radius: 0 !important;
  color: var(--flx_primary) !important;
  gap: 6px !important;
  order: -1;
  padding: 6px 16px !important;
  position: relative;
}
.flx_sc .flx_sc_balance img {
  height: 20px !important;
  width: 20px !important;
}
.flx_sc_account {
  background: transparent !important;
  border-radius: 0 !important;
  color: var(--flx_primary) !important;
  font-size: 13px !important;
  line-height: 20px !important;
  order: -1;
  padding: 6px 16px !important;
}
.flx_sc_account:before {
  background: var(--flx_primary) !important;
  border-radius: 0 !important;
}
.flx_sc_account.flx_font-16 {
  padding: 0 !important;
}
.flx_sc_account span {
  color: var(--flx_primary) !important;
  font-size: 13px !important;
  line-height: 20px !important;
}
.flx_sc_account.flx_sc_connected {
  border: none !important;
  padding: 0 !important;
}
.flx_sc_account.flx_sc_connected:after {
  content: "";
  inset: 0;
  position: absolute;
}
.flx_show_list_account.flx_list_account_container {
  left: -1px;
}
.flx_view_base_style .flx_main_input {
  padding: 0;
}
.flx_swap_token_input .flx_inner.flx_single_input {
  background: #2c2c2c;
  border: none;
  border-radius: 4px;
  gap: 5px 0;
  padding: 6px;
}
.flx_swap_refresh_style {
  margin-left: auto;
}
.flx_swap_refresh_style .flx_skeleton_box {
  background: #2c2c2c !important;
}
.flx_swap_refresh_style .flx_srs .flx_ccw,
.flx_swap_refresh_style .flx_srs .flx_ccw .flx_ccw_content {
  background: transparent;
}
.flx_swap_refresh_style .flx_srs svg circle:nth-child(2) {
  stroke: var(--flx_primary_v2) !important;
}
.flx_token_image_style.flx_round_img {
  height: 30px;
  width: 30px;
}
.flx_number_format {
  font-size: 18px !important;
}
.flx_ps-1 {
  font-size: 12px !important;
}
.flx_font-12 {
  font-size: 11px;
}
.flx_font-18 {
  font-size: 15px;
  font-weight: 700 !important;
}
.flx_custom_button.flx_btn-primary {
  border-radius: 0;
  color: var(--flx_primary);
  height: 40px;
}
.flx_custom_button.flx_btn-primary:not(.flx_btn_warning) {
  background-color: initial;
}
.flx_custom_button.flx_btn-primary:not(.flx_btn_warning):hover {
  background-color: #312d2a;
  border-color: var(--flx_primary);
}
.flx_custom_button.flx_btn-primary.flx_disabled {
  background: #24211f;
  border: 1px solid #24211f;
  color: #aaa9a8;
  opacity: 0.5;
  pointer-events: none;
}
.flx_symbol {
  font-size: 16px;
  font-weight: 500;
}
.flx_swap_header {
  border-bottom: none;
  padding: 0;
}
.flx_swap_header > div {
  display: none;
}
.flx_swap_header .flx_right {
  width: 100%;
}
.flx_swap_header .flx_right .flx_sh_account,
.flx_swap_header .flx_right .flx_sh_account:hover {
  background: transparent !important;
  border-radius: 0;
  color: var(--flx_primary);
  width: 50%;
}
.flx_swap_header .flx_right .flx_sh_account,
.flx_swap_header .flx_right .flx_sh_account.flx_sh_connected span {
  font-size: 13px;
}
.flx_swap_header .flx_right .flx_sh_account.flx_sh_connected span:nth-child(2) {
  border-radius: 0;
  color: #24211f;
  font-weight: 700;
}
.flx_shr svg * {
  stroke: #d1d1d1;
}
.flx_head {
  display: none !important;
}
.flx_view_base_style .flx_main_input .flx_swap_content {
  margin-top: 10px;
}
.flx_token_block {
  padding-top: 0 !important;
}
.flx_detail_trigger {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.flx_show_detail {
  margin-bottom: 4px;
}
.flx_swap_information {
  background: #2c2c2c;
  border-radius: 4px;
  padding: 6px;
}
.flx_swap_information .flx_item:first-child {
  margin-top: 0;
}
.flx_swap_information .flx_item {
  padding: 0 0 5px !important;
}
.flx_swap_information .flx_item .flx_loading {
  background-color: #1a1714;
}
.flx_item:last-child {
  padding-bottom: 0 !important;
}
.flx_swap_information .flx_list_item .flx_inblock {
  padding: 0 0 0 4px !important;
}
.flx_swap_information .flx_content,
.flx_swap_information .flx_title {
  font-size: 12px;
}
.flx_switch_coins {
  margin-top: 0 !important;
}
.flx_change_token_view_style,
.flx_view_confirmation_style {
  padding: 0 6px;
}
.flx_view_confirmation_style .flx_vcs_head {
  padding: 0 0 10px;
}
.flx_ccsc_bottom .flx_title,
.flx_ccsct_container .flx_title {
  margin-bottom: 4px;
}
.flx_confirm_swap_token_item_style {
  background: #2c2c2c;
  border-radius: 4px;
  padding: 6px;
}
.flx_item_token_swap_title {
  font-size: 16px;
  font-weight: 500;
}
.react-tooltip {
  word-wrap: break-word;
  color: #eaeaea !important;
  font-size: 11px !important;
  max-width: 272px !important;
  padding: 6px !important;
  z-index: 99;
}
.flx_cts svg path {
  stroke: #d1d1d1;
}
.flx_change_token_view_style .flx_header {
  padding: 0 0 10px;
}
.flx_search_token_style {
  border: 1px solid #565452 !important;
  box-shadow: none !important;
  padding: 10px;
}
.flx_input_search {
  font-size: 13px !important;
}
.flx_input_search::placeholder {
  font-size: 10px !important;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_tab_container {
  gap: 0 16px;
}
.flx_change_token_view_style
  .flx_inner
  .flx_modal_choose_token
  .flx_tab_container
  .flx_tab_item {
  padding: 12px 0;
}
.flx_view_base_style {
  min-height: 350px;
}
.flx_change_token_view_style .flx_inner .flx_modal_choose_token {
  height: unset;
}
.flx_slip_input input,
.flx_view_setting_style .flx_content .flx_slipage .flx_body .flx_item {
  border-color: #565452 !important;
  height: 32px;
}
.flx_view_setting_style
  .flx_content
  .flx_slipage
  .flx_body
  .flx_item.flx_active {
  border-color: var(--flx_primary) !important;
}
.flx_slip_input input:focus {
  box-shadow: none !important;
}
.infinite-scroll-component div:first-child {
  margin-top: 0 !important;
}
.infinite-scroll-component > div {
  margin-top: 16px !important;
}
@media screen and (max-width: 768px) {
  .flx_flowx_swap_style > div,
  .flx_view_confirmation_style {
    background: #0d0701;
  }
}
.BeTvChartContainer {
  height: 100%;
  width: 100%;
}
.EmbedTvChartContainer {
  height: calc(100% - 30px);
}