@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue:wght@400;500&display=swap";
body button.btn-main {
  font: 500 16px/1.5 Inter, sans-serif;
  padding: 8px 24px;
  border-radius: 90px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  color: #030215;
  background: linear-gradient(90.21deg, #00fe94, #16a1a1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  body button.btn-main {
    font-size: 11px;
    line-height: 18px;
    padding: 6px 18px;
  }
}
body button.btn-main:hover {
  background: linear-gradient(90.21deg, #00e082, #0f7676);
}
body button.btn-main:disabled,
body button.btn-main.btn-disabled {
  background: #94a3b8;
  color: #f8fafc;
  cursor: not-allowed;
  pointer-events: none;
}
body button.btn-main.btn-error {
  color: #fff;
  background: #ef4444;
}
body button.btn-main.btn-error:hover {
  background: #ef4444cc;
}
body button.btn-main.btn-secondary {
  font: 500 14px/1.5 Inter, sans-serif;
  color: #fff;
  background: #ffffff1a;
  border-radius: 8px;
  height: 40px;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  body button.btn-main.btn-secondary {
    font-size: 11px;
    height: 32px;
  }
}
body button.btn-main.btn-secondary:hover {
  background: #fff3;
}
body button.btn-main.btn-main-gradient {
  background: linear-gradient(271.17deg, #ff2f9f, #ffa41d);
}
body button.btn-main.btn-main-gradient:hover {
  background: linear-gradient(271.17deg, #d52785, #da8c17);
}
body button.btn-main.btn-white-transparent {
  color: #fff;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
body button.btn-main.btn-white-transparent:hover {
  border-color: #ffffff4d;
}
body button.btn-main.btn-rounded-sm {
  border-radius: 10px;
}
body button.btn-main.btn-flex-sm {
  display: inline-flex;
  gap: 6px;
  padding: 4px 12px 4px 8px;
  text-transform: capitalize;
  width: auto;
}
body button.btn-main.btn-flex-md {
  font-size: 14px;
  display: inline-flex;
  gap: 6px;
  padding: 8px 12px;
  text-transform: capitalize;
  width: auto;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  body button.btn-main.btn-flex-md {
    font-size: 11px;
    padding: 4px 8px;
  }
}
body button.btn-main.btn-flex-md.advanced:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  padding: 2px;
  background: linear-gradient(90deg, #ff265e73, #f2990173, #8fff0173);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
body button.btn-main.btn-main-gradient-monotonic {
  color: #fff;
  background: linear-gradient(180deg, #ffffff17, #ffffff08);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
body button.btn-main.btn-fully-transparent {
  font: 500 14px/1.5 Inter, sans-serif;
  color: #ffffff80;
  background: transparent;
  border-radius: 8px;
  height: 40px;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  body button.btn-main.btn-fully-transparent {
    font-size: 11px;
    height: 32px;
  }
}
body button.btn-main.btn-fully-transparent:hover {
  color: #fffc;
}
header {
  max-width: 1920px;
  margin: 0 auto;
  z-index: 10;
}
header nav {
  width: 100%;
  height: 64px;
  padding: 0 24px;
  border-bottom: 1px solid #1e293b;
}
@media (max-width: 1535.98px) {
  header nav {
    padding: 0 16px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav {
    height: 44px;
  }
}
@media (max-width: 575.98px) {
  header nav {
    padding: 0 10px;
  }
}
header nav .separator {
  color: #fff;
  opacity: 0.3;
  margin: 0 5px;
  font-size: 12px;
}
header nav .logo-gas-container {
  display: flex;
  align-items: center;
  gap: 14px;
}
header nav .logo-gas-container .gas-price {
  color: #ffffff92;
  display: flex;
  align-items: center;
  gap: 4px;
  font: 500 14px/20px Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .logo-gas-container .gas-price {
    font-size: 9px;
    line-height: 16px;
  }
}
@media (max-width: 991.98px) {
  header nav .logo-gas-container .gas-price {
    font-size: 16px;
  }
}
header nav .logo-gas-container .gas-price span {
  display: flex;
  gap: 4px;
  align-items: center;
}
header nav .logo-gas-container .gas-price img {
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
header nav .logo-gas-container .gas-price .gas-price-icon {
  fill: #ffffff92 !important;
  margin-right: 4px;
  height: 14px;
  width: 14px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .logo-gas-container .gas-price .gas-price-icon {
    height: 10px;
    width: 10px;
  }
}
header nav .logo-wrap {
  display: flex;
  align-items: center;
}
header nav .logo-wrap img {
  width: 140px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .logo-wrap img {
    width: 95px;
  }
}
header nav .nav-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  header nav .nav-wrap {
    padding: 40px 32px;
    position: fixed;
    right: 0;
    top: 0;
    width: 300px;
    height: var(--app-height);
    transform: translate(420px);
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(180deg, #ffffff08, #ffffff02);
    box-shadow: 0 4px 24px -1px #0003;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    opacity: 0;
  }
}
header nav .nav-wrap.opened {
  z-index: 10;
  opacity: 1;
  transition: 0.3s all ease-out;
}
@media (max-width: 991.98px) {
  header nav .nav-wrap.opened {
    transform: none;
  }
}
header nav .nav-wrap .close-wrap {
  display: none;
  position: absolute;
  top: 10px;
  left: -66px;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .close-wrap {
    display: flex;
  }
}
header nav .nav-wrap .links-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 32px;
  margin-left: 1px;
  margin-top: -1px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .links-wrap {
    gap: 6px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap {
    flex-direction: column;
    height: max-content;
    align-items: flex-start;
    gap: 24px;
  }
}
header nav .nav-wrap .links-wrap .link-item {
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
  padding: 12px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  transition: none;
  opacity: 0.3;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .links-wrap .link-item {
    padding: 12px 9px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item {
    padding: 0;
    height: max-content;
    gap: 12px;
    opacity: 0.3;
  }
}
header nav .nav-wrap .links-wrap .link-item * {
  transition: none;
}
header nav .nav-wrap .links-wrap .link-item:hover {
  opacity: 1;
}
header nav .nav-wrap .links-wrap .link-item:hover:after {
  opacity: 1;
  background-color: #fff;
}
header nav .nav-wrap .links-wrap .link-item:after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  opacity: 0;
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item:after {
    display: none;
  }
}
header nav .nav-wrap .links-wrap .link-item.active {
  opacity: 1;
}
header nav .nav-wrap .links-wrap .link-item.active:after {
  opacity: 1;
  background-color: #34d399;
}
header nav .nav-wrap .links-wrap .link-item.dropdown-item {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item.dropdown-item {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
}
header nav .nav-wrap .links-wrap .link-item.disabled {
  pointer-events: none;
  opacity: 0.15;
}
header nav .nav-wrap .links-wrap .link-item.opened {
  opacity: 1;
}
header nav .nav-wrap .links-wrap .link-item.opened:after {
  opacity: 1;
  background-color: #fff;
}
header nav .nav-wrap .links-wrap .link-item.opened .dropdown-btn .icon {
  transform: rotate(180deg);
}
header nav .nav-wrap .links-wrap .link-item:not(.opened) .dropdown-wrap {
  display: none;
}
header nav .nav-wrap .links-wrap .link-item .text {
  font: 500 14px/20px Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .links-wrap .link-item .text {
    font-size: 10px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item .text {
    font-size: 24px;
    line-height: 32px;
  }
}
header nav .nav-wrap .links-wrap .link-item .icon {
  display: flex;
  align-items: center;
}
header nav .nav-wrap .links-wrap .link-item .icon img {
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .links-wrap .link-item .icon img {
    width: 12px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item .icon img {
    width: 24px;
  }
}
header nav .nav-wrap .links-wrap .link-item .dropdown-btn {
  display: flex;
  align-items: center;
  gap: 4px;
}
header nav .nav-wrap .links-wrap .link-item .dropdown-wrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 8px);
  padding: 4px;
  left: 0;
  width: 100%;
  border-radius: 10px;
  background-color: #232427;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 15px #00000040;
  min-width: 144px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .links-wrap .link-item .dropdown-wrap {
    min-width: 100px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item .dropdown-wrap {
    top: 35px;
    left: 0;
    position: absolute;
    border: 0;
    box-shadow: none;
    background-color: transparent;
  }
}
header nav .nav-wrap .links-wrap .link-item .dropdown-wrap a {
  font: 400 14px/1.5 Inter, sans-serif;
  text-decoration: none;
  color: #fff;
  padding: 10px 8px;
  border-radius: 5px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .links-wrap .link-item .dropdown-wrap a {
    font-size: 10px;
    padding: 6px 4px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item .dropdown-wrap a {
    padding: 6px 0;
  }
}
header nav .nav-wrap .links-wrap .link-item .dropdown-wrap a:hover {
  background-color: #ffffff0d;
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item .dropdown-wrap a:hover {
    background-color: transparent;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .links-wrap .link-item .dropdown-wrap a {
    font-size: 16px;
  }
}
header nav .nav-wrap .wallet-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .wallet-wrap {
    gap: 3px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .wallet-wrap {
    flex-wrap: wrap;
    justify-content: center;
    min-width: 100%;
    gap: 6px;
  }
}
header nav .nav-wrap .wallet-wrap .address-wrap {
  display: flex;
}
header nav .nav-wrap .wallet-wrap .navbar-actions-wrap {
  display: flex;
  align-items: center;
}
header nav .nav-wrap .wallet-wrap .navbar-actions-wrap button {
  opacity: 0.5;
  padding: 10px;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .wallet-wrap .navbar-actions-wrap button {
    padding: 7px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .wallet-wrap .navbar-actions-wrap button {
    padding: 8px;
  }
}
header nav .nav-wrap .wallet-wrap .navbar-actions-wrap button.active,
header nav .nav-wrap .wallet-wrap .navbar-actions-wrap button:hover {
  opacity: 1;
  background-color: #ffffff0d;
}
header nav .nav-wrap .wallet-wrap .navbar-actions-wrap button.active {
  z-index: 11;
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .wallet-wrap .search-wrap {
    display: none;
  }
}
header nav .nav-wrap .wallet-wrap .divider-wrap {
  width: 1px;
  height: 24px;
  background-color: #ffffff26;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .wallet-wrap .divider-wrap {
    height: 18px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .wallet-wrap .divider-wrap {
    display: none;
  }
}
header nav .nav-wrap .wallet-wrap button {
  font: 500 14px/20px Inter, sans-serif;
  color: #fff;
  padding: 10px 12px;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  cursor: pointer;
  border-radius: 10px;
  background-color: transparent;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .wallet-wrap button {
    font-size: 9px;
    line-height: 16px;
    padding: 7px 10px;
    gap: 6px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .wallet-wrap button {
    font-size: 16px;
    padding: 8px;
  }
}
header nav .nav-wrap .wallet-wrap button:hover {
  background-color: #ffffff0d;
}
header nav .nav-wrap .wallet-wrap button .icon {
  display: flex;
  align-items: center;
}
header nav .nav-wrap .wallet-wrap button .icon img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .wallet-wrap button .icon img {
    width: 16px;
  }
}
@media (max-width: 991.98px) {
  header nav .nav-wrap .wallet-wrap button .icon img {
    width: 20px;
  }
}
header nav .nav-wrap .wallet-wrap button .text {
  display: flex;
  align-items: center;
  gap: 4px;
}
header nav .nav-wrap .wallet-wrap button .text .secondary {
  opacity: 0.5;
}
header nav .nav-wrap .wallet-wrap button .arrow {
  display: flex;
  align-items: center;
}
header nav .nav-wrap .wallet-wrap button .arrow img {
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .wallet-wrap button .arrow img {
    width: 12px;
  }
}
header nav .nav-wrap .wallet-wrap .status-wrap button {
  gap: 10px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  header nav .nav-wrap .wallet-wrap .status-wrap button {
    gap: 8px;
  }
}
header nav .mobile-nav-wrap {
  height: 100%;
  display: none;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  header nav .mobile-nav-wrap {
    display: flex;
  }
}
header nav .mobile-nav-wrap .navbar-actions-wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
}
header nav .mobile-nav-wrap .search-wrap,
header nav .mobile-nav-wrap .notifications-wrap {
  width: 44px;
  height: 44px;
  display: none;
  margin-right: 4px;
}
@media (max-width: 991.98px) {
  header nav .mobile-nav-wrap .search-wrap,
  header nav .mobile-nav-wrap .notifications-wrap {
    display: initial;
  }
}
header nav .mobile-nav-wrap .search-wrap button,
header nav .mobile-nav-wrap .notifications-wrap button {
  opacity: 0.5;
  width: 100%;
  height: 100%;
  box-shadow: none;
  align-items: center;
  justify-content: center;
  border: 0;
  cursor: pointer;
  border-radius: 10px;
  background-color: transparent;
}
header nav .mobile-nav-wrap .search-wrap button:hover,
header nav .mobile-nav-wrap .notifications-wrap button:hover {
  opacity: 1;
  background-color: #ffffff0d;
}
header nav .mobile-nav-wrap .search-wrap button .icon,
header nav .mobile-nav-wrap .notifications-wrap button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
header nav .mobile-nav-wrap .burger-wrap {
  display: none;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  header nav .mobile-nav-wrap .burger-wrap {
    display: flex;
    align-items: center;
  }
}
header nav .mobile-nav-wrap .burger-wrap img {
  width: 44px;
}
header nav .overlay {
  z-index: 9;
  display: none;
}
@media (max-width: 991.98px) {
  header nav .overlay.active {
    display: initial;
  }
}
.gas-price-list {
  min-width: 100px;
}
.gas-price-list p {
  display: grid;
  grid-template-columns: 80px 1fr;
  align-items: center;
  margin: 0;
  line-height: 24px;
}
.gas-price-list p .label {
  color: #ffffffb3;
  font: 500 10px/20px Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  white-space: nowrap;
}
.gas-price-list p .value {
  color: #fff;
  text-align: right;
  font: 500 10px/20px Inter, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
footer {
  max-width: 1920px;
  margin: auto auto 0;
}
footer .content-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 80px;
  height: 60px;
  border-top: 1px solid #1e293b;
}
@media (max-width: 767.98px) {
  footer .content-wrap {
    flex-wrap: wrap;
    padding: 24px;
    height: max-content;
  }
}
footer .content-wrap .socials-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 150px;
}
@media (max-width: 767.98px) {
  footer .content-wrap .socials-wrap {
    order: 1;
    min-width: max-content;
  }
}
footer .content-wrap .socials-wrap a {
  text-decoration: none;
}
footer .content-wrap .socials-wrap img {
  width: 36px;
  height: 36px;
}
@media (max-width: 767.98px) {
  footer .content-wrap .copyright-wrap {
    order: 2;
  }
}
footer .content-wrap .copyright-wrap p {
  font: 400 14px/20px Inter, sans-serif;
  color: #64748b;
}
footer .content-wrap .links-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 150px;
  gap: 8px;
}
@media (max-width: 767.98px) {
  footer .content-wrap .links-wrap {
    order: 0;
    min-width: max-content;
  }
}
footer .content-wrap .links-wrap a {
  font: 700 14px/20px Inter, sans-serif;
  text-decoration: none;
  color: #f1f5f9;
}
.modal-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-wrap * {
  outline: none;
}
.modal-wrap.modal-strategy-wrap .modal-content-wrap {
  background: none !important;
  min-width: 300px;
  padding: 0;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
}
.modal-wrap.modal-strategy-wrap .modal-content-wrap .content-wrap {
  max-height: 60vh;
}
.modal-wrap.modal-strategy-wrap
  .modal-content-wrap
  .widgets-column
  .widget-wrap:not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-strategy-wrap
    .modal-content-wrap
    .widgets-column
    .widget-wrap:not(:last-child) {
    margin-bottom: 16px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap {
  padding: 0;
  width: 100%;
  max-width: 400px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap {
    max-width: 320px;
  }
}
@media (max-width: 575.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap {
    max-width: 90vw;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap {
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap {
    padding: 24px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: 10px;
  margin-bottom: 12px;
  background: #0000;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    margin-bottom: 8px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap img {
  width: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap img {
    width: 24px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap.basic {
  background: #ffffff26;
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap.info {
  background: #6691f526;
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap.warning {
  background: #f59e0b26;
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap.success {
  background: #10b98126;
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .icon-wrap.error {
  background: #ef444426;
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .title-wrap {
  font: 600 18px/1.4 Inter, sans-serif;
  color: #fff;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .title-wrap {
    font-size: 12px;
    margin-bottom: 6px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .text-wrap {
  font: 400 16px/1.4 Inter, sans-serif;
  color: #fffc;
  text-align: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .info-wrap .text-wrap {
    font-size: 11px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .content-wrap {
  padding: 0 32px 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .content-wrap {
    padding: 0 24px 24px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .content-wrap input {
  font: 500 16px/1.2 Inter, sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 8px;
  padding: 12px;
  width: 100%;
  color: #fff;
  background-color: transparent;
  outline: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .content-wrap input {
    font-size: 11px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .buttons-wrap {
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .buttons-wrap {
    padding: 8px 12px;
    gap: 8px;
  }
}
.modal-wrap.modal-basic-wrap .modal-content-wrap .buttons-wrap button {
  height: 48px;
  border-radius: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap.modal-basic-wrap .modal-content-wrap .buttons-wrap button {
    height: 36px;
  }
}
.modal-wrap .modal-content-wrap {
  padding: 40px;
  border-radius: 12px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 4px 24px -1px #0003;
  background: url(/assets/widget-noise-bg-J71L6e8S.png) top center no-repeat,
    linear-gradient(180deg, #00000008, #00000002);
  background-size: cover;
  max-width: max-content;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap .modal-content-wrap {
    padding: 24px;
    border-radius: 8px;
  }
}
@media (max-width: 575.98px) {
  .modal-wrap .modal-content-wrap {
    padding: 32px;
  }
}
.modal-wrap .modal-content-wrap .close-wrap {
  position: absolute;
  bottom: calc(100% + 8px);
  right: 0;
  padding: 12px;
  border-radius: 12px;
  cursor: pointer;
}
@media (max-width: 575.98px) {
  .modal-wrap .modal-content-wrap .close-wrap {
    padding: 8px;
  }
}
.modal-wrap .modal-content-wrap .close-wrap:hover {
  background-color: #ffffff1a;
}
.modal-wrap .modal-content-wrap .close-wrap svg {
  width: 32px;
  height: 32px;
}
.modal-wrap .modal-content-wrap .headline-wrap {
  font: 500 24px/32px Poppins, sans-serif;
  text-align: center;
  margin-bottom: 32px;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap .modal-content-wrap .headline-wrap {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 16px;
  }
}
.modal-wrap .modal-content-wrap .headline-wrap.dialog,
.modal-wrap .modal-content-wrap .headline-wrap .title {
  display: flex;
  justify-content: center;
}
@media (max-width: 575.98px) {
  .modal-wrap .modal-content-wrap .headline-wrap {
    margin-bottom: 24px;
  }
}
.modal-wrap .modal-content-wrap .form-wrap {
  display: flex;
  flex-direction: column;
  width: 360px;
}
@media (max-width: 575.98px) {
  .modal-wrap .modal-content-wrap .form-wrap {
    width: 280px;
  }
}
.modal-wrap .modal-content-wrap .form-wrap input {
  font: 600 14px/20px Inter, sans-serif;
  border: 1px solid #475569;
  border-radius: 8px;
  margin-bottom: 32px;
  padding: 12px;
  width: 100%;
  color: #f1f5f9;
  background-color: transparent;
  outline: none;
}
@media (max-width: 575.98px) {
  .modal-wrap .modal-content-wrap .form-wrap input {
    margin-bottom: 24px;
  }
}
.modal-wrap .modal-content-wrap .form-wrap input::placeholder {
  font: 600 14px/20px Inter, sans-serif;
  color: #64748b;
}
.modal-wrap .modal-content-wrap .form-wrap input:focus {
  border-color: #475569;
}
.modal-wrap .modal-content-wrap .form-wrap button {
  font: 700 16px/1.5 Inter, sans-serif;
  color: #1e293b;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 12px 24px;
  border: 0;
  cursor: pointer;
  border-radius: 90px;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap .modal-content-wrap .form-wrap button {
    font-size: 11px;
    padding: 8px 16px;
  }
}
.modal-wrap .modal-content-wrap .form-wrap button.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.modal-wrap .modal-content-wrap .form-wrap.dialog {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 32px;
}
.modal-wrap .modal-content-wrap .form-wrap.dialog button.cancel {
  font: 700 16px/1.5 Inter, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  padding: 12px 24px;
  border: 0;
  cursor: pointer;
  border-radius: 90px;
  background: #ffffff0d;
  color: #ffffff80;
  transition: background 0.3s ease;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap .modal-content-wrap .form-wrap.dialog button.cancel {
    font-size: 11px;
    padding: 8px 16px;
  }
}
.modal-wrap .modal-content-wrap .form-wrap.dialog button.cancel:hover {
  background: #ffffff45;
}
.modal-wrap .modal-content-wrap .form-wrap.dialog button.confirm {
  font: 700 16px/1.5 Inter, sans-serif;
  color: #1e293b;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30%;
  padding: 12px 24px;
  border: 0;
  cursor: pointer;
  border-radius: 90px;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-wrap .modal-content-wrap .form-wrap.dialog button.confirm {
    font-size: 11px;
    padding: 8px 16px;
  }
}
.modal-wrap .modal-content-wrap .form-wrap.dialog button.confirm:hover {
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #1ccfcf 170.49%);
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #0000000d;
  -webkit-backdrop-filter: blur(1.5px);
  backdrop-filter: blur(1.5px);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.modal-content {
  background-color: #232427;
  border-radius: 20px;
  width: 95%;
  max-width: 710px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: 8px;
}
.modal-header {
  display: flex;
  padding: 12px 32px;
  position: relative;
}
.modal-header .modal-title-centered {
  margin: 0 auto;
}
.modal-header .modal-close {
  position: absolute;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  top: 8px;
  right: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
}
.modal-header .modal-close img {
  width: 16px;
  height: 16px;
}
.modal-body {
  color: #ccc;
}
.modal-body .modal-body-bg {
  padding: 16px;
  border-radius: 12px;
  background: radial-gradient(
    circle at right bottom,
    #10b9811a,
    #181a1a99 60%,
    #107bb91a
  );
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.MuiSlider-root {
  padding: 12px 0 !important;
  margin-bottom: 0 !important;
}
.MuiSlider-root.Mui-disabled {
  opacity: 0.5;
}
.MuiSlider-root .MuiSlider-markLabel[data-index="0"] {
  left: 0;
  transform: none;
}
.MuiSlider-root .MuiSlider-markLabel:nth-last-of-type(2) {
  right: 0;
  left: auto !important;
  transform: none;
}
.MuiSlider-root.red-to-green.disabled .MuiSlider-mark[data-index="0"],
.MuiSlider-root.red-to-green.disabled .MuiSlider-mark[data-index="2"] {
  background-color: #334155 !important;
}
.MuiSlider-root.red-to-green .MuiSlider-rail {
  background: linear-gradient(90deg, #ef4444, #e4e839, #10b981);
}
.MuiSlider-root.red-to-green .MuiSlider-track {
  background: transparent !important;
}
.MuiSlider-root.red-to-green .MuiSlider-mark[data-index="0"] {
  background-color: #ee5343 !important;
}
.MuiSlider-root.red-to-green .MuiSlider-mark[data-index="1"] {
  background-color: #e5e639 !important;
}
.MuiSlider-root.red-to-green .MuiSlider-mark[data-index="2"] {
  background-color: #16bb7f !important;
}
.MuiSlider-root.red-to-green .MuiSlider-markLabel[data-index="0"] {
  left: 0;
  transform: none;
}
.MuiSlider-root.red-to-green .MuiSlider-markLabel:nth-last-of-type(2) {
  right: 0;
  left: auto !important;
  transform: none;
}
.MuiSlider-root.disabled {
  pointer-events: none;
}
.MuiSlider-root.disabled .MuiSlider-rail {
  background: var(--Neutral-700, #334155) !important;
}
.MuiSlider-root.disabled .MuiSlider-track {
  background: transparent !important;
}
.MuiSlider-root.disabled .MuiSlider-mark {
  background: var(--Neutral-700, #334155) !important;
}
.MuiSlider-root.disabled .MuiSlider-thumb {
  width: 24px;
  height: 24px;
  background: var(--Neutral-600, #475569) !important;
  box-shadow: none !important;
}
.MuiSlider-root.disabled .MuiSlider-thumb:hover,
.MuiSlider-root.disabled .MuiSlider-thumb.Mui-focusVisible {
  box-shadow: 0 0 0 8px #67768c1a !important;
}
.MuiSlider-root .MuiSlider-rail {
  opacity: 1;
  color: transparent;
  background-color: #3a3d40;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .MuiSlider-root .MuiSlider-rail {
    height: 3px;
  }
}
.MuiSlider-root .MuiSlider-thumb {
  width: 24px;
  height: 24px;
  background: #e2e8f0;
  box-shadow: inset 2px -2px 5.31343px #fff3, inset 2px 2px 14.3019px #fff9;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .MuiSlider-root .MuiSlider-thumb {
    width: 16px !important;
    height: 16px !important;
  }
}
.MuiSlider-root .MuiSlider-thumb:hover,
.MuiSlider-root .MuiSlider-thumb.Mui-focusVisible {
  box-shadow: 0 0 0 8px #ffffff1a !important;
}
.MuiSlider-root .MuiSlider-thumb:before,
.MuiSlider-root .MuiSlider-thumb:after {
  display: none;
}
.MuiSlider-root .MuiSlider-track {
  background: linear-gradient(90deg, #ee1f8f, #f90 102.61%);
  border: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .MuiSlider-root .MuiSlider-track {
    height: 3px;
  }
}
.MuiSlider-root .MuiSlider-mark {
  height: 16px;
  width: 2px;
  background-color: #3a3d40;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .MuiSlider-root .MuiSlider-mark {
    height: 10px;
    width: 1px;
  }
}
.MuiSlider-root .MuiSlider-mark.MuiSlider-markActive[data-index="0"] {
  background-color: #ef2489;
}
.MuiSlider-root .MuiSlider-mark.MuiSlider-markActive[data-index="1"] {
  background-color: #f34464;
}
.MuiSlider-root .MuiSlider-mark.MuiSlider-markActive[data-index="2"] {
  background-color: #f75c48;
}
.MuiSlider-root .MuiSlider-mark.MuiSlider-markActive[data-index="3"] {
  background-color: #f76848;
}
.MuiSlider-root .MuiSlider-mark.MuiSlider-markActive[data-index="4"] {
  background-color: #f77748;
}
.MuiSlider-root .MuiSlider-mark.MuiSlider-markActive[data-index="5"] {
  background-color: #f78548;
}
.MuiSlider-root .MuiSlider-mark.MuiSlider-markActive[data-index="6"] {
  background-color: #f90;
}
.MuiSlider-root .MuiSlider-markLabel {
  font: 400 11px/1.8 Inter, sans-serif;
  color: #ffffff4d;
  top: 30px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .MuiSlider-root .MuiSlider-markLabel {
    font-size: 8px;
    line-height: 10px;
  }
}
.MuiSlider-root .MuiSlider-valueLabel {
  background: #64748b;
  border-radius: 4px;
}
.switch-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  transition: 0.15s all ease-in-out !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .switch-wrap {
    gap: 6px;
  }
}
.switch-wrap * {
  transition: 0.15s all ease-in-out !important;
}
.switch-wrap .MuiSwitch-root {
  width: 30px;
  height: 16px;
  padding: 0;
  border-radius: 12px;
}
.switch-wrap .MuiSwitch-root .MuiSwitch-switchBase {
  color: #fff;
  padding: 1px;
  top: 0;
}
.switch-wrap .MuiSwitch-root .MuiSwitch-switchBase.Mui-checked {
  color: #fff;
  transform: translate(14px);
}
.switch-wrap
  .MuiSwitch-root
  .MuiSwitch-switchBase.Mui-checked
  + .MuiSwitch-track {
  opacity: 1;
  background-color: #10b981;
}
.switch-wrap .MuiSwitch-root .MuiSwitch-track {
  opacity: 1;
  background-color: #2e3138;
}
.switch-wrap .MuiSwitch-root .MuiSwitch-thumb {
  width: 14px;
  height: 14px;
}
.switch-wrap .switch-label-wrap {
  font: 500 14px/1.5 Inter, sans-serif;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .switch-wrap .switch-label-wrap {
    font-size: 9px;
  }
}
.switch-wrap .switch-label-wrap.unselected {
  opacity: 0.3;
}
.tabs-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tabs-wrap {
    gap: 0;
  }
}
@media (max-width: 767.98px) {
  .tabs-wrap {
    gap: 0;
  }
}
.tabs-wrap.tabs-underline-wrap {
  gap: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.tabs-wrap.tabs-underline-wrap .item-tab {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 18px 24px;
  border-radius: 0;
}
.tabs-wrap.tabs-underline-wrap .item-tab:hover {
  opacity: 1;
}
.tabs-wrap.tabs-underline-wrap .item-tab:hover:after {
  opacity: 1;
  background-color: #fff;
}
.tabs-wrap.tabs-underline-wrap .item-tab:after {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: -1px;
  opacity: 0;
  transition: 0.15s all ease-in-out;
}
.tabs-wrap.tabs-underline-wrap .item-tab.active {
  background-color: transparent;
}
.tabs-wrap.tabs-underline-wrap .item-tab.active:after {
  opacity: 1;
  background-color: #34d399;
}
.tabs-wrap.tabs-underline-wrap .item-tab .info {
  font: 400 12px/1 Inter, sans-serif;
  color: #ffffff80;
  padding: 2px 4px;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tabs-wrap.tabs-underline-wrap .item-tab .info {
    font-size: 8px;
    padding: 1px 3px;
    border-radius: 4px;
  }
}
.tabs-wrap.tabs-upd-wrap {
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.tabs-wrap.tabs-upd-wrap .item-tab {
  height: 28px;
  border-radius: 8px;
  padding: 6px 8px;
}
@media (max-width: 767.98px) {
  .tabs-wrap.tabs-upd-wrap .item-tab {
    flex: 1;
  }
}
.tabs-wrap.tabs-upd-wrap .item-tab:not(.active):hover {
  background-color: #ffffff05;
}
.tabs-wrap.tabs-upd-wrap .item-tab:not(.active):hover .label {
  background-color: #ffffff14;
}
.tabs-wrap.tabs-upd-wrap .item-tab.gradient {
  gap: 4px;
}
.tabs-wrap.tabs-upd-wrap .item-tab.gradient .text {
  background: linear-gradient(
      40.73deg,
      #ff0080 -0.07%,
      #ff8c00 43.09%,
      #8fff00 87.12%
    ),
    #ffffff80;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.tabs-wrap.tabs-upd-wrap .item-tab .label {
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 5px;
  color: #ffffff80;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tabs-wrap.tabs-upd-wrap .item-tab .label {
    font-size: 9px;
  }
}
.tabs-wrap .item-tab {
  font: 500 14px/20px Inter, sans-serif;
  padding: 10px 16px;
  border-radius: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #94a3b8;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tabs-wrap .item-tab {
    font-size: 10px;
    line-height: 14px;
    padding: 7px 11px;
  }
}
@media (max-width: 767.98px) {
  .tabs-wrap .item-tab {
    font-size: 12px;
    padding: 12px 16px;
  }
}
.tabs-wrap .item-tab:hover {
  color: #fff;
}
.tabs-wrap .item-tab.active {
  background-color: #ffffff14;
  color: #fff;
}
.tabs-wrap .item-tab.disabled {
  color: #475569;
  pointer-events: none;
}
.icon-with-tooltip {
  display: flex;
  align-items: center;
  padding-left: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .icon-with-tooltip {
    padding-left: 3px;
  }
}
.icon-with-tooltip .tooltip-icon-svg {
  width: 16px;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .icon-with-tooltip .tooltip-icon-svg {
    width: 12px;
  }
}
.MuiTooltip-tooltip:has(.tooltip-with-component) {
  padding: 0;
  max-width: 256px;
  border-radius: 10px;
  margin: 8px 0 !important;
  background-color: #2b2c2f !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px #0000001a, 0 8px 30px #00000026, 0 16px 100px #0003;
}
.tooltip-with-component .tooltip-headline {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tooltip-with-component .tooltip-headline {
    padding: 6px 10px;
  }
}
.tooltip-with-component .tooltip-headline .tooltip-icon {
  display: flex;
  align-items: center;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tooltip-with-component .tooltip-headline .tooltip-icon {
    height: 12px;
  }
}
.tooltip-with-component .tooltip-headline .tooltip-icon img {
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tooltip-with-component .tooltip-headline .tooltip-icon img {
    width: 12px;
  }
}
.tooltip-with-component .tooltip-headline .tooltip-title {
  font: 500 12px/16px Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tooltip-with-component .tooltip-headline .tooltip-title {
    font-size: 10px;
    line-height: 12px;
  }
}
.tooltip-with-component .tooltip-body {
  padding: 10px 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tooltip-with-component .tooltip-body {
    padding: 8px 10px;
  }
}
.tooltip-with-component .tooltip-body .tooltip-text {
  font: 400 12px/1.4 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tooltip-with-component .tooltip-body .tooltip-text {
    font-size: 10px;
  }
}
.tooltip-with-component .tooltip-body .tooltip-text .tooltip-holders-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .trader-info {
  display: flex;
  align-items: center;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .trader-info
  .img-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .items-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .items-wrap
  .item-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .items-wrap
  .item-wrap
  .icon {
  display: flex;
  align-items: center;
  gap: 3px;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .items-wrap
  .item-wrap
  .icon
  .circle {
  min-width: 6px;
  max-width: 6px;
  height: 6px;
  border-radius: 3px;
  margin: 3px;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .items-wrap
  .item-wrap
  .icon
  span {
  display: flex;
  align-items: center;
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .items-wrap
  .item-wrap
  .icon
  img {
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .tooltip-with-component
    .tooltip-body
    .tooltip-text
    .tooltip-holders-info
    .items-wrap
    .item-wrap
    .icon
    img {
    width: 12px;
  }
}
.tooltip-with-component
  .tooltip-body
  .tooltip-text
  .tooltip-holders-info
  .items-wrap
  .item-wrap
  .text
  span {
  opacity: 0.5;
}
.tooltip-with-component .tooltip-body .tooltip-link {
  margin-top: 4px;
}
.tooltip-with-component .tooltip-body .tooltip-link a {
  font: 400 12px/1.4 Inter, sans-serif;
  color: #fff;
  opacity: 0.5;
}
.tooltip-with-component .tooltip-body .tooltip-link a:hover {
  opacity: 1;
}
.MuiPopover-paper:has(.notifications-popover-wrap) {
  top: 64px !important;
  max-height: calc(100vh - 88px);
  margin-left: -340px;
  transition: none !important;
  overflow: hidden;
}
@media (max-width: 1920px) {
  .MuiPopover-paper:has(.notifications-popover-wrap) {
    margin-left: -270px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .MuiPopover-paper:has(.notifications-popover-wrap) {
    top: 44px !important;
    margin-left: -170px;
  }
}
@media (max-width: 991.98px) {
  .MuiPopover-paper:has(.notifications-popover-wrap) {
    margin-left: 0;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw;
    max-width: 100vw;
    height: var(--app-height);
    max-height: var(--app-height);
    border: none !important;
    border-radius: 0 !important;
  }
}
.notifications-popover-wrap {
  display: flex;
  flex-direction: column;
  width: 360px;
  height: 100%;
  max-height: calc(100vh - 88px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap {
    width: 280px;
  }
}
@media (max-width: 991.98px) {
  .notifications-popover-wrap {
    width: 100%;
    max-height: 100%;
  }
}
.notifications-popover-wrap .headline-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .headline-wrap {
    padding: 6px;
  }
}
.notifications-popover-wrap .headline-wrap .close {
  cursor: pointer;
  padding: 8px;
  display: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .headline-wrap .close {
    padding: 6px;
  }
}
@media (max-width: 991.98px) {
  .notifications-popover-wrap .headline-wrap .close {
    display: initial;
  }
}
.notifications-popover-wrap .headline-wrap .close img {
  width: 24px;
}
.notifications-popover-wrap .headline-wrap .title {
  font: 600 16px/1 Inter, sans-serif;
  color: #fff;
  padding: 10px 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .headline-wrap .title {
    font-size: 12px;
    padding: 6px 8px;
  }
}
.notifications-popover-wrap .headline-wrap .link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 4px;
  text-decoration: none;
  opacity: 0.5;
  min-width: 90px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .headline-wrap .link {
    padding: 6px 3px;
  }
}
.notifications-popover-wrap .headline-wrap .link:hover {
  opacity: 1;
}
.notifications-popover-wrap .headline-wrap .link .text {
  font: 500 14px/1 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .headline-wrap .link .text {
    font-size: 11px;
  }
}
.notifications-popover-wrap .headline-wrap .link .icon {
  display: flex;
  align-items: center;
}
.notifications-popover-wrap .content-wrap {
  display: flex;
  flex: 1;
  max-height: 100%;
  overflow-y: auto;
}
.notifications-popover-wrap .content-wrap.content-no-data {
  align-items: center;
  justify-content: center;
}
.notifications-popover-wrap .content-wrap .notifications-wrap {
  width: 100%;
}
.notifications-popover-wrap .content-wrap .notifications-wrap .item-wrap {
  padding: 0 12px;
  border-radius: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .content-wrap .notifications-wrap .item-wrap {
    padding: 0 8px;
    border-radius: 6px;
  }
}
.notifications-popover-wrap .content-wrap .notifications-wrap .item-wrap:hover {
  background-color: #ffffff0d;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap:not(:last-child)
  .item-content-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap {
  display: flex;
  gap: 12px;
  padding: 12px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap {
    gap: 8px;
    padding: 8px 0;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .icon-wrap {
    border-radius: 6px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .icon-wrap.gray {
  background-color: #ffffff26;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .icon-wrap.green {
  background-color: #10b98126;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .icon-wrap.green-outlined {
  border: 1px solid #10b981;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .icon-wrap.red {
  background-color: #ef444426;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .icon-wrap
  img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .icon-wrap
    img {
    width: 16px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .info-wrap {
    gap: 3px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .title-wrap {
  font: 600 14px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .info-wrap
    .title-wrap {
    font-size: 11px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .title-wrap
  .green {
  color: #10b981;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .title-wrap
  .red {
  color: #ef4444;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .text-wrap {
  font: 400 14px/1.4 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .info-wrap
    .text-wrap {
    font-size: 11px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .text-wrap
  .white {
  color: #fffc;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .text-wrap
  .green {
  color: #10b981;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .text-wrap
  .red {
  color: #ef4444;
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .time-wrap {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .info-wrap
    .time-wrap {
    font-size: 11px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .label-wrap {
  margin-top: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .info-wrap
    .label-wrap {
    margin-top: 6px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .label-wrap
  span {
  font: 600 14px/1.2 Inter, sans-serif;
  color: #020617;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  border-radius: 8px;
  padding: 5px 12px;
  box-shadow: none;
  border: 0;
  max-width: max-content;
  background-color: #10b981;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap
    .content-wrap
    .notifications-wrap
    .item-wrap
    .item-content-wrap
    .info-wrap
    .label-wrap
    span {
    font-size: 11px;
    height: 20px;
    border-radius: 6px;
    padding: 3px 8px;
  }
}
.notifications-popover-wrap
  .content-wrap
  .notifications-wrap
  .item-wrap
  .item-content-wrap
  .info-wrap
  .label-wrap
  span:hover {
  background: #059669;
}
.notifications-popover-wrap .content-wrap .no-data-wrap {
  display: flex;
  flex-direction: column;
  text-align: center;
  max-width: 250px;
  padding: 40px 0 60px;
  gap: 32px;
}
.notifications-popover-wrap .content-wrap .no-data-wrap .icon img {
  width: 72px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .content-wrap .no-data-wrap .icon img {
    width: 56px;
  }
}
.notifications-popover-wrap .content-wrap .no-data-wrap .text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .content-wrap .no-data-wrap .text {
    gap: 6px;
  }
}
.notifications-popover-wrap .content-wrap .no-data-wrap .text .title {
  font: 600 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .content-wrap .no-data-wrap .text .title {
    font-size: 12px;
  }
}
.notifications-popover-wrap .content-wrap .no-data-wrap .text .subtitle {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .content-wrap .no-data-wrap .text .subtitle {
    font-size: 10px;
  }
}
.notifications-popover-wrap .main-action-wrap {
  padding: 8px;
  width: 100%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .main-action-wrap {
    padding: 6px;
  }
}
.notifications-popover-wrap .main-action-wrap button {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #fff;
  cursor: pointer;
  border-radius: 8px;
  padding: 11px 24px;
  box-shadow: none;
  border: 0;
  width: 100%;
  background-color: transparent;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notifications-popover-wrap .main-action-wrap button {
    font-size: 11px;
    padding: 7px 18px;
  }
}
.notifications-popover-wrap .main-action-wrap button:hover {
  background-color: #ffffff0d;
}
.notification-toast-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  width: 280px;
  background: #2b2c2f;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 50px #0000004d, 0 4px 15px #00000040;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notification-toast-wrap {
    gap: 8px;
    padding: 8px;
    border-radius: 10px;
  }
}
.notification-toast-wrap.clickable {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.notification-toast-wrap.clickable:hover {
  background: #363739;
}
.notification-toast-wrap .icon-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  border-radius: 10px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notification-toast-wrap .icon-wrap {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    border-radius: 6px;
  }
}
.notification-toast-wrap .icon-wrap.error {
  background-color: #ef444426;
}
.notification-toast-wrap .icon-wrap.warning {
  background-color: #f59e0b26;
}
.notification-toast-wrap .icon-wrap.success {
  background-color: #10b98126;
}
.notification-toast-wrap .icon-wrap.success-outlined {
  border: 1px solid #10b981;
}
.notification-toast-wrap .icon-wrap.error-outlined {
  border: 1px solid #ef4444;
}
.notification-toast-wrap .icon-wrap.gray {
  background-color: #ffffff26;
}
.notification-toast-wrap .icon-wrap.info {
  background-color: #6691f526;
}
.notification-toast-wrap .icon-wrap.swap-icon {
  position: relative;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 9999px;
  overflow: hidden;
  display: flex;
  gap: 2px;
  background: #1a1a1a;
}
.notification-toast-wrap .icon-wrap.swap-icon .sell-token {
  position: relative;
  width: 17px;
  height: 36px;
  overflow: hidden;
}
.notification-toast-wrap .icon-wrap.swap-icon .sell-token img {
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  object-fit: cover;
}
.notification-toast-wrap .icon-wrap.swap-icon .buy-token {
  position: relative;
  width: 17px;
  height: 36px;
  overflow: hidden;
}
.notification-toast-wrap .icon-wrap.swap-icon .buy-token img {
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
  height: 36px;
  object-fit: cover;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notification-toast-wrap .icon-wrap.swap-icon {
    width: 24px;
    height: 24px;
    gap: 1px;
  }
  .notification-toast-wrap .icon-wrap.swap-icon .sell-token {
    width: 11.5px;
    height: 24px;
  }
  .notification-toast-wrap .icon-wrap.swap-icon .sell-token img {
    width: 24px;
    height: 24px;
  }
  .notification-toast-wrap .icon-wrap.swap-icon .buy-token {
    width: 11.5px;
    height: 24px;
  }
  .notification-toast-wrap .icon-wrap.swap-icon .buy-token img {
    width: 24px;
    height: 24px;
  }
}
.notification-toast-wrap .icon-wrap img {
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notification-toast-wrap .icon-wrap img {
    width: 18px;
    height: 18px;
  }
}
.notification-toast-wrap .close-wrap {
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  opacity: 0.3;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notification-toast-wrap .close-wrap {
    top: 6px;
    right: 6px;
  }
}
.notification-toast-wrap .close-wrap:hover {
  opacity: 0.6;
}
.notification-toast-wrap .close-wrap img {
  width: 24px;
}
.notification-toast-wrap .message-wrap {
  font: 400 14px/1.3 Inter, sans-serif;
  color: #fff;
  padding-right: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notification-toast-wrap .message-wrap {
    font-size: 11px;
  }
}
.notification-toast-wrap .title-wrap {
  font: 600 14px/1.3 Inter, sans-serif;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  margin-bottom: 3px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .notification-toast-wrap .title-wrap {
    font-size: 11px;
    margin-bottom: 2px;
  }
}
.notification-toast-wrap .title-wrap .green {
  color: #10b981;
}
.notification-toast-wrap .title-wrap .red {
  color: #ef4444;
}
.notification-toast-wrap .text-wrap {
  display: flex;
  flex-direction: column;
}
.notification-toast-wrap .text-wrap .title-wrap {
  order: -1;
  font-weight: 600;
  margin-bottom: 4px;
}
.notification-toast-wrap .text-wrap .description-wrap {
  color: #ffffff80;
}
div:has(> .notification-toast-wrap) {
  top: 12px !important;
  right: 12px !important;
}
.resize-panel-group-wrap {
  transition: none;
}
@media (max-width: 991.98px) {
  .resize-panel-group-wrap {
    gap: 24px;
  }
}
.resize-panel-group-wrap * {
  transition: none !important;
}
@media (max-width: 991.98px) {
  .resize-panel-group-wrap .panel-wrap {
    flex: initial !important;
    min-height: max-content;
  }
}
.resize-panel-group-wrap .panel-content-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  .resize-panel-group-wrap .panel-content-wrap {
    height: max-content;
  }
}
.resize-panel-group-wrap .resize-handle-wrap {
  position: relative;
  outline: none;
  margin: 4px 0 0;
  width: 100%;
  background-color: transparent;
}
@media (max-width: 991.98px) {
  .resize-panel-group-wrap .resize-handle-wrap {
    display: none;
  }
}
.resize-panel-group-wrap .resize-handle-wrap .line-wrap {
  top: 19px;
  left: 0;
  height: 1px;
  width: 100%;
  position: absolute;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .resize-panel-group-wrap .resize-handle-wrap .line-wrap {
    top: 9px;
  }
}
.resize-panel-group-wrap .resize-handle-wrap .line-wrap:before {
  content: "";
  height: 1px;
  width: calc(50% - 20px);
  top: 0;
  left: 0;
  position: absolute;
  background-color: #ffffff1a;
}
.resize-panel-group-wrap .resize-handle-wrap .line-wrap:after {
  content: "";
  height: 1px;
  width: calc(50% - 20px);
  top: 0;
  right: 0;
  position: absolute;
  background-color: #ffffff1a;
}
.resize-panel-group-wrap
  .resize-handle-wrap[data-resize-handle-active]
  .resize-handle-inner
  .icon-wrap
  svg
  rect {
  stroke-opacity: 0.3;
}
.resize-panel-group-wrap
  .resize-handle-wrap[data-resize-handle-active]
  .resize-handle-inner
  .line-wrap:before,
.resize-panel-group-wrap
  .resize-handle-wrap[data-resize-handle-active]
  .resize-handle-inner
  .line-wrap:after {
  background-color: #ffffff4d;
}
.resize-panel-group-wrap .resize-handle-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 8px;
  transition: background-color 0.2s linear;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .resize-panel-group-wrap .resize-handle-inner {
    padding: 0;
  }
}
.resize-panel-group-wrap .resize-handle-inner .icon-wrap svg {
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .resize-panel-group-wrap .resize-handle-inner .icon-wrap svg {
    width: 18px;
    height: 18px;
  }
}
.MuiPaper-root.MuiDialog-paper,
.MuiPaper-root.MuiMenu-paper {
  border-radius: 3px;
  background-color: transparent;
}
.MuiCircularProgress-root svg {
  color: #34d399 !important;
}
.MuiList-root {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.25));
  padding: 0 !important;
}
.MuiList-root li {
  color: #fff;
  padding: 12px 18px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .MuiList-root li {
    font-size: 10px;
    padding: 8px 10px;
  }
}
.MuiList-root li:hover,
.MuiList-root li:focus {
  background-color: #10b9811a;
}
.MuiList-root li.Mui-selected {
  background-color: #10b98180 !important;
}
.MuiPickersLayout-root {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.25));
}
.MuiPickersLayout-root > div {
  background-color: #ffffff1a;
}
.MuiPickersLayout-root svg {
  fill: #ffffff80;
}
.MuiPickersLayout-root svg:hover {
  fill: #fff;
}
.MuiPickersLayout-root .MuiPickersDay-root,
.MuiPickersLayout-root .MuiPickersYear-yearButton {
  color: #fff;
}
.MuiPickersLayout-root .MuiPickersDay-root:hover,
.MuiPickersLayout-root .MuiPickersYear-yearButton:hover {
  background-color: #10b9811a;
}
.MuiPickersLayout-root .MuiPickersDay-root:focus,
.MuiPickersLayout-root .MuiPickersYear-yearButton:focus {
  background-color: #10b98133;
}
.MuiPickersLayout-root .MuiDayCalendar-weekDayLabel,
.MuiPickersLayout-root .MuiPickersDay-root.Mui-disabled:not(.Mui-selected) {
  color: #ffffff4d;
}
.MuiPickersLayout-root .Mui-selected {
  color: #020617 !important;
  background-color: #10b981 !important;
}
.MuiPickersLayout-root .MuiPickersToolbar-root .MuiTypography-root {
  color: #fff;
  opacity: 0.5;
}
.MuiPickersLayout-root
  .MuiPickersToolbar-root
  .MuiTypography-root.MuiDatePickerToolbar-title {
  opacity: 1;
}
.MuiPickersLayout-root
  .MuiPickersLayout-contentWrapper
  .MuiPickersCalendarHeader-label,
.MuiPickersLayout-root .MuiDialogActions-root button {
  color: #fff;
}
.MuiPickersLayout-root .MuiDialogActions-root button:last-child {
  background-color: #ffffff0d;
}
.MuiBackdrop-root {
  background-color: #181a1ecc !important;
}
.MuiTooltip-tooltip {
  background: #111215 url(/assets/widget-noise-bg-J71L6e8S.png) top center
    no-repeat !important;
  background-size: cover;
}
.MuiPaper-root.MuiPopover-paper {
  background: #232427;
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 10px #0000001a, 0 8px 30px #0000001a, 0 16px 100px #00000026;
}
.MuiSkeleton-root {
  background-color: #ffffff26 !important;
  transform: none !important;
}
*:has(> .skeleton-wrap) {
  position: relative;
}
.skeleton-wrap {
  transition: none !important;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
}
.skeleton-wrap ~ * {
  opacity: 0;
  pointer-events: none;
}
.skeleton-wrap * {
  transition: none !important;
}
.maintenance-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: linear-gradient(#0000000d, #0000000d),
    url(/assets/maintenance-wVB1ypr6.jpeg) center center no-repeat;
  background-size: cover;
  position: relative;
}
.maintenance-page:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle at center,
    transparent 0%,
    transparent 30%,
    rgba(0, 0, 0, 0.4) 60%,
    rgba(0, 0, 0, 0.85) 100%
  );
  pointer-events: none;
}
.maintenance-page .logo-container {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 1;
}
.maintenance-page .logo-container img {
  height: 32px;
  width: auto;
}
.maintenance-page .maintenance-content {
  position: relative;
  z-index: 1;
  max-width: 600px;
  width: 100%;
  text-align: center;
  margin-top: 0;
}
.maintenance-page .maintenance-content .message-box {
  background: linear-gradient(180deg, #ffffff10, #ffffff04);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.maintenance-page .maintenance-content .message-box .message-container {
  padding: 32px;
}
.maintenance-page .maintenance-content .message-box .message-container h1 {
  font: 600 30px/38px Poppins, sans-serif;
  color: #f8fafc;
  margin-bottom: 16px;
}
.maintenance-page .maintenance-content .message-box .message-container p {
  font: 400 16px/1.5 Inter, sans-serif;
  color: #94a3b8;
  margin-bottom: 16px;
}
.maintenance-page
  .maintenance-content
  .message-box
  .message-container
  p:last-child {
  margin-bottom: 0;
}
:root {
  -ms-overflow-style: none;
  scrollbar-width: none;
  max-width: 100vw;
  overflow-x: hidden;
}
* {
  margin: 0;
}
*:not([class^="Mui"]) {
  transition: 0.15s all ease-in-out;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
#root {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#root > * {
  width: 100%;
}
#root[aria-hidden="true"] {
  overflow: hidden;
}
body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  font-family: Inter, sans-serif;
  background: #111215 url(/assets/body-bg-L0GIoxj8.png) fixed no-repeat;
  background-size: cover;
  touch-action: manipulation;
  overscroll-behavior: none;
}
main {
  display: flex;
  flex-direction: column;
  max-width: 1920px;
  margin: 0 auto;
  height: calc(100vh - 64px);
  overflow: hidden;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  main {
    height: calc(100vh - 44px);
  }
}
@media (max-width: 1199.98px) {
  main {
    height: max-content;
  }
}
::-webkit-scrollbar-track {
  background-color: transparent;
}
::-webkit-scrollbar {
  right: 0;
  width: 5px;
  height: 12px;
}
::-webkit-scrollbar-thumb {
  background-color: #ffffff1a;
  width: 4px;
  height: 12px;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #181a1ecc;
  display: none;
}
@media (max-width: 991.98px) {
  .overlay.active {
    display: initial;
  }
}
.ai-advisor-section {
  position: fixed;
  z-index: 1000;
  bottom: 12px;
  right: 12px;
  max-width: max-content;
}
@media (max-width: 767.98px) {
  .ai-advisor-section {
    bottom: 0;
    right: 0;
  }
}
@media (max-width: 767.98px) {
  .ai-advisor-section.active .main-overlay {
    display: block;
  }
}
.ai-advisor-section.active .main-icon-wrap {
  opacity: 0;
  transform: translateY(48px);
  pointer-events: none;
}
.ai-advisor-section.active .main-popup-wrap {
  opacity: 1;
  transform: none;
  z-index: 11;
  visibility: initial;
}
.ai-advisor-section .main-overlay {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
  z-index: -1;
  display: none;
  background-color: #00000080;
}
.ai-advisor-section .main-icon-wrap {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: 0.3s all ease-out;
}
@media (max-width: 767.98px) {
  .ai-advisor-section .main-icon-wrap {
    bottom: 12px;
    right: 12px;
  }
}
.ai-advisor-section .main-icon-wrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  height: 48px;
  width: 48px;
  padding: 0;
  margin: 0;
  cursor: pointer;
  background-color: transparent;
  box-shadow: 0 8px 15px #00000040;
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 100px;
  overflow: hidden;
  z-index: 10;
  transition: 0.3s all ease-out;
}
.ai-advisor-section .main-icon-wrap button:hover {
  transform: rotate(45deg);
}
.ai-advisor-section .main-icon-wrap button img {
  width: 100%;
}
.ai-advisor-section .main-popup-wrap {
  width: 300px;
  height: 520px;
  box-shadow: 0 4px 10px #00000040, -4px 4px 50px -1px #0003;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius: 20px;
  z-index: -1;
  opacity: 0;
  transform: translateY(48px);
  visibility: hidden;
  transition: 0.3s all ease-out;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .ai-advisor-section .main-popup-wrap {
    width: 270px;
    height: 440px;
    border-radius: 12px;
  }
}
@media (max-width: 767.98px) {
  .ai-advisor-section .main-popup-wrap {
    width: 100vw;
    height: 70svh;
    max-height: 640px;
    border-radius: 20px 20px 0 0;
  }
}
.connect-wallet-section {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  padding: 24px;
  margin: auto;
}
.connect-wallet-section h2 {
  font-size: 28px;
  line-height: 1.1;
  color: #fff;
}
.connect-wallet-section .connect-wallet-btn {
  font: 500 16px/1.5 Inter, sans-serif;
  padding: 12px 24px;
  border-radius: 90px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  cursor: pointer;
  color: #030215;
  margin-top: 16px;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%), #fff;
}
.connect-wallet-section .connect-wallet-btn:hover {
  background: linear-gradient(-89.44deg, #00fe94 -1.68%, #16a1a1 170.49%), #fff;
}
.connect-wallet-section .connect-wallet-btn:disabled {
  background: #94a3b8;
  color: #f8fafc;
  cursor: not-allowed;
}
.modal-search-wrap {
  padding: 0 24px;
}
@media (max-width: 767.98px) {
  .modal-search-wrap {
    padding: 0;
    width: 100%;
    height: var(--app-height);
  }
}
.modal-search-wrap .modal-content-wrap {
  padding: 0;
  width: 100%;
  max-width: 800px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (max-width: 767.98px) {
  .modal-search-wrap .modal-content-wrap {
    border-radius: 0;
    border: 0;
    height: 100%;
  }
}
.modal-search-wrap .modal-content-wrap .close-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  bottom: auto;
  height: 56px;
  width: 56px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap .modal-content-wrap .close-wrap {
    height: 48px;
    width: 48px;
  }
}
.modal-search-wrap .modal-content-wrap .close-wrap:hover {
  background-color: transparent;
}
.modal-search-wrap .modal-content-wrap .close-wrap img {
  width: 16px;
}
.modal-search-wrap .modal-content-wrap .form-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.modal-search-wrap .modal-content-wrap .form-wrap .icon-wrap {
  display: flex;
  align-items: center;
  padding: 0 0 0 16px;
}
.modal-search-wrap .modal-content-wrap .form-wrap .icon-wrap img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap .modal-content-wrap .form-wrap .icon-wrap img {
    width: 18px;
  }
}
.modal-search-wrap .modal-content-wrap .form-wrap input {
  font: 500 16px/1 Inter, sans-serif;
  margin: 0;
  height: 56px;
  padding: 0 48px 0 8px;
  border: 0;
  flex: 1;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap .modal-content-wrap .form-wrap input {
    font-size: 12px;
    height: 48px;
  }
}
.modal-search-wrap .modal-content-wrap .form-wrap input::placeholder {
  font: 500 16px/1 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap .modal-content-wrap .form-wrap input::placeholder {
    font-size: 12px;
  }
}
.modal-search-wrap .modal-content-wrap .search-results-wrap {
  padding: 0 8px 16px;
  height: 444px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap .modal-content-wrap .search-results-wrap {
    height: 360px;
  }
}
@media (max-width: 767.98px) {
  .modal-search-wrap .modal-content-wrap .search-results-wrap {
    height: calc(var(--app-height) - 56px);
  }
}
.modal-search-wrap .modal-content-wrap .search-results-wrap * {
  transition: none;
}
.modal-search-wrap .modal-content-wrap .search-results-wrap .items-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 100%;
  overflow-y: auto;
  padding: 0 8px;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  cursor: pointer;
  border-radius: 10px;
  background-color: #ffffff0d;
  transition: 0.15s background-color ease-in-out;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .items-wrap
    .item-wrap {
    padding: 8px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap:hover:not(.selected) {
  background-color: #ffffff0d;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap.selected {
  background-color: #ffffff1a;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .logo-wrap {
  align-self: center;
  padding: 3px;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .logo-wrap
  img {
  width: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .items-wrap
    .item-wrap
    .logo-wrap
    img {
    width: 24px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  min-width: 0;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .token-wrap {
  font: 400 14px/1.5 Inter, sans-serif;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .items-wrap
    .item-wrap
    .info-wrap
    .token-wrap {
    font-size: 11px;
    gap: 3px;
  }
}
@media (max-width: 767.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .items-wrap
    .item-wrap
    .info-wrap
    .token-wrap {
    font-size: 12px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .token-wrap
  .pair-wrap {
  color: #ffffff80;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .token-wrap
  .summary-wrap {
  font-weight: 500;
  color: #f8fafc;
  white-space: nowrap;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .token-wrap
  .change-wrap {
  display: flex;
  align-items: center;
  gap: 2px;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .token-wrap
  .change-wrap.increase {
  color: #10b981;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .token-wrap
  .change-wrap.reduce {
  color: #ef4444;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .token-wrap
  .change-wrap
  svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .items-wrap
    .item-wrap
    .info-wrap
    .token-wrap
    .change-wrap
    svg {
    width: 12px;
    height: 12px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .details-wrap {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 4px;
}
@media (max-width: 767.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .items-wrap
    .item-wrap
    .info-wrap
    .details-wrap {
    font-size: 12px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .details-wrap
  .details-item-wrap {
  font: 400 14px/1.5 Poppins, sans-serif;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .items-wrap
    .item-wrap
    .info-wrap
    .details-wrap
    .details-item-wrap {
    font-size: 11px;
    gap: 3px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .details-wrap
  .details-item-wrap
  .label {
  color: #ffffff80;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .items-wrap
  .item-wrap
  .info-wrap
  .details-wrap
  .details-item-wrap
  .value {
  color: #fff;
  font-weight: 500;
}
.modal-search-wrap .modal-content-wrap .search-results-wrap .message-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .message-wrap
  .icon-wrap {
  margin-bottom: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .message-wrap
    .icon-wrap {
    margin-bottom: 16px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .message-wrap
  .icon-wrap
  img {
  width: 56px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .message-wrap
    .icon-wrap
    img {
    width: 40px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .message-wrap
  .title-wrap {
  font: 500 18px/1.2 Inter, sans-serif;
  color: #fff;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .message-wrap
    .title-wrap {
    font-size: 12px;
  }
}
.modal-search-wrap
  .modal-content-wrap
  .search-results-wrap
  .message-wrap
  .text-wrap {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .message-wrap
    .text-wrap {
    font-size: 10px;
  }
}
.modal-search-wrap .modal-content-wrap .search-results-wrap .favorite-wrap {
  margin-left: auto;
  align-self: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-search-wrap
    .modal-content-wrap
    .search-results-wrap
    .favorite-wrap
    .icon
    img {
    width: 16px;
  }
}
.portfolio-main-section {
  padding: 24px;
  display: grid;
  grid-gap: 20px 24px;
  grid-template-columns: 400px 1fr 250px;
  grid-template-rows: 116px 116px 1fr;
  max-height: calc(100vh - 64px);
  height: 100%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-main-section {
    padding: 16px;
    grid-gap: 16px 18px;
    max-height: calc(100vh - 44px);
    grid-template-columns: 300px 1fr 200px;
    grid-template-rows: 87px 87px 1fr;
  }
}
@media (max-width: 1199.98px) {
  .portfolio-main-section {
    max-height: max-content;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .portfolio-main-section {
    grid-template-rows: auto;
  }
}
@media (max-width: 991.98px) {
  .portfolio-main-section {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
@media (max-width: 767.98px) {
  .portfolio-main-section {
    display: flex;
    flex-direction: column;
    padding: 32px 24px;
  }
}
.portfolio-main-section .widget-portfolio-strategy-wrap {
  grid-column: 1;
  grid-row: 1;
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widget-portfolio-strategy-wrap {
    order: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .portfolio-main-section .widget-portfolio-strategy-wrap {
    height: auto;
  }
}
.portfolio-main-section .widget-profile-streak-wrap {
  grid-column: 1;
  grid-row: 2;
  height: 116px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-main-section .widget-profile-streak-wrap {
    height: 87px;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .portfolio-main-section .widget-profile-streak-wrap {
    height: auto;
  }
}
.portfolio-main-section .widget-profile-streak-wrap .name-wrap {
  padding-top: 2px;
}
@media (max-width: 991.98px) {
  .portfolio-main-section .widget-profile-streak-wrap {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widget-profile-streak-wrap {
    order: 1;
  }
}
.portfolio-main-section .widgets-tabs-wrap {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 16px;
  border-bottom: 1px solid #1e293b;
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widgets-tabs-wrap {
    display: flex;
    order: 2;
  }
}
@media (max-width: 575.98px) {
  .portfolio-main-section .widgets-tabs-wrap {
    justify-content: space-around;
    gap: 0;
  }
}
.portfolio-main-section .widgets-tabs-wrap .item-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  font: 600 14px/20px Inter, sans-serif;
  padding: 14px 12px;
  color: #64748b;
  cursor: pointer;
  position: relative;
}
@media (max-width: 575.98px) {
  .portfolio-main-section .widgets-tabs-wrap .item-tab {
    width: max-content;
    padding: 14px 12px;
  }
}
.portfolio-main-section .widgets-tabs-wrap .item-tab.active {
  color: #f8fafc;
}
.portfolio-main-section .widgets-tabs-wrap .item-tab.active:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #34d399;
  position: absolute;
  bottom: -1px;
  left: 0;
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widgets-tabs-item:not(.widgets-tabs-item-active) {
    display: none;
  }
}
.portfolio-main-section .widget-portfolio-stats-wrap {
  grid-column: 2;
  grid-row: 1/3;
}
@media (max-width: 991.98px) {
  .portfolio-main-section .widget-portfolio-stats-wrap {
    grid-column: 1;
    grid-row: 2;
  }
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widget-portfolio-stats-wrap {
    order: 3;
  }
}
.portfolio-main-section .widget-asset-ratio-wrap {
  grid-column: 3;
  grid-row: 1/3;
}
@media (max-width: 991.98px) {
  .portfolio-main-section .widget-asset-ratio-wrap {
    grid-column: 2;
    grid-row: 2;
  }
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widget-asset-ratio-wrap {
    order: 3;
  }
}
.portfolio-main-section .widget-assets-table-wrap {
  grid-column: 1/4;
  grid-row: 3;
}
@media (max-width: 1199.98px) {
  .portfolio-main-section .widget-assets-table-wrap {
    grid-column: 1/4;
    grid-row: 4;
  }
}
@media (max-width: 991.98px) {
  .portfolio-main-section .widget-assets-table-wrap {
    grid-column: 1/3;
  }
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widget-assets-table-wrap {
    order: 4;
  }
}
.portfolio-main-section .widgets-recommendation-wrap {
  grid-column: 3;
  grid-row: 3;
  overflow-y: auto;
}
@media (max-width: 1199.98px) {
  .portfolio-main-section .widgets-recommendation-wrap {
    display: flex;
    gap: 24px;
    grid-column: 1/4;
    flex-direction: initial;
    overflow-y: hidden;
    overflow-x: auto;
  }
}
@media (max-width: 991.98px) {
  .portfolio-main-section .widgets-recommendation-wrap {
    grid-column: 1/3;
  }
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widgets-recommendation-wrap {
    order: 3;
    flex-wrap: initial;
    overflow-x: auto;
    gap: 16px;
  }
}
.portfolio-main-section .widgets-recommendation-wrap .widget-wrap {
  width: 100%;
}
@media (max-width: 1199.98px) {
  .portfolio-main-section .widgets-recommendation-wrap .widget-wrap {
    flex: initial;
    min-width: calc((100% - 72px) / 4);
  }
}
@media (max-width: 991.98px) {
  .portfolio-main-section .widgets-recommendation-wrap .widget-wrap {
    flex: initial;
    min-width: calc((100% - 48px) / 3);
  }
}
.portfolio-main-section
  .widgets-recommendation-wrap
  .widget-wrap:not(:last-child) {
  margin-bottom: 24px;
}
@media (max-width: 1199.98px) {
  .portfolio-main-section
    .widgets-recommendation-wrap
    .widget-wrap:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 767.98px) {
  .portfolio-main-section .widgets-recommendation-wrap .widget-wrap {
    min-width: 250px;
  }
}
.portfolio-main-section .widgets-recommendation-wrap::-webkit-scrollbar {
  display: none;
}
.watchlist-wrap button {
  font: 500 14px/1.5 Inter, sans-serif;
  color: #fff;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  cursor: pointer;
  border-radius: 10px;
  background-color: transparent;
}
.watchlist-wrap button.regular {
  padding: 10px 12px;
}
.watchlist-wrap button.small {
  padding: 4px;
}
@media (max-width: 1199.98px) {
  .watchlist-wrap button {
    font-size: 12px;
    padding: 8px;
  }
}
.watchlist-wrap button:hover {
  background-color: #ffffff0d;
}
.watchlist-wrap button .icon {
  display: flex;
  align-items: center;
}
.portfolio-asset-section {
  padding: 24px;
  display: grid;
  grid-gap: 24px;
  flex: 1;
  grid-template-columns: 300px 1fr 330px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section {
    padding: 16px;
    grid-gap: 16px;
    grid-template-columns: 200px 1fr 230px;
  }
}
@media (max-width: 1199.98px) {
  .portfolio-asset-section {
    grid-template-columns: 300px 1fr;
  }
}
@media (max-width: 991.98px) {
  .portfolio-asset-section {
    grid-template-columns: auto;
  }
}
.portfolio-asset-section.holders-mode {
  grid-template-columns: 300px calc(100% - 324px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section.holders-mode {
    grid-template-columns: 200px calc(100% - 216px);
  }
}
@media (max-width: 991.98px) {
  .portfolio-asset-section.holders-mode {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 991.98px) {
  .portfolio-asset-section.holders-mode .widgets-column-1-wrap {
    display: none;
  }
}
.portfolio-asset-section .widgets-column {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: none;
  gap: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section .widgets-column {
    gap: 16px;
  }
}
.portfolio-asset-section .widgets-column-1-wrap {
  grid-column: 1;
}
@media (max-width: 991.98px) {
  .portfolio-asset-section .widgets-column-1-wrap {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
}
@media (max-width: 767.98px) {
  .portfolio-asset-section .widgets-column-1-wrap {
    grid-template-columns: 1fr min-content;
    column-gap: 16px;
  }
}
@media (max-width: 991.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .widget-portfolio-strategy-wrap {
    grid-column: 1;
    grid-row: 1/3;
    height: 136px;
  }
}
@media (max-width: 767.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .widget-portfolio-strategy-wrap {
    grid-column: 1/3;
    grid-row: 1;
    height: 116px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .widget-portfolio-strategy-wrap
    .info-wrap
    .price-wrap
    .text {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .widget-portfolio-strategy-wrap
    .info-wrap
    .price-wrap
    .icon
    img {
    width: 20px;
  }
}
@media (max-width: 991.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .widget-assets-list-wrap {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (max-width: 767.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .widget-assets-list-wrap {
    grid-column: 1;
    grid-row: 2;
  }
}
.portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap {
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 12px;
  gap: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap {
    padding: 8px;
    gap: 10px;
  }
}
@media (max-width: 991.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap {
    height: 56px;
    padding: 8px;
  }
}
@media (max-width: 767.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap {
    height: 64px;
  }
}
.portfolio-asset-section
  .widgets-column-1-wrap
  .strategy-button-wrap
  .skeleton-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
@media (max-width: 991.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .strategy-button-wrap
    .skeleton-wrap {
    gap: 16px;
  }
}
.portfolio-asset-section
  .widgets-column-1-wrap
  .strategy-button-wrap
  .skeleton-wrap
  .icon-skeleton-wrap {
  width: 24px;
  height: 24px;
}
@media (max-width: 991.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .strategy-button-wrap
    .skeleton-wrap
    .icon-skeleton-wrap {
    width: 32px;
    height: 32px;
  }
}
.portfolio-asset-section
  .widgets-column-1-wrap
  .strategy-button-wrap
  .skeleton-wrap
  .text-skeleton-wrap {
  width: 45px;
  height: 16px;
}
@media (max-width: 991.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .strategy-button-wrap
    .skeleton-wrap
    .text-skeleton-wrap {
    width: 65px;
    height: 24px;
  }
}
@media (max-width: 767.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .strategy-button-wrap
    .skeleton-wrap
    .text-skeleton-wrap {
    display: none;
  }
}
.portfolio-asset-section
  .widgets-column-1-wrap
  .strategy-button-wrap
  .icon
  img {
  width: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section
    .widgets-column-1-wrap
    .strategy-button-wrap
    .icon
    img {
    width: 24px;
  }
}
.portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap .text {
  font: 600 16px/1.5 Inter, sans-serif;
  color: #94a3b8;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap .text {
    font-size: 11px;
  }
}
@media (max-width: 767.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap .text {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap {
    display: flex;
  }
}
@media (max-width: 991.98px) {
  .portfolio-asset-section .widgets-column-1-wrap .strategy-button-wrap {
    grid-column: 2;
    grid-row: 2;
  }
}
.portfolio-asset-section .widgets-column-2-wrap {
  grid-column: 2;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .portfolio-asset-section .widgets-column-2-wrap {
    grid-column: 1;
  }
}
.portfolio-asset-section .widgets-column-2-wrap .widgets-asset-info-wrap {
  grid-column: 1/3;
}
.portfolio-asset-section .widgets-column-2-wrap .widget-asset-chart-wrap,
.portfolio-asset-section .widgets-column-2-wrap .widget-asset-history-wrap {
  flex: 1;
}
.portfolio-asset-section .widgets-column-3-wrap {
  grid-column: 3;
}
@media (max-width: 991.98px) {
  .portfolio-asset-section .widgets-column-3-wrap {
    grid-column: 1;
  }
}
.settings-section {
  display: flex;
  height: 100%;
  max-width: 100vw;
}
@media (max-width: 991.98px) {
  .settings-section {
    flex-direction: column;
  }
}
.settings-section .settings-nav-wrap {
  min-width: 240px;
  max-width: 240px;
  padding: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-nav-wrap {
    min-width: 160px;
    max-width: 160px;
    padding: 8px;
  }
}
@media (max-width: 991.98px) {
  .settings-section .settings-nav-wrap {
    min-width: 100%;
    max-width: 100%;
    padding: 24px 12px 12px;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-nav-wrap {
    padding: 12px 12px 0;
  }
}
.settings-section .settings-nav-wrap .links-wrap {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .settings-section .settings-nav-wrap .links-wrap {
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
  }
}
.settings-section .settings-nav-wrap .links-wrap .item-wrap {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  text-decoration: none;
  border-radius: 10px;
  height: 48px;
  gap: 12px;
  opacity: 0.5;
}
.settings-section .settings-nav-wrap .links-wrap .item-wrap.disabled {
  pointer-events: none;
  opacity: 0.25;
  cursor: not-allowed;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-nav-wrap .links-wrap .item-wrap {
    gap: 6px;
    border-radius: 6px;
    padding: 6px 12px;
    height: 32px;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-nav-wrap .links-wrap .item-wrap {
    height: max-content;
  }
}
.settings-section .settings-nav-wrap .links-wrap .item-wrap.active {
  opacity: 1;
  background-color: #ffffff0d;
}
.settings-section .settings-nav-wrap .links-wrap .item-wrap .icon {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-nav-wrap .links-wrap .item-wrap .icon {
    width: 18px;
    height: 18px;
  }
}
.settings-section .settings-nav-wrap .links-wrap .item-wrap .icon img {
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-nav-wrap .links-wrap .item-wrap .icon img {
    width: 18px;
    height: 18px;
  }
}
.settings-section .settings-nav-wrap .links-wrap .item-wrap .text {
  font: 500 16px/1.5 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-nav-wrap .links-wrap .item-wrap .text {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-nav-wrap .links-wrap .item-wrap .text {
    display: none;
  }
}
.settings-section .settings-content-wrap {
  flex: 1;
  display: flex;
  justify-content: center;
  width: calc(100% - 240px);
  transition: none;
}
@media (max-width: 991.98px) {
  .settings-section .settings-content-wrap {
    width: 100%;
    padding: 24px 40px 0;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-content-wrap {
    padding: 24px 24px 0;
  }
}
.settings-section .settings-content-wrap:has(.settings-cards-wrap) {
  max-height: 100%;
  padding: 40px;
  overflow-y: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap:has(.settings-cards-wrap) {
    padding: 20px;
  }
}
@media (max-width: 991.98px) {
  .settings-section .settings-content-wrap:has(.settings-cards-wrap) {
    padding: 24px 40px 40px;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-content-wrap:has(.settings-cards-wrap) {
    padding: 12px;
  }
}
.settings-section .settings-content-wrap .slide-bg-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  z-index: -1;
}
.settings-section .settings-content-wrap .slide-bg-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
  position: absolute;
  top: 0;
  left: 0;
}
.settings-section .settings-content-wrap .slide-bg-wrap img:not(.active) {
  opacity: 0;
}
.settings-section .settings-content-wrap .slider-wrap {
  padding: 0 50px;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: calc(100svh - 64px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap .slider-wrap {
    height: calc(100vh - 40px);
  }
}
@media (max-width: 991.98px) {
  .settings-section .settings-content-wrap .slider-wrap {
    padding: 0;
    height: max-content;
    min-height: max-content;
    max-height: max-content;
  }
}
.settings-section .settings-content-wrap .slider-wrap .slide-wrap {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 64px;
  top: 0;
  left: 0;
  min-height: 600px;
  height: calc(100svh - 64px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap .slider-wrap .slide-wrap {
    height: calc(100vh - 40px);
    gap: 32px;
  }
}
@media (max-width: 991.98px) {
  .settings-section .settings-content-wrap .slider-wrap .slide-wrap {
    gap: 40px;
    align-items: flex-start;
    height: max-content;
    min-height: max-content;
    max-height: max-content;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-content-wrap .slider-wrap .slide-wrap {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
.settings-section .settings-content-wrap .slider-wrap .slide-wrap:not(.active) {
  opacity: 0;
  z-index: -1;
  position: absolute;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap:not(.active)
  .slide-nav-wrap {
  visibility: hidden;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-nav-wrap {
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 600px;
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap {
    width: calc(100vw - 380px);
    min-height: max-content;
    max-height: max-content;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap {
    width: 100%;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-nav-wrap
  .slide-arrow-wrap {
  width: 48px;
  height: 48px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-arrow-wrap {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-arrow-wrap.arrow-prev {
    margin-right: -48px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-arrow-wrap.arrow-next {
    margin-left: -48px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-nav-wrap
  .slide-arrow-wrap
  button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  cursor: pointer;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #ffffff08;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-arrow-wrap
    button {
    width: 36px;
    height: 36px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-arrow-wrap
    button {
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-nav-wrap
  .slide-arrow-wrap
  button:hover {
  border-color: #ffffff80;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-nav-wrap
  .slide-arrow-wrap
  button
  img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-arrow-wrap
    button
    img {
    width: 16px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-img-wrap {
    flex: 1;
    margin-top: 0;
    max-height: 650px;
    overflow: hidden;
    text-align: center;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-nav-wrap
  .slide-img-wrap
  img {
  width: 100%;
  height: auto;
  max-height: 100%;
  max-width: 21.875vw;
}
@media (max-width: 1920px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-img-wrap
    img {
    max-width: 420px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-img-wrap
    img {
    max-width: 360px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-img-wrap
    img {
    width: 100%;
    max-width: 360px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-nav-wrap
    .slide-img-wrap
    img {
    margin-top: -24px;
    max-width: 240px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap {
  display: flex;
  flex-direction: column;
  color: #fff;
  max-width: 480px;
  width: 100%;
  gap: 24px;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap {
    max-width: 300px;
    gap: 16px;
  }
}
@media (min-width: 991.98px) and (max-width: 1199.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap {
    max-width: 270px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap {
    min-width: 300px;
    max-width: 300px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap {
    min-width: 100%;
    max-width: 100%;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .text-wrap
  .name {
  font: 600 24px/1.2 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .text-wrap
    .name {
    font-size: 16px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .text-wrap
    .name {
    font-size: 20px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .text-wrap
    .name {
    font-size: 24px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .text-wrap
  .description {
  font: 400 16px/1.2 Inter, sans-serif;
  opacity: 0.8;
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 48px;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .text-wrap
    .description {
    font-size: 12px;
    height: 36px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .text-wrap
    .description {
    font-size: 14px;
    height: 40px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .text-wrap
    .description {
    font-size: 16px;
    height: 82px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .navigation-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .navigation-wrap {
    gap: 8px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .navigation-wrap
  button {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: none;
  border-radius: 10px;
  background: #ffffff0d;
  overflow: hidden;
  padding: 0;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .navigation-wrap
    button {
    width: 36px;
    height: 36px;
    border-radius: 6px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .navigation-wrap
    button {
    width: 56px;
    height: 56px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .navigation-wrap
  button:hover {
  background: #ffffff26;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .navigation-wrap
  button.active {
  border: 2px solid #10b981;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .navigation-wrap
  button
  img {
  width: 100%;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .info-wrap {
    gap: 12px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #f8fafc;
  margin-bottom: 4px;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-headline
  .title {
  font: 600 16px/1.2 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .info-wrap
    .item-wrap
    .item-headline
    .title {
    font-size: 12px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-headline
  .value {
  font: 600 14px/1.2 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .info-wrap
    .item-wrap
    .item-headline
    .value {
    font-size: 10px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-info {
  font: 400 14px/1.2 Inter, sans-serif;
  opacity: 0.5;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .info-wrap
    .item-wrap
    .item-info {
    font-size: 10px;
    margin-bottom: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: 6px;
  border-radius: 100px;
  background-color: #ffffff1a;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .info-wrap
    .item-wrap
    .item-line {
    height: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line
  > div {
  height: 6px;
  border-radius: 100px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .info-wrap
    .item-wrap
    .item-line
    > div {
    height: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line
  > div.w-one {
  width: 20%;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line
  > div.w-one.bg-red {
  background: linear-gradient(90deg, #ee1f8f -100%, #f90);
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line
  > div.w-one.bg-green {
  background: linear-gradient(90deg, #00cdda -100%, #8fff00);
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line
  > div.w-two {
  width: 50%;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line
  > div.w-two.bg-red {
  background: linear-gradient(90deg, #ee1f8f, #f90);
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .info-wrap
  .item-wrap
  .item-line
  > div.w-two.bg-green {
  background: linear-gradient(90deg, #8fff00, #00cdda);
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .action-wrap {
  transition: opacity 0.2s ease;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .action-wrap:not(.active) {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .action-wrap.active {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.settings-section
  .settings-content-wrap
  .slider-wrap
  .slide-wrap
  .slide-content-wrap
  .action-wrap
  button {
  width: max-content;
  border-radius: 10px;
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .slider-wrap
    .slide-wrap
    .slide-content-wrap
    .action-wrap
    button {
    width: 100%;
  }
}
.settings-section .settings-content-wrap .settings-cards-wrap {
  display: flex;
  flex-direction: column;
  max-width: 600px;
  width: 100%;
  gap: 16px;
  transition: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap .settings-cards-wrap {
    gap: 12px;
  }
}
.settings-section .settings-content-wrap .settings-cards-wrap .card-wrap {
  width: 100%;
  box-sizing: border-box;
  padding: 0 24px;
  background: #ffffff08;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap .settings-cards-wrap .card-wrap {
    padding: 0 12px;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-content-wrap .settings-cards-wrap .card-wrap {
    padding: 0 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .headline-wrap {
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .headline-wrap {
    padding: 10px 0;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .headline-wrap {
    padding: 18px 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .headline-wrap
  .title {
  font: 600 18px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .headline-wrap
    .title {
    font-size: 12px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .headline-wrap
    .title {
    font-size: 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap {
  padding: 20px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap {
    padding: 10px 0;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap {
    padding: 16px 0;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap {
    padding: 12px 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .value-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .value-wrap
  img {
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .columns-wrap
    .value-wrap
    img {
    width: 16px;
    height: 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .value-wrap
  p {
  font: 500 16px/1 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .columns-wrap
    .value-wrap
    p {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .columns-wrap
    .value-wrap
    p {
    font-size: 14px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .value-wrap
  p
  span {
  font-weight: 400;
  opacity: 0.5;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .action-wrap
  a,
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .action-wrap
  button {
  font: 500 14px/1 Inter, sans-serif;
  color: #fff;
  text-decoration: none;
  padding: 12px 16px;
  border-radius: 8px;
  height: 40px;
  border: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  background-color: transparent;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .columns-wrap
    .action-wrap
    a,
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .columns-wrap
    .action-wrap
    button {
    font-size: 9px;
    padding: 6px 8px;
    height: max-content;
    border-radius: 4px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .columns-wrap
    .action-wrap
    a,
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .columns-wrap
    .action-wrap
    button {
    height: 32px;
    padding: 4px 12px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .action-wrap
  a:hover,
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .columns-wrap
  .action-wrap
  button:hover {
  background-color: #ffffff0d;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .buttons-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .buttons-wrap {
    gap: 6px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .buttons-wrap
  button {
  font: 400 14px/1.5 Inter, sans-serif;
  border: 1px solid #64748b;
  border-radius: 8px;
  padding: 2px 12px;
  color: #94a3b8;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: transparent;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .buttons-wrap
    button {
    font-size: 9px;
    padding: 2px 8px;
    border-radius: 4px;
    height: max-content;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .buttons-wrap
  button:not(.active):hover {
  color: #cbd5e1;
  background-color: #ffffff1a;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .buttons-wrap
  button.active {
  color: #022c22;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%);
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .switches-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .switches-wrap
  .switch-wrap {
  justify-content: space-between;
  padding: 12px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .switches-wrap
    .switch-wrap {
    padding: 8px 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .card-wrap
  .content-wrap
  .switches-wrap
  .switch-wrap
  .switch-label-wrap {
  font: 400 16px/1 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .switches-wrap
    .switch-wrap
    .switch-label-wrap {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .card-wrap
    .content-wrap
    .switches-wrap
    .switch-wrap
    .switch-label-wrap {
    font-size: 14px;
  }
}
.settings-section .settings-content-wrap .settings-cards-wrap .search-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap .settings-cards-wrap .search-wrap {
    margin-bottom: 0;
    padding-bottom: 12px;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-content-wrap .settings-cards-wrap .search-wrap {
    margin-bottom: 0;
    padding-bottom: 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap {
    gap: 8px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap {
  position: relative;
  flex: 1;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  input {
  font: 500 14px/1 Inter, sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: transparent;
  color: #fff;
  padding: 14px 40px 14px 50px;
  border-radius: 10px;
  width: 100%;
  height: 48px;
  box-shadow: none;
  outline: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .input-wrap
    input {
    height: 36px;
    font-size: 10px;
    border-radius: 6px;
    padding: 10px 36px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  input::placeholder {
  font: 500 14px/1 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .input-wrap
    input::placeholder {
    font-size: 10px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  input:hover {
  border-color: #ffffff80;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  input:focus {
  border-color: #fffc;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  .icon {
  position: absolute;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  .icon.icon-wallet {
  opacity: 0.5;
  left: 16px;
  top: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .input-wrap
    .icon.icon-wallet {
    top: 10px;
    left: 12px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  .icon.icon-wallet
  img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .input-wrap
    .icon.icon-wallet
    img {
    width: 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  .icon.icon-clear {
  top: 16px;
  right: 16px;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .input-wrap
    .icon.icon-clear {
    top: 10px;
    right: 12px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .input-wrap
  .icon.icon-clear
  img {
  width: 16px;
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .button-wrap {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 16px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: #181a1ecc;
    z-index: 10;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .button-wrap
  button {
  font: 500 16px/1 Inter, sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background-color: transparent;
  color: #fff;
  padding: 14px 24px;
  border-radius: 10px;
  cursor: pointer;
  height: 48px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .button-wrap
    button {
    font-size: 11px;
    height: 36px;
    padding: 8px 16px;
    border-radius: 6px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .form-wrap
    .button-wrap
    button {
    width: 100%;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .button-wrap
  button:hover {
  background-color: #ffffff0d;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .form-wrap
  .button-wrap
  button.disabled {
  color: #fff3;
  pointer-events: none;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .error-wrap {
  font: 500 12px/1.2 Inter, sans-serif;
  color: #ef4444;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .search-wrap
    .error-wrap {
    font-size: 9px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .search-wrap
  .error-wrap.hidden {
  display: none;
}
.settings-section .settings-content-wrap .settings-cards-wrap .wallets-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-left: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap .settings-cards-wrap .wallets-wrap {
    gap: 8px;
  }
}
@media (max-width: 767.98px) {
  .settings-section .settings-content-wrap .settings-cards-wrap .wallets-wrap {
    padding-bottom: 80px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .wallet-row {
  display: flex;
  align-items: center;
  margin-left: -64px;
  position: relative;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .wallet-row
  .wallet-number {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #fff;
  opacity: 0.5;
  min-width: 20px;
  text-align: right;
  position: absolute;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .wallets-wrap
    .wallet-row
    .wallet-number {
    font-size: 10px;
    left: 0;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .wallets-wrap
    .wallet-row
    .wallet-number {
    font-size: 14px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .wallet-row
  .card-wrap {
  flex: 1;
  margin-left: 32px;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap.empty {
  margin-left: -32px;
  width: inherit;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .wallets-wrap
    .card-wrap {
    padding: 8px 12px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .wallets-wrap
    .card-wrap {
    padding: 14px 12px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap
  .text-wrap {
  font: 400 14px/1.2 Inter, sans-serif;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .wallets-wrap
    .card-wrap
    .text-wrap {
    font-size: 10px;
    gap: 2px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap
  .text-wrap
  .name {
  color: #fff;
  overflow-wrap: anywhere;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap
  .text-wrap
  .address {
  color: #ffffff80;
  overflow-wrap: anywhere;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap
  .action-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap
  .action-wrap
  button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 8px;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  padding: 8px;
  box-sizing: border-box;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .wallets-wrap
    .card-wrap
    .action-wrap
    button {
    padding: 8px;
    border-radius: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap
  .action-wrap
  button:hover {
  background-color: #ffffff0d;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .wallets-wrap
  .card-wrap
  .action-wrap
  button
  img {
  width: 20px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .wallets-wrap
    .card-wrap
    .action-wrap
    button
    img {
    width: 12px;
  }
}
.settings-section .settings-content-wrap .settings-cards-wrap .tokens-wrap {
  display: flex;
  flex-direction: column;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .form-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 12px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .form-wrap {
    padding: 8px 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .form-wrap
  input {
  font: 400 16px/1.2 Inter, sans-serif;
  background-color: transparent;
  color: #fff;
  padding: 6px 12px 6px 0;
  outline: none;
  border: 0;
  flex: 1;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .form-wrap
    input {
    font-size: 11px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .form-wrap
  input::placeholder {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .form-wrap
    input::placeholder {
    font-size: 11px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .form-wrap
  button {
  font: 400 16px/1.2 Inter, sans-serif;
  background-color: transparent;
  color: #fff;
  border-radius: 8px;
  padding: 6px 12px;
  cursor: pointer;
  outline: none;
  height: 40px;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .form-wrap
    button {
    font-size: 11px;
    height: 32px;
    padding: 4px 8px;
    border-radius: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .form-wrap
  button:hover {
  background-color: #ffffff0d;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .form-wrap
  button.disabled {
  opacity: 0.2;
  pointer-events: none;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .items-wrap {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  max-height: 60svh;
  overflow-y: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .items-wrap {
    padding: 12px 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .items-wrap
  .item-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .items-wrap
    .item-wrap {
    padding: 4px 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .items-wrap
  .item-wrap
  .name {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .items-wrap
    .item-wrap
    .name {
    font-size: 11px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .items-wrap
  .item-wrap
  .name:hover {
  color: #ffffff80;
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .items-wrap
  .item-wrap
  button {
  font: 400 14px/1.2 Inter, sans-serif;
  background-color: transparent;
  color: #fff;
  border-radius: 8px;
  padding: 4px 12px;
  cursor: pointer;
  outline: none;
  height: 32px;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-cards-wrap
    .tokens-wrap
    .items-wrap
    .item-wrap
    button {
    font-size: 10px;
    border-radius: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-cards-wrap
  .tokens-wrap
  .items-wrap
  .item-wrap
  button:hover {
  background-color: #ffffff0d;
}
.settings-section .settings-content-wrap .settings-subscriptions-wrap {
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  width: 100%;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section .settings-content-wrap .settings-subscriptions-wrap {
    padding: 20px 16px;
  }
}
@media (max-width: 991.98px) {
  .settings-section .settings-content-wrap .settings-subscriptions-wrap {
    padding: 0 0 32px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-headline-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  gap: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-headline-wrap {
    margin-bottom: 16px;
    gap: 16px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-headline-wrap {
    gap: 16px;
    margin-bottom: 24px;
    flex-direction: column;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-headline-wrap
  h2 {
  font: 600 36px/1.1 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-headline-wrap
    h2 {
    font-size: 18px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-headline-wrap
    h2 {
    font-size: 24px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-headline-wrap
  h2
  span {
  background: linear-gradient(90deg, #ff2163 35%, #e4a801, #8fff01 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-headline-wrap
  .switch-wrap {
  margin-top: 6px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-headline-wrap
    .switch-wrap {
    margin-top: 2px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-headline-wrap
    .switch-wrap {
    margin-top: 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap {
  overflow: hidden;
  display: flex;
  gap: 24px;
  max-height: max-content;
  position: relative;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #151515d9;
  justify-content: center;
  align-items: center;
  z-index: 1;
  overflow: hidden;
  pointer-events: all;
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .overlay {
    justify-content: flex-start;
    padding: 5em;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .overlay
  .overlay-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  z-index: 10;
  width: 80%;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .overlay
  .overlay-text
  .overlay-icon {
  width: 32px;
  height: 32px;
  fill: #ffffff80;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .overlay
    .overlay-text
    .overlay-icon {
    width: 24px;
    height: 24px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .overlay
  .overlay-text
  p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .overlay
    .overlay-text
    p {
    font-size: 11px;
    line-height: 1.5;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap {
    gap: 12px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap {
    flex-wrap: wrap;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  background: #ffffff08;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(25px);
  backdrop-filter: blur(25px);
  border-radius: 12px;
  padding: 0 24px 24px;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap {
    border-radius: 6px;
    padding: 0 12px 12px;
  }
}
@media (max-width: 991.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap {
    flex: initial;
    width: calc(50% - 12px);
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap {
    width: 100%;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap.save {
  border: 2px solid #10b981;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap.active {
  border: 1px solid #ffffff;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-save-wrap {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  max-height: 28px;
  margin-left: -24px;
  width: calc(100% + 48px);
  background-color: #10b981;
  border-radius: 6px 6px 0 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-save-wrap {
    font-size: 9px;
    min-height: 18px;
    max-height: 18px;
    margin-left: -12px;
    width: calc(100% + 24px);
    border-radius: 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-save-wrap.hidden {
  opacity: 0;
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-save-wrap.hidden {
    display: none;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-img-wrap {
  position: absolute;
  right: 0;
  z-index: -1;
  top: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-img-wrap {
    top: 10px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-img-wrap
  img {
  width: 155px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-img-wrap
    img {
    width: 100px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap {
  display: flex;
  flex-direction: column;
  padding: 24px 0;
  min-height: 220px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap {
    padding: 12px 0;
    min-height: 140px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap {
    min-height: max-content;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .title {
  font: 600 24px/1.2 Inter, sans-serif;
  color: #fff;
  margin-bottom: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .title {
    font-size: 14px;
    margin-bottom: 6px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .title.gradient {
  background: linear-gradient(90deg, #ff2163, #e4a801, #8fff01 20%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .description {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .description {
    margin-bottom: 12px;
    gap: 4px;
  }
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .description {
    margin-bottom: 0;
    min-height: 45px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .description
  p {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .description
    p {
    font-size: 11px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .description
  .label-top {
  height: fit-content;
  width: fit-content;
  padding: 4px 8px;
  gap: 4px;
  border-radius: 6px;
  border: 1px;
  background: #ffffff1a;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .description
    .label-top {
    border-radius: 4px;
    padding: 4px 8px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .description
  .label-bottom {
  height: fit-content;
  width: fit-content;
  padding: 4px 8px;
  gap: 4px;
  border-radius: 6px;
  border: 1px;
  background: #10b9811a;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .description
    .label-bottom {
    border-radius: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .action-wrap {
  margin-top: auto;
}
@media (max-width: 767.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .action-wrap {
    margin-top: 24px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .action-wrap
  button {
  font: 600 14px/1.2 Inter, sans-serif;
  background-color: #ffffff0d;
  color: #fff;
  border-radius: 8px;
  box-shadow: none;
  cursor: pointer;
  height: 40px;
  width: 100%;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .action-wrap
    button {
    font-size: 9px;
    height: 28px;
    border-radius: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .action-wrap
  button:hover {
  background-color: #ffffff1a;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .action-wrap
  button.disabled {
  visibility: hidden;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-headline-wrap
  .action-wrap
  .current-tier {
  font: 600 14px/1.2 Inter, sans-serif;
  background-color: transparent;
  color: #fff;
  border-radius: 8px;
  height: 40px;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3019607843);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-headline-wrap
    .action-wrap
    .current-tier {
    font-size: 9px;
    height: 28px;
    border-radius: 4px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap {
  display: flex;
  flex-direction: column;
  padding: 24px 0 0;
  gap: 12px;
  margin-right: -16px;
  overflow-y: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap {
    gap: 10px;
    padding: 12px 0 0;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 5px 0;
  font: 500 14px/20px Inter, sans-serif;
  color: #ffffffe6;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-divider {
    font-size: 10px;
    line-height: 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-divider:before,
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-divider:after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #333;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-divider:before {
  margin-right: 10px;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-divider:after {
  margin-left: 10px;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap {
    gap: 6px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap.in-development {
  opacity: 0.6;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap
  img {
  width: 20px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap
    img {
    width: 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap
  p {
  font: 500 14px/20px Inter, sans-serif;
  color: #ffffffe6;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap
    p {
    font-size: 10px;
    line-height: 16px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap
  .title-with-more
  p.more {
  color: #ffffff80;
  margin-top: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap
    .title-with-more
    p.more {
    margin-top: 2px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap.beta-access {
  border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding-top: 18px;
  margin-right: 16px;
  margin-top: 10px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap.beta-access {
    padding-bottom: 6px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap.beta-access
  .beta-access-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap.beta-access
  .beta-access-unlock-icon {
  width: 20px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap.beta-access
    .beta-access-unlock-icon {
    width: 18px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap.beta-access
  img {
  width: 26px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap.beta-access
    img {
    width: 22px;
  }
}
.settings-section
  .settings-content-wrap
  .settings-subscriptions-wrap
  .subscriptions-items-wrap
  .item-wrap
  .item-about-wrap
  .about-line-wrap.beta-access
  p {
  font: 500 16px/20px Inter, sans-serif;
  color: #ffffffe6;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .settings-section
    .settings-content-wrap
    .settings-subscriptions-wrap
    .subscriptions-items-wrap
    .item-wrap
    .item-about-wrap
    .about-line-wrap.beta-access
    p {
    font-size: 12px;
    line-height: 20px;
  }
}
.modal-send-funds-wrap .modal-content-wrap {
  max-width: 400px;
  padding: 32px 40px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap {
    max-width: 320px;
    padding: 24px 32px;
  }
}
@media (max-width: 991.98px) {
  .modal-send-funds-wrap .modal-content-wrap {
    max-width: 90vw;
    padding: 24px 32px;
  }
}
.modal-send-funds-wrap .modal-content-wrap .close-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  height: 56px;
  width: 56px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap .close-wrap {
    height: 48px;
    width: 48px;
  }
}
.modal-send-funds-wrap .modal-content-wrap .close-wrap:hover {
  background-color: transparent;
}
.modal-send-funds-wrap .modal-content-wrap .close-wrap img {
  width: 16px;
}
.modal-send-funds-wrap .modal-content-wrap .content-wrap {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap .content-wrap {
    gap: 12px;
  }
}
.modal-send-funds-wrap .modal-content-wrap .content-wrap .title-wrap {
  font: 600 18px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap .content-wrap .title-wrap {
    font-size: 14px;
  }
}
.modal-send-funds-wrap .modal-content-wrap .content-wrap .tier-wrap .label {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #fff;
  margin-bottom: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap .content-wrap .tier-wrap .label {
    font-size: 10px;
    margin-bottom: 8px;
  }
}
.modal-send-funds-wrap .modal-content-wrap .content-wrap .tier-wrap .value {
  gap: 8px;
  display: flex;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap .content-wrap .tier-wrap .value {
    gap: 4px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .tier-wrap
  .value
  .icon {
  display: flex;
  align-items: center;
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .tier-wrap
  .value
  .icon
  img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .tier-wrap
    .value
    .icon
    img {
    width: 16px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .tier-wrap
  .value
  .text {
  font: 600 24px/1 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .tier-wrap
    .value
    .text {
    font-size: 16px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .tier-wrap
  .value
  .text.gradient {
  background: linear-gradient(90deg, #ff2163 35%, #e4a801, #8fff01 85%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.modal-send-funds-wrap .modal-content-wrap .content-wrap .payment-info-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap .content-wrap .payment-info-wrap {
    gap: 12px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .title-wrap {
  display: flex;
  align-items: center;
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .title-wrap
  .label {
  font: 400 12px/1 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .title-wrap
    .label {
    font-size: 10px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .item-copy-wrap {
    gap: 8px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap
  .label {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .item-copy-wrap
    .label {
    font-size: 10px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap
  .item-wrap {
  display: flex;
  align-items: center;
  padding: 6px 6px 6px 12px;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .item-copy-wrap
    .item-wrap {
    border-radius: 8px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap
  .item-wrap
  .icon {
  height: 18px;
  min-width: 18px;
  max-width: 18px;
  border-radius: 9px;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .item-copy-wrap
    .item-wrap
    .icon {
    height: 14px;
    min-width: 14px;
    max-width: 14px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap
  .item-wrap
  .icon
  img {
  width: 100%;
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap
  .item-wrap
  .value {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #fff;
  word-break: break-word;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .item-copy-wrap
    .item-wrap
    .value {
    font-size: 11px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap
  .item-wrap
  .copy {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 4px;
  min-width: 32px;
  max-width: 32px;
  height: 32px;
  margin-left: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .item-copy-wrap
    .item-wrap
    .copy {
    min-width: 16px;
    max-width: 16px;
    height: 16px;
    padding: 6px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .payment-info-wrap
  .item-copy-wrap
  .item-wrap
  .copy:hover {
  background-color: #ffffff0d;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .payment-info-wrap
    .item-copy-wrap
    .item-wrap
    .copy
    svg {
    width: 16px;
    height: 16px;
  }
}
.modal-send-funds-wrap .modal-content-wrap .content-wrap .quick-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap .modal-content-wrap .content-wrap .quick-wrap {
    gap: 6px;
  }
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .quick-wrap
  .line-wrap {
  height: 1px;
  flex: 1;
  background-color: #ffffff26;
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .quick-wrap
  .text-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-send-funds-wrap
  .modal-content-wrap
  .content-wrap
  .quick-wrap
  .text-wrap
  .label {
  font: 400 12px/1 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-send-funds-wrap
    .modal-content-wrap
    .content-wrap
    .quick-wrap
    .text-wrap
    .label {
    font-size: 10px;
  }
}
.modal-send-funds-wrap .modal-content-wrap .content-wrap .action-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.modal-tier-congrats-wrap .modal-content-wrap {
  padding: 40px;
  text-align: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap .modal-content-wrap {
    padding: 32px;
  }
}
@media (max-width: 991.98px) {
  .modal-tier-congrats-wrap .modal-content-wrap {
    padding: 32px;
    max-width: 90vw;
  }
}
.modal-tier-congrats-wrap .modal-content-wrap .close-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  height: 56px;
  width: 56px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap .modal-content-wrap .close-wrap {
    height: 48px;
    width: 48px;
  }
}
.modal-tier-congrats-wrap .modal-content-wrap .close-wrap:hover {
  background-color: transparent;
}
.modal-tier-congrats-wrap .modal-content-wrap .close-wrap img {
  width: 16px;
}
.modal-tier-congrats-wrap .modal-content-wrap .content-wrap .icon-wrap {
  margin-bottom: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap .modal-content-wrap .content-wrap .icon-wrap {
    margin-bottom: 16px;
  }
}
.modal-tier-congrats-wrap .modal-content-wrap .content-wrap .icon-wrap img {
  width: 72px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap .modal-content-wrap .content-wrap .icon-wrap img {
    width: 48px;
  }
}
.modal-tier-congrats-wrap .modal-content-wrap .content-wrap .text-wrap {
  margin-bottom: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap .modal-content-wrap .content-wrap .text-wrap {
    margin-bottom: 24px;
  }
}
.modal-tier-congrats-wrap .modal-content-wrap .content-wrap .text-wrap .title {
  font: 600 18px/1.2 Inter, sans-serif;
  color: #fff;
  margin-bottom: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap
    .modal-content-wrap
    .content-wrap
    .text-wrap
    .title {
    font-size: 12px;
  }
}
.modal-tier-congrats-wrap
  .modal-content-wrap
  .content-wrap
  .text-wrap
  .description {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #fffc;
  margin-bottom: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap
    .modal-content-wrap
    .content-wrap
    .text-wrap
    .description {
    font-size: 10px;
  }
}
.modal-tier-congrats-wrap
  .modal-content-wrap
  .content-wrap
  .text-wrap
  .description.gradient
  span {
  background: linear-gradient(95.1deg, #ff2f9f 6.49%, #ffa41d 92.98%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.modal-tier-congrats-wrap .modal-content-wrap .content-wrap .text-wrap .valid {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-tier-congrats-wrap
    .modal-content-wrap
    .content-wrap
    .text-wrap
    .valid {
    font-size: 10px;
  }
}
.modal-tier-congrats-wrap
  .modal-content-wrap
  .content-wrap
  .action-wrap
  .btn-main {
  width: 100%;
  border-radius: 8px;
}
.strategies-section {
  padding: 24px;
  display: grid;
  grid-gap: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section {
    padding: 16px;
    grid-gap: 16px;
    grid-template-columns: 220px 1fr 230px;
  }
}
@media (max-width: 1199.98px) {
  .strategies-section {
    grid-template-columns: 300px 1fr;
  }
}
@media (max-width: 991.98px) {
  .strategies-section {
    grid-template-columns: auto;
  }
}
@media (max-width: 991.98px) {
  .strategies-section .widgets-column-1-wrap {
    grid-template-rows: auto;
  }
}
.strategies-section .widget-wrap {
  flex: 1;
  height: 100%;
  max-height: calc(100vh - 144px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .widget-wrap {
    max-height: calc(100vh - 100px);
  }
}
@media (max-width: 1199.98px) {
  .strategies-section .widget-wrap.strategy-button-wrap {
    height: max-content;
    max-height: max-content;
  }
}
@media (max-width: 991.98px) {
  .strategies-section .widget-wrap.strategy-button-wrap {
    height: 64px;
    max-height: 64px;
    grid-column: 3;
    grid-row: 1;
    padding: 0 24px;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .widget-wrap.strategy-button-wrap {
    grid-column: 2;
    padding: 0 12px;
  }
}
.strategies-section .widget-wrap.widget-assets-list-wrap {
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .strategies-section .widget-wrap.widget-assets-list-wrap {
    grid-column: 1/3;
    height: 64px;
    max-height: initial;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .widget-wrap.widget-assets-list-wrap {
    grid-column: 1;
    grid-row: 1;
  }
}
.strategies-section .widget-wrap.widget-assets-list-wrap .text-wrap {
  flex: 1;
  height: 100%;
}
.strategies-section .widget-wrap.widget-assets-list-wrap .name-wrap {
  display: flex;
  align-items: center;
  padding: 18px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .widget-wrap.widget-assets-list-wrap .name-wrap {
    padding: 12px;
  }
}
@media (max-width: 991.98px) {
  .strategies-section .widget-wrap.widget-assets-list-wrap .name-wrap {
    display: none;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-wrap.widget-assets-list-wrap
    .name-wrap
    .icon-with-tooltip {
    padding: 4px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-wrap.widget-assets-list-wrap
    .name-wrap
    .icon-with-tooltip
    img {
    width: 12px;
  }
}
.strategies-section .widget-wrap.widget-assets-list-wrap .list-wrap {
  padding-left: 0;
  padding-right: 8px;
  max-height: calc(100% - 40px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .widget-wrap.widget-assets-list-wrap .list-wrap {
    padding: 0 8px 16px;
  }
}
@media (max-width: 991.98px) {
  .strategies-section .widget-wrap.widget-assets-list-wrap .list-wrap {
    padding-right: 0;
    max-height: initial;
  }
}
@media (max-width: 991.98px) {
  .strategies-section .widget-wrap.widget-assets-list-wrap .list-wrap.full {
    max-height: calc(100vh - 340px);
  }
}
.strategies-section .widget-wrap.widget-asset-action-wrap .action-wrap {
  margin-top: auto;
}
.strategies-section .widget-wrap .simulations-wrap {
  display: flex;
  width: 100%;
}
.strategies-section .widget-wrap .simulations-wrap:hover fieldset {
  border-color: #ffffff80;
}
.strategies-section .widget-wrap .simulations-wrap .label-wrap {
  font: 400 12px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
.strategies-section .widget-wrap .simulations-wrap .MuiSvgIcon-root {
  color: #ffffff80;
}
.strategies-section .widget-wrap .simulations-wrap .MuiInputBase-root {
  width: 100%;
  font: 400 16px/1.5 Inter, sans-serif;
  color: #fff;
  height: 56px;
  cursor: pointer;
}
.strategies-section .widget-wrap .simulations-wrap .MuiInputBase-root input {
  cursor: pointer;
}
.strategies-section .widget-wrap .simulations-wrap .MuiSelect-select {
  width: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  height: 56px;
  min-height: 56px;
  padding: 0 16px;
  outline: #ffffff;
  border: 0;
}
.strategies-section .widget-wrap .simulations-wrap fieldset {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.strategies-section .widget-backtest-data-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .strategies-section .widget-backtest-data-wrap {
    height: max-content;
    max-height: max-content;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .widget-backtest-data-wrap {
    padding: 16px;
  }
}
.strategies-section .widget-backtest-data-wrap .resize-panel-group-wrap {
  height: 100%;
}
.strategies-section .widget-backtest-data-wrap .panel-content-wrap {
  flex-direction: column;
}
.strategies-section .widget-backtest-data-wrap .panel-content-wrap > div {
  width: 100%;
}
.strategies-section .widget-backtest-data-wrap .chart-settings-wrap {
  height: max-content;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .token-info-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .token-info-wrap {
    gap: 6px;
    margin-bottom: 16px;
  }
}
@media (max-width: 991.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .token-info-wrap {
    display: none;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .token-info-wrap
  .token-logo {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .token-info-wrap
    .token-logo {
    width: 24px;
    height: 24px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .token-info-wrap
  .token-symbol {
  font: 700 16px/20px Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .token-info-wrap
    .token-symbol {
    font-size: 12px;
    line-height: 15px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .token-info-wrap
  .token-name {
  font: 500 14px/20px Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .token-info-wrap
    .token-name {
    font-size: 10px;
    line-height: 15px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: 100%;
}
@media (max-width: 767.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .parameters-wrap {
    flex-direction: column;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .parameters-wrap
    .item-wrap {
    gap: 3px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap:hover
  fieldset {
  border-color: #ffffff80;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap
  .label-wrap {
  display: flex;
  align-items: center;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap
  .label-wrap
  .text {
  font: 400 12px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .parameters-wrap
    .item-wrap
    .label-wrap
    .text {
    font-size: 9px;
    line-height: 18px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .parameters-wrap
    .item-wrap
    .label-wrap
    .icon-with-tooltip {
    padding: 4px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .parameters-wrap
    .item-wrap
    .label-wrap
    .icon-with-tooltip
    img {
    width: 12px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap
  .MuiInputBase-root {
  font: 400 16px/1.5 Inter, sans-serif;
  color: #fff;
  height: 56px;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .parameters-wrap
    .item-wrap
    .MuiInputBase-root {
    font-size: 12px;
    height: 42px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap
  .MuiInputBase-root
  input {
  cursor: pointer;
  padding: 12px;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap
  .MuiSelect-select {
  display: flex;
  align-items: center;
  color: #fff;
  height: 56px;
  min-height: 56px;
  padding: 0 12px;
  outline: #ffffff;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-settings-wrap
    .parameters-wrap
    .item-wrap
    .MuiSelect-select {
    height: 42px;
    min-height: 42px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-settings-wrap
  .parameters-wrap
  .item-wrap
  fieldset {
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.strategies-section .widget-backtest-data-wrap .chart-message-wrap {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #ffffff80;
  text-align: center;
  padding: 12px;
  display: none;
}
@media (max-width: 991.98px) {
  .strategies-section .widget-backtest-data-wrap .chart-message-wrap {
    display: initial;
  }
}
.strategies-section .widget-backtest-data-wrap .chart-wrap {
  height: 100%;
  overflow: hidden;
  transition: none;
  position: relative;
}
@media (max-width: 991.98px) {
  .strategies-section .widget-backtest-data-wrap .chart-wrap {
    height: 360px;
  }
}
.strategies-section .widget-backtest-data-wrap .chart-wrap * {
  transition: none !important;
}
.strategies-section .widget-backtest-data-wrap .chart-wrap > div {
  width: 100%;
  height: 100%;
}
.strategies-section .widget-backtest-data-wrap .chart-wrap .chart-legend {
  position: absolute;
  top: 9px;
  left: 0;
  height: 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 767.98px) {
  .strategies-section .widget-backtest-data-wrap .chart-wrap .chart-legend {
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
  }
}
.strategies-section .widget-backtest-data-wrap .chart-wrap .chart-legend .item {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-wrap
    .chart-legend
    .item {
    gap: 3px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .chart-legend
  .item.item-red
  .icon {
  background: linear-gradient(90deg, #ee1f8f, #f90 102.61%);
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .chart-legend
  .item.item-green
  .icon {
  background: linear-gradient(88.39deg, #00cdda -0.02%, #8fff00 57.9%);
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .chart-legend
  .item.item-gray
  .icon {
  background-color: #ffffff80;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .chart-legend
  .item
  .icon {
  width: 8px;
  height: 8px;
  border-radius: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-wrap
    .chart-legend
    .item
    .icon {
    width: 6px;
    height: 6px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .chart-legend
  .item
  .text {
  font: 400 12px/1.5 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-wrap
    .chart-legend
    .item
    .text {
    font-size: 9px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-container {
  width: 100% !important;
  height: 100% !important;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-wrap
    .highcharts-button
    text {
    font-size: 10px !important;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-range-selector-buttons
  .highcharts-button-disabled {
  opacity: 0.1;
  pointer-events: none;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator {
  stroke: #ffffff26;
  stroke-width: 1;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-mask-outside {
  fill: #ffffff0d;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-mask-inside {
  fill: #ffffff1a;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-handle {
  fill: #d1d1d1;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-outline,
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-scrollbar {
  display: none;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-track {
  height: 3px;
  stroke: none;
  fill: #ffffff08;
  rx: 2;
  ry: 2;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-thumb,
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-rifles {
  fill: #ffffff26;
  height: 3px;
  stroke: none;
  rx: 2;
  ry: 2;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-axis-labels:not(.highcharts-yaxis-labels)
  text {
  fill: #ffffff80 !important;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-axis-labels
  text {
  font: 400 12px/1 Inter, sans-serif !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-wrap
    .highcharts-axis-labels
    text {
    font-size: 8px !important;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator-xaxis
  text {
  transform: translate(-20px, 20px);
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator-xaxis
  .highcharts-text-outline {
  stroke-width: 0;
  stroke: transparent;
  display: none;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-navigator-xaxis
  .highcharts-grid-line {
  stroke: #ffffff26;
  border-radius: 10px;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-area-series
  path:first-of-type {
  opacity: 0.075;
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-tooltip
  text {
  font: 500 12px/18px Inter, sans-serif !important;
  fill: #94a3b8 !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-wrap
    .highcharts-tooltip
    text {
    font-size: 9px !important;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-wrap
  .highcharts-tooltip
  path {
  fill: #0000004d;
  padding: 10px;
}
.strategies-section .widget-backtest-data-wrap .chart-info-wrap {
  display: flex;
  align-items: center;
  margin-top: auto;
  gap: 16px;
  padding-top: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .widget-backtest-data-wrap .chart-info-wrap {
    gap: 12px;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .widget-backtest-data-wrap .chart-info-wrap {
    flex-wrap: wrap;
  }
}
.strategies-section .widget-backtest-data-wrap .chart-info-wrap .item-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .widget-backtest-data-wrap .chart-info-wrap .item-wrap {
    gap: 3px;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .widget-backtest-data-wrap .chart-info-wrap .item-wrap {
    width: calc(50% - 8px);
    flex: initial;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-info-wrap
  .item-wrap:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-info-wrap
    .item-wrap:not(:last-child) {
    border-right: 0;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-info-wrap
  .item-wrap
  .label {
  font: 400 14px/18px Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-info-wrap
    .item-wrap
    .label {
    font-size: 9px;
    line-height: 14px;
  }
}
.strategies-section
  .widget-backtest-data-wrap
  .chart-info-wrap
  .item-wrap
  .value {
  font: 500 14px/18px Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section
    .widget-backtest-data-wrap
    .chart-info-wrap
    .item-wrap
    .value {
    font-size: 9px;
    line-height: 16px;
  }
}
.strategies-section .form-control {
  border: 1px solid rgba(255, 255, 255, 0.1490196078) !important;
  border-radius: 4px;
  gap: 0;
  opacity: 1;
}
.strategies-section .form-control * {
  cursor: pointer !important;
}
.strategies-section .form-control .MuiSvgIcon-root {
  color: #ffffff80;
}
.strategies-section
  .form-control
  .MuiOutlinedInput-root.Mui-focused
  .MuiOutlinedInput-notchedOutline,
.strategies-section
  .form-control
  .MuiOutlinedInput-root:hover
  .MuiOutlinedInput-notchedOutline {
  border: 1px solid rgba(255, 255, 255, 0.1490196078) !important;
}
.strategies-section .results-wrap {
  width: 100%;
  height: 80px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(255, 255, 255, 0.0509803922);
  margin-top: 16px;
  background: #ffffff0d;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .results-wrap {
    height: 50px;
    margin-top: 12px;
  }
}
.strategies-section .results-wrap .element {
  border-right: 1px solid rgba(255, 255, 255, 0.1019607843);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 8px;
  align-items: center;
  text-align: center;
  width: 100%;
}
.strategies-section .results-wrap .element:last-child {
  border-right: none;
}
.strategies-section .results-wrap .element .title {
  display: flex;
  align-items: center;
  padding-bottom: 2px;
}
.strategies-section .results-wrap .element .title .text {
  font: 400 14px/1.1 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .results-wrap .element .title .text {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .results-wrap .element .title .text {
    height: 24px;
    line-height: 24px;
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .results-wrap .element .title .icon-with-tooltip {
    padding: 4px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .results-wrap .element .title .icon-with-tooltip img {
    width: 12px;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .results-wrap .element .title {
    overflow: hidden;
    padding-bottom: 4px;
  }
}
.strategies-section .results-wrap .element .value {
  font: 600 20px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .strategies-section .results-wrap .element .value {
    font-size: 15px;
  }
}
@media (max-width: 767.98px) {
  .strategies-section .results-wrap .element .value {
    font-size: 16px;
  }
}
.strategies-section .results-wrap .element .value.gray {
  opacity: 0.5;
}
.strategies-section .highcharts-credits {
  display: none;
}
.strategies-section .custom-datepicker .MuiDialogContent-root {
  background-color: #303030 !important;
}
.strategies-section .custom-datepicker .MuiTypography-root {
  color: #fff !important;
}
.strategies-section .custom-datepicker .Mui-selected {
  background-color: #10b981 !important;
  color: #000 !important;
}
.strategies-section .custom-datepicker .MuiButton-root {
  background-color: #ffffff0d !important;
  color: #000 !important;
}
.strategies-section .custom-datepicker .MuiMenu-paper {
  background-color: #303030 !important;
}
.strategies-section .custom-datepicker .MuiMenuItem-root {
  color: #fff !important;
}
.strategies-section .custom-datepicker .MuiButton-root:hover {
  background-color: #ffffff1a !important;
}
.strategies-section > .row:nth-child(1) {
  display: grid;
  grid-template-columns: 2fr 1fr;
  grid-gap: 24px;
}
.strategies-section > .row:nth-child(n + 2) {
  display: block;
}
.strategies-section .existing-tokens-table {
  width: 100%;
  padding: 0;
  border-radius: 8px;
  overflow-x: auto;
}
.strategies-section .existing-tokens-table table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: collapse;
}
.strategies-section .existing-tokens-table table th,
.strategies-section .existing-tokens-table table td {
  text-align: left;
  padding: 12px;
  font: 400 14px/1.5 Inter, sans-serif;
  color: #f8fafc;
  border: 1px solid rgba(255, 255, 255, 0.2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.strategies-section .existing-tokens-table table th {
  font-weight: 700;
  background-color: #64646433;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
.strategies-section .existing-tokens-table table tr {
  background-color: transparent;
}
.strategies-section .right-column {
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 4px 24px #0000001a;
}
@media (max-width: 991.98px) {
  .strategies-section .right-column {
    width: 100%;
    grid-column: 1;
  }
}
.strategies-section .MuiMenu-paper {
  background-color: #2e3a46;
  color: #94a3b8;
}
.strategies-section .MuiButtonBase-root {
  color: #f8fafc;
  border-color: #ffffff80;
}
.strategies-section .MuiButtonBase-root:hover {
  border-color: #ffffffbf;
}
.strategies-section .MuiSelect-icon {
  color: #ffffffb3;
}
.strategies-section details {
  cursor: pointer;
  color: #94a3b8;
}
.strategies-section .btn {
  font: 600 14px/1.5 Inter, sans-serif;
  padding: 6px 20px;
  height: 40px;
  border-radius: 8px;
  text-decoration: none;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%);
  border: 0;
  color: #1e293b;
  cursor: pointer;
}
.strategies-section .btn.disabled {
  opacity: 0.4;
  pointer-events: none;
}
.strategies-section .btn:hover {
  background: linear-gradient(89.44deg, #63ffbe -1.68%, #16a1a1 170.49%);
}
.strategies-section .btn.small {
  padding: 6px 12px;
  height: 32px;
}
.strategies-section .fetcher-panel {
  display: flex;
  flex-direction: column;
}
.strategies-section .guideline-text {
  font: 500 16px/1.5 Inter, sans-serif;
  color: #94a3b8;
  padding: 8px 0;
}
.strategies-section .base-number-input-container {
  display: flex;
  align-items: center;
}
.strategies-section .base-number-input-container input {
  color: #fff;
  background-color: #ffffff1a;
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 8px;
  border-radius: 4px;
  outline: none;
}
.strategies-section .base-number-input-container input:hover {
  border-color: #ffffffbf;
}
.strategies-section .base-number-input-container input:focus {
  border-color: #fff;
}
.strategies-section .base-number-input-container .increment-button,
.strategies-section .base-number-input-container .decrement-button {
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 4px;
  padding: 4px;
  cursor: pointer;
}
.strategies-section .base-number-input-container .increment-button:hover,
.strategies-section .base-number-input-container .decrement-button:hover {
  background-color: #fff3;
}
.strategies-section .base-number-input-container .increment-button:focus,
.strategies-section .base-number-input-container .decrement-button:focus {
  outline: none;
}
.strategies-section .submit-button-container {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  gap: 16px;
}
.strategies-section .add-token-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.strategies-section .add-token-form span {
  color: #94a3b8;
}
.strategies-section .card {
  background-image: url(/assets/backtest-card-bg-hmyngNz9.png);
  position: relative;
  width: 1200px;
  height: 675px;
  display: flex;
  flex-direction: column;
  color: #fff;
  font-family: Inter, sans-serif;
}
.strategies-section .info {
  padding-right: 20px;
  z-index: 2;
  font-size: 48px;
}
.strategies-section .info h1 {
  font-size: 24px;
  margin: 0;
}
.strategies-section .info .details {
  margin: 20px 0;
}
.strategies-section .info .details div {
  margin: 10px 0;
}
.strategies-section .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.strategies-section .logo {
  display: flex;
  align-items: center;
  margin-right: 64px;
}
.strategies-section .logo-img {
  width: 180px;
}
.strategies-section .token-name {
  font: 600 48px/1 Inter, sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
.strategies-section .strategy-info {
  font-family: Inter, sans-serif;
  color: var(--greyed-out);
  padding-right: 10px;
  font-size: 18px;
}
.strategies-section .start-point-info {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  padding-top: 16px;
}
.strategies-section .start-point-value {
  font-family: Inter, sans-serif;
}
.strategies-section .performance-block {
  padding-top: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.strategies-section .performance-title {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .performance {
  font-family: Poppins, sans-serif;
  font-size: 88px;
  font-weight: 500;
  line-height: 88px;
  letter-spacing: -0.03em;
  text-align: left;
  background: -webkit-linear-gradient(
    45deg,
    #ff0066,
    #ff9900,
    #ffcc00,
    #95e531
  );
  background: -o-linear-gradient(45deg, #ff0066, #ff9900, #ffcc00, #95e531);
  background: -moz-linear-gradient(45deg, #ff0066, #ff9900, #ffcc00, #95e531);
  background: linear-gradient(45deg, #f06, #f90, #fc0, #95e531);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  width: fit-content;
  padding-top: 16px;
}
.strategies-section .portfolio-balance-info {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.03em;
  text-align: left;
  padding-top: 32px;
  color: var(--greyed-out);
}
.strategies-section .portfolio-tokens {
  font-family: Inter, sans-serif;
  display: block;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.03em;
  text-align: left;
  padding-top: 16px;
}
.strategies-section .total-value-info {
  font-family: Inter, sans-serif;
  padding-top: 24px;
  color: var(--greyed-out);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .strategy-block {
  display: flex;
  flex-direction: row;
  width: 436px;
  padding-top: 16px;
}
.strategies-section .derisk-block {
  display: flex;
  flex-direction: column;
  padding-right: 50px;
}
.strategies-section .hodl-block {
  display: flex;
  flex-direction: column;
}
.strategies-section .derisk-strategy-title {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .hodl-strategy-title {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  letter-spacing: -0.03em;
  text-align: left;
  color: var(--greyed-out);
}
.strategies-section .derisk-strategy-value {
  font-family: Inter, sans-serif;
  font-weight: 500;
  padding-top: 12px;
  font-size: 32px;
  line-height: 38px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .hodl-strategy-value {
  font-family: Inter, sans-serif;
  color: var(--greyed-out);
  padding-top: 12px;
  font-size: 32px;
  font-weight: 400;
  line-height: 38px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .strategy-details-block {
  padding-top: 32px;
  font-family: Poppins, sans-serif;
  display: flex;
}
.strategies-section .strategy-x-block {
  display: flex;
  align-items: center;
}
.strategies-section .strategy-x-value {
  padding-right: 16px;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 56px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .strategy-x-info {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .strategy-tp-block {
  display: flex;
  align-items: center;
  padding-left: 50px;
}
.strategies-section .strategy-tp-value {
  padding-right: 16px;
  font-family: Inter, sans-serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 56px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .strategy-tp-info {
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.03em;
  text-align: left;
}
.strategies-section .body {
  display: flex;
  flex-direction: row;
  padding-left: 56px;
}
.strategies-section .chart {
  position: absolute;
  top: 78px;
  width: 750px;
  height: 560px;
  right: 0;
  z-index: 1;
  border-radius: 15px;
  overflow: hidden;
  -webkit-mask: linear-gradient(to top, transparent 0%, black 10%),
    linear-gradient(to bottom, transparent 0%, black 10%),
    linear-gradient(to left, transparent 0%, black 0%),
    linear-gradient(to right, transparent 0%, black 25%);
  -webkit-mask-composite: source-in;
  -webkit-mask-repeat: no-repeat;
  mask: linear-gradient(to top, transparent 0%, black 10%),
    linear-gradient(to bottom, transparent 0%, black 10%),
    linear-gradient(to left, transparent 0%, black 0%),
    linear-gradient(to right, transparent 0%, black 25%);
  mask-composite: intersect;
  mask-repeat: no-repeat;
}
.strategies-section .highcharts-credits,
.strategies-section .highcharts-exporting-group {
  display: none;
}
.strategies-section .chart-container {
  width: 100%;
}
.strategies-section .dates {
  display: flex;
  font-family: Inter, sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: var(--greyed-out);
  position: absolute;
  bottom: 67px;
  left: 486px;
}
.strategies-section .start-date {
  padding-right: 375px;
}
.strategies-section .token-info {
  margin-top: 42px;
  padding-left: 56px;
}
.strategies-section .card-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.strategies-section .card-btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
.action-wrap-backtest {
  padding: 24px;
}
.bn-backtest-run {
  font: 500 16px/1.5 Inter, sans-serif;
  padding: 8px 24px;
  border-radius: 90px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  color: #030215;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%), #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .bn-backtest-run {
    font-size: 11px;
    line-height: 18px;
    padding: 6px 18px;
  }
}
.bn-backtest-run:hover {
  background: linear-gradient(-89.44deg, #00fe94 -1.68%, #16a1a1 170.49%), #fff;
}
.bn-backtest-run:disabled {
  background: #ffffff0d;
  width: 100%;
  height: 40px;
  padding: 16px 61px;
  gap: 8px;
  cursor: not-allowed;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .bn-backtest-run:disabled {
    font-size: 11px;
    line-height: 18px;
    padding: 6px 18px;
  }
}
.no-data-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}
@media (max-width: 991.98px) {
  .no-data-wrapper {
    margin: 100px 0;
  }
}
.no-data-wrapper .main-text {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #fff;
  padding-top: 16px;
}
.no-data-wrapper .sub-text {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #ffffff80;
  padding-top: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .no-data-wrapper .sub-text {
    font-size: 10px;
  }
}
@media (max-width: 991.98px) {
  .no-data-wrapper .sub-text {
    display: none;
  }
}
.info-message-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 36px;
  max-height: 36px;
  padding: 0 12px;
  gap: 8px;
  background: linear-gradient(0deg, #ffffff0d, #ffffff0d),
    linear-gradient(90deg, #ee1f8f, #f90 102.61%);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .info-message-section {
    min-height: 27px;
    max-height: 27px;
    gap: 4px;
  }
}
.info-message-section .label-text {
  font: 500 16px/20px Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .info-message-section .label-text {
    font-size: 12px;
    line-height: 15px;
  }
}
.info-message-section .label-icon {
  width: 16px;
  height: 16px;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .info-message-section .label-icon {
    width: 15px;
    height: 18px;
    padding: 3px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .info-message-section .label-icon svg {
    width: 16px;
    height: 16px;
  }
}
.widget-wrap {
  padding: 24px;
  border-radius: 12px;
  background: url(/assets/widget-noise-pattern-bg-7NV1_lDL.png) top center
      repeat,
    linear-gradient(180deg, #ffffff12, #ffffff05);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  box-shadow: 0 4px 24px -1px #0003;
  background-size: auto;
  position: relative;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-wrap {
    padding: 12px 18px;
  }
}
.widget-wrap .name-wrap {
  font: 600 16px/1.5 Inter, sans-serif;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-wrap .name-wrap {
    font-size: 12px;
  }
}
.widget-asset-chart-wrap {
  padding: 0;
  height: 100%;
}
@media (max-width: 991.98px) {
  .widget-asset-chart-wrap {
    height: 300px;
  }
}
.widget-asset-chart-wrap .skeleton-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-chart-wrap .skeleton-wrap {
    padding: 12px 18px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-chart-wrap .skeleton-wrap {
    padding: 24px;
  }
}
.widget-asset-chart-wrap .skeleton-wrap .row-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.widget-asset-chart-wrap .skeleton-wrap .headline-wrap-skeleton {
  width: 167px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-chart-wrap .skeleton-wrap .headline-wrap-skeleton {
    height: 12px;
  }
}
.widget-asset-chart-wrap .skeleton-wrap .chart-item-skeleton {
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-chart-wrap .skeleton-wrap .chart-item-skeleton {
    width: 12px;
  }
}
@media (max-width: 1535.98px) {
  .widget-asset-chart-wrap
    .skeleton-wrap
    .chart-item-skeleton:nth-of-type(n + 20) {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-chart-wrap
    .skeleton-wrap
    .chart-item-skeleton:nth-of-type(n + 10) {
    display: none;
  }
}
.widget-asset-chart-wrap .headline-wrap {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #334155;
}
.widget-asset-chart-wrap .headline-wrap .name-wrap {
  color: #94a3b8;
  margin-bottom: 8px;
}
.widget-asset-chart-wrap .headline-wrap .info-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 767.98px) {
  .widget-asset-chart-wrap .headline-wrap .info-wrap {
    column-gap: 24px;
    row-gap: 12px;
  }
}
.widget-asset-chart-wrap .headline-wrap .info-wrap .info-item-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-asset-chart-wrap
  .headline-wrap
  .info-wrap
  .info-item-wrap.change-wrap.increase
  .value-wrap {
  color: #10b981;
}
.widget-asset-chart-wrap
  .headline-wrap
  .info-wrap
  .info-item-wrap.change-wrap.reduce
  .value-wrap {
  color: #ef4444;
}
.widget-asset-chart-wrap
  .headline-wrap
  .info-wrap
  .info-item-wrap.change-wrap
  .value-wrap {
  display: flex;
  align-items: center;
}
.widget-asset-chart-wrap
  .headline-wrap
  .info-wrap
  .info-item-wrap.change-wrap
  .value-wrap
  svg {
  width: 16px;
  height: 16px;
}
.widget-asset-chart-wrap .headline-wrap .info-wrap .info-item-wrap .label-wrap,
.widget-asset-chart-wrap
  .headline-wrap
  .info-wrap
  .info-item-wrap
  .simple-label-wrap {
  font: 500 14px/20px Inter, sans-serif;
  color: #94a3b8;
}
.widget-asset-chart-wrap .headline-wrap .info-wrap .info-item-wrap .value-wrap {
  font: 500 14px/20px Inter, sans-serif;
  color: #f1f5f9;
}
.widget-asset-chart-wrap .chart-wrap {
  height: 100%;
}
.widget-asset-chart-wrap .chart-wrap iframe {
  border: 0;
  width: 100%;
  overflow-y: auto;
  height: calc(100% + 38px);
}
.widget-asset-action-wrap {
  display: flex;
  flex-direction: column;
  padding: 0;
  position: relative;
  flex: 1;
}
@media (max-width: 1199.98px) {
  .widget-asset-action-wrap {
    width: 330px;
  }
}
.widget-asset-action-wrap .skeleton-wrap {
  display: flex;
  flex-direction: column;
}
.widget-asset-action-wrap .skeleton-wrap .headline-wrap {
  padding: 20px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .skeleton-wrap .headline-wrap {
    padding: 12px;
  }
}
.widget-asset-action-wrap
  .skeleton-wrap
  .headline-wrap
  .headline-wrap-skeleton {
  height: 16px;
  width: 100px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .skeleton-wrap
    .headline-wrap
    .headline-wrap-skeleton {
    height: 12px;
    width: 70px;
  }
}
.widget-asset-action-wrap .skeleton-wrap .content-wrap .item-skeleton-wrap {
  padding: 18px 0 38px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .skeleton-wrap .content-wrap .item-skeleton-wrap {
    padding: 14px 0 30px;
  }
}
.widget-asset-action-wrap
  .skeleton-wrap
  .content-wrap
  .item-skeleton-wrap
  .title-wrap-skeleton {
  height: 16px;
  width: 80px;
  margin-bottom: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .skeleton-wrap
    .content-wrap
    .item-skeleton-wrap
    .title-wrap-skeleton {
    height: 12px;
    width: 60px;
    margin-bottom: 16px;
  }
}
.widget-asset-action-wrap
  .skeleton-wrap
  .content-wrap
  .item-skeleton-wrap
  .switch-wrap-skeleton {
  height: 4px;
  width: 100%;
}
.widget-asset-action-wrap .skeleton-wrap .action-wrap {
  margin-top: auto;
}
.widget-asset-action-wrap .skeleton-wrap .action-wrap .button-wrap-skeleton {
  height: 40px;
  width: 100%;
  border-radius: 100px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .skeleton-wrap .action-wrap .button-wrap-skeleton {
    height: 30px;
  }
}
.widget-asset-action-wrap .headline-wrap {
  padding: 0;
  position: relative;
  z-index: 11;
}
.widget-asset-action-wrap .headline-wrap .tabs-wrap {
  padding: 0 24px;
  justify-content: space-between;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .headline-wrap .tabs-wrap {
    padding: 0 12px;
  }
}
.widget-asset-action-wrap .headline-wrap .tabs-wrap .item-tab {
  flex: 1;
  padding: 18px 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .headline-wrap .tabs-wrap .item-tab {
    padding: 12px 6px;
  }
}
.widget-asset-action-wrap .headline-wrap .tabs-wrap .item-tab.disabled {
  color: #ffffff4d;
}
.widget-asset-action-wrap .headline-wrap .title {
  font: 600 16px/20px Inter, sans-serif;
  padding: 18px;
  color: #fff;
  z-index: 11;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .headline-wrap .title {
    font-size: 11px;
    line-height: 16px;
    padding: 12px;
  }
}
.widget-asset-action-wrap .content-wrap {
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: 8px;
  padding: 0 16px 0 24px;
  max-height: calc(100vh - 258px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .content-wrap {
    padding: 0 8px 0 12px;
    max-height: calc(100vh - 170px);
  }
}
@media (max-width: 767.98px) {
  .widget-asset-action-wrap .content-wrap {
    max-height: initial;
  }
}
.widget-asset-action-wrap .sliders-wrap {
  transition: none;
}
.widget-asset-action-wrap .sliders-wrap .item-wrap {
  padding: 12px 0;
  transition: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .sliders-wrap .item-wrap {
    padding: 8px 0;
  }
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .beta {
  font: 400 12px/1 Inter, sans-serif;
  color: #ffffff80;
  padding: 2px 4px;
  width: fit-content;
  border-radius: 5px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  margin-bottom: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .sliders-wrap .item-wrap .beta {
    font-size: 8px;
    padding: 1px 3px;
    border-radius: 4px;
    margin-bottom: 0;
  }
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap {
  display: flex;
  align-items: center;
  transition: none;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap {
    gap: 4px;
  }
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap * {
  transition: none;
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap .text-wrap {
  display: flex;
  align-items: center;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap
  .text-wrap.text-info-wrap
  .text {
  font-size: 12px;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap
  .text-wrap
  .text {
  font: 500 14px/18px Inter, sans-serif;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap
    .text-wrap
    .text {
    font-size: 9px;
    line-height: 14px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap
    .text-wrap
    .icon-with-tooltip {
    padding: 2px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap
    .text-wrap
    .icon-with-tooltip
    img {
    width: 12px;
  }
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap .link-wrap {
  margin-left: auto;
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap .link-wrap a {
  font: 600 12px/1.5 Inter, sans-serif;
  color: #94a3b8;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap
  .link-wrap
  a:hover {
  color: #f8fafc;
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap .link-wrap span {
  font: 600 12px/1.5 Inter, sans-serif;
  color: #94a3b8;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap
  .link-wrap
  span:hover {
  color: #f8fafc;
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap-elite {
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: none;
  gap: 8px;
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .title-wrap-elite * {
  transition: none;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .text-elite {
  font: 500 14px/18px Inter, sans-serif;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap-elite
    .text-elite {
    font-size: 10px;
  }
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap {
  display: flex;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .text-wrap {
  display: flex;
  align-items: center;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .text-wrap.text-info-wrap
  .text {
  font-size: 12px;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .text-wrap.text-info-wrap
  .text.elite {
  font: 500 14px/18px Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap-elite
    .slider-wrap
    .text-wrap.text-info-wrap
    .text.elite {
    font-size: 10px;
  }
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .text-wrap
  .text {
  font: 500 14px/18px Inter, sans-serif;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap-elite
    .slider-wrap
    .text-wrap
    .text {
    font-size: 10px;
  }
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .text-wrap
  .icon-with-tooltip {
  margin-right: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap-elite
    .slider-wrap
    .text-wrap
    .icon-with-tooltip {
    padding: 2px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .sliders-wrap
    .item-wrap
    .title-wrap-elite
    .slider-wrap
    .text-wrap
    .icon-with-tooltip
    img {
    width: 12px;
  }
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .link-wrap {
  margin-left: auto;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .link-wrap
  a {
  font: 500 12px/1.5 Inter, sans-serif;
  color: #94a3b8;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .link-wrap
  a:hover {
  color: #f8fafc;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .link-wrap
  span {
  font: 500 12px/1.5 Inter, sans-serif;
  color: #94a3b8;
}
.widget-asset-action-wrap
  .sliders-wrap
  .item-wrap
  .title-wrap-elite
  .slider-wrap
  .link-wrap
  span:hover {
  color: #f8fafc;
}
.widget-asset-action-wrap .sliders-wrap .item-wrap .MuiSlider-root {
  margin: 8px 0 12px !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .sliders-wrap .item-wrap .MuiSlider-root {
    margin: 3px 0 8px !important;
  }
}
.widget-asset-action-wrap .total-wrap {
  display: flex;
  flex-direction: column;
  padding: 12px 0 8px;
  transition: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .total-wrap {
    padding: 6px 0 4px;
  }
}
.widget-asset-action-wrap .total-wrap * {
  transition: none;
}
.widget-asset-action-wrap .total-wrap .title {
  font: 600 16px/20px Inter, sans-serif;
  color: #fff;
  text-align: left;
  padding: 8px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .total-wrap .title {
    font-size: 10px;
    line-height: 16px;
    padding: 4px 0;
  }
}
.widget-asset-action-wrap .total-wrap .item-wrap {
  font: 400 14px/1.5 Inter, sans-serif;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1019607843);
  height: 36px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .total-wrap .item-wrap {
    font-size: 9px;
    line-height: 16px;
    height: 20px;
  }
}
.widget-asset-action-wrap .total-wrap .item-wrap .label {
  color: #ffffff80;
}
.widget-asset-action-wrap .total-wrap .item-wrap .value {
  color: #f1f5f9;
}
.widget-asset-action-wrap .derisk-tabs-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #0000001a;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  margin: 16px 0 0;
  padding: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-tabs-wrap {
    margin: 8px 0 0;
    border-radius: 6px;
    padding: 3px;
  }
}
@media (max-width: 1199.98px) {
  .widget-asset-action-wrap .derisk-tabs-wrap {
    margin: 0;
  }
}
.widget-asset-action-wrap .derisk-tabs-wrap .item-tab {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #fff;
  text-align: center;
  padding: 8px 16px;
  border-radius: 8px;
  cursor: pointer;
  flex: 1;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-tabs-wrap .item-tab {
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 4px;
  }
}
.widget-asset-action-wrap .derisk-tabs-wrap .item-tab.active {
  background-color: #ffffff1a;
}
.widget-asset-action-wrap .derisk-info-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 12px;
  transition: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-info-wrap {
    padding-top: 8px;
    gap: 8px;
  }
}
.widget-asset-action-wrap .derisk-info-wrap * {
  transition: none;
}
.widget-asset-action-wrap .derisk-info-wrap .item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.widget-asset-action-wrap .derisk-info-wrap .item .item-headline-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-info-wrap .item .item-headline-wrap {
    gap: 3px;
  }
}
.widget-asset-action-wrap .derisk-info-wrap .item .item-headline-wrap .label {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-info-wrap .item .item-headline-wrap .label {
    font-size: 10px;
  }
}
.widget-asset-action-wrap .derisk-info-wrap .item .item-content-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-info-wrap .item .item-content-wrap {
    gap: 6px;
  }
}
.widget-asset-action-wrap .derisk-info-wrap .item .item-content-wrap .card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-info-wrap .item .item-content-wrap .card {
    padding: 6px 8px;
    border-radius: 4px;
    gap: 0;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .item
  .item-content-wrap
  .card.completed {
  border-color: #ffffff4d;
  background-color: #ffffff0d;
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .item
  .item-content-wrap
  .card.valid {
  border-color: #10b981;
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .item
  .item-content-wrap
  .card
  .label {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .item
    .item-content-wrap
    .card
    .label {
    font-size: 10px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .item
  .item-content-wrap
  .card
  .text {
  font: 400 14px/1.5 Inter, sans-serif;
  display: flex;
  align-items: center;
  color: #fff;
  gap: 6px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .item
    .item-content-wrap
    .card
    .text {
    font-size: 10px;
    gap: 3px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .item
  .item-content-wrap
  .card
  .text
  .text-main {
  font-size: 16px;
  font-weight: 500;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .item
    .item-content-wrap
    .card
    .text
    .text-main {
    font-size: 11px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .item
  .item-content-wrap
  .card
  .text
  .text-additional:not(.white) {
  opacity: 0.5;
}
.widget-asset-action-wrap .derisk-info-wrap .item-divider {
  height: 1px;
  width: 100%;
  background-color: #ffffff1a;
}
.widget-asset-action-wrap .derisk-info-wrap .additional-wrap {
  display: flex;
  flex-direction: column;
}
.widget-asset-action-wrap .derisk-info-wrap .additional-wrap .additional-item {
  display: flex;
  flex-direction: column;
  padding: 12px 0;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .additional-wrap
    .additional-item {
    padding: 8px 0;
    gap: 3px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .additional-wrap
  .additional-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .additional-wrap
  .additional-item
  .label {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .additional-wrap
    .additional-item
    .label {
    font-size: 10px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .additional-wrap
  .additional-item
  .text {
  font: 500 16px/20px Inter, sans-serif;
  color: #f1f5f9;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .additional-wrap
    .additional-item
    .text {
    font-size: 11px;
    line-height: 14px;
  }
}
.widget-asset-action-wrap .derisk-info-wrap .swap-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-info-wrap .swap-wrap {
    gap: 4px;
  }
}
.widget-asset-action-wrap .derisk-info-wrap .swap-wrap .swap-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .derisk-info-wrap .swap-wrap .swap-item {
    padding: 6px;
    border-radius: 8px;
  }
}
.widget-asset-action-wrap .derisk-info-wrap .swap-wrap .swap-item:last-child {
  border-color: #ffffff1a;
  background-color: #ffffff0d;
}
.widget-asset-action-wrap .derisk-info-wrap .swap-wrap .swap-item .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .swap-wrap
  .swap-item
  .text-wrap
  .label {
  font: 400 12px/20px Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .swap-wrap
    .swap-item
    .text-wrap
    .label {
    font-size: 9px;
    line-height: 14px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .swap-wrap
  .swap-item
  .text-wrap
  .value {
  font: 500 16px/20px Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .swap-wrap
    .swap-item
    .text-wrap
    .value {
    font-size: 11px;
    line-height: 1.5;
  }
}
.widget-asset-action-wrap .derisk-info-wrap .swap-wrap .swap-item .token-wrap {
  width: auto;
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .swap-wrap
    .swap-item
    .token-wrap {
    gap: 6px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .swap-wrap
  .swap-item
  .token-wrap
  .logo-wrap {
  border-radius: 50%;
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .swap-wrap
  .swap-item
  .token-wrap
  .logo-wrap
  img {
  width: 24px;
  border-radius: 50%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .swap-wrap
    .swap-item
    .token-wrap
    .logo-wrap
    img {
    width: 18px;
  }
}
.widget-asset-action-wrap
  .derisk-info-wrap
  .swap-wrap
  .swap-item
  .token-wrap
  .name-wrap {
  font: 500 14px/20px Inter, sans-serif;
  color: #fff;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap
    .derisk-info-wrap
    .swap-wrap
    .swap-item
    .token-wrap
    .name-wrap {
    font-size: 10px;
  }
}
.widget-asset-action-wrap .action-wrap {
  padding: 24px;
  margin-top: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .action-wrap {
    padding: 12px;
  }
}
.widget-asset-action-wrap .overlay {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 20px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #151515d9;
  justify-content: center;
  align-items: center;
  z-index: 10;
  overflow: hidden;
}
.widget-asset-action-wrap .overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 9;
}
.widget-asset-action-wrap .overlay .overlay-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  z-index: 10;
  width: 80%;
}
.widget-asset-action-wrap .overlay .overlay-text .overlay-icon {
  width: 32px;
  height: 32px;
  fill: #ffffff80;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .overlay .overlay-text .overlay-icon {
    width: 24px;
    height: 24px;
  }
}
.widget-asset-action-wrap .overlay .overlay-text p {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .overlay .overlay-text p {
    font-size: 11px;
    line-height: 1.5;
  }
}
.widget-asset-action-wrap .overlay button {
  width: 127px;
  height: 40px;
  gap: 10px;
  border-radius: 8px;
  border: 0;
  background: #ffffff1a;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  z-index: 10;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-action-wrap .overlay button {
    font-size: 11px;
    height: 32px;
  }
}
.widget-asset-action-wrap .overlay button:hover {
  background: #ffffff2e;
}
.swap-widget .swap-container .swap-box span.balance,
.swap-widget .swap-container .swap-box button.balance {
  font: 400 12px/1.5 Inter, sans-serif;
  color: #fffc;
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box span.balance,
  .swap-widget .swap-container .swap-box button.balance {
    font-size: 9px;
    gap: 3px;
  }
}
.swap-widget .swap-container .swap-box span.balance img,
.swap-widget .swap-container .swap-box button.balance img {
  width: 16px;
  height: 16px;
  opacity: 0.8;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box span.balance img,
  .swap-widget .swap-container .swap-box button.balance img {
    width: 12px;
    height: 12px;
  }
}
.btn-swap-gradient,
.modal-swap-confirm .modal-content .action-container .btn-confirm,
.swap-widget .btn-gradient {
  font: 600 16px/1.5 Inter, sans-serif;
  width: 100%;
  padding: 8px;
  background: linear-gradient(90deg, #00fe94, #16a1a1);
  border-radius: 12px;
  border: none;
  color: #020617;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .btn-swap-gradient,
  .modal-swap-confirm .modal-content .action-container .btn-confirm,
  .swap-widget .btn-gradient {
    font-size: 11px;
    padding: 6px;
    border-radius: 8px;
  }
}
.disabled.btn-swap-gradient,
.modal-swap-confirm .modal-content .action-container .disabled.btn-confirm,
.swap-widget .disabled.btn-gradient {
  color: #fff3;
  border: 1px solid rgba(255, 255, 255, 0.1);
  pointer-events: none;
  background: transparent;
}
.btn-swap-gradient:hover,
.modal-swap-confirm .modal-content .action-container .btn-confirm:hover,
.swap-widget .btn-gradient:hover {
  opacity: 0.9;
}
.swap-widget {
  font: 400 14px/1.5 Inter, sans-serif;
  padding: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget {
    padding: 12px;
  }
}
.swap-widget .swap-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  min-height: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-actions {
    margin-bottom: 8px;
    min-height: max-content;
  }
}
.swap-widget .swap-actions .preset-buttons {
  display: flex;
  gap: 6px;
}
.swap-widget .swap-actions .preset-buttons .action-button {
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-actions .preset-buttons .action-button {
    width: 24px;
    height: 24px;
    border-radius: 6px;
  }
}
.swap-widget .swap-actions .preset-buttons .action-button img {
  transition: opacity 0.2s ease;
  width: 20px;
  height: 20px;
  opacity: 0.2;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-actions .preset-buttons .action-button img {
    width: 16px;
    height: 16px;
  }
}
.swap-widget .swap-actions .preset-buttons .action-button:hover {
  background: #ffffff1a;
}
.swap-widget .swap-actions .preset-buttons .action-button:hover img {
  opacity: 0.8;
}
.swap-widget .swap-actions .preset-buttons .action-button.active {
  background: #ffffff26;
}
.swap-widget .swap-actions .preset-buttons .action-button.active img {
  opacity: 1;
}
.swap-widget .swap-actions .preset-buttons .action-button.active:hover {
  background: #fff3;
}
.swap-widget .swap-actions .slippage-control {
  position: relative;
  width: max-content;
}
.swap-widget .swap-actions .slippage-control .slippage-header {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-actions .slippage-control .slippage-header {
    gap: 4px;
  }
}
.swap-widget .swap-actions .slippage-control .slippage-button {
  background: transparent;
  border: none;
  cursor: pointer;
  font: 400 14px/1.5 Inter, sans-serif;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #fffc;
  padding: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-actions .slippage-control .slippage-button {
    font-size: 10px;
    gap: 2px;
  }
}
.swap-widget .swap-actions .slippage-control .slippage-button .chevron {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  opacity: 0.6;
  transition: all 0.1s ease;
}
.swap-widget .swap-actions .slippage-control .slippage-button .chevron img {
  width: 24px;
  height: 24px;
  transition: transform 0.1s ease;
}
.swap-widget .swap-actions .slippage-control .slippage-button .chevron.opened {
  opacity: 1;
}
.swap-widget
  .swap-actions
  .slippage-control
  .slippage-button
  .chevron.opened
  img {
  transform: rotate(180deg);
}
.swap-widget .swap-actions .slippage-control .slippage-button:hover {
  color: #fff;
}
.swap-widget .swap-actions .slippage-control .slippage-button:hover .chevron {
  opacity: 1;
}
.swap-widget
  .swap-actions
  .slippage-control
  .slippage-button
  .custom-slippage-input {
  font: 400 14px/1.5 Inter, sans-serif;
  background: transparent;
  border: none;
  color: #fff;
  width: 50px;
  padding: 0;
  margin: 0;
  text-align: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget
    .swap-actions
    .slippage-control
    .slippage-button
    .custom-slippage-input {
    font-size: 10px;
    width: 36px;
  }
}
.swap-widget
  .swap-actions
  .slippage-control
  .slippage-button
  .custom-slippage-input::placeholder {
  color: #ffffff80;
}
.swap-widget
  .swap-actions
  .slippage-control
  .slippage-button
  .custom-slippage-input:focus {
  outline: none;
}
.swap-widget .swap-actions .slippage-control .dropdown-items-wrap {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px;
  width: 92px;
  position: absolute;
  top: 26px;
  right: 0;
  z-index: 10;
  background: #232427;
  border: 1px solid #4f5052;
  box-shadow: 0 2px 10px #00000059;
  border-radius: 6px;
}
.swap-widget .swap-actions .slippage-control .dropdown-items-wrap button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 10px 8px;
  gap: 10px;
  width: 100%;
  height: 32px;
  border-radius: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
  font: 400 13px/20px Inter, sans-serif;
  color: #fff;
  text-align: left;
}
.swap-widget .swap-actions .slippage-control .dropdown-items-wrap button:hover {
  background: #ffffff1a;
}
.swap-widget .swap-container {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  position: relative;
  margin-bottom: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container {
    margin-bottom: 10px;
  }
}
.swap-widget .swap-container .swap-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  background: #ffffff08;
  border: 1px solid #575c63;
  box-shadow: 0 0 9px #00000021;
  border-radius: 12px;
  padding: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box {
    gap: 6px;
    padding: 5px 8px;
    border-radius: 8px;
  }
}
.swap-widget .swap-container .swap-box .label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 14px;
}
.swap-widget .swap-container .swap-box .label-row .action-label {
  font: 400 12px/1.5 Inter, sans-serif;
  color: #fffc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .label-row .action-label {
    font-size: 9px;
  }
}
.swap-widget .swap-container .swap-box .input-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 35px;
  margin: 4px 0;
  position: relative;
  padding: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .input-row {
    height: 24px;
    margin: 2px 0;
  }
}
.swap-widget .swap-container .swap-box .input-row .input-container {
  display: flex;
  width: 100%;
  position: relative;
}
.swap-widget .swap-container .swap-box .input-row .token-selector {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  box-sizing: border-box;
  padding: 1px 3px 1px 1px;
  height: 32px;
  background: #ffffff1a;
  border: 1px solid #575c63;
  border-radius: 99px;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease;
  transform-origin: left center;
  position: relative;
  z-index: 2;
  width: max-content;
  flex-shrink: 0;
  margin-right: -80px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .input-row .token-selector {
    height: 22px;
  }
}
.swap-widget .swap-container .swap-box .input-row .token-selector:hover {
  background: #ffffff26;
}
.swap-widget .swap-container .swap-box .input-row .token-selector img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .input-row .token-selector img {
    width: 18px;
    height: 18px;
  }
}
.swap-widget
  .swap-container
  .swap-box
  .input-row
  .token-selector
  img.chevron-icon {
  width: 24px;
  height: 24px;
  border: none;
  margin: 0 -3px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget
    .swap-container
    .swap-box
    .input-row
    .token-selector
    img.chevron-icon {
    width: 16px;
    height: 16px;
  }
}
.swap-widget .swap-container .swap-box .input-row .token-selector span {
  font: 600 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .input-row .token-selector span {
    font-size: 10px;
  }
}
.swap-widget .swap-container .swap-box .input-row .token-selector.shrunk {
  transform: scale(0.75);
  padding: 1px 2px 1px 1px;
  gap: 3px;
  height: 24px;
}
.swap-widget .swap-container .swap-box .input-row .token-selector.shrunk img {
  width: 21px;
  height: 21px;
}
.swap-widget
  .swap-container
  .swap-box
  .input-row
  .token-selector.shrunk
  img.chevron-icon {
  width: 18px;
  height: 18px;
}
.swap-widget .swap-container .swap-box .input-row .token-selector.shrunk span {
  font-size: 12px;
  line-height: 14px;
}
.swap-widget .swap-container .swap-box .input-row .amount-field {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  min-width: 0;
  padding-left: 90px;
  transition: padding 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .input-row .amount-field {
    padding-left: 30px;
  }
}
.swap-widget .swap-container .swap-box .input-row .amount-field input,
.swap-widget
  .swap-container
  .swap-box
  .input-row
  .amount-field
  .amount-display {
  font: 600 24px/1.5 Inter, sans-serif;
  background: transparent;
  border: none;
  color: #fff;
  width: 100%;
  min-width: 140%;
  outline: none;
  text-align: right;
  transition: all 0.3s ease;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .input-row .amount-field input,
  .swap-widget
    .swap-container
    .swap-box
    .input-row
    .amount-field
    .amount-display {
    font-size: 17px;
  }
}
.swap-widget
  .swap-container
  .swap-box
  .input-row
  .amount-field
  input::placeholder,
.swap-widget
  .swap-container
  .swap-box
  .input-row
  .amount-field
  .amount-display::placeholder {
  color: #ffffff4d;
}
.swap-widget .swap-container .swap-box .input-row .amount-field.error {
  color: #ff6b6b;
}
.swap-widget .swap-container .swap-box .details-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 14px;
  position: relative;
}
.swap-widget .swap-container .swap-box .details-row .metrics-group {
  min-width: 120px;
  height: 32px;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .details-row .metrics-group {
    min-width: 80px;
    height: 24px;
  }
}
.swap-widget
  .swap-container
  .swap-box
  .details-row
  .metrics-group
  .token-selector {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 1px 3px 1px 1px;
  gap: 5px;
  height: 32px;
  background: #ffffff1a;
  border: 1px solid #575c63;
  border-radius: 99px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(8px) scale(0.75);
  transform-origin: left center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget
    .swap-container
    .swap-box
    .details-row
    .metrics-group
    .token-selector {
    font-size: 10px;
    height: 22px;
  }
}
.swap-widget
  .swap-container
  .swap-box
  .details-row
  .metrics-group
  .token-selector:hover {
  background: #ffffff26;
}
.swap-widget
  .swap-container
  .swap-box
  .details-row
  .metrics-group
  .token-selector.small {
  cursor: pointer;
  pointer-events: auto;
}
.swap-widget
  .swap-container
  .swap-box
  .details-row
  .metrics-group
  .token-selector.small:hover {
  opacity: 0.8;
}
.swap-widget
  .swap-container
  .swap-box
  .details-row
  .metrics-group
  .token-selector
  img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.swap-widget
  .swap-container
  .swap-box
  .details-row
  .metrics-group
  .token-selector
  img.chevron-icon {
  width: 24px;
  height: 24px;
  border: none;
  margin: 0 -3px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget
    .swap-container
    .swap-box
    .details-row
    .metrics-group
    .token-selector
    img {
    width: 18px;
    height: 18px;
  }
}
.swap-widget
  .swap-container
  .swap-box
  .details-row
  .metrics-group
  .token-selector
  span {
  font: 600 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget
    .swap-container
    .swap-box
    .details-row
    .metrics-group
    .token-selector
    span {
    font-size: 10px;
  }
}
.swap-widget .swap-container .swap-box .details-row .usd-value,
.swap-widget .swap-container .swap-box .details-row .balance {
  font: 400 12px/1.5 Inter, sans-serif;
  color: #fffc;
  margin-right: 7px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-box .details-row .usd-value,
  .swap-widget .swap-container .swap-box .details-row .balance {
    font-size: 9px;
  }
}
.swap-widget .swap-container .swap-box button.balance {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-right: 1px;
}
.swap-widget .swap-container .swap-box button.balance:hover {
  color: #fff;
}
.swap-widget .swap-container .swap-box button.balance:hover img {
  opacity: 1;
}
.swap-widget .swap-container .swap-box .amount-field input {
  text-align: right;
  width: 100%;
}
.swap-widget
  .swap-container
  .swap-box.expanded-input
  .input-row
  .token-selector {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  visibility: hidden;
}
.swap-widget .swap-container .swap-box.expanded-input .input-row .amount-field {
  padding-left: 0;
}
.swap-widget
  .swap-container
  .swap-box.expanded-input
  .input-row
  .amount-field
  input,
.swap-widget
  .swap-container
  .swap-box.expanded-input
  .input-row
  .amount-field
  .amount-display {
  min-width: 100%;
}
.swap-widget
  .swap-container
  .swap-box.expanded-input
  .details-row
  .metrics-group
  .token-selector {
  opacity: 1;
  transform: translateY(0) scale(0.75);
  pointer-events: auto;
}
.swap-widget .swap-container .swap-box.expanded-input .amount-field {
  left: 0;
  position: relative;
  width: 100%;
}
.swap-widget
  .swap-container
  .swap-box.long-input
  .input-row
  .amount-field
  input,
.swap-widget
  .swap-container
  .swap-box.long-input
  .input-row
  .amount-field
  .amount-display {
  font-size: 16.8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget
    .swap-container
    .swap-box.long-input
    .input-row
    .amount-field
    input,
  .swap-widget
    .swap-container
    .swap-box.long-input
    .input-row
    .amount-field
    .amount-display {
    font-size: 11.9px;
  }
}
.swap-widget .swap-container .swap-box.shrunk-input .input-row .token-selector {
  transform: scale(0.75);
}
.swap-widget .swap-container .swap-direction-button {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  position: absolute;
  width: 31px;
  height: 31px;
  left: calc(50% - 16.5px);
  top: calc(50% - 16.5px);
  border-radius: 12px;
  cursor: pointer;
  z-index: 2;
  transition: all 0.2s ease;
  border: 1px solid transparent;
  background: url(/assets/widget-noise-pattern-bg-7NV1_lDL.png),
    linear-gradient(#2c2f33, #2c2f33) padding-box,
    linear-gradient(180deg, #575c63, #89919d) border-box;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-direction-button {
    width: 23px;
    height: 23px;
    border-radius: 6px;
    padding: 6px;
    left: calc(50% - 12.5px);
    top: calc(50% - 12.5px);
  }
}
.swap-widget .swap-container .swap-direction-button img {
  width: 9px;
  height: 11px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-container .swap-direction-button img {
    width: 7px;
  }
}
.swap-widget .swap-container .swap-direction-button:hover img {
  transform: rotate(180deg);
}
.swap-widget .price-impact {
  font: 400 12px/1.5 Inter, sans-serif;
}
.swap-widget .price-impact.high {
  color: #ef4444;
}
.swap-widget .price-impact.medium {
  color: #ee9e01;
}
.swap-widget .price-impact.normal {
  color: #fffc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .price-impact {
    font-size: 9px;
  }
}
.swap-widget .swap-summary {
  width: 100%;
}
.swap-widget .swap-summary .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-summary .summary-row {
    padding: 2px 0;
  }
}
.swap-widget .swap-summary .summary-row span {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-summary .summary-row span {
    font-size: 9px;
  }
}
.swap-widget .swap-summary .summary-row span:last-child {
  color: #fff;
}
.swap-widget .swap-summary .summary-row span.negative {
  color: #ef4444;
}
.swap-widget .swap-summary .summary-row span.highlight {
  color: #ee9e01;
}
.swap-widget .swap-summary .summary-row span.price-impact.high {
  color: #ef4444;
}
.swap-widget .swap-summary .summary-row span.price-impact.medium {
  color: #ee9e01;
}
.swap-widget .swap-summary .summary-row span.price-impact.normal {
  color: #fffc;
}
.swap-widget .swap-summary .token-taxes {
  padding: 8px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-summary .token-taxes {
    padding: 4px 0;
  }
}
.swap-widget .swap-summary .token-taxes .tax {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  font-size: 14px;
  line-height: 1.2;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-summary .token-taxes .tax {
    font-size: 10px;
    padding: 3px 0;
  }
}
.swap-widget .swap-summary .token-taxes .tax span:first-child {
  color: #ffffff80;
}
.swap-widget .swap-summary .token-taxes .tax span:last-child {
  color: #fff;
}
.swap-widget .swap-summary .token-taxes .tax span:last-child.highlight {
  color: #ee9e01;
}
.swap-widget .swap-summary .token-taxes .tax span:last-child.negative {
  color: #ef4444;
}
.swap-widget .swap-summary .token-taxes .tax:not(:last-child) {
  margin-bottom: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .swap-summary .token-taxes .tax:not(:last-child) {
    margin-bottom: 3px;
  }
}
.swap-widget .warning-message {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px;
  margin: -10px 0 8px;
  background: #ee9e011a;
  border: 1px solid rgba(238, 158, 1, 0.2);
  border-radius: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .warning-message {
    padding: 6px;
    margin: 0 0 6px;
    gap: 6px;
  }
}
.swap-widget .warning-message span {
  font: 400 11px/1.5 Inter, sans-serif;
  color: #ee9e01;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .warning-message span {
    font-size: 9px;
  }
}
.swap-widget .token-row.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.swap-widget .quote-amount-skeleton {
  height: 20px;
  width: 125px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .quote-amount-skeleton {
    height: 16px;
    width: 80px;
  }
}
.swap-widget .quote-usd-skeleton {
  height: 16px;
  width: 50px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .quote-usd-skeleton {
    height: 12px;
    width: 40px;
  }
}
.swap-widget .quote-impact-skeleton {
  height: 16px;
  width: 30px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .quote-impact-skeleton {
    height: 12px;
    width: 24px;
  }
}
.swap-widget .amount-display {
  font: 600 24px/1.5 Inter, sans-serif;
  background: transparent;
  border: none;
  color: #fff;
  width: 100%;
  min-width: 140%;
  outline: none;
  text-align: right;
  transition: all 0.3s ease;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .amount-display {
    font-size: 12px;
  }
}
.swap-widget .amount-display .MuiSkeleton-root {
  background: #ffffff1a;
}
.swap-widget .amount-display::placeholder {
  color: #ffffff4d;
}
.swap-widget .amount-display.error {
  color: #ff7474 !important;
}
.swap-widget .value-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.swap-widget .value-group .MuiSkeleton-root {
  background: #ffffff1a;
}
.swap-widget .value-group .usd-value,
.swap-widget .value-group .price-impact {
  display: flex;
  align-items: center;
}
.swap-widget .preset-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px;
  width: 100%;
  background: #ffffff05;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  margin-top: 16px;
  min-height: 100px;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .preset-description {
    padding: 8px;
    margin-top: 10px;
    border-radius: 8px;
    min-height: 80px;
  }
}
.swap-widget .preset-description .preset-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  height: 20px;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .preset-description .preset-header {
    height: 16px;
    gap: 6px;
    margin-bottom: 6px;
  }
}
.swap-widget .preset-description .preset-header img {
  width: 20px;
  height: 20px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .preset-description .preset-header img {
    width: 16px;
    height: 16px;
  }
}
.swap-widget .preset-description .preset-header span {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .preset-description .preset-header span {
    font-size: 11px;
  }
}
.swap-widget .preset-description .preset-text {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #fffc;
  margin: auto 0 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .preset-description .preset-text {
    font-size: 10px;
  }
}
.swap-widget .btn-gradient {
  background: linear-gradient(90deg, #00fe94, #16a1a1);
  margin: 22px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .swap-widget .btn-gradient {
    font-size: 11px;
    margin: 14px 0;
  }
}
.modal-swap-token-selector .modal-content {
  background: url(/assets/widget-noise-bg-J71L6e8S.png) top center no-repeat,
    linear-gradient(180deg, #00000008, #00000002);
  background-size: cover;
  box-shadow: 0 2px 4px #0000001a, 0 8px 16px #0000001a,
    inset 0 1px 1px #ffffff1a;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  width: 100%;
  max-width: 480px;
  position: relative;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content {
    max-width: 400px;
    border-radius: 12px;
  }
}
@media (max-width: 991.98px) {
  .modal-swap-token-selector .modal-content {
    max-width: 90vw;
  }
}
.modal-swap-token-selector .modal-content .title {
  padding: 24px 24px 0;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .title {
    font-size: 11px;
    padding: 12px 12px 0;
  }
}
.modal-swap-token-selector .modal-content .close-wrap {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  margin-top: -2px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .close-wrap {
    top: 12px;
    right: 12px;
  }
}
.modal-swap-token-selector .modal-content .close-wrap img {
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .close-wrap img {
    width: 16px;
    height: 16px;
  }
}
.modal-swap-token-selector .modal-content .search-row {
  padding: 16px 24px;
  display: flex;
  gap: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .search-row {
    padding: 12px;
    gap: 8px;
  }
}
.modal-swap-token-selector .modal-content .search-row .search-input-wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: #232427;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .search-row .search-input-wrap {
    padding: 8px;
    border-radius: 8px;
  }
}
.modal-swap-token-selector .modal-content .search-row .search-input-wrap img {
  width: 20px;
  height: 20px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .search-row .search-input-wrap img {
    width: 14px;
    height: 14px;
  }
}
.modal-swap-token-selector .modal-content .search-row .search-input-wrap input {
  flex: 1;
  background: none;
  border: none;
  color: #fff;
  font-size: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .search-row
    .search-input-wrap
    input {
    font-size: 11px;
  }
}
.modal-swap-token-selector
  .modal-content
  .search-row
  .search-input-wrap
  input::placeholder {
  color: #ffffff80;
}
.modal-swap-token-selector
  .modal-content
  .search-row
  .search-input-wrap
  input:focus {
  outline: none;
}
.modal-swap-token-selector .modal-content .search-row .network-selector {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: #232427;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .search-row .network-selector {
    gap: 6px;
    border-radius: 8px;
  }
}
.modal-swap-token-selector .modal-content .search-row .network-selector img {
  width: 20px;
  height: 20px;
  border-radius: 6px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .search-row .network-selector img {
    width: 14px;
    height: 14px;
    border-radius: 4px;
  }
}
.modal-swap-token-selector
  .modal-content
  .search-row
  .network-selector
  img.chevron-icon {
  width: 16px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .search-row
    .network-selector
    img.chevron-icon {
    width: 12px;
    height: 12px;
  }
}
.modal-swap-token-selector .modal-content .scrollable-content {
  flex: 1;
  overflow-y: auto;
  padding: 5px 24px 0;
  min-height: 200px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .scrollable-content {
    padding: 4px 12px 0;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content::-webkit-scrollbar {
  width: 6px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content::-webkit-scrollbar {
    width: 4px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content::-webkit-scrollbar-track {
  background: #ffffff0d;
  border-radius: 3px;
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content::-webkit-scrollbar-thumb {
  background: #fff3;
  border-radius: 3px;
}
.modal-swap-token-selector .modal-content .scrollable-content .token-list {
  display: flex;
  justify-content: center;
  gap: 6px;
  padding: 0;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .modal-swap-token-selector .modal-content .scrollable-content .token-list {
    flex-wrap: wrap;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .scrollable-content .token-list {
    margin-bottom: 12px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 77px;
  aspect-ratio: 1;
  border-radius: 16px;
  cursor: pointer;
  gap: 12px;
  flex-shrink: 0;
  background: linear-gradient(180deg, #ffffff14, #ffffff08);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 4px #0000001a, 0 8px 16px #0000001a,
    inset 0 1px 1px #ffffff1a;
  transform: translateY(0);
  transition: all 0.2s ease;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list
    .token-item {
    width: 56px;
    border-radius: 12px;
    gap: 8px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item:hover {
  transform: translateY(-2px);
  background: linear-gradient(180deg, #ffffff1f, #ffffff0f);
  box-shadow: 0 4px 8px #0003, 0 12px 20px #0000001a, inset 0 1px 1px #ffffff26;
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item:active {
  transform: translateY(1px);
  box-shadow: 0 1px 2px #0003, 0 4px 8px #0000001a, inset 0 1px 1px #ffffff0d;
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item
  img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0 2px 4px #0003;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list
    .token-item
    img {
    width: 24px;
    height: 24px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item
  span {
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list
    .token-item
    span {
    font-size: 10px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
  box-shadow: none;
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item.disabled:hover {
  transform: none;
  box-shadow: none;
  background: linear-gradient(180deg, #ffffff1a, #ffffff0d);
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list
  .token-item.disabled:active {
  transform: none;
}
.modal-swap-token-selector .modal-content .scrollable-content .divider {
  height: 1px;
  background: #ffffff1a;
  margin: 16px -24px;
}
.modal-swap-token-selector .modal-content .scrollable-content .section-title {
  color: #fff9;
  font-size: 18px;
  margin-bottom: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector .modal-content .scrollable-content .section-title {
    font-size: 12px;
    margin-bottom: 8px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .empty-tokens-message {
  color: #ffffff80;
  text-align: center;
  padding: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .empty-tokens-message {
    padding: 12px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  cursor: pointer;
  border-radius: 12px;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row {
    font-size: 10px;
    padding: 8px 12px;
    border-radius: 8px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row:hover {
  background: #ffffff0d;
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row:last-child {
  margin-bottom: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row:last-child {
    margin-bottom: 8px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row
    .token-info {
    gap: 8px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-info
  img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row
    .token-info
    img {
    width: 24px;
    height: 24px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-info
  .token-text
  .token-name {
  color: #fff;
  font-weight: 500;
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-info
  .token-text
  .token-symbol {
  color: #ffffff80;
  font-size: 14px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row
    .token-info
    .token-text
    .token-symbol {
    font-size: 9px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-values {
  text-align: right;
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-values
  .token-balance-usd {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row
    .token-values
    .token-balance-usd {
    font-size: 10px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-values
  .token-balance-usd
  sub {
  font-size: 10px;
  bottom: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row
    .token-values
    .token-balance-usd
    sub {
    font-size: 8px;
  }
}
.modal-swap-token-selector
  .modal-content
  .scrollable-content
  .token-list-section
  .token-row
  .token-values
  .token-balance {
  color: #ffffff80;
  font-size: 14px;
  font-weight: 400;
  margin-top: 2px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-token-selector
    .modal-content
    .scrollable-content
    .token-list-section
    .token-row
    .token-values
    .token-balance {
    font-size: 10px;
  }
}
.modal-swap-confirm .modal-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 400px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: url(/assets/widget-noise-bg-J71L6e8S.png) top center no-repeat,
    linear-gradient(180deg, #00000008, #00000002);
  background-size: cover;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 16px;
  box-shadow: 0 0 10px #0000001a, 0 8px 30px #0000001a;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content {
    width: 320px;
    border-radius: 12px;
  }
}
@media (max-width: 991.98px) {
  .modal-swap-confirm .modal-content {
    max-width: 90vw;
  }
}
.modal-swap-confirm .modal-content .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 8px 0 16px;
  height: 56px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .modal-header {
    height: max-content;
    padding: 0 6px 0 12px;
  }
}
.modal-swap-confirm .modal-content .modal-header .title {
  font: 500 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .modal-header .title {
    font-size: 11px;
  }
}
.modal-swap-confirm .modal-content .modal-header .close-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .modal-header .close-wrap {
    width: 32px;
    height: 32px;
  }
}
.modal-swap-confirm .modal-content .modal-header .close-wrap img {
  width: 24px;
  height: 24px;
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .modal-header .close-wrap img {
    width: 16px;
    height: 16px;
  }
}
.modal-swap-confirm .modal-content .modal-header .close-wrap img:hover {
  opacity: 1;
}
.modal-swap-confirm .modal-content .swap-details {
  width: 100%;
}
.modal-swap-confirm .modal-content .swap-details .swap-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  height: 136px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-details .swap-card {
    padding: 12px;
    height: max-content;
  }
}
.modal-swap-confirm .modal-content .swap-details .swap-card .token-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-details .swap-card .token-info {
    gap: 6px;
  }
}
.modal-swap-confirm .modal-content .swap-details .swap-card .token-info .label {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #ffffff80;
  text-transform: capitalize;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm
    .modal-content
    .swap-details
    .swap-card
    .token-info
    .label {
    font-size: 10px;
  }
}
.modal-swap-confirm
  .modal-content
  .swap-details
  .swap-card
  .token-info
  .amount {
  font: 600 42px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm
    .modal-content
    .swap-details
    .swap-card
    .token-info
    .amount {
    font-size: 24px;
  }
}
.modal-swap-confirm .modal-content .swap-details .swap-card .token-info .value {
  font: 400 16px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm
    .modal-content
    .swap-details
    .swap-card
    .token-info
    .value {
    font-size: 10px;
  }
}
.modal-swap-confirm .modal-content .swap-details .swap-card .token-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-details .swap-card .token-icon {
    width: 32px;
    height: 32px;
  }
}
.modal-swap-confirm .modal-content .swap-info {
  width: 100%;
}
.modal-swap-confirm .modal-content .swap-info .show-more {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  height: 20px;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-info .show-more {
    padding: 0 12px;
    height: 16px;
  }
}
.modal-swap-confirm .modal-content .swap-info .show-more .line {
  flex: 1;
  height: 1px;
  background: #ffffff1a;
}
.modal-swap-confirm .modal-content .swap-info .show-more .text {
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 0 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-info .show-more .text {
    padding: 0 8px;
  }
}
.modal-swap-confirm .modal-content .swap-info .show-more .text span {
  font: 500 14px/1.1 Inter, sans-serif;
  color: #fff9;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-info .show-more .text span {
    font-size: 9px;
  }
}
.modal-swap-confirm .modal-content .swap-info .show-more .text img {
  width: 20px;
  height: 20px;
  opacity: 0.6;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-info .show-more .text img {
    width: 16px;
    height: 16px;
  }
}
.modal-swap-confirm .modal-content .swap-info .show-more .text img.rotated {
  transform: rotate(180deg);
}
.modal-swap-confirm .modal-content .swap-info .show-more:hover .text span {
  color: #fffc;
}
.modal-swap-confirm .modal-content .swap-info .show-more:hover .text img {
  opacity: 0.8;
}
.modal-swap-confirm .modal-content .swap-info .details {
  padding: 8px 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-info .details {
    padding: 6px 12px;
  }
}
.modal-swap-confirm .modal-content .swap-info .details .expandable-content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
}
.modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content.expanded {
  max-height: 120px;
  opacity: 1;
  visibility: visible;
}
.modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content.expanded
  .row.expandable {
  transform: translateY(0);
  opacity: 1;
}
.modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content.expanded
  .row.expandable:nth-child(1) {
  transition-delay: 0.1s;
}
.modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content.expanded
  .row.expandable:nth-child(2) {
  transition-delay: 0.2s;
}
.modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content.expanded
  .row.expandable:nth-child(3) {
  transition-delay: 0.3s;
}
.modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content
  .row.expandable {
  transform: translateY(-8px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content
  .row.expandable {
  transform: translateY(0);
  opacity: 1;
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content
  .row.expandable:nth-child(1) {
  transition-delay: 0.1s;
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content
  .row.expandable:nth-child(2) {
  transition-delay: 0.2s;
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .expandable-content
  .row.expandable:nth-child(3) {
  transition-delay: 0.3s;
}
.modal-swap-confirm .modal-content .swap-info .details .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 0;
  height: 28px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-info .details .row {
    height: max-content;
  }
}
.modal-swap-confirm .modal-content .swap-info .details .row span {
  font: 400 14px/1.5 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .swap-info .details .row span {
    font-size: 10px;
  }
}
.modal-swap-confirm .modal-content .swap-info .details .row span:first-child {
  color: #ffffff4d;
}
.modal-swap-confirm .modal-content .swap-info .details .row span:last-child {
  color: #fffc;
  font-weight: 500;
  text-align: right;
}
.modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .row
  span:last-child
  .secondary-value {
  color: #ffffff4d;
}
.modal-swap-confirm .modal-content .swap-info .details .row.expandable {
  transform: translateY(-8px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .row.expandable {
  transform: translateY(0);
  opacity: 1;
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .row.expandable:nth-child(1) {
  transition-delay: 0.1s;
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .row.expandable:nth-child(2) {
  transition-delay: 0.2s;
}
.expanded
  .modal-swap-confirm
  .modal-content
  .swap-info
  .details
  .row.expandable:nth-child(3) {
  transition-delay: 0.3s;
}
.modal-swap-confirm .modal-content .action-container {
  width: 100%;
  padding: 24px 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .modal-swap-confirm .modal-content .action-container {
    padding: 16px 12px;
  }
}
.modal-swap-confirm .modal-content .action-container .btn-confirm {
  background: linear-gradient(271.17deg, #ff2f9f, #ffa41d);
}
.btn-swap-gradient {
  background: transparent;
  border: none;
  cursor: pointer;
  font: 600 16px/1.5 Inter, sans-serif;
  background: linear-gradient(90deg, #00fe94, #16a1a1);
  margin-top: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .btn-swap-gradient {
    font-size: 11px;
    margin-top: 10px;
  }
}
.widget-asset-history-wrap {
  height: 100%;
  padding: 16px 12px 16px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap {
    padding: 12px 12px 12px 18px;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-history-wrap {
    max-height: 300px;
    min-height: max-content;
  }
}
.widget-asset-history-wrap .skeleton-wrap {
  display: flex;
  flex-direction: column;
  padding: 16px 12px 16px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap .skeleton-wrap {
    padding: 12px 12px 12px 18px;
  }
}
.widget-asset-history-wrap .skeleton-wrap .headline-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 28px;
  max-height: 28px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap .skeleton-wrap .headline-wrap {
    min-height: 36px;
    max-height: 36px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap .skeleton-wrap .headline-wrap {
    min-height: 40px;
    max-height: 40px;
  }
}
.widget-asset-history-wrap
  .skeleton-wrap
  .headline-wrap
  .headline-wrap-skeleton {
  width: 64px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap
    .skeleton-wrap
    .headline-wrap
    .headline-wrap-skeleton {
    height: 12px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap
    .skeleton-wrap
    .headline-wrap
    .headline-wrap-skeleton {
    height: 12px;
    width: 56px;
  }
}
.widget-asset-history-wrap .skeleton-wrap .table-header-wrap {
  display: flex;
  align-items: center;
  min-height: 32px;
  max-height: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap .skeleton-wrap .table-header-wrap {
    min-height: 24px;
    max-height: 24px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap .skeleton-wrap .table-header-wrap {
    min-height: max-content;
    max-height: max-content;
  }
}
.widget-asset-history-wrap .skeleton-wrap .table-header-wrap .column-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap .skeleton-wrap .table-header-wrap .column-wrap {
    margin-bottom: 16px;
  }
}
.widget-asset-history-wrap
  .skeleton-wrap
  .table-header-wrap
  .column-wrap
  .header-wrap-skeleton {
  height: 16px;
  width: 40px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap
    .skeleton-wrap
    .table-header-wrap
    .column-wrap
    .header-wrap-skeleton {
    height: 12px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap
    .skeleton-wrap
    .table-header-wrap
    .column-wrap
    .header-wrap-skeleton {
    height: 12px;
    width: 32px;
  }
}
.widget-asset-history-wrap .skeleton-wrap .table-body-wrap {
  display: flex;
}
.widget-asset-history-wrap .skeleton-wrap .table-body-wrap .table-body-row {
  flex: 1;
}
.widget-asset-history-wrap .skeleton-wrap .table-body-wrap .column-wrap {
  display: flex;
  align-items: center;
  min-height: 48px;
  max-height: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap .skeleton-wrap .table-body-wrap .column-wrap {
    min-height: 30px;
    max-height: 30px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap .skeleton-wrap .table-body-wrap .column-wrap {
    min-height: 56px;
    max-height: 56px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap
    .skeleton-wrap
    .table-body-wrap
    .column-wrap:nth-of-type(n + 6) {
    display: none;
  }
}
.widget-asset-history-wrap
  .skeleton-wrap
  .table-body-wrap
  .column-wrap
  .header-wrap-skeleton {
  height: 16px;
  width: 57px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap
    .skeleton-wrap
    .table-body-wrap
    .column-wrap
    .header-wrap-skeleton {
    height: 12px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap
    .skeleton-wrap
    .table-body-wrap
    .column-wrap
    .header-wrap-skeleton {
    height: 12px;
    width: 48px;
  }
}
.widget-asset-history-wrap .headline-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-right: 12px;
}
.widget-asset-history-wrap .headline-wrap .action-wrap button {
  font: 600 14px/20px Inter, sans-serif;
  color: #fff;
  padding: 8px 20px;
  border-radius: 90px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.4);
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap .headline-wrap .action-wrap button {
    font-size: 9px;
    line-height: 16px;
  }
}
.widget-asset-history-wrap .headline-wrap .action-wrap button:hover {
  background-color: #ffffff1a;
}
.widget-asset-history-wrap .table-wrap {
  overflow-y: auto;
  padding-right: 12px;
  max-height: 100%;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root {
  box-shadow: none;
  background-color: transparent;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table th,
.widget-asset-history-wrap .table-wrap .MuiPaper-root table td {
  border-bottom: none;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table thead th {
  font: 400 14px/1.5 Inter, sans-serif;
  padding: 0 0 8px;
  color: #94a3b8;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap .table-wrap .MuiPaper-root table thead th {
    font-size: 9px;
    line-height: 16px;
    padding: 0 0 6px;
  }
}
@media (max-width: 575.98px) {
  .widget-asset-history-wrap .table-wrap .MuiPaper-root table thead th {
    font-size: 10px;
    padding-right: 10px;
  }
}
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  thead
  th:first-of-type {
  padding-left: 8px;
}
@media (max-width: 575.98px) {
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    thead
    th:last-of-type {
    padding-right: 0;
  }
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr {
  border-bottom: 1px dashed #334155;
}
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  tbody
  tr:last-of-type {
  border-bottom: none;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr th,
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr td {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #f8fafc;
  padding: 14px 0 14px 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr th,
  .widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr td {
    font-size: 9px;
    line-height: 16px;
    padding: 6px 0 6px 6px;
  }
}
@media (max-width: 575.98px) {
  .widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr th,
  .widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr td {
    font-size: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 575.98px) {
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    tbody
    tr
    th
    .date-wrap,
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    tbody
    tr
    td
    .date-wrap {
    max-width: 48px;
  }
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr th a,
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr td a {
  font-weight: 500;
  color: #cbd5e1;
  text-decoration: navajowhite;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr th a:hover,
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  tbody
  tr
  td
  a:hover {
  color: #94a3b8;
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    tbody
    tr
    th
    a
    .text,
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    tbody
    tr
    td
    a
    .text {
    display: none;
  }
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr th a .icon,
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  tbody
  tr
  td
  a
  .icon {
  display: none;
}
@media (max-width: 767.98px) {
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    tbody
    tr
    th
    a
    .icon,
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    tbody
    tr
    td
    a
    .icon {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 575.98px) {
  .widget-asset-history-wrap
    .table-wrap
    .MuiPaper-root
    table
    tbody
    tr
    td:last-of-type {
    padding-right: 0;
  }
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr.buy th,
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  tbody
  tr.buy
  td:first-of-type {
  color: #10b981;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr.receive th,
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  tbody
  tr.receive
  td:first-of-type {
  color: #10b981;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr.sell th,
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  tbody
  tr.sell
  td:first-of-type {
  color: #ef4444;
}
.widget-asset-history-wrap .table-wrap .MuiPaper-root table tbody tr.send th,
.widget-asset-history-wrap
  .table-wrap
  .MuiPaper-root
  table
  tbody
  tr.send
  td:first-of-type {
  color: #ef4444;
}
.widget-asset-history-wrap .table-wrap .highlighted-row {
  padding-left: 5px;
  background-color: #ffffff1a;
  transition: background-color 0.3s ease;
}
.widgets-asset-holders-wrap {
  width: 100%;
  height: max-content;
}
.widgets-asset-holders-wrap .widgets-asset-headline-wrap .token-wrap {
  display: flex !important;
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap .widgets-asset-headline-wrap .token-wrap {
    width: 100%;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-headline-wrap
  .token-wrap
  .action-wrap {
  display: none;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-headline-wrap
    .token-wrap
    .action-wrap {
    display: flex;
  }
}
.widgets-asset-holders-wrap .widgets-asset-headline-wrap .actions-wrap {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap .widgets-asset-headline-wrap .actions-wrap {
    gap: 4px;
  }
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap .widgets-asset-headline-wrap .actions-wrap {
    width: 100%;
  }
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-headline-wrap
    .actions-wrap
    .btn-main {
    display: none;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-headline-wrap
  .actions-wrap
  .btn-main
  img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-headline-wrap
    .actions-wrap
    .btn-main
    img {
    width: 16px;
  }
}
@media (max-width: 991.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-headline-wrap
    .actions-wrap
    .btn-main
    span {
    display: none;
  }
}
.widgets-asset-holders-wrap .widgets-asset-holders-content-wrap {
  display: grid;
  grid-template-columns: 200px 1fr 1fr 1fr 1fr;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap .widgets-asset-holders-content-wrap {
    gap: 6px;
  }
}
@media (max-width: 1199.98px) {
  .widgets-asset-holders-wrap .widgets-asset-holders-content-wrap {
    grid-template-columns: 160px 1fr 1fr 1fr 1fr;
  }
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap .widgets-asset-holders-content-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap {
  padding: 0;
  height: 150px;
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap {
    width: 100%;
    height: 190px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .text-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  gap: 2px;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .text-wrap
  .label {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .text-wrap
    .label {
    font-size: 12px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .text-wrap
  .total {
  font: 600 14px/1.2 Inter, sans-serif;
  color: #fff;
  margin-bottom: 6px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .text-wrap
    .total {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: 600;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap {
  position: relative;
  z-index: 1;
  max-width: calc(100vw - 48px);
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap.chart-empty-wrap
  .highcharts-pie-series
  .highcharts-point {
  animation: holdersPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-container {
  height: 150px !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .chart-wrap
    .highcharts-container {
    height: 170px !important;
    margin-top: 10px;
  }
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .chart-wrap
    .highcharts-container {
    margin-top: 10px;
    height: 170px !important;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-container
  * {
  transition: none !important;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-container
  > svg {
  height: 150px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .chart-wrap
    .highcharts-container
    > svg {
    height: 120px;
  }
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .chart-wrap
    .highcharts-container
    > svg {
    height: 170px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-credits {
  display: none;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-pie-series
  .highcharts-point {
  filter: var(--slice-filter);
  -webkit-filter: var(--slice-filter);
  transition: filter 0.2s, -webkit-filter 0.2s;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-tooltip
  path {
  visibility: hidden !important;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-tooltip
  .pie-chart-tooltip-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 8px;
  background-color: #232427;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .chart-wrap
    .highcharts-tooltip
    .pie-chart-tooltip-wrap {
    padding: 6px;
    gap: 3px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-tooltip
  .pie-chart-tooltip-wrap
  .icon {
  display: flex;
  align-items: center;
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .chart-wrap
    .highcharts-tooltip
    .pie-chart-tooltip-wrap
    .icon {
    width: 12px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-tooltip
  .pie-chart-tooltip-wrap
  .icon
  img {
  width: 100%;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-pie-chart-wrap
  .chart-wrap
  .highcharts-tooltip
  .pie-chart-tooltip-wrap
  .text {
  font: 500 12px/1 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-pie-chart-wrap
    .chart-wrap
    .highcharts-tooltip
    .pie-chart-tooltip-wrap
    .text {
    font-size: 9px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 12px;
  min-height: 150px;
  position: relative;
  background: url(/assets/widget-noise-pattern-bg-7NV1_lDL.png) top center
      repeat,
    linear-gradient(180deg, #ffffff12, #ffffff05);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  box-shadow: 0 4px 24px -1px #0003;
  background-size: auto;
}
@media (max-width: 767.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap {
    width: calc(50% - 2px);
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap.disabled
  > div:not(.visibility-icon) {
  opacity: 0.3;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap.advanced
  .advanced-items-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap.advanced
    .advanced-items-wrap {
    gap: 4px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap.advanced
  .advanced-items-wrap
  .item-wrap {
  display: flex;
  align-items: center;
  gap: 2px;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap.advanced
    .advanced-items-wrap
    .item-wrap {
    gap: 4px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap.advanced
  .advanced-items-wrap
  .item-wrap
  .icon {
  min-width: 6px;
  max-width: 6px;
  height: 6px;
  border-radius: 3px;
  margin: 3px;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap.advanced
    .advanced-items-wrap
    .item-wrap
    .icon {
    min-width: 4px;
    max-width: 4px;
    height: 4px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap.advanced
  .advanced-items-wrap
  .item-wrap
  .text {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #fff;
  opacity: 0.5;
  flex-shrink: 1;
  display: flex;
  gap: 2px;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap.advanced
    .advanced-items-wrap
    .item-wrap
    .text {
    font-size: 12px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap.advanced
  .advanced-items-wrap
  .item-wrap
  .text
  img {
  width: 16px;
  height: 16px;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .skeleton-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  gap: 10px;
  animation: holdersPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .skeleton-wrap {
    padding: 6px 10px;
    gap: 4px;
  }
}
@media (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .skeleton-wrap {
    justify-content: center;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .skeleton-wrap
  .icon {
  width: 100px;
  height: 100px;
}
@media (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .skeleton-wrap
    .icon {
    width: 70px;
    height: 70px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .skeleton-wrap
  .icon
  img {
  width: 100%;
  height: 100%;
  opacity: 0.1;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .skeleton-wrap
  .percentage-wrap-skeleton {
  width: 80px;
  height: 14px;
  margin: 5px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .skeleton-wrap
    .percentage-wrap-skeleton {
    width: 50px;
    height: 12px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .skeleton-wrap
  .name-wrap-skeleton {
  width: 80px;
  height: 14px;
  margin-top: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .skeleton-wrap
    .name-wrap-skeleton {
    width: 50px;
    height: 12px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .skeleton-wrap
  .count-wrap-skeleton {
  width: 60px;
  height: 20px;
  margin: 0 0 2px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .skeleton-wrap
    .count-wrap-skeleton {
    width: 36px;
    height: 14px;
    margin: 0 0 4px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .percentage-symbol {
  position: absolute;
  right: 16px;
  bottom: -20px;
  font-size: 176px;
  height: 176px;
  line-height: 100%;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  background: linear-gradient(180deg, #ffffff1a, #fff0);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: -1;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .percentage-symbol {
    font-size: 140px;
    right: 16px;
    top: 3px;
    height: 140px;
  }
}
@media (max-width: 1199.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .percentage-symbol {
    font-size: 96px;
    right: 0;
    top: -9px;
    height: 96px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .percentage-text {
  position: absolute;
  top: 30px;
  right: 20px;
  background: linear-gradient(#fff, #bcbcbc);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-family: Bebas Neue, sans-serif;
  font-size: 100px;
  line-height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .percentage-text {
    font-size: 72px;
    top: 35px;
    right: 12px;
  }
}
@media (max-width: 1199.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .percentage-text {
    font-size: 50px;
    top: 6px;
    right: 6px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .percentage-text
  .decimal {
  font-size: 56px;
  line-height: 1.3;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .percentage-text
    .decimal {
    font-size: 40px;
    line-height: 1.4;
  }
}
@media (max-width: 1199.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .percentage-text
    .decimal {
    font-size: 24px;
    line-height: 1.4;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .basic-color-icon-wrap {
  position: absolute;
  bottom: 12px;
  left: 12px;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .basic-color-icon-wrap
  .icon {
  min-width: 6px;
  max-width: 6px;
  height: 6px;
  border-radius: 3px;
  margin: 3px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .basic-color-icon-wrap
    .icon {
    min-width: 4px;
    max-width: 4px;
    height: 4px;
    margin: 2px;
    border-radius: 2px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .visibility-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .visibility-icon
  img {
  width: 16px;
  height: 16px;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
  justify-content: start;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .icon {
  display: flex;
  align-items: center;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .icon
  img {
  width: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap
    .icon
    img {
    width: 24px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap {
    gap: 4px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  > div {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap
    > div {
    gap: 2px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap.advanced
  .count-wrap
  .text {
  font-size: 14px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap.advanced
    .count-wrap
    .text {
    font-size: 9px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .name-wrap {
  margin-top: 4px;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .name-wrap
  .text {
  font: 600 16px/1.2 Inter, sans-serif;
}
@media (min-width: 767.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap
    .name-wrap
    .text {
    font-size: 12px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .count-wrap {
  gap: 0;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .count-wrap
  .icon {
  display: flex;
  align-items: center;
  color: #ef4444;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .count-wrap
  .icon.up {
  color: #10b981;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap
    .count-wrap
    .icon {
    font-size: 40px;
  }
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .count-wrap
  .icon
  svg {
  font-size: 16px;
}
.widgets-asset-holders-wrap
  .widgets-asset-holders-content-wrap
  .widget-holders-card-wrap
  .details-wrap
  .count-wrap
  .text {
  font: 600 14px/1.2 Inter, sans-serif;
  color: #fffc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap
    .count-wrap
    .text {
    font-size: 11px;
  }
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
  .widgets-asset-holders-wrap
    .widgets-asset-holders-content-wrap
    .widget-holders-card-wrap
    .details-wrap
    .count-wrap
    .text {
    font-size: 12px;
  }
}
.holders-study-modal-wrap {
  display: flex;
  height: 100%;
  margin-bottom: 24px;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .holders-study-modal-wrap {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
  }
  .holders-study-modal-wrap button {
    flex: 0 0 auto;
  }
  .holders-study-modal-wrap button span {
    font-size: 12px;
  }
  .holders-study-modal-wrap .btn-full-width {
    flex: 1 1 auto;
  }
}
.holders-study-modal-img {
  position: relative;
  width: 100%;
  height: 395px;
}
@media (min-width: 575.98px) and (max-width: 767.98px) {
  .holders-study-modal-img {
    height: 304px;
  }
}
@media (max-width: 575.98px) {
  .holders-study-modal-img {
    height: 204px;
  }
}
.holders-data-loading-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #00000080;
  z-index: 9999;
}
.holders-data-loading-modal {
  background: #232427;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  width: 572px;
  height: 450px;
  padding: 24px;
  position: relative;
  box-shadow: 0 0 16px #00000004, 0 0 8px #0000001a;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.holders-data-loading-modal .close-button {
  font-size: 16px;
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  transition: color 0.3s ease;
}
.holders-data-loading-modal .close-button:hover {
  color: #ccc;
}
.holders-data-loading-modal h2 {
  font-size: 18px;
  margin-bottom: 10px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .holders-data-loading-modal h2 {
    font-size: 12px;
  }
}
.holders-data-loading-modal h2 img {
  width: 18px;
  height: 18px;
  animation: spin 1s linear infinite;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .holders-data-loading-modal h2 img {
    width: 12px;
    height: 12px;
  }
}
.holders-data-loading-modal p {
  margin-bottom: 20px;
  text-align: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .holders-data-loading-modal p {
    font-size: 10px;
  }
}
.holders-data-loading-modal .carousel {
  width: 100%;
  height: 100%;
  background: radial-gradient(
    circle at right bottom,
    #10b9811a,
    #181a1a99 60%,
    #107bb91a
  );
  border-radius: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 10px 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .holders-data-loading-modal .carousel {
    border-radius: 8px;
  }
}
.holders-data-loading-modal .carousel .carousel-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  text-align: center;
}
.holders-data-loading-modal .carousel .carousel-container .carousel-slide {
  text-align: center;
}
.holders-data-loading-modal .carousel .carousel-container .carousel-slide img {
  max-width: 100%;
  margin-bottom: 10px;
}
.holders-data-loading-modal .carousel .carousel-container .carousel-slide h3 {
  font-size: 16px;
  margin-bottom: 5px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .holders-data-loading-modal .carousel .carousel-container .carousel-slide h3 {
    font-size: 11px;
  }
}
.holders-data-loading-modal .carousel .carousel-container .carousel-slide p {
  font: 400 14px/1.4 Inter, sans-serif;
  color: #ffffffb3;
  margin: 0 auto;
  max-width: 230px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .holders-data-loading-modal .carousel .carousel-container .carousel-slide p {
    font-size: 10px;
  }
}
.holders-data-loading-modal .carousel .carousel-container .carousel-btn {
  font-size: 24px;
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 0 10px;
  transition: color 0.3s;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .holders-data-loading-modal .carousel .carousel-container .carousel-btn {
    font-size: 18px;
  }
}
.holders-data-loading-modal .carousel .carousel-container .carousel-btn:hover {
  color: #ccc;
}
.holders-data-loading-modal .carousel .carousel-container .carousel-btn.left {
  margin-right: 5px;
}
.holders-data-loading-modal .carousel .carousel-container .carousel-btn.right {
  margin-left: 5px;
}
.holders-data-loading-modal .carousel .carousel-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}
.holders-data-loading-modal .carousel .dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff1a;
  margin: 0 4px;
  transition: background 0.3s ease;
}
.holders-data-loading-modal .carousel .dot.active {
  background: #ffffffe6;
}
.holders-data-loading-modal .spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #ccc;
  border-top-color: #fff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}
@keyframes holdersPulse {
  50% {
    opacity: 0.5;
  }
}
@keyframes holdersSpin {
  0% {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0);
  }
}
.btn--action,
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade {
  padding: 8px 30px;
  gap: 4px;
  border-radius: 12px;
  background: linear-gradient(271.17deg, #ff2f9f, #ffa41d);
  color: #020617;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  border: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .btn--action,
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    .btn-upgrade,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    .btn-upgrade {
    font-size: 14px;
    padding: 6px 24px;
  }
}
.btn--action:hover,
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:hover,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:hover {
  background: linear-gradient(271.17deg, #d52785, #da8c17);
  cursor: pointer;
}
.btn--action:active,
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:active,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:active {
  background: linear-gradient(271.17deg, #a51d66, #b3710f);
  cursor: pointer;
}
.btn--action:focus,
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:focus,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:focus {
  background: linear-gradient(271.17deg, #ff2f9f, #ffa41d);
  outline: 2px solid #10b981;
  outline-offset: 2px;
  cursor: pointer;
}
.btn--action:disabled,
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:disabled,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade:disabled {
  background: #ffffff0d;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff4d;
  cursor: not-allowed;
}
.widget-asset-holders-chart-wrap,
.widget-asset-maps-chart-wrap {
  padding: 16px;
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap,
  .widget-asset-maps-chart-wrap {
    padding: 16px 0;
    min-height: 480px;
    max-width: calc(100vw - 48px);
  }
}
@media (max-width: 767.98px) {
  .widget-asset-holders-chart-wrap,
  .widget-asset-maps-chart-wrap {
    min-height: 360px;
  }
}
.widget-asset-holders-chart-wrap .chart-overlay,
.widget-asset-maps-chart-wrap .chart-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 100%;
  background-image: url(/assets/apes-logo-transparent-BU-KL3Mn.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.widget-asset-holders-chart-wrap .chart-overlay.disabled,
.widget-asset-maps-chart-wrap .chart-overlay.disabled {
  display: none;
}
.widget-asset-holders-chart-wrap.fullscreen,
.widget-asset-maps-chart-wrap.fullscreen {
  top: 0;
  left: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 16px;
  z-index: 100;
  border-radius: 0;
  transition: none;
}
.widget-asset-holders-chart-wrap.fullscreen .chart-wrap,
.widget-asset-maps-chart-wrap.fullscreen .chart-wrap {
  flex: 1;
  height: calc(100% - 32px);
}
.widget-asset-holders-chart-wrap .skeleton-wrap,
.widget-asset-maps-chart-wrap .skeleton-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 24px;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .skeleton-wrap,
  .widget-asset-maps-chart-wrap .skeleton-wrap {
    padding: 12px 18px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-holders-chart-wrap .skeleton-wrap,
  .widget-asset-maps-chart-wrap .skeleton-wrap {
    padding: 24px;
  }
}
.widget-asset-holders-chart-wrap .skeleton-wrap .loading-wrap,
.widget-asset-maps-chart-wrap .skeleton-wrap .loading-wrap {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex: 1;
  align-items: center;
  flex-direction: column;
  gap: 24px;
  z-index: 1;
  justify-content: center;
  padding-bottom: 120px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .skeleton-wrap .loading-wrap,
  .widget-asset-maps-chart-wrap .skeleton-wrap .loading-wrap {
    gap: 12px;
    padding-bottom: 0;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap .skeleton-wrap .loading-wrap,
  .widget-asset-maps-chart-wrap .skeleton-wrap .loading-wrap {
    padding-bottom: 60px;
  }
}
.widget-asset-holders-chart-wrap .skeleton-wrap .loading-wrap .loading-icon img,
.widget-asset-maps-chart-wrap .skeleton-wrap .loading-wrap .loading-icon img {
  width: 48px;
  height: 48px;
  animation: spin 1s linear infinite;
}
@media (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-icon
    img,
  .widget-asset-maps-chart-wrap .skeleton-wrap .loading-wrap .loading-icon img {
    width: 32px;
    height: 32px;
  }
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info,
.widget-asset-maps-chart-wrap .skeleton-wrap .loading-wrap .loading-text-info {
  text-align: center;
  gap: 16px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p {
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p {
    font-size: 14px;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p {
    font-size: 18px;
  }
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p
  .link,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p
  .link {
  cursor: pointer;
  text-decoration: none;
  color: #fff;
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p
  .link
  .arrow-right,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p
  .link
  .arrow-right {
  margin-left: 6px;
  font-size: 16px;
  transition: transform 0.3s ease !important;
  fill: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p
    .link
    .arrow-right,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p
    .link
    .arrow-right {
    font-size: 12px;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p
    .link
    .arrow-right,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    p
    .link
    .arrow-right {
    font-size: 14px;
  }
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p
  .link:hover
  .arrow-right,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  p
  .link:hover
  .arrow-right {
  transform: translate(4px);
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-upgrade {
  margin-top: 16px;
  margin-bottom: 16px;
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  span,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  span {
  gap: 2px;
  display: flex;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    span,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    span {
    font-size: 10px;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    span,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    span {
    font-size: 12px;
  }
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-more,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-more {
  padding: 10px 30px;
  text-transform: capitalize;
  color: #fff;
  border-radius: 5px;
  background-color: #ffffff0d;
  border: 1px solid rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: background-color 0.5s ease;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    .btn-more,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    .btn-more {
    padding: 4px 16px;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    .btn-more,
  .widget-asset-maps-chart-wrap
    .skeleton-wrap
    .loading-wrap
    .loading-text-info
    .btn-more {
    padding: 6px 24px;
  }
}
.widget-asset-holders-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-more:hover,
.widget-asset-maps-chart-wrap
  .skeleton-wrap
  .loading-wrap
  .loading-text-info
  .btn-more:hover {
  background-color: #ffffff1a;
}
.widget-asset-holders-chart-wrap .row-wrap,
.widget-asset-maps-chart-wrap .row-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  max-height: 122px;
}
.widget-asset-holders-chart-wrap .row-wrap .headline-wrap-skeleton,
.widget-asset-maps-chart-wrap .row-wrap .headline-wrap-skeleton {
  width: 167px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .row-wrap .headline-wrap-skeleton,
  .widget-asset-maps-chart-wrap .row-wrap .headline-wrap-skeleton {
    height: 12px;
  }
}
.widget-asset-holders-chart-wrap .row-wrap .chart-item-skeleton,
.widget-asset-maps-chart-wrap .row-wrap .chart-item-skeleton {
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .row-wrap .chart-item-skeleton,
  .widget-asset-maps-chart-wrap .row-wrap .chart-item-skeleton {
    width: 12px;
  }
}
@media (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .row-wrap
    .chart-item-skeleton:nth-of-type(n + 20),
  .widget-asset-maps-chart-wrap
    .row-wrap
    .chart-item-skeleton:nth-of-type(n + 20) {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap
    .row-wrap
    .chart-item-skeleton:nth-of-type(n + 10),
  .widget-asset-maps-chart-wrap
    .row-wrap
    .chart-item-skeleton:nth-of-type(n + 10) {
    display: none;
  }
}
.widget-asset-holders-chart-wrap .chart-headline-wrap,
.widget-asset-maps-chart-wrap .chart-headline-wrap {
  height: 24px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap .chart-headline-wrap,
  .widget-asset-maps-chart-wrap .chart-headline-wrap {
    padding: 0 12px;
  }
}
.widget-asset-holders-chart-wrap .chart-headline-wrap .text-wrap,
.widget-asset-maps-chart-wrap .chart-headline-wrap .text-wrap {
  font: 400 12px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .chart-headline-wrap .text-wrap,
  .widget-asset-maps-chart-wrap .chart-headline-wrap .text-wrap {
    font-size: 9px;
  }
}
.widget-asset-holders-chart-wrap .chart-headline-wrap .actions-wrap,
.widget-asset-maps-chart-wrap .chart-headline-wrap .actions-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .chart-headline-wrap .actions-wrap,
  .widget-asset-maps-chart-wrap .chart-headline-wrap .actions-wrap {
    gap: 8px;
  }
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap,
.widget-asset-maps-chart-wrap .chart-headline-wrap .actions-wrap .legend-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .legend-wrap,
  .widget-asset-maps-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .legend-wrap {
    gap: 6px;
  }
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item {
  display: flex;
  align-items: center;
  gap: 4px;
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item.item-price
  .icon,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item.item-price
  .icon {
  background-color: #fff;
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item.item-holders
  .icon,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item.item-holders
  .icon {
  background-color: #9582ff;
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item
  .icon,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item
  .icon {
  height: 6px;
  min-width: 6px;
  max-width: 6px;
  border-radius: 3px;
  margin: 3px;
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item
  .text,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .legend-wrap
  .item
  .text {
  font: 400 12px/1 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .legend-wrap
    .item
    .text,
  .widget-asset-maps-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .legend-wrap
    .item
    .text {
    font-size: 9px;
  }
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .icon-with-tooltip
  img,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .icon-with-tooltip
  img {
  width: 18px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .icon-with-tooltip
    img,
  .widget-asset-maps-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .icon-with-tooltip
    img {
    width: 14px;
  }
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .fullscreen-wrap,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .fullscreen-wrap {
  display: flex;
  align-items: center;
  opacity: 0.5;
  cursor: pointer;
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .fullscreen-wrap:hover,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .fullscreen-wrap:hover {
  opacity: 1;
}
.widget-asset-holders-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .fullscreen-wrap
  img,
.widget-asset-maps-chart-wrap
  .chart-headline-wrap
  .actions-wrap
  .fullscreen-wrap
  img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .fullscreen-wrap
    img,
  .widget-asset-maps-chart-wrap
    .chart-headline-wrap
    .actions-wrap
    .fullscreen-wrap
    img {
    width: 16px;
  }
}
.widget-asset-holders-chart-wrap .chart-wrap,
.widget-asset-maps-chart-wrap .chart-wrap {
  overflow: hidden;
  transition: none;
  position: relative;
  height: calc(100svh - 415px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .chart-wrap,
  .widget-asset-maps-chart-wrap .chart-wrap {
    height: calc(100svh - 360px);
  }
}
@media (max-width: 991.98px) {
  .widget-asset-holders-chart-wrap .chart-wrap,
  .widget-asset-maps-chart-wrap .chart-wrap {
    height: 450px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-holders-chart-wrap .chart-wrap,
  .widget-asset-maps-chart-wrap .chart-wrap {
    height: 330px;
  }
}
.widget-asset-holders-chart-wrap .chart-wrap *,
.widget-asset-maps-chart-wrap .chart-wrap * {
  transition: none !important;
}
.widget-asset-holders-chart-wrap .chart-wrap > div[data-highcharts-chart],
.widget-asset-maps-chart-wrap .chart-wrap > div[data-highcharts-chart] {
  width: 100%;
  height: 100%;
  transition: none;
}
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-container,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-container {
  width: 100% !important;
  height: 100% !important;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .chart-wrap .highcharts-button text,
  .widget-asset-maps-chart-wrap .chart-wrap .highcharts-button text {
    font-size: 10px !important;
  }
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-range-selector-buttons
  .highcharts-button-disabled,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-range-selector-buttons
  .highcharts-button-disabled {
  opacity: 0.1;
  pointer-events: none;
}
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-credits,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-credits {
  display: none;
}
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-navigator,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-navigator {
  stroke: #ffffff26;
  stroke-width: 1;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-mask-outside,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-mask-outside {
  fill: #ffffff0d;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-mask-inside,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-mask-inside {
  fill: #ffffff1a;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-handle,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-handle {
  fill: #d1d1d1;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-outline,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-navigator
  .highcharts-navigator-outline,
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-scrollbar,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-scrollbar {
  display: none;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-track,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-track {
  height: 3px;
  stroke: none;
  fill: #ffffff08;
  rx: 2;
  ry: 2;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-thumb,
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-rifles,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-thumb,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-scrollbar
  .highcharts-scrollbar-rifles {
  fill: #ffffff26;
  height: 3px;
  stroke: none;
  rx: 2;
  ry: 2;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-axis-labels:not(.highcharts-yaxis-labels)
  text,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-axis-labels:not(.highcharts-yaxis-labels)
  text {
  fill: #ffffff80 !important;
}
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-axis-labels text,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-axis-labels text {
  font: 400 12px/1 Inter, sans-serif !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .chart-wrap .highcharts-axis-labels text,
  .widget-asset-maps-chart-wrap .chart-wrap .highcharts-axis-labels text {
    font-size: 8px !important;
  }
}
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-navigator-xaxis text,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-navigator-xaxis text {
  transform: translate(-20px, 20px);
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-navigator-xaxis
  .highcharts-text-outline,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-navigator-xaxis
  .highcharts-text-outline {
  stroke-width: 0;
  stroke: transparent;
  display: none;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-navigator-xaxis
  .highcharts-grid-line,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-navigator-xaxis
  .highcharts-grid-line {
  stroke: #ffffff26;
  border-radius: 10px;
}
.widget-asset-holders-chart-wrap
  .chart-wrap
  .highcharts-area-series
  path:first-of-type,
.widget-asset-maps-chart-wrap
  .chart-wrap
  .highcharts-area-series
  path:first-of-type {
  opacity: 0.075;
}
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-tooltip text,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-tooltip text {
  font: 500 12px/18px Inter, sans-serif !important;
  fill: #94a3b8 !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .chart-wrap .highcharts-tooltip text,
  .widget-asset-maps-chart-wrap .chart-wrap .highcharts-tooltip text {
    font-size: 9px !important;
  }
}
.widget-asset-holders-chart-wrap .chart-wrap .highcharts-tooltip path,
.widget-asset-maps-chart-wrap .chart-wrap .highcharts-tooltip path {
  fill: transparent;
}
.widget-asset-holders-chart-wrap .asset-holders-chart-tooltip-container,
.widget-asset-maps-chart-wrap .asset-holders-chart-tooltip-container {
  border-radius: 10px;
  border-width: 1px;
  border-color: #ffffff1a;
  border-style: solid;
  background-color: #232427;
  font-style: normal;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #fff;
  padding: 10px;
  height: auto;
  width: auto;
  min-width: 120px;
}
.widget-asset-holders-chart-wrap .asset-holders-chart-tooltip-container b,
.widget-asset-maps-chart-wrap .asset-holders-chart-tooltip-container b {
  font: 600 14px/1.2 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .asset-holders-chart-tooltip-container b,
  .widget-asset-maps-chart-wrap .asset-holders-chart-tooltip-container b {
    font-size: 9px;
  }
}
.widget-asset-holders-chart-wrap .asset-holders-chart-tooltip-container span,
.widget-asset-maps-chart-wrap .asset-holders-chart-tooltip-container span {
  font: 400 14px/1.2 Inter, sans-serif;
  display: flex;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-holders-chart-wrap .asset-holders-chart-tooltip-container span,
  .widget-asset-maps-chart-wrap .asset-holders-chart-tooltip-container span {
    font-size: 10px !important;
  }
}
.widget-asset-holders-chart-wrap .asset-holders-chart-tooltip-container span i,
.widget-asset-maps-chart-wrap .asset-holders-chart-tooltip-container span i {
  color: #ffffff80;
  font-style: normal;
}
.widget-asset-holders-chart-wrap .hidden,
.widget-asset-maps-chart-wrap .hidden {
  display: none;
}
.widget-asset-holders-chart-wrap .main-chart-wrap,
.widget-asset-maps-chart-wrap .main-chart-wrap {
  height: 100%;
}
.widget-asset-maps-chart-wrap {
  padding: 0;
}
.widget-asset-maps-chart-wrap .main-chart-wrap {
  display: block;
  height: 100%;
  position: relative;
}
.widget-asset-maps-chart-wrap .main-chart-wrap .bubble-chart-partner {
  position: absolute;
  bottom: 16px;
  left: 16px;
  z-index: 2;
}
.widget-asset-maps-chart-wrap .bubble-chart {
  width: 100%;
  height: 100%;
  border: none;
}
.widgets-asset-info-wrap {
  width: 100%;
  height: max-content;
}
.widgets-asset-info-wrap .widgets-asset-tabs-content-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widgets-asset-tabs-content-wrap {
    gap: 6px;
  }
}
@media (max-width: 767.98px) {
  .widgets-asset-info-wrap .widgets-asset-tabs-content-wrap {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
}
.widgets-asset-info-wrap .widget-asset-info-wrap {
  padding: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap {
    padding: 6px 10px;
  }
}
.widgets-asset-info-wrap .widget-asset-info-wrap.widget-holders-info-wrap {
  cursor: pointer;
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap.widget-holders-info-wrap:hover
  .name-wrap
  .text {
  color: #fff;
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap.widget-holders-info-wrap:hover
  .name-wrap
  .arrow-wrap {
  opacity: 1;
  transform: translate(4px);
}
.widgets-asset-info-wrap .widget-asset-info-wrap .skeleton-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  gap: 10px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap .skeleton-wrap {
    padding: 6px 10px;
    gap: 4px;
  }
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .skeleton-wrap
  .name-wrap-skeleton {
  width: 60px;
  height: 14px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap
    .widget-asset-info-wrap
    .skeleton-wrap
    .name-wrap-skeleton {
    width: 40px;
    height: 10px;
  }
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .skeleton-wrap
  .value-wrap-skeleton {
  width: 90px;
  height: 14px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap
    .widget-asset-info-wrap
    .skeleton-wrap
    .value-wrap-skeleton {
    width: 70px;
    height: 12px;
  }
}
.widgets-asset-info-wrap .widget-asset-info-wrap .name-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap .name-wrap {
    height: 16px;
    margin-bottom: 2px;
  }
}
.widgets-asset-info-wrap .widget-asset-info-wrap .name-wrap .text {
  font-size: 14px;
  line-height: 17px;
  color: #94a3b8;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap .name-wrap .text {
    font-size: 10px;
    line-height: 16px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap
    .widget-asset-info-wrap
    .name-wrap
    .icon-with-tooltip {
    padding: 2px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap
    .widget-asset-info-wrap
    .name-wrap
    .icon-with-tooltip
    img {
    width: 12px;
  }
}
.widgets-asset-info-wrap .widget-asset-info-wrap .name-wrap .arrow-wrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  opacity: 0.3;
}
.widgets-asset-info-wrap .widget-asset-info-wrap .name-wrap .arrow-wrap img {
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap .name-wrap .arrow-wrap img {
    width: 16px;
    height: 16px;
  }
}
.widgets-asset-info-wrap .widget-asset-info-wrap .details-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 4px;
}
.widgets-asset-info-wrap .widget-asset-info-wrap .details-wrap .amount-wrap {
  font: 600 16px/1.5 Inter, sans-serif;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap .details-wrap .amount-wrap {
    font-size: 11px;
    line-height: 13px;
  }
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .amount-wrap.positive {
  color: #10b981;
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .amount-wrap.negative {
  color: #ef4444;
}
.widgets-asset-info-wrap .widget-asset-info-wrap .details-wrap .change-wrap {
  font: 400 16px/1.5 Inter, sans-serif;
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap .details-wrap .change-wrap {
    font-size: 7px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap .widget-asset-info-wrap .details-wrap .change-wrap {
    font-size: 10px;
    line-height: 12px;
  }
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .change-wrap.increase {
  color: #10b981;
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .change-wrap.reduce {
  color: #ef4444;
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .change-wrap
  svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap
    .widget-asset-info-wrap
    .details-wrap
    .change-wrap
    svg {
    width: 12px;
    height: 12px;
  }
}
.widgets-asset-info-wrap .widget-asset-info-wrap .details-wrap .derisked-wrap {
  font: 400 16px/1.5 Inter, sans-serif;
  display: flex;
  align-items: center;
  padding: 6px;
  height: 24px;
  border-radius: 12px;
  border: 1px solid;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap
    .widget-asset-info-wrap
    .details-wrap
    .derisked-wrap {
    font: 400 10px/1.5 Inter, sans-serif;
    padding: 6px;
    height: 10px;
  }
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .derisked-wrap.derisked {
  color: #10b981;
  border-color: #10b981;
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .derisked-wrap.not-derisked {
  color: #ef4444;
  border-color: #ef4444;
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .derisked-wrap.not-derisked-detailed {
  color: #ef4444;
  border-color: transparent;
  border: 0;
  padding: 0;
  height: auto;
  font: 600 16px/1.5 Inter, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-info-wrap
    .widget-asset-info-wrap
    .details-wrap
    .derisked-wrap.not-derisked-detailed {
    font: 600 10px/1.5 Inter, sans-serif;
    padding: 0;
    height: auto;
  }
}
.widgets-asset-info-wrap
  .widget-asset-info-wrap
  .details-wrap
  .derisked-wrap.has-order {
  color: #fff;
  border-color: #fff;
}
.modal-title-centered .holders {
  justify-content: stretch;
}
.modal-title-centered .holders .item-tab {
  font-size: 14px;
  width: 104px;
}
.widgets-asset-headline-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-column: 1/4;
  margin-bottom: 16px;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap {
    margin-bottom: 8px;
  }
}
@media (max-width: 991.98px) {
  .widgets-asset-headline-wrap {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.widgets-asset-headline-wrap .skeleton-wrap {
  display: flex;
  align-items: center;
  height: 40px;
}
.widgets-asset-headline-wrap .skeleton-wrap .headline-wrap-skeleton {
  width: 167px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .skeleton-wrap .headline-wrap-skeleton {
    height: 12px;
  }
}
.widgets-asset-headline-wrap .token-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .token-wrap {
    gap: 6px;
  }
}
@media (max-width: 767.98px) {
  .widgets-asset-headline-wrap .token-wrap {
    display: none;
  }
}
.widgets-asset-headline-wrap .token-wrap .back-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .token-wrap .back-wrap {
    width: 24px;
    height: 24px;
  }
}
.widgets-asset-headline-wrap .token-wrap .back-wrap:hover {
  background-color: #ffffff1a;
}
.widgets-asset-headline-wrap .token-wrap .back-wrap img {
  width: 16px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .token-wrap .back-wrap img {
    width: 10px;
    height: 10px;
  }
}
.widgets-asset-headline-wrap .token-wrap .logo-wrap {
  width: 36px;
  height: 36px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .token-wrap .logo-wrap {
    width: 24px;
    height: 24px;
  }
}
.widgets-asset-headline-wrap .token-wrap .logo-wrap img {
  width: 36px;
  height: 36px;
  border-radius: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .token-wrap .logo-wrap img {
    width: 24px;
    height: 24px;
    border-radius: 14px;
  }
}
.widgets-asset-headline-wrap .token-wrap .text-wrap .symbol-wrap {
  font: 600 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .token-wrap .text-wrap .symbol-wrap {
    font-size: 11px;
  }
}
@media (max-width: 991.98px) {
  .widgets-asset-headline-wrap .token-wrap .text-wrap .symbol-wrap {
    font-size: 12px;
  }
}
.widgets-asset-headline-wrap .token-wrap .text-wrap .symbol-wrap span {
  opacity: 0.5;
  font-weight: 400;
}
.widgets-asset-headline-wrap .token-wrap .text-wrap .asset-name-wrap {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #64748b;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .token-wrap .text-wrap .asset-name-wrap {
    font-size: 8px;
  }
}
.widgets-asset-headline-wrap .tabs-wrap {
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .widgets-asset-headline-wrap .tabs-wrap {
    order: 2;
    width: 100%;
    margin-left: 0;
  }
}
.widgets-asset-headline-wrap .socials-wrap {
  display: flex;
  align-items: center;
}
@media (max-width: 767.98px) {
  .widgets-asset-headline-wrap .socials-wrap {
    width: 100%;
    order: 3;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .socials-wrap .watchlist-wrap img {
    width: 16px;
  }
}
.widgets-asset-headline-wrap .socials-wrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .socials-wrap a {
    padding: 6px;
  }
}
.widgets-asset-headline-wrap .socials-wrap a:hover {
  background-color: #ffffff0d;
}
.widgets-asset-headline-wrap .socials-wrap a img {
  width: 24px;
  height: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .socials-wrap a img {
    width: 16px;
    height: 16px;
  }
}
.widgets-asset-headline-wrap .socials-wrap .social-icon {
  color: #94a3b8;
  width: 24px;
  height: 24px;
  font-size: 24px;
  display: flex;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .socials-wrap .social-icon {
    width: 16px;
    height: 16px;
    font-size: 16px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .socials-wrap .social-icon svg {
    width: 16px;
    height: 16px;
  }
}
.widgets-asset-headline-wrap .socials-wrap .social-icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  padding: 4px;
  color: #94a3b8;
  width: 32px;
  height: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .socials-wrap .social-icon-button {
    width: 16px;
    height: 16px;
    padding: 6px;
  }
}
.widgets-asset-headline-wrap .socials-wrap .social-icon-button:hover {
  background-color: #ffffff0d;
  cursor: pointer;
}
.widgets-asset-headline-wrap .socials-wrap .social-icon-button img {
  width: 16px;
  height: 16px;
}
.widgets-asset-headline-wrap .balance-wrap {
  margin-left: 12px;
  padding: 8px 12px;
  background: #ffffff0d;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  box-shadow: 0 2px 5px #00000029;
}
@media (max-width: 767.98px) {
  .widgets-asset-headline-wrap .balance-wrap {
    order: 2;
    margin-left: auto;
  }
}
.widgets-asset-headline-wrap .balance-wrap.desktop-only {
  display: block;
}
@media (max-width: 767.98px) {
  .widgets-asset-headline-wrap .balance-wrap.desktop-only {
    display: none;
  }
}
.widgets-asset-headline-wrap .balance-wrap.mobile-only {
  display: none;
  width: max-content;
  margin-left: auto;
}
@media (max-width: 767.98px) {
  .widgets-asset-headline-wrap .balance-wrap.mobile-only {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
}
.widgets-asset-headline-wrap .balance-wrap.mobile-only .balance-amount {
  display: flex;
  align-items: center;
}
.widgets-asset-headline-wrap .balance-wrap .balance-amount {
  font: 500 14px/1.2 Inter, sans-serif;
}
.widgets-asset-headline-wrap .balance-wrap .balance-amount .balance-value {
  font-weight: 700;
  color: #fff;
}
.widgets-asset-headline-wrap .balance-wrap .balance-amount .balance-symbol {
  margin-left: 4px;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widgets-asset-headline-wrap .balance-wrap .balance-amount {
    font-size: 11px;
  }
}
.widget-asset-notes-wrap {
  height: 100%;
  padding: 0;
  position: relative;
  border-radius: 0;
}
.widget-asset-notes-wrap .content-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  width: 100%;
  top: 0;
  right: 0;
}
.widget-asset-notes-wrap .content-wrap .headline-wrap {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .headline-wrap {
    height: 36px;
  }
}
.widget-asset-notes-wrap .content-wrap .headline-wrap .text-wrap {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #fff;
  transition: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 88px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .headline-wrap .text-wrap {
    font-size: 11px;
    max-width: calc(100% - 64px);
  }
}
.widget-asset-notes-wrap .content-wrap .headline-wrap .close-wrap,
.widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap,
.widget-asset-notes-wrap .content-wrap .headline-wrap .remove-wrap {
  width: 48px;
  height: 48px;
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.5;
  top: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .headline-wrap .close-wrap,
  .widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap,
  .widget-asset-notes-wrap .content-wrap .headline-wrap .remove-wrap {
    width: 36px;
    height: 36px;
  }
}
.widget-asset-notes-wrap .content-wrap .headline-wrap .close-wrap:hover,
.widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap:hover,
.widget-asset-notes-wrap .content-wrap .headline-wrap .remove-wrap:hover {
  opacity: 1;
}
.widget-asset-notes-wrap .content-wrap .headline-wrap .close-wrap img,
.widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap img,
.widget-asset-notes-wrap .content-wrap .headline-wrap .remove-wrap img {
  width: 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .headline-wrap .close-wrap img,
  .widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap img,
  .widget-asset-notes-wrap .content-wrap .headline-wrap .remove-wrap img {
    width: 20px;
  }
}
.widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap {
  left: 0;
}
.widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap img {
  width: 20px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .headline-wrap .back-wrap img {
    width: 16px;
  }
}
.widget-asset-notes-wrap .content-wrap .headline-wrap .close-wrap,
.widget-asset-notes-wrap .content-wrap .headline-wrap .remove-wrap {
  right: 0;
}
.widget-asset-notes-wrap .content-wrap .notes-wrap {
  flex: 1;
  padding: 0 16px;
  overflow-y: auto;
}
.widget-asset-notes-wrap .content-wrap .notes-wrap > div {
  transition: none;
}
.widget-asset-notes-wrap .content-wrap .notes-wrap .start-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  margin-top: -16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .start-wrap {
    margin-top: -12px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .start-wrap .img-wrap img {
    width: 120px;
  }
}
.widget-asset-notes-wrap .content-wrap .notes-wrap .start-wrap .text-wrap {
  text-align: center;
  margin: -24px auto 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .start-wrap .text-wrap {
    margin: -16px auto 16px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .start-wrap
  .text-wrap
  .title {
  font: 700 16px/1.2 Inter, sans-serif;
  color: #fff;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .start-wrap
    .text-wrap
    .title {
    font-size: 12px;
    margin-bottom: 4px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .start-wrap
  .text-wrap
  .question {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .start-wrap
    .text-wrap
    .question {
    font-size: 10px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .start-wrap .btn-main {
    font-size: 12px;
    border-radius: 6px;
    height: 32px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .start-wrap .btn-main {
    max-width: max-content;
  }
}
.widget-asset-notes-wrap .content-wrap .notes-wrap .empty-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.widget-asset-notes-wrap .content-wrap .notes-wrap .empty-wrap .icon-wrap img {
  width: 48px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .empty-wrap
    .icon-wrap
    img {
    width: 36px;
  }
}
.widget-asset-notes-wrap .content-wrap .notes-wrap .empty-wrap .title {
  font: 500 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .empty-wrap .title {
    font-size: 12px;
  }
}
.widget-asset-notes-wrap .content-wrap .notes-wrap .empty-wrap .text {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .empty-wrap .text {
    font-size: 10px;
  }
}
.widget-asset-notes-wrap .content-wrap .notes-wrap .messages-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 100%;
  gap: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .notes-wrap .messages-wrap {
    gap: 12px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .messages-wrap
  .message-wrap {
  display: flex;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .messages-wrap
    .message-wrap {
    gap: 6px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .messages-wrap
    .message-wrap.message-from-user {
    justify-content: flex-end;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .messages-wrap
  .message-wrap.message-from-user
  .text-wrap {
  border-radius: 15px 5px 15px 15px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .messages-wrap
    .message-wrap.message-from-user
    .text-wrap {
    border-radius: 10px 5px 10px 10px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .messages-wrap
  .message-wrap.message-from-ai
  .text-wrap {
  border-radius: 15px 15px 15px 5px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .messages-wrap
    .message-wrap.message-from-ai
    .text-wrap {
    border-radius: 10px 10px 10px 5px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .messages-wrap
  .message-wrap
  .text-wrap {
  font: 500 14px/1.3 Inter, sans-serif;
  background-color: #ffffff0d;
  border: 1px solid rgba(255, 255, 255, 0.05);
  color: #fff;
  padding: 10px 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .messages-wrap
    .message-wrap
    .text-wrap {
    font-size: 11px;
    padding: 6px 8px;
  }
}
@media (max-width: 767.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .messages-wrap
    .message-wrap
    .text-wrap {
    max-width: 220px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .messages-wrap
  .message-wrap
  .avatar-wrap {
  min-width: 36px;
  max-width: 36px;
  height: 36px;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .messages-wrap
    .message-wrap
    .avatar-wrap {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    border-radius: 12px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .messages-wrap
  .message-wrap
  .avatar-wrap
  img {
  width: 100%;
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap {
  padding: 4px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .note-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .notes-cards-wrap
    .item-wrap
    .note-wrap {
    gap: 4px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .note-wrap
  .text {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .notes-cards-wrap
    .item-wrap
    .note-wrap
    .text {
    font-size: 11px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .note-wrap
  .edit-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .note-wrap
  .edit-wrap
  button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  border-radius: 8px;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  padding: 4px;
  box-sizing: border-box;
  border: 0;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .notes-cards-wrap
    .item-wrap
    .note-wrap
    .edit-wrap
    button {
    padding: 8px;
    border-radius: 4px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .note-wrap
  .edit-wrap
  button:hover {
  background-color: #ffffff0d;
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .note-wrap
  .edit-wrap
  button:hover
  img {
  opacity: 1;
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .note-wrap
  .edit-wrap
  button
  img {
  width: 20px;
  opacity: 0.5;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .notes-cards-wrap
    .item-wrap
    .note-wrap
    .edit-wrap
    button
    img {
    width: 12px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .info-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .info-wrap
  .tag-wrap {
  font: 400 12px/1.2 Inter, sans-serif;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 5px;
  padding: 4px 6px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .notes-cards-wrap
    .item-wrap
    .info-wrap
    .tag-wrap {
    font-size: 9px;
    padding: 3px 4px;
    border-radius: 4px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .notes-wrap
  .notes-cards-wrap
  .item-wrap
  .info-wrap
  .date-wrap {
  font: 400 12px/1.2 Inter, sans-serif;
  color: #ffffff80;
  margin-left: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .notes-wrap
    .notes-cards-wrap
    .item-wrap
    .info-wrap
    .date-wrap {
    font-size: 10px;
  }
}
.widget-asset-notes-wrap .content-wrap .action-wrap {
  margin-top: auto;
  padding: 16px;
}
.widget-asset-notes-wrap .content-wrap .action-wrap .input-wrap {
  position: relative;
}
.widget-asset-notes-wrap .content-wrap .action-wrap .input-wrap input {
  font: 400 14px/1 Inter, sans-serif;
  color: #fff;
  width: 100%;
  height: 40px;
  resize: none;
  padding: 8px 48px 8px 16px;
  border-radius: 100px;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .action-wrap .input-wrap input {
    font-size: 11px;
    height: 32px;
  }
}
.widget-asset-notes-wrap
  .content-wrap
  .action-wrap
  .input-wrap
  input::placeholder {
  font: 400 14px/1 Inter, sans-serif;
  color: #ffffff4d;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap
    .content-wrap
    .action-wrap
    .input-wrap
    input::placeholder {
    font-size: 11px;
  }
}
.widget-asset-notes-wrap .content-wrap .action-wrap .input-wrap input:focus {
  border-color: #fff;
}
.widget-asset-notes-wrap .content-wrap .action-wrap .input-wrap button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  width: 32px;
  height: 32px;
  box-shadow: none;
  border-radius: 50%;
  background-color: transparent;
  position: absolute;
  bottom: 4px;
  right: 4px;
  cursor: pointer;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-notes-wrap .content-wrap .action-wrap .input-wrap button {
    width: 24px;
    height: 24px;
  }
}
.widget-asset-notes-wrap .content-wrap .action-wrap .input-wrap button img {
  width: 100%;
}
.widget-asset-notes-wrap .content-wrap .action-wrap .btn-main {
  border-radius: 8px;
}
.widget-asset-notes-wrap
  .content-wrap
  .action-wrap
  .btn-main.btn-white-transparent {
  border: 0;
  background-color: #ffffff1a;
}
.widget-asset-notes-wrap
  .content-wrap
  .action-wrap
  .btn-main.btn-white-transparent:hover {
  background-color: #ffffff0d;
}
.widget-assets-list-wrap {
  padding: 0;
  min-height: 280px;
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap {
    padding: 0;
    height: 64px;
    min-height: 64px;
    position: relative;
    overflow: initial;
    z-index: 2;
  }
}
.widget-assets-list-wrap .skeleton-wrap .headline-wrap {
  padding: 20px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .skeleton-wrap .headline-wrap {
    padding: 10px 16px;
  }
}
.widget-assets-list-wrap .skeleton-wrap .headline-wrap .headline-wrap-skeleton {
  height: 16px;
  width: 100px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .skeleton-wrap
    .headline-wrap
    .headline-wrap-skeleton {
    height: 12px;
    width: 70px;
  }
}
.widget-assets-list-wrap .skeleton-wrap .list-skeletons-wrap {
  padding: 24px 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .skeleton-wrap .list-skeletons-wrap {
    padding: 6px 8px;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .skeleton-wrap .list-skeletons-wrap {
    padding: 0;
  }
}
.widget-assets-list-wrap
  .skeleton-wrap
  .list-skeletons-wrap
  .list-skeleton-wrap {
  display: flex;
  align-items: center;
  padding: 12px 16px;
  gap: 8px;
  min-height: 64px;
  max-height: 64px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .skeleton-wrap
    .list-skeletons-wrap
    .list-skeleton-wrap {
    padding: 4px 12px;
    min-height: 44px;
    max-height: 44px;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap
    .skeleton-wrap
    .list-skeletons-wrap
    .list-skeleton-wrap {
    padding: 0 28px;
  }
}
.widget-assets-list-wrap
  .skeleton-wrap
  .list-skeletons-wrap
  .list-skeleton-wrap:nth-of-type(2n-1)
  .text-wrap-skeleton {
  width: 190px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .skeleton-wrap
    .list-skeletons-wrap
    .list-skeleton-wrap:nth-of-type(2n-1)
    .text-wrap-skeleton {
    width: 150px;
  }
}
.widget-assets-list-wrap
  .skeleton-wrap
  .list-skeletons-wrap
  .list-skeleton-wrap
  .img-wrap-skeleton {
  max-width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .skeleton-wrap
    .list-skeletons-wrap
    .list-skeleton-wrap
    .img-wrap-skeleton {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
  }
}
.widget-assets-list-wrap
  .skeleton-wrap
  .list-skeletons-wrap
  .list-skeleton-wrap
  .text-wrap-skeleton {
  height: 16px;
  width: 165px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .skeleton-wrap
    .list-skeletons-wrap
    .list-skeleton-wrap
    .text-wrap-skeleton {
    height: 12px;
    width: 120px;
  }
}
.widget-assets-list-wrap .skeleton-wrap ~ .text-wrap .list-wrap {
  height: calc(100vh - 340px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .skeleton-wrap ~ .text-wrap .list-wrap {
    height: calc(100vh - 230px);
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .skeleton-wrap ~ .text-wrap .list-wrap {
    height: max-content;
  }
}
.widget-assets-list-wrap .headline-wrap {
  padding-bottom: 24px;
  position: relative;
  z-index: 11;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .headline-wrap {
    padding-bottom: 6px;
  }
}
.widget-assets-list-wrap .headline-wrap .tabs-wrap {
  padding: 0 24px;
  justify-content: space-between;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .headline-wrap .tabs-wrap {
    padding: 0 10px;
  }
}
.widget-assets-list-wrap .headline-wrap .tabs-wrap .item-tab {
  flex: 1;
  padding: 18px 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .headline-wrap .tabs-wrap .item-tab {
    font-size: 10px;
    padding: 9px 10px;
  }
}
.widget-assets-list-wrap .headline-wrap .tabs-wrap .item-tab.disabled {
  color: #ffffff4d;
}
.widget-assets-list-wrap .headline-wrap .title {
  font: 600 16px/20px Inter, sans-serif;
  padding: 18px 0;
  color: #fff;
  z-index: 11;
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .headline-wrap {
    display: none;
  }
}
.widget-assets-list-wrap .list-wrap {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 12px;
  padding-right: 12px;
  max-height: calc(100vh - 340px);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .list-wrap {
    padding-left: 10px;
    padding-right: 10px;
    max-height: calc(100vh - 230px);
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap {
    position: absolute;
    border-radius: 12px;
    top: 0;
    left: 0;
    width: 100%;
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .widget-assets-list-wrap .list-wrap {
    padding-right: 0;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap.full {
    background: #111215 url(/assets/widget-noise-bg-J71L6e8S.png) top center
      repeat;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap.full .action-wrap {
    transform: rotate(180deg);
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap
    .list-wrap:not(.full)
    .list-item.active
    .wallets-wrap {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap:not(.full) .list-item:not(.active) {
    display: none;
  }
}
.widget-assets-list-wrap .list-wrap .list-item {
  cursor: pointer;
  border-radius: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .list-wrap .list-item {
    border-radius: 6px;
  }
}
.widget-assets-list-wrap .list-wrap .list-item.active {
  background-color: #2e3138;
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap .list-item.active {
    order: 0;
    background-color: transparent;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap .list-item.active .change-wrap {
    display: flex;
    align-items: center;
    gap: 16px;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap .list-item:not(.active) {
    order: 1;
  }
}
.widget-assets-list-wrap .list-wrap .list-item:not(.active) .wallets-wrap {
  display: none;
}
.widget-assets-list-wrap .list-wrap .list-item .headline-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 16px;
  height: 64px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .list-wrap .list-item .headline-wrap {
    padding: 10px;
    height: 44px;
    gap: 12px;
  }
}
@media (max-width: 575.98px) {
  .widget-assets-list-wrap .list-wrap .list-item .headline-wrap {
    justify-content: space-between;
    padding: 12px;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap:hover
  .token-wrap
  .text-wrap
  .symbol-wrap {
  color: #10b981;
}
.widget-assets-list-wrap .list-wrap .list-item .headline-wrap .token-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .list-wrap .list-item .headline-wrap .token-wrap {
    gap: 6px;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .token-wrap
  .logo-wrap
  img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .token-wrap
    .logo-wrap
    img {
    width: 24px;
    height: 24px;
    border-radius: 12px;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .token-wrap
  .text-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .token-wrap
  .text-wrap
  .symbol-wrap {
  font: 700 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .token-wrap
    .text-wrap
    .symbol-wrap {
    font-size: 11px;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .token-wrap
  .text-wrap
  .asset-name-wrap {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 113px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .token-wrap
    .text-wrap
    .asset-name-wrap {
    font-size: 10px;
    max-width: 54px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .token-wrap
    .text-wrap
    .asset-name-wrap {
    width: 100%;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .change-wrap.increase
  .value-wrap {
  color: #10b981;
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .change-wrap.reduce
  .value-wrap {
  color: #ef4444;
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .change-wrap
  .info-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .change-wrap
  .info-wrap
  .amount-wrap {
  font: 500 14px/20px Inter, sans-serif;
  color: #f1f5f9;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .change-wrap
    .info-wrap
    .amount-wrap {
    font-size: 10px;
    line-height: 16px;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .change-wrap
  .info-wrap
  .value-wrap {
  font: 500 14px/20px Inter, sans-serif;
  display: flex;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .change-wrap
    .info-wrap
    .value-wrap {
    font-size: 10px;
    line-height: 16px;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .headline-wrap
  .change-wrap
  .info-wrap
  .value-wrap
  svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .change-wrap
    .info-wrap
    .value-wrap
    svg {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .headline-wrap
    .change-wrap
    .action-wrap
    img {
    width: 24px;
  }
}
.widget-assets-list-wrap .list-wrap .list-item .headline-wrap .data-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.widget-assets-list-wrap .list-wrap .list-item .wallets-wrap {
  display: flex;
  flex-direction: column;
  padding: 12px 16px;
  border-top: 1px dashed #334155;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .list-wrap .list-item .wallets-wrap {
    padding: 10px;
  }
}
.widget-assets-list-wrap .list-wrap .list-item .wallets-wrap .wallet-item-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .wallets-wrap
  .wallet-item-wrap
  .address-wrap {
  font: 600 14px/20px Inter, sans-serif;
  color: #64748b;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .wallets-wrap
    .wallet-item-wrap
    .address-wrap {
    font-size: 10px;
    line-height: 16px;
  }
}
.widget-assets-list-wrap
  .list-wrap
  .list-item
  .wallets-wrap
  .wallet-item-wrap
  .amount-wrap {
  font: 500 16px/1.5 Inter, sans-serif;
  color: #f1f5f9;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap
    .list-wrap
    .list-item
    .wallets-wrap
    .wallet-item-wrap
    .amount-wrap {
    font-size: 10px;
    line-height: 16px;
  }
}
.widget-assets-list-wrap .list-wrap .list-item.active ~ .list-message-wrap {
  display: none !important;
}
.widget-assets-list-wrap .list-wrap .list-message-wrap {
  font: 400 16px/1 Inter, sans-serif;
  color: #ffffff80;
  align-items: center;
  padding: 12px 24px;
  min-height: 64px;
  max-height: 64px;
  width: 100%;
  display: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-list-wrap .list-wrap .list-message-wrap {
    font-size: 11px;
    padding: 8px 16px;
    min-height: 49px;
    max-height: 48px;
  }
}
@media (max-width: 991.98px) {
  .widget-assets-list-wrap .list-wrap .list-message-wrap {
    display: flex;
  }
}
.empty-watchlist-message {
  text-align: center;
  padding: 20px 20px 40px;
  color: #666;
  font-size: 14px;
}
.widget-asset-ratio-wrap {
  padding: 6px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap {
    padding: 0 18px;
  }
}
.widget-asset-ratio-wrap .name-wrap {
  margin-bottom: 8px;
}
.widget-asset-ratio-wrap .empty-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 24px;
  padding: 32px 0;
}
.widget-asset-ratio-wrap .empty-wrap svg {
  width: 48px;
}
.widget-asset-ratio-wrap .empty-wrap p {
  font: 400 14px/20px Inter, sans-serif;
  color: #94a3b8;
}
.widget-asset-ratio-wrap .chart-wrap {
  opacity: 0.5;
  transition: opacity 0.5s ease-in-out;
}
.widget-asset-ratio-wrap .chart-wrap .chart-controls {
  position: absolute;
  top: 12px;
  left: -8px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 12px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .chart-wrap .chart-controls {
    top: 8px;
  }
}
.widget-asset-ratio-wrap .chart-wrap .chart-controls .chart-indicators {
  display: flex;
  gap: 6px;
}
.widget-asset-ratio-wrap
  .chart-wrap
  .chart-controls
  .chart-indicators
  .indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff3;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.widget-asset-ratio-wrap
  .chart-wrap
  .chart-controls
  .chart-indicators
  .indicator.active {
  background: #fffc;
}
.widget-asset-ratio-wrap .chart-wrap .chart-container {
  position: relative;
}
.widget-asset-ratio-wrap .chart-wrap .chart-container .nav-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: #ffffff80;
  transition: color 0.2s ease;
  z-index: 2;
}
.widget-asset-ratio-wrap .chart-wrap .chart-container .nav-arrow:hover {
  color: #fffc;
}
.widget-asset-ratio-wrap .chart-wrap .chart-container .nav-arrow.left {
  left: -12px;
}
.widget-asset-ratio-wrap .chart-wrap .chart-container .nav-arrow.right {
  right: -12px;
}
.widget-asset-ratio-wrap .chart-wrap .chart-container .nav-arrow svg {
  display: block;
}
.widget-asset-ratio-wrap .chart-wrap .icon-with-tooltip {
  position: absolute;
  top: 12px;
  right: -8px;
  z-index: 10;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .chart-wrap .icon-with-tooltip {
    top: 8px;
  }
}
.widget-asset-ratio-wrap .chart-hidden {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.widget-asset-ratio-wrap .chart-visible {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.widget-asset-ratio-wrap .chart-wrap {
  position: relative;
  background: url('data:image/svg+xml,<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.8076 31.0843C48.8081 30.0803 48.8086 29.0763 48.8086 28.0722C48.8086 28.0715 48.8084 28.0707 48.8081 28.07C48.8077 28.0693 48.8075 28.0685 48.8075 28.0678C48.8075 27.0208 48.8072 25.9739 48.8068 24.927C48.806 22.3083 48.8051 19.6899 48.8096 17.0709C48.8117 15.7157 48.5824 14.412 48.061 13.159C47.6307 12.1262 47.0528 11.1925 46.3116 10.3558C45.5818 9.5327 44.7579 8.82346 43.7873 8.31234C43.1979 8.00251 42.5854 7.71375 41.952 7.51773C41.2421 7.29748 40.503 7.112 39.7659 7.05509C38.9337 6.99109 38.0953 6.99746 37.2574 7.00383C37.0053 7.00575 36.7533 7.00767 36.5015 7.00767C36.0439 7.00742 35.5864 7.00717 35.1288 7.00693C29.6353 7.00393 24.1409 7.00094 18.6475 7.00872C18.4437 7.00911 18.2398 7.00773 18.036 7.00634C17.1273 7.00018 16.2192 6.99403 15.3119 7.14467C14.3413 7.30591 13.4169 7.59256 12.5385 8.01199C11.6339 8.44302 10.8267 9.03423 10.0907 9.72345C9.29182 10.4706 8.65212 11.339 8.1412 12.298C7.75592 13.021 7.4345 13.7808 7.30258 14.6007C7.27215 14.79 7.23772 14.9796 7.20326 15.1693C7.10135 15.7302 6.99922 16.2923 7 16.8538C7.00081 17.4714 7.10299 18.0897 7.20488 18.7061C7.236 18.8944 7.26708 19.0825 7.29525 19.2703C7.40727 20.0122 7.70775 20.6941 8.02603 21.3643C8.40608 22.1642 8.89292 22.9008 9.49702 23.5448C9.93151 24.0074 10.3911 24.4553 10.8874 24.8494C11.6957 25.4923 12.5929 25.9992 13.5823 26.2974C14.2775 26.5071 14.9894 26.6937 15.7076 26.7896C16.3505 26.8749 17.0143 26.8623 17.6644 26.8212C18.2507 26.7843 18.8464 26.7053 19.4118 26.5472C20.0421 26.3712 20.6525 26.1098 21.2524 25.8422C22.0355 25.4923 22.7527 25.0191 23.3673 24.4216C24.0688 23.7404 24.7604 23.0484 25.4522 22.3564C26.0757 21.7326 26.6992 21.1088 27.33 20.4928C27.5575 20.2707 27.7768 20.0392 27.9962 19.8077C28.6159 19.1537 29.2363 18.4991 30.0427 18.0531C30.6426 17.7212 31.2719 17.4682 31.9503 17.3966C32.7826 17.308 33.6254 17.2575 34.4285 17.5705L34.4822 17.5914C34.9873 17.7879 35.5 17.9873 35.957 18.2723C36.8449 18.8256 37.4992 19.6023 37.9725 20.5539C38.3483 21.3095 38.5326 22.0989 38.5755 22.924C38.608 23.5637 38.5096 24.1918 38.3127 24.8104C38.0562 25.6156 37.6866 26.3585 37.1066 26.9592C36.2173 27.8794 35.3112 28.7837 34.4054 29.6878C34.0091 30.0832 33.6129 30.4787 33.2182 30.8754C33.0635 31.0307 32.9068 31.1843 32.7501 31.3378C32.371 31.7093 31.9918 32.0809 31.6414 32.4783C30.8604 33.3656 30.2322 34.3541 29.7946 35.466C29.4679 36.2953 29.2355 37.1479 29.1455 38.0258C29.0136 39.3125 29.0847 40.5908 29.4512 41.8491C29.6721 42.6069 29.9464 43.3372 30.3265 44.0222C30.9965 45.2289 31.8896 46.2479 32.9805 47.0868C33.8359 47.7434 34.7645 48.2692 35.8021 48.5706C36.3507 48.7298 36.9087 48.8784 37.472 48.9595C38.097 49.0491 38.7367 49.1176 39.3639 49.0818C40.0706 49.0417 40.7741 48.9037 41.4693 48.7572C42.5184 48.5359 43.4732 48.0701 44.3652 47.4831C45.14 46.973 45.8268 46.3565 46.4341 45.6493C47.3282 44.6102 47.9731 43.4278 48.3772 42.1232C48.6777 41.1515 48.8159 40.1472 48.8128 39.1207C48.8052 36.4419 48.8064 33.7631 48.8076 31.0843ZM16.7992 49.1048C22.2257 49.1565 26.7465 44.7882 26.7119 39.1733C26.7842 33.7733 22.4089 29.2238 16.8568 29.247C11.4199 29.2702 7.04671 33.5046 7.00169 39.0964C6.95667 44.6776 11.2827 49.0521 16.7992 49.1048Z" fill="%230C0D0F" fill-opacity="0.4"/></svg>')
    center 60px no-repeat;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .chart-wrap {
    background-size: 40px;
    background-position: center 52px;
  }
}
.widget-asset-ratio-wrap .chart-wrap .highcharts-background,
.widget-asset-ratio-wrap .chart-wrap .highcharts-plot-background {
  fill: none !important;
}
.widget-asset-ratio-wrap .chart-wrap .highcharts-plot-border {
  stroke: none !important;
  fill: none !important;
}
.widget-asset-ratio-wrap .chart-wrap .highcharts-container {
  height: 180px !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .chart-wrap .highcharts-container {
    height: 150px !important;
  }
}
.widget-asset-ratio-wrap .chart-wrap .highcharts-container * {
  transition: none !important;
}
.widget-asset-ratio-wrap .chart-wrap .highcharts-container > svg {
  height: 180px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .chart-wrap .highcharts-container > svg {
    height: 150px;
  }
}
.widget-asset-ratio-wrap
  .chart-wrap
  .highcharts-container
  .highcharts-label
  div {
  text-align: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap
    .chart-wrap
    .highcharts-container
    .highcharts-label
    div {
    font-size: 11px !important;
    padding: 3px 6px !important;
    min-width: max-content !important;
  }
}
.widget-asset-ratio-wrap .chart-wrap .highcharts-credits {
  display: none;
}
.widget-asset-ratio-wrap .chart-wrap .highcharts-pie-series .highcharts-point {
  filter: var(--slice-filter);
  -webkit-filter: var(--slice-filter);
  transition: filter 0.2s, -webkit-filter 0.2s;
}
.widget-asset-ratio-wrap .legend-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: 6px;
  row-gap: 4px;
  margin-top: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .legend-wrap {
    margin-top: 0;
    column-gap: 4px;
    row-gap: 2px;
  }
}
.widget-asset-ratio-wrap .legend-wrap .item {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .legend-wrap .item {
    gap: 3px;
  }
}
.widget-asset-ratio-wrap .legend-wrap .item .icon {
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .legend-wrap .item .icon {
    width: 6px;
    height: 6px;
  }
}
.widget-asset-ratio-wrap .legend-wrap .item .text {
  font: 400 12px/1.5 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-asset-ratio-wrap .legend-wrap .item .text {
    font-size: 9px;
  }
}
.pie-slice-shrimps,
.pie-slice-shrimp-traders {
  --slice-filter: drop-shadow(0 0 4px rgba(249, 110, 75, 0.6));
}
.pie-slice-shrimp-holders {
  --slice-filter: drop-shadow(0 0 4px rgba(199, 57, 25, 0.6));
}
.pie-slice-sharks,
.pie-slice-shark-traders {
  --slice-filter: drop-shadow(0 0 4px rgba(176, 248, 183, 0.6));
}
.pie-slice-shark-holders {
  --slice-filter: drop-shadow(0 0 4px rgba(105, 153, 92, 0.6));
}
.pie-slice-whales,
.pie-slice-whale-traders {
  --slice-filter: drop-shadow(0 0 4px rgba(255, 21, 137, 0.6));
}
.pie-slice-whale-holders {
  --slice-filter: drop-shadow(0 0 4px rgba(162, 42, 108, 0.6));
}
.pie-slice-krakens,
.pie-slice-kraken-traders {
  --slice-filter: drop-shadow(0 0 4px rgba(76, 183, 217, 0.6));
}
.pie-slice-kraken-holders {
  --slice-filter: drop-shadow(0 0 4px rgba(18, 124, 158, 0.6));
}
.pie-slice-blue-chip {
  --slice-filter: drop-shadow(0 0 10px rgba(76, 183, 217, 0.6));
}
.pie-slice-stable {
  --slice-filter: drop-shadow(0 0 10px rgba(126, 228, 47, 0.6));
}
.pie-slice-mid-cap {
  --slice-filter: drop-shadow(0 0 10px rgba(154, 112, 223, 0.6));
}
.pie-slice-low-cap {
  --slice-filter: drop-shadow(0 0 10px rgba(254, 152, 26, 0.6));
}
.pie-slice-micro-cap,
.pie-slice-ai {
  --slice-filter: drop-shadow(0 0 10px rgba(255, 21, 137, 0.6));
}
.pie-slice-layer-1 {
  --slice-filter: drop-shadow(0 0 10px rgba(255, 107, 74, 0.6));
}
.pie-slice-meme {
  --slice-filter: drop-shadow(0 0 10px rgba(254, 152, 26, 0.6));
}
.pie-slice-stablecoin {
  --slice-filter: drop-shadow(0 0 10px rgba(153, 255, 74, 0.6));
}
.pie-slice-defi {
  --slice-filter: drop-shadow(0 0 10px rgba(122, 79, 228, 0.6));
}
.pie-slice-gamefi {
  --slice-filter: drop-shadow(0 0 10px rgba(255, 184, 0, 0.6));
}
.pie-slice-infrastructure {
  --slice-filter: drop-shadow(0 0 10px rgba(0, 229, 255, 0.6));
}
.pie-slice-analytics {
  --slice-filter: drop-shadow(0 0 10px rgba(76, 183, 217, 0.6));
}
.pie-slice-scalability {
  --slice-filter: drop-shadow(0 0 10px rgba(29, 233, 182, 0.6));
}
.pie-slice-socialfi {
  --slice-filter: drop-shadow(0 0 10px rgba(255, 23, 68, 0.6));
}
.pie-slice-nft {
  --slice-filter: drop-shadow(0 0 10px rgba(151, 71, 255, 0.6));
}
.pie-slice-rwa {
  --slice-filter: drop-shadow(0 0 10px rgba(255, 235, 59, 0.6));
}
.pie-slice-privacy {
  --slice-filter: drop-shadow(0 0 10px rgba(101, 31, 255, 0.6));
}
.pie-slice-depin {
  --slice-filter: drop-shadow(0 0 10px rgba(0, 230, 118, 0.6));
}
.pie-slice-desci {
  --slice-filter: drop-shadow(0 0 10px rgba(64, 196, 255, 0.6));
}
.pie-slice-prediction-markets {
  --slice-filter: drop-shadow(0 0 10px rgba(186, 104, 200, 0.6));
}
.pie-slice-dao {
  --slice-filter: drop-shadow(0 0 10px rgba(255, 61, 0, 0.6));
}
.pie-slice-other {
  --slice-filter: drop-shadow(0 0 10px rgba(128, 128, 128, 0.6));
}
.widget-assets-table-wrap {
  height: auto;
  padding: 18px 12px 18px 24px;
  position: relative;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap {
    height: max-content;
    padding: 16px 12px 0;
  }
}
.widget-assets-table-wrap.no-data {
  height: 360px;
}
.widget-assets-table-wrap.no-data tbody td {
  width: 100% !important;
}
.widget-assets-table-wrap.no-data tbody td p {
  font: 400 14px/1.5 Inter, sans-serif;
  color: #94a3b8;
  font-style: normal;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.widget-assets-table-wrap .guest-mode-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .guest-mode-form .form-wrap {
    width: 100%;
  }
}
.widget-assets-table-wrap .guest-mode-form .label-wrap {
  font: 500 18px/1.1 Inter, sans-serif;
  color: #fff;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .guest-mode-form .label-wrap {
    font-size: 12px;
    margin-bottom: 6px;
  }
}
.widget-assets-table-wrap .guest-mode-form .input-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .guest-mode-form .input-wrap {
    width: 100%;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .guest-mode-form .input-wrap div {
    width: 100%;
  }
}
.widget-assets-table-wrap .guest-mode-form .input-wrap fieldset {
  display: none;
}
.widget-assets-table-wrap .guest-mode-form .input-wrap input {
  font: 400 14px/1 Inter, sans-serif;
  width: 385px;
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #ffffff80;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .guest-mode-form .input-wrap input {
    font-size: 10px;
    height: 32px;
    width: 300px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .guest-mode-form .input-wrap input {
    font-size: 16px;
    width: 100%;
    height: 48px;
    padding: 0 16px;
  }
}
.widget-assets-table-wrap .guest-mode-form .input-wrap input:focus {
  border-color: #fff;
}
.widget-assets-table-wrap .guest-mode-form .input-wrap button {
  font: 600 14px/1 Inter, sans-serif;
  height: 40px;
  color: #020617;
  border-radius: 8px;
  padding: 10px 26px;
  min-width: 81px;
  max-width: max-content;
  text-transform: initial;
  background-color: #10b981;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .guest-mode-form .input-wrap button {
    font-size: 10px;
    height: 32px;
    min-width: 56px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .guest-mode-form .input-wrap button {
    width: 100%;
    max-width: 100%;
  }
}
.widget-assets-table-wrap .guest-mode-form .input-wrap button.Mui-disabled {
  pointer-events: none;
  color: #ffffff80;
  background-color: #ffffff1a;
}
.widget-assets-table-wrap .skeleton-wrap {
  display: flex;
  flex-direction: column;
  padding: 18px 12px 18px 24px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .skeleton-wrap {
    padding: 24px 12px 24px 24px;
  }
}
.widget-assets-table-wrap .skeleton-wrap .headline-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 28px;
  max-height: 28px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .skeleton-wrap .headline-wrap {
    min-height: 36px;
    max-height: 36px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .skeleton-wrap .headline-wrap {
    min-height: 40px;
    max-height: 40px;
  }
}
.widget-assets-table-wrap
  .skeleton-wrap
  .headline-wrap
  .headline-wrap-skeleton {
  width: 64px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .headline-wrap
    .headline-wrap-skeleton {
    height: 12px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .headline-wrap
    .headline-wrap-skeleton {
    width: 60px;
  }
}
.widget-assets-table-wrap .skeleton-wrap .table-header-wrap {
  display: flex;
  align-items: center;
  min-height: 48px;
  max-height: 48px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .skeleton-wrap .table-header-wrap {
    min-height: 36px;
    max-height: 36px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .skeleton-wrap .table-header-wrap {
    display: none;
  }
}
.widget-assets-table-wrap .skeleton-wrap .table-header-wrap .column-wrap {
  display: flex;
  flex-direction: column;
}
.widget-assets-table-wrap
  .skeleton-wrap
  .table-header-wrap
  .column-wrap:not(.column-first-wrap) {
  flex: 1;
}
.widget-assets-table-wrap
  .skeleton-wrap
  .table-header-wrap
  .column-wrap.column-first-wrap {
  width: 72px;
}
.widget-assets-table-wrap
  .skeleton-wrap
  .table-header-wrap
  .column-wrap
  .header-wrap-skeleton {
  height: 16px;
  width: 40px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .table-header-wrap
    .column-wrap
    .header-wrap-skeleton {
    height: 12px;
  }
}
.widget-assets-table-wrap .skeleton-wrap .table-body-wrap {
  display: flex;
}
.widget-assets-table-wrap
  .skeleton-wrap
  .table-body-wrap
  .table-body-row:not(.table-body-first-row) {
  flex: 1;
}
.widget-assets-table-wrap
  .skeleton-wrap
  .table-body-wrap
  .table-body-row.table-body-first-row {
  width: 72px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .table-body-wrap
    .table-body-row.table-body-first-row {
    min-width: 40px;
    max-width: 40px;
  }
}
.widget-assets-table-wrap
  .skeleton-wrap
  .table-body-wrap
  .table-body-row.table-body-first-row
  .column-wrap
  .header-wrap-skeleton {
  width: 16px;
  margin-left: 16px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .table-body-wrap
    .table-body-row.table-body-first-row
    .column-wrap
    .header-wrap-skeleton {
    width: 32px;
    height: 32px;
    border-radius: 16px;
    margin-left: 0;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .table-body-wrap
    .table-body-row:nth-of-type(3)
    .column-wrap {
    justify-content: flex-end;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .table-body-wrap
    .table-body-row:nth-of-type(n + 4) {
    display: none;
  }
}
.widget-assets-table-wrap .skeleton-wrap .table-body-wrap .column-wrap {
  display: flex;
  align-items: center;
  min-height: 48px;
  max-height: 48px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .skeleton-wrap .table-body-wrap .column-wrap {
    min-height: 36px;
    max-height: 36px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .skeleton-wrap .table-body-wrap .column-wrap {
    min-height: 56px;
    max-height: 56px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .table-body-wrap
    .column-wrap:nth-of-type(n + 6) {
    display: none;
  }
}
.widget-assets-table-wrap
  .skeleton-wrap
  .table-body-wrap
  .column-wrap
  .header-wrap-skeleton {
  height: 16px;
  width: 57px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .skeleton-wrap
    .table-body-wrap
    .column-wrap
    .header-wrap-skeleton {
    height: 12px;
  }
}
.widget-assets-table-wrap .column-skeleton {
  height: 16px;
  width: 50px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .column-skeleton {
    height: 12px;
  }
}
.widget-assets-table-wrap .menu-wrap {
  display: flex;
  flex-direction: row;
  gap: 24px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .menu-wrap {
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
    gap: 0px;
  }
}
.widget-assets-table-wrap .menu-wrap .name-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .menu-wrap .name-wrap {
    border-bottom: 2px solid rgba(255, 255, 255, 0.15);
    width: 33%;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
  }
}
.widget-assets-table-wrap .menu-wrap .name-wrap:hover {
  color: #34d399;
  cursor: pointer;
}
.widget-assets-table-wrap .menu-wrap .name-wrap.active {
  border-bottom: 2px solid #34d399;
}
.widget-assets-table-wrap .tables-wrap {
  width: 100%;
  position: relative;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .tables-wrap {
    padding-top: 5px;
  }
}
.widget-assets-table-wrap
  .tables-wrap.table-empty
  .MuiPaper-root
  .MuiTableContainer-root
  td:first-child,
.widget-assets-table-wrap
  .tables-wrap.table-empty
  .table-wrap.orders-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  td:first-child {
  width: 100%;
  padding-right: 0;
  text-align: center;
  display: initial !important;
}
.widget-assets-table-wrap .tables-wrap .table-wrap {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.widget-assets-table-wrap .tables-wrap .table-wrap.active {
  opacity: 1;
  visibility: visible;
  position: relative;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .tables-wrap
    .table-wrap.orders-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:first-child {
    min-width: 150px;
    width: 150px;
  }
  .widget-assets-table-wrap
    .tables-wrap
    .table-wrap.orders-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:last-child {
    padding: 0;
    justify-content: flex-end;
  }
}
.widget-assets-table-wrap .tables-wrap th {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  height: 50px;
}
.widget-assets-table-wrap .MuiPaper-root {
  background-color: transparent;
  box-shadow: none;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .MuiPaper-root {
    max-height: max-content;
    padding: 0;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root {
  overflow: visible;
  background-color: transparent;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root {
    max-height: max-content;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tr,
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root td {
  background-color: transparent !important;
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root th:last-child,
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root td:last-child {
  display: none;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:last-child,
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:last-child {
    display: flex;
    padding-left: 0;
    padding-right: 0;
    min-width: 24px;
    width: 24px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:last-child
    svg,
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:last-child
    svg {
    fill: #f8fafc;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:first-child,
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:first-child {
    width: auto;
    justify-content: center;
  }
}
@media (max-width: 575.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:first-child,
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:first-child {
    min-width: 20px;
    width: 2%;
    justify-content: flex-start;
  }
}
@media (max-width: 1199.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:nth-child(2),
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:nth-child(2) {
    min-width: 220px;
    justify-content: flex-start;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:nth-child(2),
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:nth-child(2) {
    width: auto;
    justify-content: flex-start;
  }
}
@media (max-width: 575.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:nth-child(2),
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:nth-child(2) {
    padding-left: 5px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:nth-child(3),
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:nth-child(3) {
    width: 150px;
    padding-right: 7px;
    justify-content: flex-end;
  }
}
@media (max-width: 575.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:nth-child(3),
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:nth-child(3) {
    width: auto;
    padding-right: 3px;
    justify-content: flex-end;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    th:nth-child(3)
    .asset-price-mobile-wrap,
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    td:nth-child(3)
    .asset-price-mobile-wrap {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root thead {
  padding-right: 12px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root thead {
    display: none;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root thead tr {
  box-shadow: none;
  padding-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root thead tr {
    height: 36px;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root thead th {
  padding: 14px 0;
  border-bottom: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root thead th {
    padding: 10px 0;
    height: max-content;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  thead
  th
  .Mui-TableHeadCell-Content-Labels {
  gap: 4px;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  thead
  th
  .Mui-TableHeadCell-Content-Labels
  .Mui-TableHeadCell-Content-Wrapper {
  font: 500 14px/20px Inter, sans-serif;
  color: #94a3b8;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    thead
    th
    .Mui-TableHeadCell-Content-Labels
    .Mui-TableHeadCell-Content-Wrapper {
    font-size: 10px;
    line-height: 15px;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  thead
  th
  .Mui-TableHeadCell-Content-Labels
  .Mui-TableHeadCell-Content-Wrapper
  .header-with-info {
  display: flex;
  align-items: center;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  thead
  th
  .Mui-TableHeadCell-Content-Labels
  svg {
  margin: 0;
  min-width: 16px;
  max-width: 16px;
  min-height: 16px;
  max-height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    thead
    th
    .Mui-TableHeadCell-Content-Labels
    svg {
    min-width: 12px;
    max-width: 12px;
    min-height: 12px;
    max-height: 12px;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody {
  max-height: calc(100vh - 502px);
  padding-right: 12px;
  overflow: auto;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody {
    max-height: calc(100vh - 400px);
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody {
    max-height: max-content;
    overflow: initial;
    padding-right: 0;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody tr {
  position: relative;
  cursor: pointer;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr:hover {
  background-color: #ffffff0d !important;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr:hover {
    background-color: transparent !important;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr:hover
  .asset-col-wrap
  .asset-text-wrap
  .symbol {
  color: #34d399;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr:not(.Mui-TableBodyCell-DetailPanel) {
    padding: 0 0 25px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr:not(.Mui-TableBodyCell-DetailPanel):first-of-type {
    padding: 0 0 25px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr:not(.Mui-TableBodyCell-DetailPanel):nth-last-child(-n + 2) {
    padding: 0 0 25px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr.Mui-TableBodyCell-DetailPanel {
    border-bottom: 1px solid #334155;
    padding: 12px 0 0;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr.Mui-TableBodyCell-DetailPanel:nth-last-child(-n + 2) {
    border-bottom: none;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr.Mui-TableBodyCell-DetailPanel
    td {
    min-width: 100%;
    padding-right: 0;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr.Mui-TableBodyCell-DetailPanel
    td
    * {
    width: 100%;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody tr td {
  border-bottom: none;
  overflow: hidden;
  min-height: 64px;
  padding: 0 2px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody tr td {
    min-height: 42px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody tr td {
    padding: 0;
    min-height: max-content;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody tr td p {
  color: #94a3b8;
  font-style: normal;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td:not(:last-child) {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.widget-assets-table-wrap .MuiPaper-root .MuiTableContainer-root tbody tr td * {
  transition: none;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .watchlist-wrap
    .icon
    img {
    width: 18px;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .logo-wrap {
  display: flex;
  align-items: center;
  padding: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .logo-wrap {
    padding: 15px 12px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .logo-wrap {
    padding: 0;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .logo-wrap
  img {
  width: 16px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .logo-wrap
    img {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .logo-wrap
    img {
    width: 14px;
    height: 14px;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap {
  font: 500 14px/1.5 Inter, sans-serif;
  color: #f1f5f9;
  display: flex;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .basic-text-wrap {
    font-size: 10px;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap
  span.disabled {
  color: #64748b;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap
  span
  a {
  color: #f1f5f9;
  text-decoration: none;
  transition: color 0.3s;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap
  span
  a:hover {
  color: #34d399;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap
  .strategy-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap
  .strategy-wrap
  .strategy-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap.mode
  span {
  border-radius: 5px;
  width: 64px;
  padding: 4px 6px;
  text-align: center;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .basic-text-wrap.mode
    span {
    width: 48px;
    padding: 2px 4px;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap.mode-auto
  span {
  background-color: #ffffff1a;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap.mode-manual
  span {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap.status
  span {
  border-radius: 5px;
  width: 80px;
  padding: 4px 6px;
  text-align: center;
  border: 1px solid;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .basic-text-wrap.status
    span {
    width: 60px;
    padding: 2px 4px;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap.status-executed
  span {
  color: #fff;
  border-color: #fff;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap.status-cancelled
  span {
  color: #ef4444;
  border-color: #ef4444;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .basic-text-wrap.status-active
  span {
  color: #10b981;
  border-color: #10b981;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .assets-table-price-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .assets-table-price-wrap
  .green {
  color: #10b981;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .assets-table-price-wrap
  .red {
  color: #ef4444;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .assets-table-value-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .label-wrap {
  font: 500 16px/1.5 Inter, sans-serif;
  display: flex;
  align-items: center;
  height: 36px;
  padding: 6px;
  border-radius: 12px;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .label-wrap.increase {
  color: #10b981;
  border: 1px solid #10b981;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .label-wrap.reduce {
  color: #ef4444;
  border: 1px solid #ef4444;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .label-wrap
  svg {
  width: 16px;
  height: 16px;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .simple-label-wrap {
  font: 500 14px/1.5 Inter, sans-serif;
  display: flex;
  margin-top: 2px;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap
    .MuiPaper-root
    .MuiTableContainer-root
    tbody
    tr
    td
    .simple-label-wrap {
    font-size: 10px;
  }
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .simple-label-wrap.increase {
  color: #10b981;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .simple-label-wrap.reduce {
  color: #ef4444;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .simple-label-wrap
  svg {
  width: 16px;
  height: 16px;
}
.widget-assets-table-wrap
  .MuiPaper-root
  .MuiTableContainer-root
  tbody
  tr
  td
  .no-cell-data {
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #f1f5f9;
}
.widget-assets-table-wrap .MuiTableRow-root:hover td:after {
  display: none !important;
}
.widget-assets-table-wrap .MuiTableSortLabel-root path {
  color: #94a3b8;
}
.widget-assets-table-wrap .MuiBox-root {
  background-color: transparent !important;
}
.widget-assets-table-wrap .asset-col-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .asset-col-wrap {
    gap: 6px;
  }
}
.widget-assets-table-wrap .asset-col-wrap .asset-logo-wrap {
  height: 32px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-logo-wrap {
    height: 24px;
  }
}
.widget-assets-table-wrap .asset-col-wrap .asset-logo-wrap img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-logo-wrap img {
    width: 24px;
    height: 24px;
  }
}
.widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .symbol-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .symbol-wrap {
    gap: 3px;
  }
}
.widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .symbol {
  font: 700 16px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 767.98px) and (max-width: 991.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .symbol {
    width: 110px;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .symbol {
    font-size: 10px;
  }
}
.widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .percentage {
  font: 500 12px/1.1 Inter, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 18px;
  padding: 1px 4px;
  border-radius: 5px;
  color: #fff;
  background-color: #ffffff1a;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .percentage {
    height: 14px;
    font-size: 9px;
    padding: 1px 3px;
    border-radius: 3px;
  }
}
.widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .name {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #64748b;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .name {
    font-size: 10px;
  }
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .name {
    font: 500 14px/25px Inter, sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-width: 180px;
  }
}
.widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .name .narrative {
  display: inline-block;
  margin-top: 3px;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  padding: 1px 3px;
  border-radius: 4px;
}
@media (max-width: 767.98px) {
  .widget-assets-table-wrap .asset-col-wrap .asset-text-wrap .name .narrative {
    padding: 0 4px;
  }
}
.widget-assets-table-wrap .asset-price-mobile-wrap {
  text-align: right;
  padding-right: 12px;
}
.widget-assets-table-wrap .asset-price-mobile-wrap .price-value {
  font: 400 14px/20px Inter, sans-serif;
  color: #f1f5f9;
}
.widget-assets-table-wrap .asset-price-mobile-wrap .price-change {
  font: 400 14px/20px Inter, sans-serif;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 4px;
}
.widget-assets-table-wrap .asset-price-mobile-wrap .price-change.increase {
  color: #10b981;
}
.widget-assets-table-wrap .asset-price-mobile-wrap .price-change.reduce {
  color: #ef4444;
}
.widget-assets-table-wrap .asset-price-mobile-wrap .price-change svg {
  width: 16px;
  height: 16px;
}
.widget-assets-table-wrap .asset-amount-mobile-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  padding: 12px 0 24px;
  border-top: 1px dashed #334155;
}
.widget-assets-table-wrap .asset-amount-mobile-wrap * {
  width: max-content !important;
}
.widget-assets-table-wrap .asset-amount-mobile-wrap .amount-label {
  font: 400 14px/20px Inter, sans-serif;
  color: #64748b;
}
.widget-assets-table-wrap .asset-amount-mobile-wrap .amount-value {
  font: 500 16px/1.5 Inter, sans-serif;
  color: #f1f5f9;
}
.widget-assets-table-wrap .btn-load-more {
  font: 700 16px/1.5 Inter, sans-serif;
  background-color: transparent;
  color: #e2e8f0;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #cbd5e1;
  border-radius: 90px;
  padding: 12px;
  margin-top: 16px;
}
.widget-assets-table-wrap .btn-load-more:hover {
  background-color: #ffffff1a;
}
.widget-assets-table-wrap .MuiCircularProgress-root svg {
  color: #34d399;
}
.widget-assets-table-wrap .empty-table-wrap {
  position: relative;
}
.widget-assets-table-wrap .empty-table-wrap .empty-message-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-family: Inter, sans-serif;
}
.widget-assets-table-wrap .empty-table-wrap .empty-message-wrap .no-data-icon {
  color: #ffffff80;
}
.widget-assets-table-wrap .empty-table-wrap .empty-message-wrap .button-wrap {
  padding-top: 20px;
}
.widget-assets-table-wrap
  .empty-table-wrap
  .empty-message-wrap
  .button-wrap
  button {
  width: 127px;
  height: 40px;
  gap: 10px;
  border-radius: 8px;
  border: 0;
  background: #ffffff1a;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  z-index: 10;
}
.widget-assets-table-wrap
  .empty-table-wrap
  .empty-message-wrap
  .button-wrap
  button:hover {
  background: #ffffff2e;
}
.widget-assets-table-wrap .empty-watchlist-message {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px;
  text-align: center;
  min-height: 200px;
}
.widget-track-wallet-form {
  width: 100%;
}
.widget-track-wallet-form .guest-mode-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
}
.widget-track-wallet-form .guest-mode-form .form-wrap {
  width: 100%;
}
.widget-track-wallet-form .guest-mode-form .label-wrap {
  font: 500 18px/1.1 Inter, sans-serif;
  color: #fff;
  margin-bottom: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-track-wallet-form .guest-mode-form .label-wrap {
    font-size: 14px;
    margin-bottom: 6px;
  }
}
.widget-track-wallet-form .guest-mode-form .input-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.widget-track-wallet-form .guest-mode-form .input-wrap > div {
  width: 100%;
}
.widget-track-wallet-form .guest-mode-form .input-wrap fieldset {
  display: none;
}
.widget-track-wallet-form .guest-mode-form .input-wrap input {
  font: 400 14px/1 Inter, sans-serif;
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  box-sizing: border-box;
  color: #ffffff80;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-track-wallet-form .guest-mode-form .input-wrap input {
    font-size: 12px;
    height: 32px;
  }
}
@media (max-width: 767.98px) {
  .widget-track-wallet-form .guest-mode-form .input-wrap input {
    font-size: 16px;
    height: 48px;
    padding: 0 16px;
  }
}
.widget-track-wallet-form .guest-mode-form .input-wrap input:focus {
  border-color: #fff;
}
.widget-track-wallet-form .guest-mode-form .input-wrap button {
  font: 600 14px/1 Inter, sans-serif;
  width: 100%;
  height: 40px;
  color: #020617;
  border-radius: 8px;
  padding: 10px 26px;
  white-space: nowrap;
  text-transform: initial;
  background-color: #10b981;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-track-wallet-form .guest-mode-form .input-wrap button {
    font-size: 12px;
    height: 32px;
    padding: 8px 16px;
  }
}
.widget-track-wallet-form .guest-mode-form .input-wrap button.Mui-disabled {
  pointer-events: none;
  color: #ffffff80;
  background-color: #ffffff1a;
}
.widget-portfolio-stats-wrap {
  padding: 18px 24px;
  position: relative;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap {
    padding: 12px 18px;
  }
}
@media (max-width: 767.98px) {
  .widget-portfolio-stats-wrap {
    padding: 24px;
  }
}
.widget-portfolio-stats-wrap .skeleton-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 18px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .skeleton-wrap {
    padding: 12px 18px;
  }
}
@media (max-width: 767.98px) {
  .widget-portfolio-stats-wrap .skeleton-wrap {
    padding: 24px;
  }
}
.widget-portfolio-stats-wrap .skeleton-wrap .row-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.widget-portfolio-stats-wrap .skeleton-wrap .headline-wrap-skeleton {
  width: 167px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .skeleton-wrap .headline-wrap-skeleton {
    height: 12px;
  }
}
.widget-portfolio-stats-wrap .skeleton-wrap .chart-item-skeleton {
  width: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .skeleton-wrap .chart-item-skeleton {
    width: 12px;
  }
}
@media (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap
    .skeleton-wrap
    .chart-item-skeleton:nth-of-type(n + 20) {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .widget-portfolio-stats-wrap
    .skeleton-wrap
    .chart-item-skeleton:nth-of-type(n + 10) {
    display: none;
  }
}
.widget-portfolio-stats-wrap .headline-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 14px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .headline-wrap {
    margin-bottom: 12px;
  }
}
.widget-portfolio-stats-wrap .dropdown-wrap button,
.widget-portfolio-stats-wrap .buttons-wrap button {
  font: 400 14px/20px Inter, sans-serif;
  border: 1px solid #64748b;
  border-radius: 8px;
  padding: 2px 12px;
  color: #94a3b8;
  height: 24px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: transparent;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .dropdown-wrap button,
  .widget-portfolio-stats-wrap .buttons-wrap button {
    height: 17px;
    font-size: 10px;
    line-height: 15px;
    padding: 1px 6px;
    width: 31px;
    border-radius: 6px;
  }
}
.widget-portfolio-stats-wrap .dropdown-wrap button:not(.active):hover,
.widget-portfolio-stats-wrap .buttons-wrap button:not(.active):hover {
  color: #cbd5e1;
  background-color: #ffffff1a;
}
.widget-portfolio-stats-wrap .dropdown-wrap button.active,
.widget-portfolio-stats-wrap .buttons-wrap button.active {
  color: #022c22;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%);
}
.widget-portfolio-stats-wrap .dropdown-wrap {
  display: none;
  position: relative;
  width: max-content;
}
@media (max-width: 1199.98px) {
  .widget-portfolio-stats-wrap .dropdown-wrap {
    display: initial;
  }
}
.widget-portfolio-stats-wrap .dropdown-wrap button {
  width: 100%;
}
.widget-portfolio-stats-wrap .dropdown-wrap .dropdown-main-btn {
  display: flex;
  align-items: center;
  gap: 2px;
}
.widget-portfolio-stats-wrap .dropdown-wrap .dropdown-main-btn.opened .icon {
  transform: rotate(180deg);
}
.widget-portfolio-stats-wrap .dropdown-wrap .dropdown-main-btn .icon {
  display: flex;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .dropdown-wrap .dropdown-main-btn .icon img {
    width: 12px;
  }
}
.widget-portfolio-stats-wrap .dropdown-wrap .dropdown-items-wrap {
  display: flex;
  flex-direction: column;
  position: absolute;
  gap: 2px;
  top: 26px;
  left: 0;
  width: 100%;
  z-index: 10;
}
.widget-portfolio-stats-wrap .dropdown-wrap .dropdown-items-wrap button {
  background-color: #ffffff1a;
}
.widget-portfolio-stats-wrap .buttons-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (min-width: 1199.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .buttons-wrap {
    gap: 6px;
  }
}
@media (max-width: 1199.98px) {
  .widget-portfolio-stats-wrap .buttons-wrap {
    display: none;
  }
}
.widget-portfolio-stats-wrap .chart-wrap svg.highcharts-root {
  padding: 0;
}
.widget-portfolio-stats-wrap .chart-wrap svg.highcharts-root * {
  transition: none !important;
}
.widget-portfolio-stats-wrap .chart-wrap svg.highcharts-root text {
  font: 500 12px/18px Inter, sans-serif !important;
  fill: #94a3b8 !important;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .chart-wrap svg.highcharts-root text {
    font: 500 9px/14px Inter, sans-serif !important;
  }
}
.widget-portfolio-stats-wrap .chart-wrap svg.highcharts-root .highcharts-title,
.widget-portfolio-stats-wrap
  .chart-wrap
  svg.highcharts-root
  .highcharts-subtitle,
.widget-portfolio-stats-wrap
  .chart-wrap
  svg.highcharts-root
  .highcharts-caption,
.widget-portfolio-stats-wrap
  .chart-wrap
  svg.highcharts-root
  .highcharts-credits {
  display: none !important;
}
.widget-portfolio-stats-wrap
  .chart-wrap
  svg.highcharts-root
  .highcharts-xaxis-labels
  text {
  text-anchor: start !important;
}
.widget-portfolio-stats-wrap
  .chart-wrap
  svg.highcharts-root
  .highcharts-tooltip
  path {
  fill: #0000004d;
  padding: 10px;
}
.widget-portfolio-stats-wrap .no-data-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: url(/assets/empty-portfolio-chart-Bs59c8eT.svg) no-repeat center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .no-data-wrap span {
    font-size: 12px;
  }
}
.widget-portfolio-stats-wrap .no-data-wrap .no-data-icon {
  color: #ffffff80;
}
.widget-portfolio-stats-wrap .no-data-wrap .button-wrap {
  padding-top: 20px;
}
.widget-portfolio-stats-wrap .no-data-wrap .button-wrap button {
  width: 127px;
  height: 40px;
  gap: 10px;
  border-radius: 8px;
  border: 0;
  background: #ffffff1a;
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  z-index: 10;
}
.widget-portfolio-stats-wrap .no-data-wrap .button-wrap button:hover {
  background: #ffffff2e;
}
.widget-portfolio-stats-wrap .loading-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.widget-portfolio-stats-wrap .stats-toggle-wrap button {
  font: 400 14px/20px Inter, sans-serif;
  border: 1px solid #64748b;
  border-radius: 8px;
  padding: 2px 12px;
  color: #94a3b8;
  height: 24px;
  width: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: transparent;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-stats-wrap .stats-toggle-wrap button {
    font-size: 10px;
    line-height: 15px;
    padding: 1px 6px;
    border-radius: 6px;
    height: 17px;
    width: 31px;
  }
  .widget-portfolio-stats-wrap .stats-toggle-wrap button img {
    width: 12px;
  }
}
.widget-portfolio-stats-wrap .stats-toggle-wrap button:not(.active):hover {
  color: #cbd5e1;
  background-color: #ffffff1a;
}
.widget-portfolio-stats-wrap .stats-toggle-wrap button.active {
  color: #022c22;
  background: linear-gradient(89.44deg, #00fe94 -1.68%, #16a1a1 170.49%);
}
.widget-portfolio-stats-wrap .stats-toggle-wrap .icon {
  width: 22px;
  height: auto;
  aspect-ratio: 1.83;
  object-fit: contain;
}
.widget-monthly-stat-wrap {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.item-year-navigation {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
}
.item-year-navigation-btn {
  color: #ffffff4d;
  font: 500 14px/24px Inter, -apple-system, Roboto, Helvetica, sans-serif;
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px 8px;
}
.item-year-navigation-picker {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
}
.selected-year {
  color: #fff;
  font: 500 14px/24px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}
.monthly-stat-grid {
  display: grid;
  row-gap: 4px;
  column-gap: 10px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: row;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .monthly-stat-grid {
    row-gap: 2px;
    column-gap: 8px;
  }
}
@media (min-width: 1024px) and (max-width: 1024px) {
  .monthly-stat-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
@media (max-width: 991.98px) {
  .monthly-stat-grid {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, auto);
  }
}
@media (min-width: 1920px) {
  .monthly-stat-grid {
    column-gap: 12px;
  }
}
.month-stat-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 116px;
}
@media (max-width: 1535.98px) {
  .month-stat-wrap {
    min-width: 60px;
  }
}
.month-stat-item-label {
  color: #fff9;
  font: 500 14px/24px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .month-stat-item-label {
    font: 500 10px/16px Inter, -apple-system, Roboto, Helvetica, sans-serif;
    min-width: 74px;
  }
}
@media (max-width: 768px) {
  .month-stat-item-label {
    font-size: 13px;
  }
}
.month-stat {
  border-radius: 7px;
  height: 36px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font: 500 14px/24px Inter, -apple-system, Roboto, Helvetica, sans-serif;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .month-stat {
    height: 28px;
    font-size: 11px;
  }
}
@media (max-width: 1080px) {
  .month-stat {
    font-size: 11px;
  }
}
.month-stat-active {
  background-color: #58e9b4;
  color: #000;
}
.month-stat-inactive {
  background-color: #ffffff0d;
}
.empty-stat {
  width: 20px;
  height: 6px;
  border-radius: 2px;
  background-color: #5f9ea0;
}
.inactive-stat {
  width: 20px;
  height: 6px;
  border-radius: 2px;
  background-color: #ffffff1a;
}
.month-stat-tooltip {
  display: none;
  position: absolute;
  top: -50px;
  left: -4px;
  width: 120px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background-color: #2b2c2f;
  box-shadow: 0 0 10px #0000001a, 0 8px 30px #00000026, 0 16px 100px #0003;
  z-index: 100;
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}
.month-stat:hover .month-stat-tooltip {
  display: block;
  opacity: 1;
}
.month-stat-tooltip.left-aligned {
  transform-origin: top right;
  width: auto;
  left: auto;
  right: 0;
}
.month-stat-tooltip-title {
  margin: 0;
  padding: 8px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #fff;
  font: 500 12px/1.2 Inter, -apple-system, Roboto, Helvetica, sans-serif;
}
.month-stat-tooltip-value {
  margin: 0;
  font: 600 16px/1.2 Inter, sans-serif;
}
.profit {
  color: #10b981;
}
.loss {
  color: #ef4444;
}
@property --gradient-size {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 70%;
}
@property --gradient-spread {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 170%;
}
.widget-portfolio-strategy-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 116px;
  padding: 16px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap {
    height: 87px;
  }
}
.widget-portfolio-strategy-wrap.moderate,
.widget-portfolio-strategy-wrap.degen,
.widget-portfolio-strategy-wrap.conservative {
  --gradient-size: 125%;
  --gradient-spread: 235%;
  animation: pulse-gradient 1.5s infinite;
  background: radial-gradient(
      calc(var(--gradient-size) * 0.7) calc(var(--gradient-spread) * 0.7) at 15%
        0%,
      #0046af4d,
      #0046af00 60%
    ),
    radial-gradient(
      var(--gradient-size) var(--gradient-spread) at 15% 100%,
      rgba(0, 255, 64, 0.3) 0%,
      rgba(0, 255, 64, 0) 60%
    ),
    url(/assets/widget-white-noise-bg-BxYlormF.png) top center repeat,
    url(/assets/widget-noise-pattern-bg-7NV1_lDL.png) top center repeat,
    linear-gradient(180deg, #ffffff12, #ffffff05);
  background-size: auto;
}
.widget-portfolio-strategy-wrap.moderate:before,
.widget-portfolio-strategy-wrap.degen:before,
.widget-portfolio-strategy-wrap.conservative:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(/assets/widget-white-noise-bg-BxYlormF.png) top center repeat;
  opacity: 0.06;
  pointer-events: none;
}
.widget-portfolio-strategy-wrap.conservative {
  background: radial-gradient(
      calc(var(--gradient-size) * 0.7) calc(var(--gradient-spread) * 0.7) at 15%
        0%,
      #ff00e54d,
      #ff00e500 60%
    ),
    radial-gradient(
      var(--gradient-size) var(--gradient-spread) at 15% 100%,
      rgba(37, 88, 255, 0.3) 0%,
      rgba(37, 88, 255, 0) 60%
    ),
    url(/assets/widget-noise-bg-J71L6e8S.png) top center repeat,
    linear-gradient(180deg, #ffffff0a, #0000001a);
  background-size: auto;
  animation: smooth-gradient 6s ease-in-out infinite;
}
.widget-portfolio-strategy-wrap.moderate {
  background: radial-gradient(
      calc(var(--gradient-size) * 0.7) calc(var(--gradient-spread) * 0.7) at 15%
        0%,
      #0046af4d,
      #0046af00 60%
    ),
    radial-gradient(
      var(--gradient-size) var(--gradient-spread) at 15% 100%,
      rgba(0, 255, 64, 0.3) 0%,
      rgba(0, 255, 64, 0) 60%
    ),
    url(/assets/widget-noise-bg-J71L6e8S.png) top center repeat,
    linear-gradient(180deg, #ffffff0a, #0000001a);
  background-size: auto;
  animation: smooth-gradient 4s ease-in-out infinite;
}
.widget-portfolio-strategy-wrap.degen {
  background: radial-gradient(
      calc(var(--gradient-size) * 0.7) calc(var(--gradient-spread) * 0.7) at 15%
        0%,
      #ff00d04d,
      #ff00d000 60%
    ),
    radial-gradient(
      var(--gradient-size) var(--gradient-spread) at 15% 100%,
      rgba(255, 61, 0, 0.3) 0%,
      rgba(255, 61, 0, 0) 60%
    ),
    url(/assets/widget-noise-bg-J71L6e8S.png) top center repeat,
    linear-gradient(180deg, #ffffff0a, #0000001a);
  background-size: auto;
  animation: smooth-gradient 2.5s ease-in-out infinite;
}
.portfolio-main-section .widget-portfolio-strategy-wrap.conservative {
  background: radial-gradient(
      calc(var(--gradient-size) * 0.7) calc(var(--gradient-spread) * 0.7) at 0%
        0%,
      #ff00e54d,
      #ff00e500 60%
    ),
    radial-gradient(
      var(--gradient-size) var(--gradient-spread) at 0% 100%,
      rgba(37, 88, 255, 0.3) 0%,
      rgba(37, 88, 255, 0) 60%
    ),
    url(/assets/widget-noise-bg-J71L6e8S.png) top center repeat,
    linear-gradient(180deg, #ffffff0a, #0000001a);
  background-size: auto;
}
.portfolio-main-section .widget-portfolio-strategy-wrap.moderate {
  background: radial-gradient(
      calc(var(--gradient-size) * 0.7) calc(var(--gradient-spread) * 0.7) at 0%
        0%,
      #0046af4d,
      #0046af00 60%
    ),
    radial-gradient(
      var(--gradient-size) var(--gradient-spread) at 0% 100%,
      rgba(0, 255, 64, 0.3) 0%,
      rgba(0, 255, 64, 0) 60%
    ),
    url(/assets/widget-noise-bg-J71L6e8S.png) top center repeat,
    linear-gradient(180deg, #ffffff0a, #0000001a);
  background-size: auto;
}
.portfolio-main-section .widget-portfolio-strategy-wrap.degen {
  background: radial-gradient(
      calc(var(--gradient-size) * 0.7) calc(var(--gradient-spread) * 0.7) at 0%
        0%,
      #ff00d04d,
      #ff00d000 60%
    ),
    radial-gradient(
      var(--gradient-size) var(--gradient-spread) at 0% 100%,
      rgba(255, 0, 0, 0.3) 0%,
      rgba(255, 61, 0, 0) 60%
    ),
    url(/assets/widget-noise-bg-J71L6e8S.png) top center repeat,
    linear-gradient(180deg, #ffffff0a, #0000001a);
  background-size: auto;
}
.widget-portfolio-strategy-wrap .skeleton-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-left: 8px;
  padding: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .skeleton-wrap {
    gap: 16px;
    margin-left: 0;
  }
}
.widget-portfolio-strategy-wrap .skeleton-wrap .col-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.widget-portfolio-strategy-wrap .skeleton-wrap .img-wrap-skeleton {
  width: 72px;
  height: 72px;
  border-radius: 36px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .skeleton-wrap .img-wrap-skeleton {
    width: 56px;
    height: 56px;
  }
}
.widget-portfolio-strategy-wrap .skeleton-wrap .price-wrap-skeleton {
  width: 114px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .skeleton-wrap .price-wrap-skeleton {
    height: 12px;
  }
}
.widget-portfolio-strategy-wrap .skeleton-wrap .change-wrap-skeleton {
  width: 60px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .skeleton-wrap .change-wrap-skeleton {
    height: 12px;
  }
}
.widget-portfolio-strategy-wrap .img-wrap {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 0;
}
.widget-portfolio-strategy-wrap .img-wrap img {
  cursor: pointer;
  height: 100%;
}
.widget-portfolio-strategy-wrap .info-wrap {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .info-wrap {
    gap: 3px;
  }
}
.widget-portfolio-strategy-wrap .info-wrap .price-wrap {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.widget-portfolio-strategy-wrap .info-wrap .price-wrap .text {
  font: 600 30px/38px Poppins, sans-serif;
  color: #f8fafc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .info-wrap .price-wrap .text {
    font-size: 22px;
    line-height: 28px;
  }
}
.widget-portfolio-strategy-wrap .info-wrap .price-wrap .icon {
  opacity: 0.4;
  cursor: pointer;
  display: flex;
}
.widget-portfolio-strategy-wrap .info-wrap .price-wrap .icon:hover {
  opacity: 1;
}
.widget-portfolio-strategy-wrap .info-wrap .price-wrap .icon img {
  width: 40px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .info-wrap .price-wrap .icon img {
    width: 30px;
  }
}
.widget-portfolio-strategy-wrap .info-wrap .change-wrap {
  font: 400 14px/20px Inter, sans-serif;
  gap: 2px;
  display: flex;
  align-items: center;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-portfolio-strategy-wrap .info-wrap .change-wrap {
    font-size: 11px;
    line-height: 16px;
  }
}
.widget-portfolio-strategy-wrap .info-wrap .change-wrap.increase {
  color: #10b981;
}
.widget-portfolio-strategy-wrap .info-wrap .change-wrap.reduce {
  color: #ef4444;
}
.widget-portfolio-strategy-wrap .info-wrap .change-wrap svg {
  width: 16px;
  height: 16px;
}
@keyframes pulse-gradient {
  0%,
  33%,
  to {
    --gradient-size: 90%;
    --gradient-spread: 185%;
  }
  3.3% {
    --gradient-size: 100%;
    --gradient-spread: 205%;
  }
}
@keyframes smooth-gradient {
  0% {
    --gradient-size: 82%;
    --gradient-spread: 170%;
  }
  50% {
    --gradient-size: 115%;
    --gradient-spread: 205%;
  }
  to {
    --gradient-size: 82%;
    --gradient-spread: 170%;
  }
}
@property --start-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}
.widget-profile-streak-wrap {
  display: flex;
  align-items: center;
  padding: 18px 24px;
  height: 116px;
  gap: 16px;
  position: relative;
}
.widget-profile-streak-wrap:hover .wrapped-arrow {
  transform: translate(4px);
}
.widget-profile-streak-wrap.wrapped {
  cursor: pointer;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  background-color: transparent;
}
.widget-profile-streak-wrap.wrapped:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: conic-gradient(
    from var(--start-angle),
    #ff10f7 0deg,
    #ddff00 90deg,
    #0efb22 135deg,
    #00fff7 225deg,
    #3469d3 270deg,
    #9b00ff 315deg,
    #ff10f7 360deg
  );
  border-radius: inherit;
  z-index: -2;
  padding: 2px;
  mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: slide-conic-gradient 5s linear infinite;
}
@keyframes slide-conic-gradient {
  to {
    --start-angle: 360deg;
  }
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap {
    padding: 12px 18px;
    gap: 12px;
  }
}
.widget-profile-streak-wrap .skeleton-wrap {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 18px 24px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .skeleton-wrap {
    padding: 12px 18px;
    gap: 16px;
  }
}
.widget-profile-streak-wrap .skeleton-wrap .col-wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.widget-profile-streak-wrap .skeleton-wrap .level-wrap-skeleton {
  width: 72px;
  height: 72px;
  border-radius: 36px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .skeleton-wrap .level-wrap-skeleton {
    width: 56px;
    height: 56px;
  }
}
.widget-profile-streak-wrap .skeleton-wrap .text-wrap-skeleton {
  width: 114px;
  height: 16px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .skeleton-wrap .text-wrap-skeleton {
    height: 12px;
  }
}
.widget-profile-streak-wrap .level-wrap {
  position: relative;
  max-width: max-content;
}
.widget-profile-streak-wrap .level-wrap img {
  height: 100%;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .level-wrap img {
    width: 60px;
  }
}
.widget-profile-streak-wrap .level-wrap .colored:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 10px;
  background: conic-gradient(#df0, #0efb22, #3469d3, #ff10f7);
  border-radius: 50%;
  z-index: -1;
  filter: blur(10px);
  opacity: 0.75;
}
.widget-profile-streak-wrap .level-wrap .text {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.widget-profile-streak-wrap .level-wrap .text .label {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #fffc;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .level-wrap .text .label {
    font-size: 11px;
  }
}
.widget-profile-streak-wrap .level-wrap .text .value {
  font: 600 20px/1.2 Inter, sans-serif;
  color: #fff;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .level-wrap .text .value {
    font-size: 15px;
  }
}
.widget-profile-streak-wrap .info-wrap {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .info-wrap {
    gap: 4px;
  }
}
.widget-profile-streak-wrap .info-wrap .title {
  display: flex;
  align-items: center;
}
.widget-profile-streak-wrap .info-wrap .title .text {
  font: 500 16px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .info-wrap .title .text {
    font-size: 12px;
  }
}
.widget-profile-streak-wrap .info-wrap .days {
  font: 600 24px/1.2 Inter, sans-serif;
  color: #fff;
}
.widget-profile-streak-wrap .info-wrap .days.wrapped {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-left: 8px;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .info-wrap .days {
    font-size: 18px;
  }
}
.widget-profile-streak-wrap .info-wrap .wrapped-container {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-profile-streak-wrap .info-wrap .wrapped-label {
  font: 600 18px/1.2 Inter, sans-serif;
  background: linear-gradient(
    50.11deg,
    #ff0080 4.77%,
    #f89300 45.56%,
    #ff8c00 48.02%,
    #8fff00
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.widget-profile-streak-wrap .info-wrap .wrapped-link {
  font: 400 14px/1.2 Inter, sans-serif;
  color: #ffffff80;
}
.widget-profile-streak-wrap .info-wrap .wrapped-arrow {
  font-size: 14px;
  transition: transform 0.3s ease !important;
  fill: #ffffff80;
}
@media (min-width: 991.98px) and (max-width: 1535.98px) {
  .widget-profile-streak-wrap .info-wrap .wrapped-arrow {
    font-size: 12px;
  }
}
@media (max-width: 991.98px) {
  .widget-profile-streak-wrap .info-wrap .wrapped-arrow {
    font-size: 14px;
  }
}
.widget-recommendation-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 15px;
}
.widget-recommendation-wrap .close-wrap {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.widget-recommendation-wrap .close-wrap img {
  width: 16px;
  height: 16px;
}
.widget-recommendation-wrap .headline-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-recommendation-wrap .headline-wrap .token-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 100px;
}
.widget-recommendation-wrap .headline-wrap .token-wrap .logo-wrap img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}
.widget-recommendation-wrap .headline-wrap .token-wrap .text-wrap .symbol-wrap {
  display: flex;
  align-items: center;
  gap: 4px;
}
.widget-recommendation-wrap
  .headline-wrap
  .token-wrap
  .text-wrap
  .symbol-wrap
  .symbol-name-wrap {
  font: 600 14px/1.2 Inter, sans-serif;
  color: #fff;
}
.widget-recommendation-wrap
  .headline-wrap
  .token-wrap
  .text-wrap
  .symbol-wrap
  .change-wrap {
  font: 500 14px/1.2 Inter, sans-serif;
  display: flex;
  align-items: center;
  max-width: max-content;
}
.widget-recommendation-wrap
  .headline-wrap
  .token-wrap
  .text-wrap
  .symbol-wrap
  .change-wrap.increase {
  color: #10b981;
}
.widget-recommendation-wrap
  .headline-wrap
  .token-wrap
  .text-wrap
  .symbol-wrap
  .change-wrap.reduce {
  color: #ef4444;
}
.widget-recommendation-wrap
  .headline-wrap
  .token-wrap
  .text-wrap
  .symbol-wrap
  .change-wrap
  svg {
  width: 16px;
  height: 16px;
}
.widget-recommendation-wrap .headline-wrap .token-wrap .text-wrap .name-wrap {
  font: 500 14px/1.2 Inter, sans-serif;
  color: #64748b;
}
.widget-recommendation-wrap .message-wrap {
  font: 400 14px/20px Inter, sans-serif;
  color: #94a3b8;
}
.widget-recommendation-wrap .message-wrap .link:before {
  content: " ";
}
.widget-recommendation-wrap .message-wrap a {
  font-weight: 600;
  color: #f8fafc;
}
.widget-recommendation-wrap .message-wrap-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
  height: 200px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.2px;
}
.widget-recommendation-wrap .button-wrap button {
  font: 700 14px/20px Inter, sans-serif;
  border: 1px solid #cbd5e1;
  border-radius: 90px;
  padding: 7px 12px;
  color: #e2e8f0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  cursor: pointer;
}
.widget-recommendation-wrap .button-wrap button:hover {
  background-color: #ffffff1a;
}
@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-in-down {
  0% {
    transform: translateY(-50px);
    opacity: 0;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 80%);
  }
  20% {
    transform: translateY(0);
    opacity: 1;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
  to {
    transform: translateY(0);
    opacity: 1;
    clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 15%);
  }
}
@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translate(30px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes pulse-in {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
@keyframes pulse-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.9);
  }
  to {
    transform: scale(1);
  }
}
@keyframes flip-in-x-with-jiggle {
  0% {
    transform: rotateX(90deg);
    opacity: 0;
  }
  50% {
    transform: rotateX(-10deg);
  }
  75% {
    transform: rotateX(5deg);
  }
  to {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes fade-pulse-in {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes light-speed-in {
  0% {
    transform: translate(100%) skew(-30deg);
    opacity: 0;
  }
  60% {
    transform: translate(0) skew(20deg);
    opacity: 1;
  }
  80% {
    transform: translate(0) skew(-5deg);
  }
  to {
    transform: translate(0) skew(0);
    opacity: 1;
  }
}
@keyframes grow {
  0% {
    -moz-transform: scale(0);
  }
  25% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0);
  }
  75% {
    -moz-transform: scale(1);
    background: #29cf20;
  }
  to {
    -moz-transform: scale(0);
    background: #29cf20;
  }
}
@keyframes grow {
  0% {
    -webkit-transform: scale(0);
  }
  25% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0);
  }
  75% {
    -webkit-transform: scale(1);
    background: #29cf20;
  }
  to {
    -webkit-transform: scale(0);
    background: #29cf20;
  }
}
.wrapped-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000c;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
@media (max-width: 575.98px) {
  .wrapped-modal {
    align-items: flex-start;
  }
}
.wrapped-modal .wrapped-card {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000004d;
  display: flex;
  flex-direction: column;
  width: 45vh;
  max-width: 488px;
  height: auto;
  aspect-ratio: 9/16;
  max-height: 80%;
}
@media (max-width: 575.98px) {
  .wrapped-modal .wrapped-card {
    top: 1.5em;
  }
}
.wrapped-modal .wrapped-card .wrapped-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrapped-modal .wrapped-card .wrapped-slide {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  color: #fff;
  text-align: center;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-header {
  position: absolute;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 36px;
  z-index: 1000;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-header .logo img {
  width: 136px;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-header .close {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border: none;
  background-color: #0000004d;
  border-radius: 100px;
  cursor: pointer;
  z-index: 1000;
  transition: background-color 0.3s ease;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-header .close:hover {
  background-color: #00000080;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-header
  .close
  .close-icon {
  width: 16px;
  height: 16px;
  fill: #ffffff80;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-arrows {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 1000;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-arrows .arrow {
  width: 32px;
  height: 32px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  stroke: #fff;
  stroke-opacity: 0.5;
  width: 16px;
  height: 16px;
  z-index: 1000;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-arrows .arrow:hover {
  stroke-opacity: 0.8;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-arrows
  .arrow.hidden {
  visibility: hidden;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content {
  z-index: 1;
  width: 100%;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.intro-slide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.intro-slide
  .label-1,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.intro-slide
  .label-2,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.intro-slide
  .label-3 {
  opacity: 0;
  animation: fade-in-up 0.8s ease-out forwards;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.intro-slide
  .label-1 {
  font-family: Inter, sans-serif;
  font-size: 62.4px;
  font-weight: 400;
  line-height: 75.52px;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  animation-delay: 0.2s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.intro-slide
  .label-2 {
  font-family: Inter, sans-serif;
  font-size: 133.9px;
  font-weight: 800;
  line-height: 162.05px;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(
    40.73deg,
    #ff0080 -0.07%,
    #ff8c00 43.09%,
    #8fff00 87.12%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  animation-delay: 0.6s;
}
@media screen and (max-width: 376px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.intro-slide
    .label-2 {
    font-size: 100px;
  }
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.intro-slide
  .label-3 {
  font-family: Inter, sans-serif;
  font-size: 78px;
  font-weight: 700;
  line-height: 94.4px;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
  animation-delay: 1s;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.slide-1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-1
  .label-1,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-1
  .label-2,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-1
  .label-3 {
  opacity: 0;
  transform: translateY(-50px);
  animation: fade-in-down 14.5s ease forwards;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-1
  .label-1 {
  font-family: Inter, sans-serif;
  font-size: 35.1px;
  font-weight: 600;
  line-height: 42.48px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
  animation-delay: 0.2s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-1
  .label-2 {
  width: 70%;
  font-family: Inter, sans-serif;
  font-weight: 700;
  line-height: 72.8px;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 86.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  animation-delay: 0.6s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-1
  .label-3 {
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffffb2;
  animation-delay: 1s;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.slide-2 {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-top: 122px;
  padding-left: 44px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .profits,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .losses {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: start;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .profits
  .title,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .losses
  .title {
  font-family: Inter, sans-serif;
  font-size: 23.4px;
  font-weight: 600;
  line-height: 28.32px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .profits
  .value,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .losses
  .value {
  font-family: Inter, sans-serif;
  font-size: 62.4px;
  font-weight: 700;
  line-height: 62.4px;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 86.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media screen and (max-width: 376px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.slide-2
    .profits
    .value,
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.slide-2
    .losses
    .value {
    font-size: 48px;
    line-height: 48px;
  }
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .profits
  .usd-value,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .losses
  .usd-value {
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .profits {
  opacity: 0;
  animation: fade-in-right 1.2s ease forwards;
  animation-delay: 0.4s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .losses {
  opacity: 0;
  padding-top: 52px;
  animation: fade-in-right 1.2s ease forwards;
  animation-delay: 1s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .profits
  .usd-value {
  color: #10b981;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-2
  .losses
  .usd-value {
  color: #ff2d81;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.slide-3,
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.slide-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .logo,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .label,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .name,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .value,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .logo,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .label,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .name,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .value {
  opacity: 0;
  animation: fade-in 1.2s ease forwards;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .logo
  img,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .logo
  img {
  width: 83px;
  opacity: 80%;
  border-radius: 50%;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .label,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .label {
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
  animation-delay: 0.2s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .name,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .name {
  font-family: Inter, sans-serif;
  width: 70%;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 86.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  max-width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  animation-delay: 1s;
  display: inline-block;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .value,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .value {
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  animation-delay: 1.5s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .value {
  color: #10b981;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-3
  .logo
  img {
  animation: pulse-in 1.5s ease forwards;
  animation-delay: 1s, 2.2s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .value {
  color: #ef4444;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-4
  .logo
  img {
  animation: pulse-out 1.5s ease forwards;
  animation-delay: 1s, 2.2s;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.slide-5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-5
  .label {
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
  animation: zoom-in 1.2s ease forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-5
  .value {
  font-family: Inter, sans-serif;
  width: 70%;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 86.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  max-width: 70%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  animation: fade-in-up 1.2s ease forwards;
  animation-delay: 1s;
  opacity: 0;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.slide-6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .label {
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
  animation: fade-in 1.2s ease forwards;
  animation-delay: 0.2s;
  opacity: 0;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .value {
  font-family: Inter, sans-serif;
  width: 70%;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 86.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  animation: flip-in-x-with-jiggle 1.2s ease forwards;
  animation-delay: 0.6s;
  opacity: 0;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .top-plays {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .top-plays
  .label {
  font-family: Inter, sans-serif;
  font-size: 23.4px;
  font-weight: 500;
  line-height: 28.32px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
  animation-delay: 1s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .top-plays
  .logos {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .top-plays
  .logos
  img {
  width: 52px;
  height: 52px;
  opacity: 80%;
  border-radius: 50%;
  animation: fade-in-up 1s ease forwards;
  opacity: 0;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .top-plays
  .logos
  img:nth-child(1) {
  animation-delay: 1.2s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .top-plays
  .logos
  img:nth-child(2) {
  animation-delay: 1.4s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-6
  .top-plays
  .logos
  img:nth-child(3) {
  animation-delay: 1.6s;
}
.wrapped-modal .wrapped-card .wrapped-slide .wrapped-slide-content.slide-7,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .network-fees {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  width: 100%;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .network-fees
  .label {
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 31.47px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
  animation: fade-pulse-in 1.2s ease forwards;
  opacity: 0;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .network-fees
  .label:first-child {
  animation-delay: 0.2s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .network-fees
  .label:last-child {
  animation-delay: 1s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .network-fees
  .value {
  font-family: Inter, sans-serif;
  font-weight: 700;
  width: 70%;
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 86.97%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  max-width: 70%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  animation: light-speed-in 1.2s ease forwards;
  opacity: 0;
  animation-delay: 0.5s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .average-fees {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  animation: fade-in 1.2s ease forwards;
  opacity: 0;
  animation-delay: 3s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .average-fees
  .average-payment {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding-top: 30px;
  width: 100%;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .average-fees
  .average-payment
  .label {
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 31.47px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
  animation-delay: 1s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.slide-7
  .average-fees
  .average-payment
  .value {
  font-family: Inter, sans-serif;
  width: 70%;
  font-weight: 600;
  line-height: 44.05px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fff;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-top: 9vh;
  padding-left: 4vh;
  width: 100%;
}
@media (max-width: 575.98px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.summary-slide {
    padding-top: 12vh;
  }
}
@media screen and (max-width: 376px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.summary-slide {
    padding-top: 7vh;
  }
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .title {
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 64px;
  letter-spacing: -0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 60.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  padding-bottom: 56px;
  word-break: break-word;
  width: 80%;
}
@media (max-width: 575.98px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.summary-slide
    .title {
    padding-bottom: 4vh;
    font-size: clamp(36px, 5vw, 48px);
    line-height: clamp(56px, 6vw, 56px);
  }
}
@media screen and (max-width: 376px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.summary-slide
    .title {
    padding-bottom: 2vh;
    font-size: clamp(36px, 5vw, 48px);
    line-height: clamp(56px, 6vw, 56px);
  }
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .title
  span {
  display: block;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .summary {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 32px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.summary-slide
    .summary {
    gap: 32px;
  }
}
@media screen and (max-width: 376px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.summary-slide
    .summary {
    gap: 20px;
  }
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .summary
  .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 20px;
  width: 100%;
}
@media (max-width: 575.98px) {
  .wrapped-modal
    .wrapped-card
    .wrapped-slide
    .wrapped-slide-content.summary-slide
    .summary
    .content {
    gap: 6px;
  }
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .summary
  .content
  .label {
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 29.05px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #fffc;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .summary
  .content
  .value,
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .summary
  .content
  .value-with-logo {
  font-family: Inter, sans-serif;
  width: 80%;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: -0.03em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: linear-gradient(94.17deg, #fff 10.19%, #fff9 60.87%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .summary
  .content
  .value-with-logo {
  display: flex;
  align-items: center;
  gap: 12px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .wrapped-slide-content.summary-slide
  .summary
  .content
  .value-with-logo
  img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  opacity: 80%;
}
.wrapped-modal .wrapped-card .wrapped-slide .video-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.wrapped-modal .wrapped-card .wrapped-slide .video-wrapper div {
  z-index: -1;
  width: 100% !important;
  height: 100% !important;
}
.wrapped-modal .wrapped-card .wrapped-slide .video-wrapper .poster-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .video-wrapper
  .poster-wrapper
  .poster {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 1;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .video-wrapper
  .poster-wrapper
  .loading-wrapper {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1vw;
  width: min(15vw, 80px);
  height: min(4vw, 12px);
  max-width: 80px;
  max-height: 12px;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .video-wrapper
  .poster-wrapper
  .loading-wrapper
  div {
  border-radius: 50%;
  background: #000;
  float: left;
  margin: 0 3px;
  background: #cf1111;
  transform: scale(0);
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .video-wrapper
  .poster-wrapper
  .loading-wrapper
  .circle-1 {
  z-index: 1;
  animation: grow 4.4s infinite ease-in-out;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .video-wrapper
  .poster-wrapper
  .loading-wrapper
  .circle-2 {
  animation: grow 4.4s infinite ease-in-out;
  animation-delay: 0.3s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .video-wrapper
  .poster-wrapper
  .loading-wrapper
  .circle-3 {
  animation: grow 4.4s infinite ease-in-out;
  animation-delay: 0.6s;
}
.wrapped-modal
  .wrapped-card
  .wrapped-slide
  .video-wrapper
  .poster-wrapper
  .loading-wrapper
  .circle-4 {
  animation: grow 4.4s infinite ease-in-out;
  animation-delay: 0.9s;
}
.wrapped-modal * {
  transition: none !important;
}
.TVChartContainer {
  height: 100%;
  background-color: #fff0;
}