.NavsMenus {
    display: flex;
    flex: 1 1;
    align-items: center;
    padding: 10px 30px;
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.105); */
    position: relative;
    z-index: 11;
  }
  .NavsMenus-logo {
    display: block;
  }
  .NavsMenus-logo img {
    display: block;
    height: 30px;
  }
  .NavsMenus .navs {
    flex: 1 1;
    display: flex;
    align-items: center;
    padding-left: 50px;
  }
  .NavsMenus .navs a {
    margin: 0 15px;
    position: relative;
    padding: 10px 0;
    display: block;
    transition: all 0.3s;
    border-radius: 10px;
    white-space: nowrap;
    text-decoration: none;
    color: #FFFFFF;
    line-height: 1.3em;
  }
  .NavsMenus .navs a:hover, .NavsMenus .navs a:active, .NavsMenus .navs a.activeColor {
    color: #18D69A;
  }
  .NavsMenus .navs a .navBadge {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: red;
  }
  .NavsMenus .navs .linkIcon {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    opacity: 0.3;
    margin-left: 2px;
    position: relative;
    top: -2px;
  }
  .NavsMenus .navs .linkIcon img, .NavsMenus .navs .linkIcon svg {
    width: 100%;
    height: 100%;
  }
  .NavsMenus .navs .subBox {
    position: relative;
  }
  .NavsMenus .navs .subBox a {
    cursor: pointer;
  }
  .NavsMenus .navs .subBox:hover .subList {
    display: block;
  }
  .NavsMenus .navs .subBox .subList {
    position: absolute;
    left: 0;
    top: 100%;
    background: #3c3c3c;
    border-radius: 10px;
    padding: 0 10px;
    text-wrap: nowrap;
    display: none;
  }
  .NavsMenus .navs .subBox .subList a {
    display: block;
    margin: 10px 0;
    padding: 5px 10px;
  }
  .NavsMenus .navs .subBox .subList a:hover, .NavsMenus .navs .subBox .subList a.activeColor {
    background: rgba(0, 0, 0, 0.483);
    border-radius: 10px;
  }
  .NavsMenus .navs .subBox .subList a:hover small, .NavsMenus .navs .subBox .subList a.activeColor small {
    color: #FFFFFF;
  }
  .NavsMenus .navs .subBox .subList a span {
    display: block;
  }
  .NavsMenus .navs .subBox .subList a small {
    display: block;
    opacity: 0.3;
  }
  .ComingSoon {
    cursor: not-allowed;
    /* color: #7d7d7d; */
  }
  @media (max-width: 768px) {
    .NavsMenus {
      padding: 12px 0px;
      z-index: 11;
      justify-content: space-between;
    }
    .NavsMenus-logo {
      display: block;
    }
    .NavsMenus .menuIcon {
      height: 30px;
      margin-left: 20px;
    }
    .NavsMenus .navs {
      position: fixed;
      left: 0;
      top: 0;
      height: 100vh;
      width: 100vw;
      z-index: 111;
      background: rgba(0, 0, 0, 0.733);
      -webkit-backdrop-filter: blur(10px);
              backdrop-filter: blur(10px);
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      display: block;
      padding-left: 0;
      padding-top: 50px;
    }
    .NavsMenus .navs a {
      margin: 20px;
      padding: 15px;
      font-size: 20px;
    }
    .NavsMenus .navs .subList {
      z-index: 111;
      margin: 0 30px;
      width: calc(100vw - 60px);
      padding: 15px !important;
    }
    .NavsMenus .navs .closeIcon {
      width: 40px;
      height: 40px;
      background: url(/static/media/close.63aeefbefadc10ed733f.svg) no-repeat center;
      background-size: 80%;
      right: 0;
      z-index: 11;
      position: absolute;
      right: 20px;
      top: 20px;
    }
  }
  
/* This code is subject to LICENSE in root of this repository */

/* Used to detect in JavaScript if apps have loaded styles or not. */
:root {
  --reach-dialog: 1;
}

[data-reach-dialog-overlay] {
  background: hsla(0, 0%, 0%, 0.33);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

[data-reach-dialog-content] {
  width: 50vw;
  margin: 10vh auto;
  background: white;
  padding: 2rem;
  outline: none;
}

.uniswap-tabs{margin-top:20px;display:flex !important}.uniswap-tabs .Tab-option{align-items:center;background-color:rgba(22,22,22,.4901960784);border:1px solid #161616;border-radius:4px;cursor:pointer;display:flex;flex-shrink:1;font-size:14px;justify-content:center;padding:.8rem 1.5rem !important;position:relative;text-align:center;margin-right:12px !important}.uniswap-tabs .active{border:1px solid rgba(0,0,0,0) !important;background:#161616;border:1px solid #83e247;color:#2c7fff !important;font-weight:600;opacity:1;pointer-events:none}
.link-underline{text-decoration:underline;text-decoration-style:solid;text-decoration-thickness:.5px;text-underline-offset:2px;cursor:pointer;display:inline-flex;color:#fff}.link-underline:hover{color:#d4d4d8}
.Actions {
  padding: 0 3.565rem;
  padding-top: 3.1rem;
}

.Actions-section {
  padding-bottom: 2rem;
  overflow-wrap: break-word;
}

.Actions-title {
  margin-bottom: 1.5rem;
}

.Actions input {
  font-size: var(--font-base);
  padding: 0;
  margin-left: 0.8rem;
}

.Actions .PositionsList .Exchange-list-action {
  display: none;
}

.Actions .PositionsList .App-button-option {
  display: none;
}

.Actions.action-tabs {
  flex-direction: column;
  gap: 1rem !important;
}
.Actions.action-tab {
  border: 1px solid #2C313A;
  border-radius: 2rem;
  color: #787878;
  background-color: #DFFE001A;
}
.action--active {
  /* background: #DFFE001A; */
  color: #FFFFFF !important;
  position: relative;
}
.action--active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #D9D9D9;
}
.action-pd {
  padding: 6px 0px;
  border-radius: 3px;
}

.Actions-section .custom-scrollbar {
  width: 100% !important;
}
.Tooltip{position:relative}.Tooltip-popup{font-size:var(--font-sm);font-weight:normal;line-height:1.6rem;position:absolute;border-radius:4px;padding:1.05rem;letter-spacing:.4px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:20rem;max-width:35rem;text-align:left;white-space:normal;background:#161616;box-shadow:0px 4px 14px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000}.Tooltip-popup a{color:var(--text-gray);text-decoration:underline}.Tooltip.nowrap .Tooltip-popup{min-width:auto;white-space:nowrap}.Tooltip-popup :first-child{margin-top:0}.Tooltip-popup :last-child{margin-bottom:0}.Tooltip-popup.left-bottom::after{display:block;top:-4px;background:#222328}.Tooltip-handle{z-index:1;cursor:help;position:relative;display:inline-flex;text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:2px;text-decoration-color:rgba(255,255,255,.6);align-items:center}.Tooltip-handle.plain:after{border-bottom:none}.Tooltip-error .Tooltip-handle{color:var(--error-red);text-decoration-color:var(--error-red)}.Tooltip.no-underline .Tooltip-handle::after{content:normal;content:initial}.Tooltip-divider{height:1px;background-color:#46474f;margin:.5rem 0}.Tooltip-row{display:grid;margin:0 0 .5rem 0;grid-template-columns:1fr auto}.Tooltip-row>span.label{margin-right:.5rem}.Tooltip-row-values{list-style:none;margin:0;padding:0}.Tooltip-row-values li:not(:first-child){padding:.25rem 0 0 0;text-align:right}.Tooltip-number{color:#fff}.Tooltip-flex{display:flex;flex-direction:column}.Tooltip-disabled-wrapper{pointer-events:none;display:flex;flex:0 0 100%}.z-index-1001{z-index:1001}@media(max-width: 700px){.Tooltip-row{display:block;margin-bottom:1rem}.Tooltip-row>span.label{display:block}}
.TradeHistory-row {
  font-size: var(--font-sm);
  padding: 1rem;
  margin-bottom: 0.8rem;
}

.TradeHistory-time {
  font-size: 1.25rem;
  margin-bottom: 0.155rem;
}

.TradeHistory-item-link {
  display: inline-block;
}

.Tooltip-row {
  display: grid;
  margin: 0 0 0.75rem 0;
  grid-template-columns: 1fr auto;
}

.Tooltip-row .Tooltip-row-label {
  margin-right: 0.5rem;
}

.Tooltip-row .Tooltip-row-value {
  text-align: right;
  word-break: break-all;
}

.Tooltip-row-values {
  list-style: none;
  margin: 0;
  padding: 0;
}

.Tooltip-row-values li {
  padding: 0.25rem 0 0 0;
  text-align: right;
}

.Tooltip-number {
  color: #FFFFFF;
}

.button{cursor:pointer;font-size:14px;display:inline-flex;align-items:center;text-decoration:none;font-weight:normal;padding:1.1rem 1.6rem;border:none}.button.center{justify-content:center}.button.left{justify-content:start}.button.right{justify-content:flex-end}.button.primary{background:var(--primary-btn-bg);color:#fff;border-radius:.3rem;padding:13px 1.6rem;line-height:1}.button.primary:not([disabled]):hover{background:var(--primary-btn-hover)}.button.primary:not([disabled]):active{background-color:var(--primary-btn-active)}.button.primary-action{background:#2c7fff;color:#fff;border-radius:2rem;padding:12px 1.6rem;line-height:1;font-weight:bold}.button.primary-action:not([disabled]):hover{opacity:.8;box-shadow:0 0 .4rem .5rem rgba(45,66,252,.1)}.button.primary-action:not([disabled]):active{box-shadow:0 0 .4rem .6rem rgba(45,66,252,.1)}.button.secondary{background-color:rgba(194,200,255,.039);border-radius:var(--border-radius-sm);color:var(--primary-color);padding:1.1rem 1.25rem;font-weight:bold;position:relative;font-size:14px;line-height:1;letter-spacing:0}.button.secondary>.btn-image{display:inline-flex;align-items:center;justify-content:center;max-height:2.3rem;max-width:2.3rem;margin-right:1.15rem}.button.secondary>.arrow-icon{position:absolute;right:.5rem;top:.5rem;max-width:.8rem}.button.secondary:not([disabled]):hover{background:rgba(44,127,255,.1019607843)}.button.secondary:not([disabled]):active{background:rgba(44,127,255,.1019607843)}.button.disabled,.button:disabled{box-shadow:none;cursor:not-allowed;opacity:.8}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2.5rem;
}

.pagination-buttons {
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
}

.pagination-buttons > button:not(:last-child) {
  margin-right: 0.25rem;
}

.pagination-btn {
  text-decoration: none;
  display: flex;
  align-items: center;
  background: transparent;
  padding: 1rem 1.5rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  cursor: pointer;
  border: none;
  justify-content: center;
  left: 1px solid var(--dark-blue-border);
  border-bottom: 2px solid transparent;
}

.pagination-btn-middle {
  margin: 0 1.5rem;
  display: flex;
}

.pagination-button-secondary {
  margin: 0 0.5rem;
  white-space: nowrap;
}

.pagination-btn:hover {
  border-color: rgb(255, 255, 255, 0.2);
}

.pagination-btn.active {
  border-color: #FFFFFF;
}

@media screen and (max-width: 450px) {
  .pagination-button-secondary,
  .pagination-btn {
    font-size: 1rem !important;
  }

  .pagination-button-secondary {
    padding: 0.7rem 1.3rem !important;
  }

  .pagination-btn-middle {
    margin: 0 1rem;
  }

  .pagination-btn {
    padding: 1rem 1.25rem;
  }
}

@keyframes bouncing-loader {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1.6rem, 0);
  }
}

.bouncing-loader {
  display: flex;
  justify-content: center;
}

.bouncing-loader > div {
  width: 1.6rem;
  height: 1.6rem;
  margin: 4.65rem 0.31rem;
  background: #3A3DFA;
  border-radius: 50%;
  animation: bouncing-loader 0.6s infinite alternate;
}

.bouncing-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

.bouncing-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

.Token-icon{vertical-align:bottom;border-radius:50%}
.chart-token-list-perp thead{background-color:#101010 !important}.chart-token-list-perp .tdItem{color:#fff}.chart-token-list-perp tr td:last-child{padding-right:30px}.marketTabActive{border-radius:4px;background:rgba(255,255,255,.1215686275);color:rgba(255,255,255,.8);font-family:Poppins;font-size:12px;font-style:normal;font-weight:400}.market-perp .tabActive{font-weight:bold;font-family:IBMPlexSansJP-SemiBold !important}.market-perp .tabActive:after{background-color:#fff;bottom:-5px !important;content:"";height:0px !important;position:absolute;width:100%;left:0}
@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  -webkit-user-select: none;
          user-select: none;
  overflow: hidden;
  z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.AssetDropdown-wrapper{position:relative}.token-tableWrapper .chart-token-list tbody tr:first-child td{padding-top:12px !important}.chart-token-list{overflow-x:auto;max-height:20rem;padding-bottom:1rem}.chart-token-list table{width:100%;text-align:left;font-size:var(--font-sm);border-collapse:collapse}.chart-token-list thead{display:table-header-group;position:-webkit-sticky;position:sticky;top:-2px;border:.5px solid #46474f;z-index:11}.chart-token-list thead tr th{padding:.75rem 1.5rem;font-weight:normal;letter-spacing:.25px;color:#787878}.chart-token-list tbody .Swap-token-list{background-color:#1e1e1e;border-radius:var(--border-radius-sm);cursor:pointer}.chart-token-list tbody .Swap-token-list:hover{background-color:rgba(255,255,255,.1019607843);border-radius:var(--border-radius-sm)}.chart-token-list tbody .Swap-token-list td{padding:.75rem 1.5rem;white-space:nowrap;font-weight:400}.chart-token-list tbody .Swap-token-list td.token-item{color:#787878;min-width:120px}.chart-token-list tbody .Swap-token-list td.token-item .ChartToken-list-icon{margin-right:.75rem}.chart-token-list tbody .Position-token-list{border-radius:var(--border-radius-sm)}.chart-token-list tbody .Position-token-list td{padding:.75rem 1.5rem;padding-top:.75rem !important;white-space:nowrap;font-weight:400;cursor:pointer}.chart-token-list tbody .Position-token-list td:hover{background-color:rgba(255,255,255,.1019607843);border-radius:var(--border-radius-sm)}.chart-token-list tbody .Position-token-list td.token-item{color:#787878;min-width:120px}.chart-token-list tbody .Position-token-list td.token-item .inline-items-center{display:flex;align-items:center}.chart-token-list tbody .Position-token-list td.token-item .ChartToken-list-icon{margin-right:.75rem;width:15px !important;height:15px !important;border-radius:100%}.ExchangeChart-header,.favorite-tokens-scroll{font-size:12px}.ExchangeChart-header .chart-token-list,.favorite-tokens-scroll .chart-token-list{max-height:35rem}.ExchangeChart-header .menu-items,.favorite-tokens-scroll .menu-items{position:absolute;left:0;top:7rem;min-width:18rem;width:80rem;transform-origin:top right;border-radius:.6rem;list-style:none;cursor:pointer;outline:none;z-index:1000;background:#161616}.ExchangeChart-header .chart-token-list-perp thead,.ExchangeChart-header tbody,.favorite-tokens-scroll .chart-token-list-perp thead,.favorite-tokens-scroll tbody{background-color:#161616 !important}.ExchangeChart-header .token-tableWrapper,.favorite-tokens-scroll .token-tableWrapper{background-color:#161616 !important}.ExchangeChart-header .market-perp-select-container-sel,.favorite-tokens-scroll .market-perp-select-container-sel{gap:3px}.ExchangeChart-header .market-perp-select-container-sel .left-icon-box,.ExchangeChart-header .market-perp-select-container-sel .right-icon-box,.favorite-tokens-scroll .market-perp-select-container-sel .left-icon-box,.favorite-tokens-scroll .market-perp-select-container-sel .right-icon-box{cursor:pointer;position:absolute;background:#101010;padding:10px 3px;z-index:2}.ExchangeChart-header .market-perp-select-container-sel .left-icon,.ExchangeChart-header .market-perp-select-container-sel .right-icon,.favorite-tokens-scroll .market-perp-select-container-sel .left-icon,.favorite-tokens-scroll .market-perp-select-container-sel .right-icon{width:7px}.ExchangeChart-header .market-perp-select-container-sel .left-icon-box,.favorite-tokens-scroll .market-perp-select-container-sel .left-icon-box{left:9px}.ExchangeChart-header .market-perp-select-container-sel .right-icon-box,.favorite-tokens-scroll .market-perp-select-container-sel .right-icon-box{right:12px}.ExchangeChart-header .market-perp-select-container-sel .market-perp-select,.favorite-tokens-scroll .market-perp-select-container-sel .market-perp-select{transition:all .15s linear;overflow-x:auto;display:flex;gap:12px;position:relative;scrollbar-width:none;width:100%}.ExchangeChart-header .market-perp-select-container-sel .market-perp-select .select-item,.favorite-tokens-scroll .market-perp-select-container-sel .market-perp-select .select-item{transition:all .15s linear;display:inline-flex;flex:none;justify-content:center}.ExchangeChart-header .market-perp-select-container-sel .market-perp-select .tabActive,.favorite-tokens-scroll .market-perp-select-container-sel .market-perp-select .tabActive{font-weight:bold;font-family:IBMPlexSansJP-SemiBold !important}.asset-menu-items{position:absolute;border:1px solid #161616;border-radius:.5rem;background:#31343c;outline:none;z-index:100;white-space:nowrap}.center-both{display:flex;justify-content:center;align-items:center}.dropdown-arrow{margin-left:.8rem;cursor:pointer;color:#fff;opacity:.8}.dropdown-arrow:hover{opacity:1}.asset-item{display:flex;align-items:center;cursor:pointer;color:#787878;text-decoration:none;padding:.85rem .8rem;font-size:var(--font-sm);text-align:left;padding-right:30px}.asset-item:hover{background:#34344c;color:#fff}.asset-item p{margin:0;margin-left:.5rem}.asset-item .asset-item-icon{max-height:1.6rem}@media(max-width: 1100px){.menu-items{width:100% !important}.asset-menu-items{min-width:18rem;width:auto}.asset-menu-items.left{right:0}.asset-menu-items.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items{width:25rem;white-space:normal}}@media(max-width: 350px){.asset-menu-items{width:18rem}}.asset-dropdown:hover{background-color:#161616}.favorite-star{transition:all .2s}.favorite-star:hover{transform:scale(1.2)}.favorite-star.active{color:#dffe02}.favorite-star.inactive:hover{color:#dffe02;opacity:.7}
.Search-input{padding:0;cursor:pointer;border:1px solid rgba(255,255,255,.1607843137);position:relative;background:rgba(0,0,0,0);border-radius:var(--border-radius-sm);border-radius:1rem;margin:10px}.Search-input .Tokenselector-search-input{font-size:1.6rem;background-position:12px center;background-size:20px 20px;background-repeat:no-repeat;background-attachment:scroll;padding:1rem 1rem 1rem 4rem;width:100%}.Search-input .Tokenselector-search-input::placeholder{color:var(--dark-blue-accent)}.miniSearch .Tokenselector-search-input{color:#fff !important}.miniSearch .Tokenselector-search-input::placeholder{color:#676767 !important}
.Modal {
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.Modal-scrollable .Modal-content .Modal-body {
  overscroll-behavior: smooth;
  max-height: calc(80vh - 5.5rem);
  overflow-y: auto;
  padding-right: 5px;
}

.Modal-backdrop {
  position: fixed;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
}

.Modal-content {
  z-index: 20;
  position: relative;
  max-width: 100%;
  max-height: 90vh;
  overflow: auto;
  border: 0.5px solid #161616;
  border-radius: 2rem;
  min-width: 30rem;
}

.divider {
  border-bottom: 1px solid #222222;
}

.Modal.non-scrollable .Modal-content {
  overflow: visible;
}

.Modal-header-wrapper {
  margin: 1.5rem;
}

.Modal-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Modal-body {
  max-height: calc(80vh - 8.5rem);
  overflow-y: auto;
  /* for scrollbar to have a space on left and right */
  margin: 1.5rem 1rem 1.5rem 1.5rem;
  padding-right: 0.5rem;
}

.Modal-title {
  text-align: left;
  font-size: var(--font-md);
  line-height: 1;
}

.Modal-close-button {
  text-align: right;
}

.Modal-close-icon {
  opacity: 0.6;
  cursor: pointer;
  text-align: right;
  display: inline-block;
}

.Modal-close-icon:hover {
  opacity: 0.9;
}

.GmSwapBox-form-layout .Exchange-swap-section{border:0 !important}.buy-input .buy-input-top-row{display:inline-flex;justify-content:space-between;font-size:12px}.buy-input .InputSection-static-input{font-size:var(--font-lg)}.buy-input.Exchange-swap-section{min-height:9.2rem;display:flex;flex-direction:column;justify-content:space-between;background-color:#161616 !important;border-radius:6px}.buy-input.Exchange-swap-section .TokenSelector-box{display:flex;align-items:center;border-radius:1rem;color:#fff;min-width:4.65rem;font-size:12px;line-height:2.5rem;justify-content:flex-end;width:-webkit-max-content;width:max-content;border-radius:27px;background:#222;padding:6px 12px;height:30px}.buy-input.Exchange-swap-section .TokenSelector-box .inline-items-center{display:flex;align-items:center}.buy-input.Exchange-swap-section .TokenSelector-box .inline-items-center .Token-icon{margin-right:10px;width:20px;height:20px;border-radius:100%}.buy-input.Exchange-swap-section .TokenSelector-box:hover{color:var(--primary-color)}.buy-input.Exchange-swap-section .TokenSelector-box-symbol{margin-left:.8rem}.buy-input.Exchange-swap-section .Exchange-swap-input-container{display:flex;align-items:center;justify-content:space-between}.buy-input.Exchange-swap-section .Exchange-swap-max{position:static;position:initial;color:#fff;font-size:var(--font-sm);margin-left:10px}.buy-input.Exchange-swap-section .Exchange-swap-max:hover{color:#31343c}.buy-input.Exchange-swap-section .TokenSelector-caret{margin:0}.buy-input.Exchange-swap-section .PositionEditor-token-symbol{display:flex;align-items:center;margin-left:1rem}.buy-input.Exchange-swap-section .new-ui-left{margin-left:0 !important;width:-webkit-max-content;width:max-content}.buy-input.Exchange-swap-section .new-ui-right .Exchange-swap-input{padding-right:0 !important}.buy-input.Exchange-swap-section-top{padding-bottom:0}.buy-input.Exchange-swap-section .selected-token{display:flex;align-items:center}.buy-input.Exchange-swap-section .selected-token img{margin-right:10px}.PercentSelector{position:absolute;display:flex;list-style:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px;padding:0;background:#222;margin-top:-0.5rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.PercentSelector .PercentSelector-item{padding:.5rem .75rem;cursor:pointer;border-radius:4px;min-width:4.5rem;text-align:center;font-size:1.4rem}.PercentSelector .PercentSelector-item:hover{background:#2c7fff}.displayNone{display:none}.input-focus{background-color:#111307 !important}
.Orders-list {
  width: 100%;
  background: linear-gradient(45deg, rgba(11, 5, 55, 0.6) 0%, rgba(21, 3, 48, 0.6) 100%);
  font-size: var(--font-sm);
}

.Orders-list.small {
  display: none;
}

table.Orders-list {
  border-collapse: collapse;
  border: 1px solid #1c0e6a;
}

table.Orders-list th,
table.Orders-list td {
  font-weight: normal;
  text-align: left;
  padding: 1.1rem 1.5rem;
}

table.Orders-list tr {
  background: linear-gradient(90deg, rgba(57, 28, 147, 0.1) 0%, rgba(66, 24, 140, 0.1) 100%);
  border-bottom: 1px solid rgba(28, 14, 106, 0.5);
}

table.Orders-list tr:first-child {
  border-bottom: 1px solid rgba(28, 14, 106, 1);
}

table.Orders-list tr:last-child {
  border-bottom: 1px solid rgba(28, 14, 106, 1);
}

.Orders-list-item:hover {
  background: linear-gradient(90deg, rgba(93, 43, 255, 0.5) 0%, rgba(184, 15, 150, 0.5) 100%);
}

.Orders-list-item-error {
  color: #ff2491;
}

.Orders-list-item-type {
  width: 6rem;
}

table.Orders-list tr.Orders-list-header {
  background: none;
}

table.Orders-list th {
  opacity: 0.7;
}

button.Orders-list-action {
  font-size: var(--font-sm);
  padding: 0;
  border-radius: 3px;
  background: none;
  border: none;
  color: #8b7fe3;
  opacity: 0.9;
}

.checkbox-inline {
  display: inline-flex;
}

button.Orders-list-action:hover {
  color: #d4b3f5;
  opacity: 1;
}

@media (max-width: 1000px) {
  .Orders-list.small {
    display: block;
  }

  .Orders-list.large {
    display: none;
  }
}

.Checkbox {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.Checkbox.disabled {
  cursor: default;
  pointer-events: none;
}

.Checkbox-icon-wrapper {
  display: inline-flex;
  align-items: center;
}

.Checkbox .Checkbox-icon {
  font-size: 1.25rem;
  color: var(--primary-btn-bg);
  margin-right: 0.62rem;
  margin-bottom: 0;
}

.Checkbox.fullRow .Checkbox-icon {
  margin-right: 0;
}

.Checkbox.disabled .Checkbox-icon {
  color: #3d4f3d;
}

.Checkbox-icon.inactive {
  color: #787878;
}

.Checkbox-label {
  display: inline-block;
  vertical-align: middle;
  font-size: var(--font-sm);
  text-align: left;
}

.Checkbox.fullRow {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.Percentage-input-wrapper{position:relative}.Percentage-input-wrapper .Percentage-list{position:absolute;display:flex;list-style:none;border-radius:4px;right:0;padding:0;top:1.25rem;z-index:1;background:#222}.Percentage-input-wrapper .Percentage-list li{padding:.5rem .75rem;cursor:pointer;border-radius:4px;width:4.5rem;text-align:center}.Percentage-input-wrapper .Percentage-list li:hover{background:#2c7fff}.Percentage-input-wrapper .Percentage-input{display:flex;align-items:center;border:1px solid #161616;border-radius:2rem;padding-right:.5rem;line-height:1;background:#222}.Percentage-input-wrapper .Percentage-input label{cursor:pointer}.Percentage-input-wrapper .Percentage-input:hover,.Percentage-input-wrapper .Percentage-input:focus{border-color:rgba(58,63,121,.5607843137)}.Percentage-input-wrapper .Percentage-input:focus-within{border-color:#3a3f79}.Percentage-input-wrapper .Percentage-input.input-error{border-color:#f3b50e}.Percentage-input-wrapper .Percentage-input input{width:4rem;padding:.2rem .35rem;font-size:1.4rem;border-radius:4px;text-align:right}.Percentage-input-wrapper .Percentage-input span{opacity:.7}.Percentage-input-wrapper .Percentage-input-error{display:none}.Percentage-input-wrapper:hover .Percentage-input-error{display:block}.Percentage-input-wrapper:hover .Percentage-input-error::before{content:"";position:absolute;top:-1rem;left:0;width:100%;height:1rem;background:rgba(0,0,0,0)}.Percentage-input-negative-sign{padding-left:.4rem;cursor:text;-webkit-user-select:none;user-select:none}
.Switch-toggle{width:30px;height:18px;border:2px solid #9ca49e;display:flex;justify-content:flex-start;align-items:center;border-radius:50px;padding:2px;cursor:pointer;position:relative;opacity:.8}.Switch-toggle .handle{width:10px;height:10px;background-color:#9ca49e;border-radius:40px;transition:all 200ms ease-in-out;position:absolute;left:2px;bottom:2px}.Switch-toggle.checked{border:2px solid var(--primary-btn-bg)}.Switch-toggle.checked .handle{left:14px;background-color:var(--primary-btn-bg)}.Switch-toggle-wrapper{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-sm)}
.TokenSelector .Modal .Modal-content{width:42rem;position:absolute;max-height:100vh;top:0;bottom:0;overflow:hidden;border:none;background:#101010}.TokenSelector .Modal .Modal-content .Modal-body{scroll-margin-right:38.75rem;overscroll-behavior:smooth;scrollbar-width:thin;padding-right:.5rem;max-height:calc(100vh - 13rem);overflow-y:auto}.TokenSelector-token-name{margin-right:1.5rem}.TokenSelector.disabled{pointer-events:none}.TokenSelector.disabled .TokenSelector-caret{display:none}.TokenSelector-box{display:flex;cursor:pointer;border-radius:.6rem;text-align:right;white-space:nowrap;color:var(--primary-color)}.TokenSelector-box .Token-symbol-text{line-height:.85}.TokenSelector-box:hover{color:var(--primary-color);opacity:.8}.Token-info{display:flex;flex-direction:row;justify-content:center;align-items:center}.Token-info .Token-symbol{margin-left:.8rem;display:flex;flex-direction:column}.Token-balance{display:flex;flex-direction:column;text-align:right}.Token-info .token-logo{display:block !important;width:4rem;height:4rem;margin-right:2px;margin-left:0 !important}.TokenSelector-caret{vertical-align:middle;display:inline-block;font-size:var(--font-lg);margin-top:-0.465rem}.TokenSelector-token-row{cursor:pointer;border:1px solid #161616;background-color:#222;position:relative;border-radius:var(--border-radius-sm);display:flex;justify-content:space-between;align-items:center;padding:.8rem;margin-bottom:.8rem;border-radius:1rem}.TokenSelector-tooltip.Tooltip{position:absolute;left:0;right:0;bottom:0;top:0}.TokenSelector-tooltip-backing{width:100%;height:100%;position:relative;z-index:10}.TokenSelector-token-row.disabled{cursor:not-allowed}.TokenSelector-token-row.disabled .Token-info{opacity:.3}.TokenSelector-token-row.disabled .Token-balance{opacity:.3}.TokenSelector-token-row .Token-text{font-size:var(--font-md);color:#fff;font-weight:500;letter-spacing:0px}.TokenSelector-token-row:hover{background:rgba(255,255,255,.1019607843)}.TokenSelector-token-row:active{background:var(--dark-blue-active)}.TokenSelector.right .Modal{align-items:flex-start;justify-content:flex-end}.text-accent{color:var(--dark-blue-accent);font-size:1.2rem;line-height:1.5;letter-spacing:0}.TokenSelector.right .Modal-content{position:absolute;width:35.65rem;top:0;bottom:0;overflow:auto;border:none}@media(max-width: 1100px){.TokenSelector .Modal .Modal-content{max-height:80vh;min-height:80vh;top:auto;bottom:auto}.TokenSelector .Modal .Modal-content .Modal-body{overflow-y:auto;max-height:calc(80vh - 13rem)}}@media(max-width: 700px){.TokenSelector .Modal .Modal-content{bottom:0}.TokenSelector.right .Modal{align-items:center;justify-content:center;position:fixed;left:3.1rem;top:0;right:3.1rem;bottom:0}.Token-info .token-logo{width:3rem;height:3rem;margin-right:.8rem}}
.Tab.block{display:flex;align-items:center;grid-auto-flow:column;font-size:var(--font-md);color:rgba(255,255,255,.7)}.Tab-option-icon{width:17px;margin-left:.5rem;display:block !important}.Tab.block .Tab-option{margin-right:12px;font-size:14px}@media (min-width: 400px){.Tab.block .Tab-option{margin-right:18px;font-size:14px}}@media (min-width: 1280px){.Tab.block .Tab-option{margin-right:16px}}.Tab.block .Tab-option{position:relative;text-align:center;cursor:pointer;padding:0 3px 6px 3px;color:#787878;display:flex;font-family:IBMPlexSansJP-SemiBold;border-bottom:2px solid rgba(0,0,0,0)}.Tab.block .Tab-option.active{border-bottom:2px solid #2c7fff;color:#d4d4d8}.poolsOptions.active{opacity:1;pointer-events:none}.poolsOptions .Tab-option{align-items:center;display:flex;justify-content:center;width:50%}.Tab.block .Tab-option.shortActive{border-bottom:2px solid #dd7789;color:#dd7789}.Tab.block .Tab-option.shortActive:hover{color:#dd7789 !important}.Tab.block .Tab-option.longActive{border-bottom:2px solid #2c7fff;color:#d4d4d8}.Tab.block .Tab-option.longActive:hover{color:#d4d4d8 !important}.Tab.block .Tab-option.swapActive{border-bottom:2px solid #2c7fff}.swap-v2 .Tab-option{color:#787878 !important;font-size:12px !important;font-weight:400;font-family:IBMPlexSansJP-Regular !important}.swap-v2 .Tab-option.active{color:#d4d4d8 !important;border-bottom:2px solid #007730 !important}.Tab.block .Tab-option:hover{color:#d4d4d8 !important}.Tab.block .Tab-option.active .Tab-option-icon{opacity:1;display:block}.Tab.inline{overflow-x:scroll;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.Tab.inline::-webkit-scrollbar{display:none}.Tab.inline .Tab-option{cursor:pointer;display:inline-block;font-size:var(--font-base);border-bottom:1px solid rgba(0,0,0,0);color:#787878}.Tab.inline .Tab-option:hover{opacity:.8}.Tab.inline .Tab-option.active{opacity:1;pointer-events:none;color:#d4d4d8 !important;border-bottom:2px solid #2c7fff}
.PositionSeller-token-selector .Modal .Modal-content {
  width: 38rem;
  max-height: 80vh;
  top: auto;
  bottom: auto;
}

.PositionSeller-token-selector .Modal .Modal-content .Modal-body {
  max-height: calc(80vh - 13rem);
}

.PositionSeller-token-selector.warning .TokenSelector-box {
  color: rgb(247, 147, 26);
}

.PositionSeller-token-selector .TokenSelector-box {
  display: inline-flex;
}

.PositionSelector-selected-receive-token {
  white-space: normal;
  display: inline-flex;
  flex: 1 1;
}

.PositionSeller-token-selector .TokenSelector-box .TokenSelector-caret {
  margin-left: 0;
  margin-right: -2px;
  margin-bottom: -2px;
}

.PositionSeller-fee-item {
  margin-bottom: 4px;
}

.PositionSeller-fees-tooltip .Tooltip-popup {
  min-width: 30rem;
}

@media (max-width: 700px) {
  .PositionSeller-fees-tooltip .Tooltip-popup {
    min-width: 30rem;
  }

  .PositionSeller-token-selector .Modal .Modal-content {
    bottom: auto;
  }
}

@media (max-width: 350px) {
  .PositionSeller-receive-row.Exchange-info-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .Exchange-info-row.PositionSeller-receive-row .TokenSelector-box {
    margin-top: 8px;
    text-align: left;
  }

  .PositionSelector-selected-receive-token.align-right {
    margin-top: 8px;
    text-align: left;
  }
}

.Orders-toa .Modal-content {
  width: 36rem;
  font-size: var(--font-base);
}

.Orders-toa-accept-rules {
  margin-top: 0.31rem;
}

.Orders-toa-accept-rules .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.Orders-toa-accept-rules .Checkbox-label {
  margin-right: 0.8rem;
}

.position-share-modal .Modal-content {
  min-width: 36rem;
  width: 52rem;
}
.position-share-modal .actions {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.position-share-modal .icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.position-share {
  aspect-ratio: 1200 / 630;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.6rem 3rem 2.1rem;
}

.position-share .logo {
  width: 10rem;
}
.position-share .info {
  list-style: none;
  color: #FFFFFF;
  font-size: 1.25rem;
  display: flex;
  padding-left: 0;
  margin: 0;
}
.position-share .info li {
  margin-right: 1rem;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.70);
}
.position-share .info > .side {
  color: #2C7FFF;
  /* font-weight: 800; */
}
.position-share .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #2C7FFF; */
}
.position-share span {
  font-size: 2.35rem;
}

.position-share .prices {
  max-width: 20rem;
  display: flex;
  flex-direction: column;
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.60);
  gap: 0.6rem;
}
.position-share .prices p {
  margin: 0;
}

.position-share .prices p.price {
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.80);
}
.position-share .prices div {
  display: flex;
}
.position-share .referral-code {
  display: flex;
  /* background: rgba(255, 255, 255, 0.05); */
  max-width: 18rem;
  border-radius: 5px;
  align-items: center;
  padding-bottom: 0.5rem;
}
.position-share .referral-code div {
  display: flex;
  flex-direction: column;
}
.position-share .referral-code .label {
  font-size: 0.9rem;
  line-height: 1;
}
.position-share .referral-code .referral-code-info {
  margin-left: 1rem;
}

.position-share .referral-code img {
  width: 30px;
  height: 30px;
  margin-right: 1rem;
}
.position-share .referral-code p {
  margin: 0;
}
.position-share .code {
  font-weight: 500;
  line-height: 1;
}

.tweet-link-container.disabled {
  cursor: not-allowed;
}

.position-share-modal .App-button-option {
  justify-content: center;
}

a.App-button-option.tweet-link {
  text-decoration: none;
  width: 100%;
}
a.App-button-option.tweet-link.disabled {
  pointer-events: none;
}

.image-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
}
.image-overlay-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #00000055;
  color: #FFFFFF;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  float: right;
  padding: 0 0.25rem;
  border-top-left-radius: 5px;
}
.image-overlay-wrapper .loading-text {
  font-size: 1.1rem;
  margin: 0 0 0 0.5rem;
}
.image-overlay {
  display: flex;
  padding: 0.5rem 0;
  justify-content: center;
  align-items: center;
}

.image-overlay .spinning-loader {
  margin-left: 0.5rem;
}

@media (max-width: 450px) {
  .position-share-modal .Modal-content {
    min-width: 28rem;
    width: 41rem !important;
  }
  .position-share-modal .Modal-body {
    margin: 1rem;
  }
  .position-share-modal .Modal-title-bar {
    margin: 1rem;
  }
  .position-share {
    padding: 1rem;
  }
  .position-share .logo {
    width: 4rem;
  }
  .position-share .info {
    font-size: 1rem;
  }
  .position-share .pnl {
    font-size: 2rem;

    line-height: 1;
  }
  .position-share .prices {
    max-width: 14rem;
  }
  .position-share .prices p {
    font-size: 0.9rem;
  }
  .position-share .prices p.price {
    font-size: 1rem;
  }
  .position-share .referral-code {
    width: 12rem;
  }
  .position-share .referral-code .label {
    font-size: 0.8rem;
  }
  .position-share .referral-code p {
    font-size: 1rem;
  }
  .position-share-modal .actions {
    margin-top: 1rem;
  }
  .position-share-modal .actions .App-button-option {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 3rem;
  }
  .image-overlay-wrapper .loading-text {
    font-size: 1rem;
  }
}

/* .twitter-btn-animation {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
} */
.gradient {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
}
.gradient:hover {
  animation: shake 0.5s ease-in-out 1;
}

.share-btn::before {
  content: "";
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  background: #222328;
  right: 12px;
  top: 54px;
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes tiltShake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

/* @keyframes gradientAnimation {
  0% {
      fill: #9AE060;
  }
  100% {
      fill: #9AE060;
  }
} */

.spinning-loader {
  display: inline-block;
  font-size: 1.25rem;
  vertical-align: middle;
}

.PositionsList .mobile{display:none}.PositionsList .pc{display:block}@media(max-width: 1024px){.mobile{display:block !important}.pc{display:none !important}}
.SwapBox-collateral-tooltip-text{font-weight:normal}.Exchange-leverage-toggle-wrapper{margin-bottom:.8rem !important}.ExchangeChart-earn-btn{border-radius:4px;border:1px solid #292f04;background:#171a08;width:110px;height:38px;display:flex;justify-content:center;align-items:center;color:#a9b850;font-family:IBMPlexSansJP-SemiBold;font-size:15px;margin-right:4rem;cursor:pointer}.Chart-min-max-price{min-width:11rem}@keyframes use-color-change-green{0%{color:var(--green)}100%{color:#fff}}@keyframes use-color-change-red{0%{color:#dd7789}100%{color:#fff}}.animation-red{animation:1.8s ease 0s 1 normal none running use-color-change-red}.animation-green{animation:1.8s ease 0s 1 normal none running use-color-change-green}.Exchange-leverage-slider-settings{display:flex;justify-content:space-between}.Exchange-leverage-slider-settings .SwapBox-leverage-toggle{width:30px;height:18px;background-color:rgba(255,255,255,.4);display:flex;justify-content:flex-start;align-items:center;border-radius:50px;padding:2px;cursor:pointer;position:relative}.Exchange-leverage-slider-settings .SwapBox-leverage-toggle .handle{width:14.4px;height:14.4px;background-color:#fff;border-radius:40px;transition:all 200ms ease-in-out;position:absolute;left:2px}.Exchange-leverage-slider-settings .SwapBox-leverage-toggle[data-is-on=true]{background-color:#3d51ff}.Exchange-leverage-slider-settings .SwapBox-leverage-toggle[data-is-on=true] .handle{left:13px}.SwapBox-getToken{margin-top:12px;text-align:center}.SwapBox-option-tabs{width:100%;display:flex;align-items:center;gap:2rem}.SwapBox-option-tabs .Tab-option{border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;color:#fff;margin-right:0px !important;height:36px;padding:0 3px !important}.SwapBox-option-tabs .longActive{border-bottom:2px solid #00ff7e !important;color:#00ff7e !important}.SwapBox-option-tabs .shortActive{border-bottom:2px solid #cc4241 !important;color:#cc4241 !important}.textBadges{background:linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.order-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0;
}
.order-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--dark-blue-hover);
  border-radius: var(--border-radius-sm);
  margin-bottom: 0.5rem;
  padding: 1rem;
}
.order-list li p {
  margin: 0;
}
.order-list li button {
  font-size: var(--font-sm);
  background: none;
  border: none;
  color: #FFFFFF;
  opacity: 0.8;
}
.order-list li button:hover {
  opacity: 1;
}

.view-orders {
  text-decoration: underline;
  cursor: pointer;
}

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px;
}
.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb;
}
.rc-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  margin-top: -5px;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  touch-action: pan-x;
}
.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
}
.rc-slider-handle:focus {
  outline: none;
}
.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: none;
  box-shadow: initial;
}
.rc-slider-handle:hover {
  border-color: #57c5f7;
}
.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: grabbing;
}
.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
}
.rc-slider-mark-text-active {
  color: #666;
}
.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle;
}
.rc-slider-dot-active {
  border-color: #96dbfa;
}
.rc-slider-dot-reverse {
  margin-right: -4px;
}
.rc-slider-disabled {
  background-color: #e9e9e9;
}
.rc-slider-disabled .rc-slider-track {
  background-color: #ccc;
}
.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed;
}
.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important;
}
.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px;
}
.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px;
}
.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  touch-action: pan-y;
}
.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%;
}
.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px;
}
.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px;
}
.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused;
}
.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running;
}
.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
}
@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1);
  }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0);
  }
}
.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.rc-slider-tooltip-hidden {
  display: none;
}
.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0;
}
.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9;
}
.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c;
}

.LeverageSlider{margin-top:0;margin-bottom:16px;padding:0 0rem}.LeverageSlider .rc-slider-tooltip-inner{box-shadow:none;padding:.465rem .8rem;background:#303652}.LeverageSlider .rc-slider-tooltip{z-index:5}.LeverageSlider .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#303652}.LeverageSlider .rc-slider-with-marks{border:1px solid rgba(255,255,255,.1);height:15px;border-radius:5px}.LeverageSlider .rc-slider-rail{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;height:100%;top:0}.LeverageSlider .rc-slider-step{display:none}.LeverageSlider .rc-slider-track{background:#787878;height:100%;border-radius:5px;top:0}.LeverageSlider .rc-slider-dot{border:none;border-radius:1px;width:2px;margin-left:-1px;background:rgba(89,203,116,.425)}.LeverageSlider .rc-slider-dot-active{background:#fff}.LeverageSlider .rc-slider-handle{background:#161616;border:solid 2px #d4d4d8;margin-top:-7px;width:17px;height:17px;border-radius:50%}.LeverageSlider .rc-slider-handle:active{box-shadow:0 0 .4rem .6rem rgba(45,66,252,.2)}.LeverageSlider .rc-slider-mark-text,.LeverageSlider .rc-slider-mark-text-active{color:#fff;font-size:13px;display:none}.LeverageSlider .rc-slider-mark-text:hover,.LeverageSlider .rc-slider-mark-text-active:hover{opacity:1}.sliderHandle{position:absolute;top:-5px;cursor:pointer;border-radius:5px;--tw-bg-opacity:1;background-color:rgb(24 24 35 / var(--tw-bg-opacity));padding-top:5px;padding-bottom:5px;padding-left:6px;padding-right:6px;font-size:12px;line-height:12px;--tw-text-opacity:1;color:rgb(44 127 255 / var(--tw-text-opacity));border:1px solid #2c7fff;-webkit-user-select:none;user-select:none;transform:scale(0.8);width:22px;height:22px;border-radius:50%}.leverage-input-container{position:relative;border-radius:20px;border:1px solid #161616;background:#161616;width:7.5rem;height:36px}.leverage-input{width:100%;border-radius:20px;text-align:right;width:7.5rem;height:36px;padding-right:20px;font-size:12px;text-align:left;color:#d4d4d8}.leverage-input-suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#d4d4d8}
.dropdown-btn-menu{display:flex;gap:4px;align-items:center;font-weight:400;color:#787878;justify-content:center;width:100%;height:25px;position:relative;border-radius:3px;background:#1f1f1f;padding:12px 6px;min-width:8rem}.roi-menu-items{position:absolute;right:0;top:3.3rem;min-width:10rem;width:10rem;transform-origin:top right;border-radius:1rem;border:.5px solid #27272b;list-style:none;cursor:pointer;outline:none;z-index:1000;background:#282b33;overflow:hidden}.roi-menu-items .menu-item{display:flex !important;align-items:center;font-size:var(--font-base);color:#787878;padding-bottom:1.5rem;font-size:var(--font-sm);padding:.85rem .8rem}.roi-menu-items .menu-item:hover{background:#2c7fff !important;opacity:1;color:#eee;font-weight:bold;font-size:18px !important}.roi-menu-items .menu-item>p{margin:0px;padding-left:1rem;white-space:nowrap}.roi-menu-items .menu-item>a{display:inline-flex}.roi-options-menu-items{min-width:6rem;width:100%;list-style:none;cursor:pointer;outline:none;z-index:1000;background:#222328;line-height:4rem;text-align:center;font-size:13px}.roi-options-menu-items:hover{background:#282b33 !important;opacity:1;color:#4fca1e;font-weight:bold;font-size:14px !important}.token-card{padding:8px;cursor:pointer;flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 4px)}.token-card:hover{background-color:#161616}.token-card-active{background-color:#161616 !important}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.favorite-tokens-container{display:flex;align-items:center;padding:6px 12px;width:100%;overflow:hidden;position:relative;min-height:46px;margin-bottom:10px;padding-left:0px}.favorite-star-icon{color:#dffe02;font-size:18px;margin-right:10px;flex-shrink:0}.favorite-tokens-scroll{border-radius:2rem;border:1px solid #161616;width:auto;display:flex;overflow-x:auto;gap:0px;padding:0 5px;white-space:nowrap;flex-wrap:nowrap;scrollbar-width:none;-ms-overflow-style:none;max-width:calc(100% - 32px);position:relative;z-index:80}.favorite-tokens-scroll::-webkit-scrollbar{display:none}.favorite-tokens-scroll .favorite-token-card:last-child{border-right:none !important}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#161616;border:1px solid rgba(38,35,35,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:92;color:#2c7fff;font-size:10px;transition:all .2s}.scroll-button:hover{opacity:.8}.scroll-button.disabled{opacity:.5;cursor:not-allowed}.scroll-button.left{left:30px}.scroll-button.right{right:8px}.favorite-token-card{display:inline-flex;align-items:center;min-width:100px;height:28px;padding:4px 12px;cursor:pointer;transition:background-color .2s;border-radius:2px;border-right:1px solid #161616;margin-right:5px;flex-shrink:0;justify-content:center;margin:.6rem 0}.favorite-token-card:hover{opacity:.8}.favorite-token-symbol{display:flex;align-items:center;gap:5px;color:#fff;font-size:12px;font-weight:600;white-space:nowrap}.favorite-token-price{font-size:12px;font-weight:500;color:#fff;white-space:nowrap}.favorite-token-change{font-size:11px;font-weight:500;white-space:nowrap}@media(max-width: 768px){.favorite-tokens-container{padding:5px 10px;display:none}.favorite-token-card{min-width:90px;padding:5px 10px}}
.Exchange {
  /* max-width: 155rem; */
  margin: auto;
  justify-content: space-between;
}

.react-loading-skeleton {
  background: #b4bbff1a !important;
}

.react-loading-skeleton::after {
  background: linear-gradient(to right, transparent, #b4bbff1a, transparent);
  animation-duration: 2s;
}

td {
  padding: 10px 0.465rem 10px 0;
}

@keyframes react-loading-skeleton {
  0% {
    transform: translateX(-100%);
  }
  60% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(100%);
  }
}


.right-icon-box{
  cursor: pointer;
  position: absolute;
  background-color: #161616;
  border: 1px solid rgba(38, 35, 35, 0.5);
  border-radius: 5rem;
  padding: 5px;
  z-index: 2;
  right: 6px;
  display: none;
  color: #2C7FFF;
  font-size: 10px;
}
.left-icon-box {
  background-color: #161616;
  border: 1px solid rgba(38, 35, 35, 0.5);
  border-radius: 5rem;
  padding: 5px;
  z-index: 2;
  right: 6px;
  display: none;
  color: #2C7FFF;
  font-size: 10px;
}

.Exchange-left-top {
  margin-bottom: 1.5rem;
  color: #C9C9C9;
  font-size: 14px;
  font-weight: 400;
}

.Exchange-trigger-order-info {
  color: #787878;
  border: 1px solid #23263b;
}

.Exchange-list-tab-container {
  display: flex;
  align-items: center;
  padding: 0 14px 0 0px;
}
.Exchange-list-tab-container .Tab.inline .Tab-option{
  padding: 0 6px 10px 6px;
  margin-right: 10px;
  position: relative;
  color: #787878;
  font-size: 12px;
  line-height: 20px;
  font-family: IBMPlexSansJP-Medium !important;
}

/* .Exchange-list-tab-container .Tab.inline .Tab-option::after {
  content: '';
  height: 45px;
  position: absolute;
  top: -11px;
  right: 0;
  bottom: 0;
  left: 0;
  border-right: 1px solid #161616;
} */

.Exchange-should-show-position-lines {
  font-size: var(--font-sm);
}
.Exchange-should-show-position-lines .active {
  opacity: 1;
}

.Exchange-empty-positions-list-note {
  padding-bottom: 0.5rem;
}

.Exchange-empty-positions-list-note.small {
  display: none;
}

.position-loading-icon {
  display: inline-block;
  font-size: 1.25rem;
  margin-left: 0.8rem;
  color: #FFFFFF;
  vertical-align: middle;
  margin-top: -0.31rem;
}

.Exchange-settings-row {
  margin-bottom: 0.8rem;
}

.Exchange-settings .App-cta {
  margin-top: 1.5rem;
}

.Exchange-content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 1.5rem;
  padding: 3.1rem;
  padding-top: 0rem;
  margin-top: -1.5rem;
}

.Exchange-position-list-orders {
  white-space: nowrap;
}

.Exchange-lists,.ExchangeChart-header.large {
  display: block;
  /* background: #101010; */
}

.Exchange-lists.small, .ExchangeChart-header.small {
  display: none;
  background-color: transparent;
}

.Exchange-right {
  display: grid;
  grid-template-rows: auto 1fr;
}

.Exchange-leverage-slider-settings {
  font-size: var(--font-sm);
  margin-bottom: 0.8rem;
}

.Exchange-leverage-slider-settings .Checkbox {
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
}

.Exchange-wallet-tokens {
  position: relative;
  min-height: 15.5rem;
  display: none;
}

.Exchange-wallet-tokens-content {
  position: absolute;
  top: 1.5rem;
  bottom: 0;
  left: 0;
  right: 0;
}

.Exchange-bottom-header-item {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 0.155rem;
  opacity: 0.7;
  cursor: pointer;
}

.Exchange-bottom-header-item.active {
  opacity: 1;
  pointer-events: none;
}

.Exchange-swap-connect-wallet {
  text-align: center;
  cursor: pointer;
  border: 1px solid rgb(50, 50, 50);
  border-radius: 3px;
}

.Exchange-swap-connect-wallet:hover {
  background: #272e33;
  border-radius: 0.6rem;
}

.Exchange-swap-settings.Exchange-swap-txns-status {
  text-align: right;
  margin-right: 1.5rem;
}

.Exchange-swap-account .Exchange-swap-address:hover,
.Exchange-swap-account .Exchange-swap-txns-status:hover {
  opacity: 1;
}

.Exchange-leverage-slider {
  margin-top: 1.5rem;
  margin-bottom: 3.4rem;
  padding: 0 0.8rem;
}

.Exchange-swap-leverage-options {
  text-align: right;
}

.Exchange-swap-leverage-option {
  display: inline-block;
  margin-left: 0.8rem;
  padding: 0 0.8rem;
  border-radius: 3px;
  background: #5b2ab0;
  color: #FFFFFF;
  opacity: 0.7;
  cursor: pointer;
}

.Exchange-swap-leverage-option.active {
  background: #842ec9;
  opacity: 1;
  pointer-events: none;
}

.Exchange-swap-leverage-option:hover {
  opacity: 1;
}

.Exchange-swap-leverage-unlock-icon {
  font-size: 0.8rem;
  vertical-align: middle;
  margin-top: -0.31rem;
}

.Exchange-swap-placeholder {
  height: 11.175rem;
  position: relative;
}

.Exchange-wave {
  z-index: 1;
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 1.5rem;
  bottom: 1.5rem;
  -webkit-mask-image: url(/static/media/wave-01.3c9bce1edb0459972f2a.png);
          mask-image: url(/static/media/wave-01.3c9bce1edb0459972f2a.png);
  -webkit-mask-size: 90% 90%;
          mask-size: 90% 90%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  filter: blur(5rem);
  background: linear-gradient(
    40deg,
    rgba(96, 4, 189, 1) 0%,
    rgba(65, 105, 224, 1) 22%,
    rgba(99, 8, 191, 1) 23%,
    rgba(51, 9, 115, 1) 37%,
    rgba(255, 36, 145, 1) 38%,
    rgba(201, 16, 161, 1) 50%,
    rgba(171, 10, 163, 1) 59%,
    rgba(117, 4, 128, 1) 67%,
    rgba(96, 29, 196, 1) 68%,
    rgba(92, 55, 204, 1) 84%,
    rgba(84, 88, 214, 1) 100%
  );
  pointer-events: none;
}

.PositionEditor-info-box {
  margin-bottom: 1.05rem;
}

.PositionEditor-keep-leverage-settings .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.PositionEditor-accept-profit-warning .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.PositionEditor-allow-higher-slippage .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.ExchangeChart-range-option {
  display: inline-block;
  margin-right: 1.5rem;
  font-size: var(--font-sm);
  cursor: pointer;
  opacity: 0.6;
}

.ExchangeChart-range-option:hover {
  opacity: 0.8;
}

.ExchangeChart-range-option.active {
  opacity: 1;
}

.ExchangeChart {
  position: relative;
}

.ExchangeChart-main-price {
  font-size: 1.7rem;
}

.ExchangeChart-info-label {
  font-size: 1.25rem;
  opacity: 0.7;
}

.ExchangeChart-top-inner {
  display: flex;
  align-items: center;
  overflow-x: auto;
  margin-right: 3rem;
  margin-left: 1rem;
  transition: all .15s linear;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.ExchangeChart-top-inner::after {
  left: 20px;
  background: linear-gradient(to left, rgba(18, 19, 21, .8), transparent);
}

.ExchangeChart-top-inner.top-inner-item {
  transition: all .15s linear;
}

.ExchangeChart-dollar-sign {
  display: inline-block;
  margin-right: 0.465rem;
  opacity: 0.7;
}

.ExchangeChart-main-price-text {
  display: inline-block;
}

.ExchangeChart-info {
  /* background-color: #101010; */
  border-radius: 5rem !important;
  font-size: var(--font-base);
  padding: 0px;
  display: flex;
  align-items: center;
  height: 75px;
}

.ExchangeChat-info-bottom {
  border: 0;
}

.ExchangeChart.tv .ExchangeChart-bottom {
  height: 100%;
}
.ExchangeChart-bottom-controls {
  display: inline-block;
}
.ExchangeChart-bottom-controls .Tab .Tab-option {
  width: 4.65rem;
  padding: 0.8rem 0;
}
.ExchangeChart.tv .ExchangeChart-bottom-header {
  position: absolute;
  display: flex;
  top: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  z-index: 5;
}
.ExchangeChart.tv .ExchangeChart-bottom-stats {
  font-size: var(--font-sm);
  padding: 0.8rem 0;
  margin-left: 3.1rem;
  white-space: nowrap;
  z-index: 2;
}
.ExchangeChart-bottom-stats-label {
  color: #787878;
  font-weight: bold;
}
.ExchangeChart-bottom-stats-value {
  display: inline-block;
  margin-left: 0.31rem;
  margin-right: 0.8rem;
}
.length-5 .ExchangeChart-bottom-stats-value {
  width: 6.2rem;
}
.length-4 .ExchangeChart-bottom-stats-value {
  width: 5.25rem;
}
.length-3 .ExchangeChart-bottom-stats-value {
  width: 4.35rem;
}
.length-2 .ExchangeChart-bottom-stats-value {
  width: 3.41rem;
}
.length-1 .ExchangeChart-bottom-stats-value {
  width: 2.48rem;
}

.ExchangeChart.tv .ExchangeChart-bottom-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
}

.Exchange-price-tooltip {
  font-size: var(--font-sm);
  background: linear-gradient(90deg, rgba(57, 28, 147, 0.9) 0%, rgba(66, 24, 140, 0.9) 100%);
  padding: 0.9rem;
  border: 1px solid rgba(30, 9, 94, 0.5);
  line-height: 2rem;
}

.Exchange-price-time {
  font-size: 1.25rem;
  font-weight: normal;
}

.Error-modal .Modal-content {
  width: 31rem;
}

.PositionEditor .Modal-content {
  width: 38rem;
  position: absolute;
  max-height: 80vh;
  overflow: hidden;
  border: none;
  top: auto;
  bottom: auto;
}

.PositionEditor .Modal-content .Modal-body {
  overscroll-behavior: smooth;
  max-height: calc(80vh - 8.525rem);
  overflow-y: auto;
}

.PositionEditor .Tab {
  margin-bottom: 1.05rem;
}

.PositionEditor-token-symbol {
  font-size: 12px;
  text-align: right;
}

.Order-editor-tokens .Order-editor-icon {
  vertical-align: bottom;
  height: 2.5rem;
}

.Swap-limit-icon {
  vertical-align: bottom;
  height: 2.5rem;
}

.ExchangeChart-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.Exchange-list-modal .Modal-content {
  width: 36rem;
}

.Exchange-list {
  width: 100%;
}

.Position-list-order {
  cursor: pointer;
}

.Position-list-order:not(:first-child) {
  white-space: nowrap;
  margin-top: 8px;
}

.Position-list-order .Position-list-order-label {
  display: flex;
  justify-content: space-between;
  align-self: center;
}

.active-order-tooltip {
  background: rgba(180, 187, 255, 0.1);
  padding: 1rem;
  border-radius: var(--border-radius-sm);
  white-space: normal;
}

.active-order-tooltip:hover {
  background: rgba(108, 121, 173, 0.6);
}

.active-order-tooltip > .active-order-error {
  margin-top: 1rem;
  white-space: normal;
}

.order-error span {
  text-decoration-color: var(--error-red);
  color: var(--error-red);
}

.order-error .Tooltip-popup {
  white-space: pre-line;
}

.Order-list-item-text {
  line-height: 1.4;
}

.Exchange-list .App-card {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.Exchange-list .Tooltip-popup,
.Exchange-list .App-card .Tooltip-popup {
  min-width: 32rem;
}

.Exchange-list-item-error {
  color: var(--error-red);
  margin-top: 0.465rem;
  font-size: var(--font-sm);
}

.Exchange-list.small {
  display: none;
}

.Collateral-warning .Tooltip-handle {
  color: var(--warning-yellow);
  text-decoration-color: var(--warning-yellow);
}

button.Exchange-list-action {
  font-size: var(--font-base);
  padding: 0;
  border-radius: 3px;
  background: none;
  border: none;
  color: #787878;
  margin: 0 0.3rem;
}

button.Exchange-list-action:hover {
  color: rgba(255, 255, 255, 1);
}

table.Exchange-list {
  border-collapse: collapse;
}

table.Exchange-list th,
table.Exchange-list td {
  font-weight: normal;
  text-align: left;
  padding: 0 1.05rem;
  padding-left: 1.5rem;
}

table.Exchange-list.Orders th,
table.Exchange-list.Orders td {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

table.Exchange-list tr {
  border-bottom: 1px solid #161616;
}

table.Exchange-list tr:last-child {
  border-bottom: none;
}



table.Exchange-list tr.Exchange-list-header {
  background: none;
  font-size: var(--font-md);
}

table.Exchange-list tr.Exchange-list-header th {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  min-width: 11rem;
}
table.Exchange-list tr.Exchange-list-header-order th {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  min-width: 4.5rem !important; 
}

table.Exchange-list th {
  opacity: 0.7;
}

table.Exchange-list .Exchange-list-item {
  border-left: 2px solid transparent;
}

table.Exchange-list .Exchange-list-item td:first-child {
  padding-left: 1.3rem;
}

table.Exchange-list .Exchange-list-item-active {
  border-left: 2px solid #3a3f79;
}

.Position-card-title {
  position: relative;
}

.Position-active-card::before {
  content: "";
  border-left: 2px solid #3a3f79;
  position: absolute;
  left: -7px;
  bottom: -1px;
  height: 21px;
}

.Exchange-leverage-box {
  margin-bottom: 1.05rem;
  /* padding: 1.5rem; */
  margin-top: 1.5rem;
  /* padding-bottom: 1.5rem; */
  background: #101010;;
  border-radius: 1rem;
}

.Exchange-swap-box-info {
  margin-bottom: 1.05rem;
}

.Exchange-info-row {
  display: grid;
  grid-template-columns: auto auto;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
  align-items: baseline;
}

.Exchange-info-row.top-line {
  border-top: 1px solid #23263b;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.Exchange-info-label {
  color: var(--text-gray);
  margin-right: 0.8rem;
}
.Exchange-info-value-warning {
  color: var(--error-red);
}

.Confirmation-box-info,
.Confirmation-box-info a,
.Confirmation-box-warning,
.Confirmation-box-warning a {
  font-size: 1.3rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.Confirmation-box-info,
.Confirmation-box-info a {
  opacity: 0.7;
  color: var(--warning-yellow);
}

.Confirmation-box-warning,
.Confirmation-box-warning a {
  color: var(--error-red);
}

.Exchange-swap-usd {
  display: inline-block;
  font-size: var(--font-sm);
}

.Exchange-swap-box {
  width: 100%;
}

@media (min-width: 1024px) {

  .Exchange-swap-box {
    width: 380px;
  }
}

.Exchange-swap-box {
  position: relative;
}

.Exchange-swap-market-box-title {
  font-size: var(--font-md);
  margin-bottom: 1.25rem;
  display: flex;
  color: #D4D4D8;
}

.Exchange-swap-box-inner {
  /* padding: 1.5rem; */
  padding: 0;
}

.Exchange-swap-market-box {
  padding: 12px;
  margin-top: 1.25rem;
  padding-bottom: 12px;
  background: #101010;;
}

.Exchange-swap-market-box .App-card-divider {
  margin: 0 -1.5rem 1.5rem;
}

.Exchange-swap-box .Radio {
  margin-bottom: 1.05rem;
}

.Exchange-swap-box .Overlay-content-outer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15.5rem;
}

.Exchange-swap-box .Overlay-content {
  padding: 1.05rem;
}

.Exchange-swap-box .TokenSelector .Modal,
.Selector .Modal {
  align-items: flex-start;
  justify-content: flex-end;
}

.Exchange-swap-box .Tab {
  margin-bottom: 1.05rem;
}

.Exchange-swap-section {
  /* padding: 1.5rem 0 !important; */
  margin-bottom: 1.05rem;
  /* background: #1a1a1a; */
  /* outline: 0rem solid transparent; */
  /* outline-offset: -0.1rem; */
  border-radius: 1rem;
}

.Exchange-swap-section:hover {
  outline-color: #4dd86439;
}

.Exchange-swap-section:focus-within {
  outline-color: var(--primary-color);
}

.Exchange-swap-option-tabs-none {
  display: none !important;
}

.Exchange-swap-option-tabs.Tab.block .Tab-option {
  padding: 1.05rem;
  border-radius: 2rem;
}

.Exchange-swap-order-type-tabs {
  margin-top: 1.5rem;
  margin-bottom: 0px !important;
}
.Exchange-swap-order-type-tabs .Tab-option{
  margin-right: 18px;
  font-size: 12px;
  border: 0 !important;
  font-family: IBMPlexSansJP-Medium !important;
}
.Exchange-swap-option-tabs.Tab.block .Tab-option-icon {
  margin-top: -0.155rem;
  transform: scale(0.75);
  vertical-align: middle;
  /* margin-right: 0.8rem; */
  display: none;
}

.Exchange-swap-section-top {
  display: grid;
  grid-template-columns: auto auto;
  font-size: var(--font-sm);
  padding-bottom: 1.25rem;
  line-height: 1;
}

.Exchange-swap-section-bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  padding-bottom: 0.31rem;
}

.Exchange-swap-input-container {
  position: relative;
  overflow: hidden;
}

.Exchange-swap-max {
  position: absolute;
  left: 1.25rem;
  top: 0;
  padding: 2px 10px;
  color: #FFFFFF;
  /* outline: 1rem solid rgba(33, 37, 64, 1); */
  border-radius: 3px;   
  z-index: 1;
  cursor: pointer;
  font-size: var(--font-sm);
  background-color: #2C324C !important;
  border: none;
  margin-right: 1rem;
}

.Exchange-swap-max:hover {
  color: #FFFFFF !important;
  background-color: #383DFA !important;
}

.Exchange-swap-max:active {
  background: var(--primary-btn-active);
}

.Exchange-swap-section-bottom .TokenSelector-box {
  font-size: 2.1rem;
}

.Exchange-leverage-box .TokenSelector-caret {
  font-size: var(--font-base);
  margin-left: 0.31rem;
}

input.Exchange-swap-input {
  padding: 0;
  max-width: 100%;
  font-size: 16px;
  width: 100%;
  padding-right: 2rem;
}
input.Exchange-swap-input.small {
  max-width: 14.725rem;
}

.Exchange-swap-button-container {
  padding-top: 0.31rem;
}

.Exchange-swap-button-container button {
  border-radius: 3rem !important;
}

.Exchange-swap-button {
  display: block;
  width: 100%;
}

.Exchange-swap-ball-container {
  position: relative;
  z-index: 1;
}

.Exchange-swap-ball-icon {
  text-align: center;
  display: block;
  transform: rotate(90deg);
  font-size: 2rem;
  opacity: 0.8;
  color: #FFFFFF;
}

.Exchange-swap-ball {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  left: 50%;
  margin-left: -1.7825rem;
  top: -2rem;
  border-radius: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background-color: #31343C !important;
  /* background-color: #31343C !important; */
  /* border: 1px solid #34344C; */
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  color: #FFFFFF;
  z-index: 11;
}

.Exchange-swap-ball-gray {
  background-color: var(--text-gray) !important;
}

.Exchange-swap-ball:hover {
  background: var(--primary-btn-hover) !important;
  opacity: .8;
}

.Exchange-swap-ball-gray:hover {
  opacity: .8;
}

.Exchange-swap-ball:active {
  background: var(--primary-btn-active);
  opacity: .8;
}

.Exchange-swap-ball:hover .Exchange-swap-ball-icon {
  opacity: 1;
  color: #31343C;
}

table.Exchange-list-small {
  width: 100%;
  background: linear-gradient(45deg, rgba(11, 5, 55, 0.6) 0%, rgba(21, 3, 48, 0.6) 100%);
}

table.Exchange-list-small th,
table.Exchange-list-small td {
  font-weight: normal;
  text-align: left;
  padding: 1.05rem;
}

.Exchange-list-card-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.8rem;
}

.Exchange-list-title {
  display: inline-block;
  white-space: nowrap;
}

.PositionList-token-icon {
  margin-right: 0.5rem;
  width: 20px !important;
  height: 20px !important;
}

.remove-top-margin {
  margin-top: -1.05rem;
}

.Position-list-active-orders .Tooltip-popup {
  max-width: 5rem;
}

.Exchange-list-info-label {
  font-size: var(--font-sm);
  margin-top: 0.31rem;
}

.Exchange-list-muted {
  font-size: var(--font-sm);
}

.Exchange-list-card .Exchange-list-side {
  text-align: right;
}

.Exchange-list-card .Exchange-list-size-info {
  margin-bottom: 0.8rem;
}

.Confirmation-box {
  font-size: 2rem;
}

.Confirmation-box-main {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 1.5rem 0 2.325rem;
}
.Confirmation-box-main-icon {
  margin: 0.5rem 0;
}
.Confirmation-box-main-icon:after {
  content: "↓";
}
.Confirmation-box-main-icon.dot:after {
  content: "•";
}

.Confirmation-box .Modal-content {
  width: 36rem;
}

.Confirmation-box-row {
  margin-top: 1.5rem;
}

.Confirmation-box-button {
  margin-top: 1rem;
  width: 100%;
}

.Exchange-footer {
  text-align: center;
  padding-top: 3.1rem;
  height: 7.75rem;
}
.cancel-order-btn {
  margin-right: 1.5rem;
  background: none;
  border: none;
  color: #FFFFFF;
  padding: 0;
}
.cancel-order-btn:hover {
  opacity: 0.8;
}
.cancel-order-btn:disabled {
  opacity: 0.6;
}

.chart-positions:hover {
  opacity: 0.8;
}
.chart-positions.span:hover {
  opacity: 1;
}

.position-list-collateral {
  display: flex;
  align-items: flex-end;
}

.position-list-collateral .edit-icon {
  cursor: pointer;
  margin-left: 0.5rem;
  display: inline-flex;
  align-items: center;
  opacity: 0.7;
}
.position-list-collateral .edit-icon:hover {
  opacity: 1;
}

.Useful-links-exchange {
  display: none;
}

.ExchangeChart-error {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;

  background: #000000;;
  border-radius: 0.5rem;
}

.Position-leverage {
  margin-right: 0.25rem;
}

.Position-pnl.negative:hover {
  color: #fb5971;
}

.Position-pnl.positive:hover {
  color: #56dba8;
}

.ExchangeChart-header {
  border-radius: 0;
}

.VersionSwitch-wrapper {
  padding: 1.5rem;
  box-sizing: border-box;
}

.ExchangeChat-info-mobile-hide {
  background: #101010;;
}

.colgroup-col-w {
  width: 100%;
}
.colgroup-col-positions {
  width: 18%;
  min-width: 24rem;
}
.colgroup-col-pnl {
  width: 14%;
  min-width: 14rem;
}
.colgroup-col-collateral {
  width: 12%;
}

@media (max-width: 1800px) {
  .left-icon-box {
    display: block !important;
  }
  .right-icon-box {
    display: block !important;
  }
}

@media (max-width: 1520px) {
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
  .colgroup-col-w {
    width: 129%;
  }
  .colgroup-col-positions {
    width: 24%;
    min-width: 23rem;
  }
  .colgroup-col-pnl {
    width: 15%;
    min-width: 15rem;
  }
  .colgroup-col-collateral {
    width: 14%;
    min-width: 12rem;
  }
  .ExchangeChart-top-inner {
    margin-right: 42px;
  }
  .right-icon-box {
    display: block;
  }
  .left-icon-box {
    display: block;
  }
}

@media (max-width: 1480px) {
  .Exchange-list {
    display: none;
  }
  .Exchange-list.small {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  .Exchange-list-title,
  .Position-leverage {
    margin-right: 1rem;
  }
  .Exchange-empty-positions-list-note.small {
    display: block;
  }
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 1275px) {
  .ExchangeChart-top-inner {
    grid-gap: 2.5rem;
  }
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 1200px) {
  /* .Chart-24h-low {
    display: none;
  } */
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 1024px) {
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }

  .Chart-24h-low {
    display: block;
  }

  .ExchangeChart-header {
    grid-template-columns: 0;
  }

  .VersionSwitch-wrapper {
    padding: 1rem;
  }

  /* .ExchangeChart.tv .ExchangeChart-bottom {
    top: 12rem;
  } */

  .ExchangeChart.tv .ExchangeChart-bottom-header {
    display: block;
  }

  .ExchangeChart.tv .ExchangeChart-bottom-stats {
    margin-left: 0;
  }

  .ExchangeChart.tv .ExchangeChart-bottom-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }

  .Exchange-list-tabs {
    margin-top: 0;
  }

  .Exchange-wallet-tokens {
    display: none;
  }

  .Exchange-swap-placeholder {
    display: none;
  }


  .Exchange-content {
    grid-template-columns: 1fr;
  }

  .Exchange-lists,.ExchangeChart-header.large {
    display: none;
  }

  .Exchange-lists.small {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .ExchangeChart-header.small {
    display: block;
    background-color: transparent;
  }

  .Exchange-swap-box .TokenSelector .Modal {
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .order-error-message {
    white-space: pre-line;
    display: block;
    margin-bottom: 10px;
  }

  .Exchange-swap-box .TokenSelector .Modal,
  .Selector .Modal {
    align-items: center;
    justify-content: center;
  }

  input.Exchange-swap-input {
    max-width: 15.5rem;
  }

  .ExchangeChart-bottom-controls .Tab .Tab-option {
    width: 3.875rem;
    padding: 0.465rem 0;
    font-size: 1.25rem;
  }
  .Exchange-swap-box .TokenSelector .Modal {
    margin: 0 0.5rem;
  }

  .Exchange-swap-info-group {
    display: grid;
    grid-gap: 1rem;
  }

  .Exchange-swap-market-box {
    margin-top: 0;
  }
}
/* @media (max-width:1280px) {
  .ExchangeChart-additional-info {
    display: none;
  }
} */
@media (max-width: 800px) {
  .ExchangeChart-top-inner {
    display: none;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
  }
  .right-icon-box {
    display: none;
  }
  .left-icon-box {
    display: none;
  }

  /* .ExchangeChart.tv .ExchangeChart-bottom {
    top: 10rem;
  } */

  .Exchange-content {
    padding: 1rem;
    padding-top: 1rem;
  }

  .Exchange {
    padding-top: 1.5rem !important;
  }
  .Useful-links-swapbox {
    display: none;
  }

  .Useful-links-exchange {
    display: block;
  }
  .Exchange-list.small {
    grid-template-columns: 1fr;
  }

  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 550px) {
  .ExchangeChart-top-inner {
    grid-template-columns: auto auto;
  }
  .Chart-24h-change {
    display: none;
  }
  .Exchange-left-top {
    margin-bottom: 3.5rem;
  }
}

@media (max-width: 450px) {
  .Exchange-left-top {
    margin-bottom: 3.5rem;
  }
  /* .ExchangeChart.tv .ExchangeChart-bottom {
    top: 8rem;
  } */
  .ExchangeChat-info-mobile-hide {
    display: none;
  }
  .chart-positions {
    display: none;
  }
  .Chart-min-max-price {
    display: none;
  }
  .ExchangeChart-top-inner {
    grid-template-columns: auto;
  }
  .swap-points-tips {
    display: block !important;
    border-radius: 3rem !important;
  }
}

@media (max-width: 375px) {
  .Exchange-left-top {
    margin-bottom: 3.5rem;
  }

  .Exchange-list .Tooltip-popup,
  .Exchange-list .App-card .Tooltip-popup {
    min-width: 27rem;
  }
}

.swap-points-tips {
  padding: 0.5rem 2.5rem;
  border-radius: 2.5rem;
  display: inline;
}

.Exchange {
  /* max-width: 155rem; */
  margin: auto;
  justify-content: space-between;
}

.Exchange-left-top {
  margin-bottom: 1.5rem;
  color: #C9C9C9;
  font-size: 14px;
  font-weight: 400;
}

.Exchange-trigger-order-info {
  color: #787878;
  border: 1px solid #23263b;
}

.Exchange-list-tab-container {
  display: flex;
  align-items: center;
  padding:0 14px 0 0px;
}
.Exchange-list-tab-container .Tab.inline .Tab-option{
  padding: 0 6px 10px 6px;
  margin-right: 10px;
  position: relative;
  color: #787878;
  font-size: 12px;
  line-height: 20px;
  font-family: IBMPlexSansJP-Medium !important;
}

/* .Exchange-list-tab-container .Tab.inline .Tab-option::after {
  content: '';
  height: 45px;
  position: absolute;
  top: -11px;
  right: 0;
  bottom: 0;
  left: 0;
  border-right: 1px solid #161616;
} */

.Exchange-should-show-position-lines {
  font-size: var(--font-sm);
}
.Exchange-should-show-position-lines .active {
  opacity: 1;
}

.Exchange-empty-positions-list-note {
  padding-bottom: 0.5rem;
}

.Exchange-empty-positions-list-note.small {
  display: none;
}

.position-loading-icon {
  display: inline-block;
  font-size: 1.25rem;
  margin-left: 0.8rem;
  color: #FFFFFF;
  vertical-align: middle;
  margin-top: -0.31rem;
}

.Exchange-settings-row {
  margin-bottom: 0.8rem;
}

.Exchange-settings .App-cta {
  margin-top: 1.5rem;
}

.Exchange-content {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 1.5rem;
  padding: 3.1rem;
  padding-top: 0rem;
  margin-top: -1.5rem;
}

.Exchange-position-list-orders {
  white-space: nowrap;
}

.Exchange-lists.large {
  display: block;
  /* background: #101010; */
}

.Exchange-lists.small {
  display: none;
}

.Exchange-right {
  display: grid;
  grid-template-rows: auto 1fr;
}

.Exchange-leverage-slider-settings {
  font-size: var(--font-sm);
  margin-bottom: 0.8rem;
}

.Exchange-leverage-slider-settings .Checkbox {
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
}

.Exchange-wallet-tokens {
  position: relative;
  min-height: 15.5rem;
  display: none;
}

.Exchange-wallet-tokens-content {
  position: absolute;
  top: 1.5rem;
  bottom: 0;
  left: 0;
  right: 0;
}

.Exchange-bottom-header-item {
  display: inline-block;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
  padding-left: 0.155rem;
  opacity: 0.7;
  cursor: pointer;
}

.Exchange-bottom-header-item.active {
  opacity: 1;
  pointer-events: none;
}

.Exchange-swap-connect-wallet {
  text-align: center;
  cursor: pointer;
  border: 1px solid rgb(50, 50, 50);
  border-radius: 3px;
}

.Exchange-swap-connect-wallet:hover {
  background: #272e33;
  border-radius: 0.6rem;
}

.Exchange-swap-settings.Exchange-swap-txns-status {
  text-align: right;
  margin-right: 1.5rem;
}

.Exchange-swap-account .Exchange-swap-address:hover,
.Exchange-swap-account .Exchange-swap-txns-status:hover {
  opacity: 1;
}

.Exchange-leverage-slider {
  margin-top: 1.5rem;
  margin-bottom: 3.4rem;
  padding: 0 0.8rem;
}

.Exchange-swap-leverage-options {
  text-align: right;
}

.Exchange-swap-leverage-option {
  display: inline-block;
  margin-left: 0.8rem;
  padding: 0 0.8rem;
  border-radius: 3px;
  background: #5b2ab0;
  color: #FFFFFF;
  opacity: 0.7;
  cursor: pointer;
}

.Exchange-swap-leverage-option.active {
  background: #842ec9;
  opacity: 1;
  pointer-events: none;
}

.Exchange-swap-leverage-option:hover {
  opacity: 1;
}

.Exchange-swap-leverage-unlock-icon {
  font-size: 0.8rem;
  vertical-align: middle;
  margin-top: -0.31rem;
}

.Exchange-swap-placeholder {
  height: 11.175rem;
  position: relative;
}

.Exchange-wave {
  z-index: 1;
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 1.5rem;
  bottom: 1.5rem;
  -webkit-mask-image: url(/static/media/wave-01.3c9bce1edb0459972f2a.png);
          mask-image: url(/static/media/wave-01.3c9bce1edb0459972f2a.png);
  -webkit-mask-size: 90% 90%;
          mask-size: 90% 90%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  filter: blur(5rem);
  background: linear-gradient(
    40deg,
    rgba(96, 4, 189, 1) 0%,
    rgba(65, 105, 224, 1) 22%,
    rgba(99, 8, 191, 1) 23%,
    rgba(51, 9, 115, 1) 37%,
    rgba(255, 36, 145, 1) 38%,
    rgba(201, 16, 161, 1) 50%,
    rgba(171, 10, 163, 1) 59%,
    rgba(117, 4, 128, 1) 67%,
    rgba(96, 29, 196, 1) 68%,
    rgba(92, 55, 204, 1) 84%,
    rgba(84, 88, 214, 1) 100%
  );
  pointer-events: none;
}

.PositionEditor-info-box {
  margin-bottom: 1.05rem;
}

.PositionEditor-keep-leverage-settings .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.PositionEditor-accept-profit-warning .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.PositionEditor-allow-higher-slippage .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.ExchangeChart-range-option {
  display: inline-block;
  margin-right: 1.5rem;
  font-size: var(--font-sm);
  cursor: pointer;
  opacity: 0.6;
}

.ExchangeChart-range-option:hover {
  opacity: 0.8;
}

.ExchangeChart-range-option.active {
  opacity: 1;
}

.ExchangeChart {
  position: relative;
}

.ExchangeChart-main-price {
  font-size: 1.7rem;
}

.ExchangeChart-info-label {
  font-size: 1.25rem;
  opacity: 0.7;
}

.ExchangeChart-top-inner {
  display: flex;
  align-items: center;
}

.ExchangeChart-dollar-sign {
  display: inline-block;
  margin-right: 0.465rem;
  opacity: 0.7;
}

.ExchangeChart-main-price-text {
  display: inline-block;
}

.ExchangeChart-info {
  /* background-color: #101010; */
  border-radius: 5rem !important;
  font-size: var(--font-base);
  padding: 0px;
  display: flex;
  align-items: center;
  height: 75px;
}

.ExchangeChat-info-bottom {
  border: 0;
}

.ExchangeChart.tv .ExchangeChart-bottom {
  height: 100%;
}
.ExchangeChart-bottom-controls {
  display: inline-block;
}
.ExchangeChart-bottom-controls .Tab .Tab-option {
  width: 4.65rem;
  padding: 0.8rem 0;
}
.ExchangeChart.tv .ExchangeChart-bottom-header {
  position: absolute;
  display: flex;
  top: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  z-index: 5;
}
.ExchangeChart.tv .ExchangeChart-bottom-stats {
  font-size: var(--font-sm);
  padding: 0.8rem 0;
  margin-left: 3.1rem;
  white-space: nowrap;
  z-index: 2;
}
.ExchangeChart-bottom-stats-label {
  color: #787878;
  font-weight: bold;
}
.ExchangeChart-bottom-stats-value {
  display: inline-block;
  margin-left: 0.31rem;
  margin-right: 0.8rem;
}
.length-5 .ExchangeChart-bottom-stats-value {
  width: 6.2rem;
}
.length-4 .ExchangeChart-bottom-stats-value {
  width: 5.25rem;
}
.length-3 .ExchangeChart-bottom-stats-value {
  width: 4.35rem;
}
.length-2 .ExchangeChart-bottom-stats-value {
  width: 3.41rem;
}
.length-1 .ExchangeChart-bottom-stats-value {
  width: 2.48rem;
}

.ExchangeChart.tv .ExchangeChart-bottom-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow: hidden;
}

.Exchange-price-tooltip {
  font-size: var(--font-sm);
  background: linear-gradient(90deg, rgba(57, 28, 147, 0.9) 0%, rgba(66, 24, 140, 0.9) 100%);
  padding: 0.9rem;
  border: 1px solid rgba(30, 9, 94, 0.5);
  line-height: 2rem;
}

.Exchange-price-time {
  font-size: 1.25rem;
  font-weight: normal;
}

.Error-modal .Modal-content {
  width: 31rem;
}

.PositionEditor .Modal-content {
  width: 38rem;
  position: absolute;
  max-height: 80vh;
  overflow: hidden;
  border: none;
  top: auto;
  bottom: auto;
}

.PositionEditor .Modal-content .Modal-body {
  overscroll-behavior: smooth;
  max-height: calc(80vh - 8.525rem);
  overflow-y: auto;
}

.PositionEditor .Tab {
  margin-bottom: 1.05rem;
}

.PositionEditor-token-symbol {
  font-size: 12px;
  text-align: right;
}

.Order-editor-tokens .Order-editor-icon {
  vertical-align: bottom;
  height: 2.5rem;
}

.Swap-limit-icon {
  vertical-align: bottom;
  height: 2.5rem;
}

.ExchangeChart-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.Exchange-list-modal .Modal-content {
  width: 36rem;
}

.Exchange-list {
  width: 100%;
}

.Position-list-order {
  cursor: pointer;
}

.Position-list-order:not(:first-child) {
  white-space: nowrap;
  margin-top: 8px;
}

.Position-list-order .Position-list-order-label {
  display: flex;
  justify-content: space-between;
  align-self: center;
}

.active-order-tooltip {
  background: rgba(180, 187, 255, 0.1);
  padding: 1rem;
  border-radius: var(--border-radius-sm);
  white-space: normal;
}

.active-order-tooltip:hover {
  background: rgba(108, 121, 173, 0.6);
}

.active-order-tooltip > .active-order-error {
  margin-top: 1rem;
  white-space: normal;
}

.order-error span {
  text-decoration-color: var(--error-red);
  color: var(--error-red);
}

.order-error .Tooltip-popup {
  white-space: pre-line;
}

.Order-list-item-text {
  line-height: 1.4;
}

.Exchange-list .App-card {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.Exchange-list .Tooltip-popup,
.Exchange-list .App-card .Tooltip-popup {
  min-width: 32rem;
}

.Exchange-list-item-error {
  color: var(--error-red);
  margin-top: 0.465rem;
  font-size: var(--font-sm);
}

.Exchange-list.small {
  display: none;
}

.Collateral-warning .Tooltip-handle {
  color: var(--warning-yellow);
  text-decoration-color: var(--warning-yellow);
}

button.Exchange-list-action {
  font-size: var(--font-base);
  padding: 0;
  border-radius: 3px;
  background: none;
  border: none;
  color: #787878;
  margin: 0 0.3rem;
}

button.Exchange-list-action:hover {
  color: rgba(255, 255, 255, 1);
}

table.Exchange-list {
  border-collapse: collapse;
}

table.Exchange-list th,
table.Exchange-list td {
  font-weight: normal;
  text-align: left;
  padding: 0 1.05rem;
  padding-left: 1.5rem;
}

table.Exchange-list.Orders th,
table.Exchange-list.Orders td {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}

table.Exchange-list tr {
  border-bottom: 1px solid #161616;
}

table.Exchange-list tr:last-child {
  border-bottom: none;
}



table.Exchange-list tr.Exchange-list-header {
  background: none;
  font-size: var(--font-md);
}

table.Exchange-list tr.Exchange-list-header th {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  min-width: 11rem;
}
table.Exchange-list tr.Exchange-list-header-order th {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  min-width: 4.5rem !important; 
}

table.Exchange-list th {
  opacity: 0.7;
}

table.Exchange-list .Exchange-list-item {
  border-left: 2px solid transparent;
}

table.Exchange-list .Exchange-list-item td:first-child {
  padding-left: 1.3rem;
}

table.Exchange-list .Exchange-list-item-active {
  border-left: 2px solid #3a3f79;
}

.Position-card-title {
  position: relative;
}

.Position-active-card::before {
  content: "";
  border-left: 2px solid #3a3f79;
  position: absolute;
  left: -7px;
  bottom: -1px;
  height: 21px;
}

.Exchange-leverage-box {
  margin-bottom: 1.05rem;
  /* padding: 1.5rem; */
  margin-top: 1.5rem;
  /* padding-bottom: 1.5rem; */
  background: #101010;;
  border-radius: 1rem;
}

.Exchange-swap-box-info {
  margin-bottom: 1.05rem;
}

.Exchange-info-row {
  display: grid;
  grid-template-columns: auto auto;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
  align-items: baseline;
}

.Exchange-info-row.top-line {
  border-top: 1px solid #23263b;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.Exchange-info-label {
  color: var(--text-gray);
  margin-right: 0.8rem;
}
.Exchange-info-value-warning {
  color: var(--error-red);
}

.Confirmation-box-info,
.Confirmation-box-info a,
.Confirmation-box-warning,
.Confirmation-box-warning a {
  font-size: 1.3rem;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.Confirmation-box-info,
.Confirmation-box-info a {
  opacity: 0.7;
  color: var(--warning-yellow);
}

.Confirmation-box-warning,
.Confirmation-box-warning a {
  color: var(--error-red);
}

.Exchange-swap-usd {
  display: inline-block;
  font-size: var(--font-sm);
}

.Exchange-swap-box {
  width: 100%;
}

@media (min-width: 1024px) {

  .Exchange-swap-box {
    width: 380px;
  }
}

.Exchange-swap-box {
  position: relative;
}

.Exchange-swap-market-box-title {
  font-size: var(--font-md);
  margin-bottom: 1.25rem;
  display: flex;
  color: #D4D4D8;
}

.Exchange-swap-box-inner {
  /* padding: 1.5rem; */
  padding: 0;
}

.Exchange-swap-market-box {
  padding: 12px;
  margin-top: 1.25rem;
  padding-bottom: 12px;
  background: #101010;;
}

.Exchange-swap-market-box .App-card-divider {
  margin: 0 -1.5rem 1.5rem;
}

.Exchange-swap-box .Radio {
  margin-bottom: 1.05rem;
}

.Exchange-swap-box .Overlay-content-outer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 15.5rem;
}

.Exchange-swap-box .Overlay-content {
  padding: 1.05rem;
}

.Exchange-swap-box .TokenSelector .Modal,
.Selector .Modal {
  align-items: flex-start;
  justify-content: flex-end;
}

.Exchange-swap-box .Tab {
  margin-bottom: 1.05rem;
}

.Exchange-swap-section {
  padding: 1.5rem;
  margin-bottom: 1.05rem;
  /* background: #1a1a1a; */
  outline: 0rem solid transparent;
  outline-offset: -0.1rem;
  border-radius: 1rem;
}

.Exchange-swap-section:hover {
  outline-color: #4dd86439;
}

.Exchange-swap-section:focus-within {
  outline-color: var(--primary-color);
}

.Exchange-swap-option-tabs-none {
  display: none !important;
}

.Exchange-swap-option-tabs.Tab.block .Tab-option {
  padding: 1.05rem;
  border-radius: 2rem;
}

.Exchange-swap-order-type-tabs {
  margin-top: 1.5rem;
  margin-bottom: 0px !important;
}
.Exchange-swap-order-type-tabs .Tab-option{
  margin-right: 18px;
  font-size: 12px;
  border: 0 !important;
  font-family: IBMPlexSansJP-Medium !important;
}
.Exchange-swap-option-tabs.Tab.block .Tab-option-icon {
  margin-top: -0.155rem;
  transform: scale(0.75);
  vertical-align: middle;
  /* margin-right: 0.8rem; */
  display: none;
}

.Exchange-swap-section-top {
  display: grid;
  grid-template-columns: auto auto;
  font-size: var(--font-sm);
  padding-bottom: 1.25rem;
  line-height: 1;
}

.Exchange-swap-section-bottom {
  display: grid;
  grid-template-columns: 1fr auto;
  padding-bottom: 0.31rem;
}

.Exchange-swap-input-container {
  position: relative;
  overflow: hidden;
}

.Exchange-swap-max {
  position: absolute;
  left: 1.25rem;
  top: 0;
  padding: 2px 10px;
  color: #FFFFFF;
  /* outline: 1rem solid rgba(33, 37, 64, 1); */
  border-radius: 3px;   
  z-index: 1;
  cursor: pointer;
  font-size: var(--font-sm);
  background-color: #2C324C !important;
  border: none;
  margin-right: 1rem;
}

.Exchange-swap-max:hover {
  color: #FFFFFF !important;
  background-color: #383DFA !important;
}

.Exchange-swap-max:active {
  background: var(--primary-btn-active);
}

.Exchange-swap-section-bottom .TokenSelector-box {
  font-size: 2.1rem;
}

.Exchange-leverage-box .TokenSelector-caret {
  font-size: var(--font-base);
  margin-left: 0.31rem;
}

input.Exchange-swap-input {
  padding: 0;
  max-width: 100%;
  font-size: 16px;
  width: 100%;
  padding-right: 2rem;
}
input.Exchange-swap-input.small {
  max-width: 14.725rem;
}

.Exchange-swap-button-container {
  padding-top: 0.31rem;
}

.Exchange-swap-button-container button {
  border-radius: 3rem !important;
}

.Exchange-swap-button {
  display: block;
  width: 100%;
}

.Exchange-swap-ball-container {
  position: relative;
  z-index: 1;
}

.Exchange-swap-ball-icon {
  text-align: center;
  display: block;
  transform: rotate(90deg);
  font-size: 2rem;
  opacity: 0.8;
  color: #FFFFFF;
}

.Exchange-swap-ball {
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  left: 50%;
  margin-left: -1.7825rem;
  top: -2rem;
  border-radius: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  background-color: #31343C !important;
  /* background-color: #31343C !important; */
  /* border: 1px solid #34344C; */
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  color: #FFFFFF;
  z-index: 11;
}

.Exchange-swap-ball-gray {
  background-color: var(--text-gray) !important;
}

.Exchange-swap-ball:hover {
  background: var(--primary-btn-hover) !important;
  opacity: .8;
}

.Exchange-swap-ball-gray:hover {
  opacity: .8;
}

.Exchange-swap-ball:active {
  background: var(--primary-btn-active);
  opacity: .8;
}

.Exchange-swap-ball:hover .Exchange-swap-ball-icon {
  opacity: 1;
  color: #31343C;
}

table.Exchange-list-small {
  width: 100%;
  background: linear-gradient(45deg, rgba(11, 5, 55, 0.6) 0%, rgba(21, 3, 48, 0.6) 100%);
}

table.Exchange-list-small th,
table.Exchange-list-small td {
  font-weight: normal;
  text-align: left;
  padding: 1.05rem;
}

.Exchange-list-card-header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.8rem;
}

.Exchange-list-title {
  display: inline-block;
  white-space: nowrap;
}

.PositionList-token-icon {
  margin-right: 0.5rem;
  width: 20px !important;
  height: 20px !important;
}

.remove-top-margin {
  margin-top: -1.05rem;
}

.Position-list-active-orders .Tooltip-popup {
  max-width: 5rem;
}

.Exchange-list-info-label {
  font-size: var(--font-sm);
  margin-top: 0.31rem;
}

.Exchange-list-muted {
  font-size: var(--font-sm);
}

.Exchange-list-card .Exchange-list-side {
  text-align: right;
}

.Exchange-list-card .Exchange-list-size-info {
  margin-bottom: 0.8rem;
}

.Confirmation-box {
  font-size: 2rem;
}

.Confirmation-box-main {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin: 1.5rem 0 2.325rem;
}
.Confirmation-box-main-icon {
  margin: 0.5rem 0;
}
.Confirmation-box-main-icon:after {
  content: "↓";
}
.Confirmation-box-main-icon.dot:after {
  content: "•";
}

.Confirmation-box .Modal-content {
  width: 36rem;
}

.Confirmation-box-row {
  margin-top: 1.5rem;
}

.Confirmation-box-button {
  margin-top: 1rem;
  width: 100%;
}

.Exchange-footer {
  text-align: center;
  padding-top: 3.1rem;
  height: 7.75rem;
}
.cancel-order-btn {
  margin-right: 1.5rem;
  background: none;
  border: none;
  color: #FFFFFF;
  padding: 0;
}
.cancel-order-btn:hover {
  opacity: 0.8;
}
.cancel-order-btn:disabled {
  opacity: 0.6;
}

.chart-positions:hover {
  opacity: 0.8;
}
.chart-positions.span:hover {
  opacity: 1;
}

.position-list-collateral {
  display: flex;
  align-items: flex-end;
}

.position-list-collateral .edit-icon {
  cursor: pointer;
  margin-left: 0.5rem;
  display: inline-flex;
  align-items: center;
  opacity: 0.7;
}
.position-list-collateral .edit-icon:hover {
  opacity: 1;
}

.Useful-links-exchange {
  display: none;
}

.ExchangeChart-error {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;

  background: #000000;;
  border-radius: 0.5rem;
}

.Position-leverage {
  margin-right: 0.25rem;
}

.Position-pnl.negative:hover {
  color: #fb5971;
}

.Position-pnl.positive:hover {
  color: #56dba8;
}

.ExchangeChart-header {
  border-radius: 0;
}

.VersionSwitch-wrapper {
  padding: 1.5rem;
  box-sizing: border-box;
}

.ExchangeChat-info-mobile-hide {
  background: #101010;;
}

.colgroup-col-w {
  width: 100%;
}
.colgroup-col-positions {
  width: 18%;
  min-width: 24rem;
}
.colgroup-col-pnl {
  width: 14%;
  min-width: 14rem;
}
.colgroup-col-collateral {
  width: 12%;
}

@media (max-width: 1560px) {
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
  .colgroup-col-w {
    width: 129%;
  }
  .colgroup-col-positions {
    width: 24%;
    min-width: 23rem;
  }
  .colgroup-col-pnl {
    width: 15%;
    min-width: 15rem;
  }
  .colgroup-col-collateral {
    width: 14%;
    min-width: 12rem;
  }
}
@media (max-width: 1500px) {
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
  .colgroup-col-w {
    width: 129%;
  }
  .colgroup-col-positions {
    width: 24%;
    min-width: 23rem;
  }
  .colgroup-col-pnl {
    width: 15%;
    min-width: 15rem;
  }
  .colgroup-col-collateral {
    width: 14%;
    min-width: 12rem;
  }
}

@media (max-width: 1480px) {
  .Exchange-list.large {
    display: none;
  }
  .Exchange-list.small {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
  .Exchange-list-title,
  .Position-leverage {
    margin-right: 1rem;
  }
  .Exchange-empty-positions-list-note.small {
    display: block;
  }
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 1275px) {
  .ExchangeChart-top-inner {
    grid-gap: 2.5rem;
  }
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 1200px) {
  /* .Chart-24h-low {
    display: none;
  } */
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 1024px) {
  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }

  .Chart-24h-low {
    display: block;
  }

  .ExchangeChart-header {
    grid-template-columns: 0;
  }

  .VersionSwitch-wrapper {
    padding: 1rem;
  }

  /* .ExchangeChart.tv .ExchangeChart-bottom {
    top: 12rem;
  } */

  .ExchangeChart.tv .ExchangeChart-bottom-header {
    display: block;
  }

  .ExchangeChart.tv .ExchangeChart-bottom-stats {
    margin-left: 0;
  }

  .ExchangeChart.tv .ExchangeChart-bottom-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }

  .Exchange-list-tabs {
    margin-top: 0;
  }

  .Exchange-wallet-tokens {
    display: none;
  }

  .Exchange-swap-placeholder {
    display: none;
  }


  .Exchange-content {
    grid-template-columns: 1fr;
  }

  .Exchange-lists.large {
    display: none;
  }

  .Exchange-lists.small {
    display: block;
    width: 100%;
    overflow-x: auto;
  }

  .Exchange-swap-box .TokenSelector .Modal {
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
  }

  .order-error-message {
    white-space: pre-line;
    display: block;
    margin-bottom: 10px;
  }

  .Exchange-swap-box .TokenSelector .Modal,
  .Selector .Modal {
    align-items: center;
    justify-content: center;
  }

  input.Exchange-swap-input {
    max-width: 15.5rem;
  }

  .ExchangeChart-bottom-controls .Tab .Tab-option {
    width: 3.875rem;
    padding: 0.465rem 0;
    font-size: 1.25rem;
  }
  .Exchange-swap-box .TokenSelector .Modal {
    margin: 0 0.5rem;
  }

  .Exchange-swap-info-group {
    display: grid;
    grid-gap: 1rem;
  }

  .Exchange-swap-market-box {
    margin-top: 0;
  }
}
/* @media (max-width:1280px) {
  .ExchangeChart-additional-info {
    display: none;
  }
} */
@media (max-width: 800px) {
  .ExchangeChart-top-inner {
    display: none;
    grid-template-columns: auto auto auto auto auto auto auto auto auto;
  }
  .right-icon-box {
    display: none;
  }

  /* .ExchangeChart.tv .ExchangeChart-bottom {
    top: 10rem;
  } */

  .Exchange-content {
    padding: 1rem;
    padding-top: 1rem;
  }

  .Exchange {
    padding-top: 1.5rem !important;
  }
  .Useful-links-swapbox {
    display: none;
  }

  .Useful-links-exchange {
    display: block;
  }
  .Exchange-list.small {
    grid-template-columns: 1fr;
  }

  .remove-top-margin .active-btn {
    margin-right: 1rem;
  }
}

@media (max-width: 550px) {
  .ExchangeChart-top-inner {
    grid-template-columns: auto auto;
  }
  .Chart-24h-change {
    display: none;
  }
  .Exchange-left-top {
    margin-bottom: 3.5rem;
  }
}

@media (max-width: 450px) {
  .Exchange-left-top {
    margin-bottom: 3.5rem;
  }
  /* .ExchangeChart.tv .ExchangeChart-bottom {
    top: 8rem;
  } */
  .ExchangeChat-info-mobile-hide {
    display: none;
  }
  .chart-positions {
    display: none;
  }
  .Chart-min-max-price {
    display: none;
  }
  .ExchangeChart-top-inner {
    grid-template-columns: auto;
  }
  .swap-points-tips {
    display: block !important;
    border-radius: 3rem !important;
  }
}

@media (max-width: 375px) {
  .Exchange-left-top {
    margin-bottom: 3.5rem;
  }

  .Exchange-list .Tooltip-popup,
  .Exchange-list .App-card .Tooltip-popup {
    min-width: 27rem;
  }
}

.swap-points-tips {
  padding: 0.5rem 2.5rem;
  border-radius: 2.5rem;
  display: inline;
}

.TradeHistory{padding:10px;overflow-x:auto}.Claims-row{display:flex;flex-direction:row;padding:.1rem 1.5rem;align-items:center;flex:1 1}.Claims-card{border:.5px solid #161616;font-size:var(--font-base);margin-bottom:.8rem;padding-bottom:1rem;border-radius:1rem}.Claims-title{border-bottom:1px solid #161616;padding:1rem 1.5rem;font-size:1.5rem}.Claims-col{justify-content:center;align-items:flex-start;display:flex;flex-direction:column;padding:1rem 0}.Claims-col+.Claims-col{margin-left:3rem}.Claims-col .muted{margin-bottom:.2rem}.Claims-claim-button.primary{cursor:pointer;border-radius:4px;font-size:var(--font-sm);line-height:2rem;font-weight:normal;letter-spacing:0px;color:#fff;padding-left:16px;padding-right:16px;text-decoration:none;box-sizing:border-box;position:relative;min-height:36px;display:inline-flex !important;align-items:center;border:none;background:rgba(194,200,255,.0392156863);margin-left:40px;height:0}.Claims-claim-button.secondary{cursor:pointer;font-size:var(--font-sm);font-weight:normal;letter-spacing:0px;text-decoration:none;box-sizing:border-box;position:relative;min-height:36px;display:inline-flex !important;align-items:center;border:none;margin-left:auto;height:0;background-color:rgba(0,0,0,0);color:#787878}.Claims-claim-button.secondary:hover{color:#fff}.Claims-col-title{white-space:nowrap;margin-bottom:1.8rem;width:7rem}.Claims-rows{display:flex;flex-direction:column}.Claims-rows-horizontal.Claims-rows{display:flex;flex-direction:row}.Claims-hr{margin:.4rem 1.4rem 0;border-bottom:1px solid #23263b}.Claims-hr-horizontal{margin:.8rem 0 0;border-left:1px solid #23263b}
.Page-title-wrapper{display:flex;flex-direction:column;line-height:1;margin-bottom:2.5rem}.Page-title-wrapper.gapTop{margin-top:2.5rem}.Page-title-wrapper .Page-title-group{display:inline-flex}.Page-title-wrapper .Page-title-group .Page-title__text{position:relative;font-size:32px;font-weight:500;margin:0;color:#d4d4d8}.Page-title-wrapper .Page-title-group .Page-title__icon{margin-left:.5rem;display:flex;justify-content:center;align-items:center;display:none}.Page-title-wrapper .Page-subtitle-group{color:#787878;line-height:1.5;font-size:14px}@media screen and (max-width: 1000px){.Page-title-wrapper{margin-bottom:1.5rem}.Page-title-wrapper.gapTop{margin-top:2rem}.Page-title-wrapper .Page-title-group .Page-title__text{font-size:var(--font-lg)}}.titleTips{margin-left:1.5rem;display:flex;align-items:center;padding:1rem 2.5rem;border-radius:2.5rem}@media(max-width: 450px){.Page-title-wrapper .Page-title-group .titleTips{margin-left:0 !important;margin-top:1.5rem;line-height:2.6rem;padding:1rem 1.5rem;padding-left:0 !important}}
.Footer {
  margin-top: 10px;
  color: #787878;
  /* background: #000000; */
}

.Footer h3 {
  font-size: 2.8rem;
  margin-top: 3rem;
  /* color: #2C7FFF; */
}
.Footer-wrapper {
  text-align: center;
  padding: 5rem 0;
  bottom: 0;
  position: relative;
  /* border-top: 0.5px solid #fff; */
}
/* .Footer-wrapper::after {
  background: linear-gradient(90deg,hsla(0,0%,98%,0),#fbfbfb 30%,#fbfbfb 70%,hsla(0,0%,98%,0));
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
} */
/* .Footer-wrapper::after {
  height: 1px;
  width: 100%;
  content: " ";
  background: linear-gradient(
    90deg,
    rgba(251, 251, 251, 0) 0%,
    rgba(251, 251, 251) 30%,
    rgba(251, 251, 251) 70%,
    rgba(251, 251, 251, 0) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
} */

.Footer-social-link-block {
  margin: 3rem auto;
  display: flex;
  justify-content: center;
}
.line-center {
  display: flex;
  align-items: center;
  position: relative;
}
.line-center-right {
  font-size: 2.2rem;
}
.poweredBy {
  position: absolute;
  display: flex;
  gap: 0.6rem;
  bottom: 3.6rem;
  right: 0;
  color: #787878;
}
.line-center-left::after {
  content: "Join Our Community";
  position: absolute;
  color: #787878;
  bottom: 3.6rem;
  font-size: 2.2rem;
}
.Footer-link {
  color: #787878;
  font-size: var(--font-base);
  line-height: 1.85rem;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
.Footer-link:hover {
  color: #FFFFFF;
}

.Footer-social-link-block .App-social-link {
  margin: 0 1.2rem;
  display: flex;
  width: 6.5rem;
  height: 6.5rem;
  align-items: center;
  justify-content: center;
  /* background: #31343C; */
  border-radius: 50%;
  padding: 1.5rem;
}

.Footer-social-link-block .App-social-link img {
  width: 100%;
  height: 3rem;
  filter: invert(1);
  opacity: 0.8;
}
.Footer-social-link-block .App-social-link:hover img {
  filter: brightness(0) invert(1);
}

.Footer-copyright {
  padding: 1.6rem;
}

.Footer-copyright__text {
  font-family: Circular Std;
  font-size: 1.3rem;
  line-height: 1.3rem;
  letter-spacing: -0.41px;
  color: #787878;
  display: block;
}
.Footer-links {
  margin-top: 8rem;
  padding-top: 30px;
  text-align: center;
  color: #FFFFFF;
  /* border-top: 1px solid #161616; */
}
.Footer-links > a:not(:last-child),
.Footer-links > .a:not(:last-child) {
  padding-right: 2rem;
}

@media (max-width: 500px) {
  .Footer h3 {
    font-size: 2rem;
    margin-top: 0;
  }

  .Footer-social-link-block .App-social-link {
    margin: 0 2rem;
  }

  .Footer-links {
    margin-top: 4rem;
  }
}

.Actions {
  padding: 0 3.565rem;
  padding-top: 3.1rem;
}

.Actions-section {
  padding-bottom: 2rem;
  overflow-wrap: break-word;
}

.Actions-title {
  margin-bottom: 1.5rem;
}

.Actions input {
  font-size: var(--font-base);
  padding: 0;
  margin-left: 0.8rem;
}

.Actions .PositionsList .Exchange-list-action {
  display: none;
}

.Actions .PositionsList .App-button-option {
  display: none;
}

.Actions.action-tabs {
  flex-direction: column;
  gap: 1rem !important;
}
.Actions.action-tab {
  border: 1px solid #2C313A;
  border-radius: 2rem;
  color: #787878;
  background-color: #DFFE001A;
}
.action--active {
  /* background: #DFFE001A; */
  color: #FFFFFF !important;
  position: relative;
}
.action--active::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #D9D9D9;
}
.action-pd {
  padding: 6px 0px;
  border-radius: 3px;
}

.Actions-section .custom-scrollbar {
  width: 100% !important;
}
.TradeHistory-row {
  font-size: var(--font-sm);
  padding: 1rem;
  margin-bottom: 0.8rem;
}

.TradeHistory-time {
  font-size: 1.25rem;
  margin-bottom: 0.155rem;
}

.TradeHistory-item-link {
  display: inline-block;
}

.PositionSeller-token-selector .Modal .Modal-content {
  width: 38rem;
  max-height: 80vh;
  top: auto;
  bottom: auto;
}

.PositionSeller-token-selector .Modal .Modal-content .Modal-body {
  max-height: calc(80vh - 13rem);
}

.PositionSeller-token-selector.warning .TokenSelector-box {
  color: rgb(247, 147, 26);
}

.PositionSeller-token-selector .TokenSelector-box {
  display: inline-flex;
}

.PositionSelector-selected-receive-token {
  white-space: normal;
  display: inline-flex;
  flex: 1 1;
}

.PositionSeller-token-selector .TokenSelector-box .TokenSelector-caret {
  margin-left: 0;
  margin-right: -2px;
  margin-bottom: -2px;
}

.PositionSeller-fee-item {
  margin-bottom: 4px;
}

.PositionSeller-fees-tooltip .Tooltip-popup {
  min-width: 30rem;
}

@media (max-width: 700px) {
  .PositionSeller-fees-tooltip .Tooltip-popup {
    min-width: 30rem;
  }

  .PositionSeller-token-selector .Modal .Modal-content {
    bottom: auto;
  }
}

@media (max-width: 350px) {
  .PositionSeller-receive-row.Exchange-info-row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .Exchange-info-row.PositionSeller-receive-row .TokenSelector-box {
    margin-top: 8px;
    text-align: left;
  }

  .PositionSelector-selected-receive-token.align-right {
    margin-top: 8px;
    text-align: left;
  }
}

.Orders-toa .Modal-content {
  width: 36rem;
  font-size: var(--font-base);
}

.Orders-toa-accept-rules {
  margin-top: 0.31rem;
}

.Orders-toa-accept-rules .Checkbox {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  direction: rtl;
  font-size: var(--font-sm);
  margin-bottom: 0.465rem;
}

.Orders-toa-accept-rules .Checkbox-label {
  margin-right: 0.8rem;
}

.position-share-modal .Modal-content {
  min-width: 36rem;
  width: 52rem;
}
.position-share-modal .actions {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.position-share-modal .icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.position-share {
  aspect-ratio: 1200 / 630;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 2.6rem 3rem 2.1rem;
}

.position-share .logo {
  width: 10rem;
}
.position-share .info {
  list-style: none;
  color: #FFFFFF;
  font-size: 1.25rem;
  display: flex;
  padding-left: 0;
  margin: 0;
}
.position-share .info li {
  margin-right: 1rem;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.70);
}
.position-share .info > .side {
  color: #2C7FFF;
  /* font-weight: 800; */
}
.position-share .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #2C7FFF; */
}
.position-share span {
  font-size: 2.35rem;
}

.position-share .prices {
  max-width: 20rem;
  display: flex;
  flex-direction: column;
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.60);
  gap: 0.6rem;
}
.position-share .prices p {
  margin: 0;
}

.position-share .prices p.price {
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.80);
}
.position-share .prices div {
  display: flex;
}
.position-share .referral-code {
  display: flex;
  /* background: rgba(255, 255, 255, 0.05); */
  max-width: 18rem;
  border-radius: 5px;
  align-items: center;
  padding-bottom: 0.5rem;
}
.position-share .referral-code div {
  display: flex;
  flex-direction: column;
}
.position-share .referral-code .label {
  font-size: 0.9rem;
  line-height: 1;
}
.position-share .referral-code .referral-code-info {
  margin-left: 1rem;
}

.position-share .referral-code img {
  width: 30px;
  height: 30px;
  margin-right: 1rem;
}
.position-share .referral-code p {
  margin: 0;
}
.position-share .code {
  font-weight: 500;
  line-height: 1;
}

.tweet-link-container.disabled {
  cursor: not-allowed;
}

.position-share-modal .App-button-option {
  justify-content: center;
}

a.App-button-option.tweet-link {
  text-decoration: none;
  width: 100%;
}
a.App-button-option.tweet-link.disabled {
  pointer-events: none;
}

.image-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
}
.image-overlay-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #00000055;
  color: #FFFFFF;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  float: right;
  padding: 0 0.25rem;
  border-top-left-radius: 5px;
}
.image-overlay-wrapper .loading-text {
  font-size: 1.1rem;
  margin: 0 0 0 0.5rem;
}
.image-overlay {
  display: flex;
  padding: 0.5rem 0;
  justify-content: center;
  align-items: center;
}

.image-overlay .spinning-loader {
  margin-left: 0.5rem;
}

@media (max-width: 450px) {
  .position-share-modal .Modal-content {
    min-width: 28rem;
    width: 28rem;
  }
  .position-share-modal .Modal-body {
    margin: 1rem;
  }
  .position-share-modal .Modal-title-bar {
    margin: 1rem;
  }
  .position-share {
    padding: 1rem;
  }
  .position-share .logo {
    width: 4rem;
  }
  .position-share .info {
    font-size: 1rem;
  }
  .position-share .pnl {
    font-size: 2rem;

    line-height: 1;
  }
  .position-share .prices {
    max-width: 14rem;
  }
  .position-share .prices p {
    font-size: 0.9rem;
  }
  .position-share .prices p.price {
    font-size: 1rem;
  }
  .position-share .referral-code {
    width: 12rem;
  }
  .position-share .referral-code .label {
    font-size: 0.8rem;
  }
  .position-share .referral-code p {
    font-size: 1rem;
  }
  .position-share-modal .actions {
    margin-top: 1rem;
  }
  .position-share-modal .actions .App-button-option {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 3rem;
  }
  .image-overlay-wrapper .loading-text {
    font-size: 1rem;
  }
}

/* .twitter-btn-animation {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
} */
.gradient {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
}
.gradient:hover {
  animation: shake 0.5s ease-in-out 1;
}

.share-btn::before {
  content: "";
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  background: #222328;
  right: 12px;
  top: 54px;
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes tiltShake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

/* @keyframes gradientAnimation {
  0% {
      fill: #9AE060;
  }
  100% {
      fill: #9AE060;
  }
} */

.Orders-list {
  width: 100%;
  background: linear-gradient(45deg, rgba(11, 5, 55, 0.6) 0%, rgba(21, 3, 48, 0.6) 100%);
  font-size: var(--font-sm);
}

.Orders-list.small {
  display: none;
}

table.Orders-list {
  border-collapse: collapse;
  border: 1px solid #1c0e6a;
}

table.Orders-list th,
table.Orders-list td {
  font-weight: normal;
  text-align: left;
  padding: 1.1rem 1.5rem;
}

table.Orders-list tr {
  background: linear-gradient(90deg, rgba(57, 28, 147, 0.1) 0%, rgba(66, 24, 140, 0.1) 100%);
  border-bottom: 1px solid rgba(28, 14, 106, 0.5);
}

table.Orders-list tr:first-child {
  border-bottom: 1px solid rgba(28, 14, 106, 1);
}

table.Orders-list tr:last-child {
  border-bottom: 1px solid rgba(28, 14, 106, 1);
}

.Orders-list-item:hover {
  background: linear-gradient(90deg, rgba(93, 43, 255, 0.5) 0%, rgba(184, 15, 150, 0.5) 100%);
}

.Orders-list-item-error {
  color: #ff2491;
}

.Orders-list-item-type {
  width: 6rem;
}

table.Orders-list tr.Orders-list-header {
  background: none;
}

table.Orders-list th {
  opacity: 0.7;
}

button.Orders-list-action {
  font-size: var(--font-sm);
  padding: 0;
  border-radius: 3px;
  background: none;
  border: none;
  color: #8b7fe3;
  opacity: 0.9;
}

.checkbox-inline {
  display: inline-flex;
}

button.Orders-list-action:hover {
  color: #d4b3f5;
  opacity: 1;
}

@media (max-width: 1000px) {
  .Orders-list.small {
    display: block;
  }

  .Orders-list.large {
    display: none;
  }
}

.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.TradeHistory{padding:10px;overflow-x:auto}.Claims-row{display:flex;flex-direction:row;padding:.1rem 1.5rem;align-items:center;flex:1 1}.Claims-card{border:.5px solid #161616;font-size:var(--font-base);margin-bottom:.8rem;padding-bottom:1rem;border-radius:1rem}.Claims-title{border-bottom:1px solid #161616;padding:1rem 1.5rem;font-size:1.5rem}.Claims-col{justify-content:center;align-items:flex-start;display:flex;flex-direction:column;padding:1rem 0}.Claims-col+.Claims-col{margin-left:3rem}.Claims-col .muted{margin-bottom:.2rem}.Claims-claim-button.primary{cursor:pointer;border-radius:4px;font-size:var(--font-sm);line-height:2rem;font-weight:normal;letter-spacing:0px;color:#fff;padding-left:16px;padding-right:16px;text-decoration:none;box-sizing:border-box;position:relative;min-height:36px;display:inline-flex !important;align-items:center;border:none;background:rgba(194,200,255,.0392156863);margin-left:40px;height:0}.Claims-claim-button.secondary{cursor:pointer;font-size:var(--font-sm);font-weight:normal;letter-spacing:0px;text-decoration:none;box-sizing:border-box;position:relative;min-height:36px;display:inline-flex !important;align-items:center;border:none;margin-left:auto;height:0;background-color:rgba(0,0,0,0);color:#787878}.Claims-claim-button.secondary:hover{color:#fff}.Claims-col-title{white-space:nowrap;margin-bottom:1.8rem;width:7rem}.Claims-rows{display:flex;flex-direction:column}.Claims-rows-horizontal.Claims-rows{display:flex;flex-direction:row}.Claims-hr{margin:.4rem 1.4rem 0;border-bottom:1px solid #23263b}.Claims-hr-horizontal{margin:.8rem 0 0;border-left:1px solid #23263b}
.Airdrop .stats-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:3rem;margin-bottom:1.5rem}.Airdrop .stats-wrapper .App-card{display:block}.Airdrop-td-text-line{cursor:pointer}.Airdrop-active:hover{opacity:.6}.time-count-down{display:flex;align-items:center;justify-content:flex-start}.MyRewards .title-right-info *{font-weight:normal}.TradingProfit .profit-table{width:100%}.TradingProfit .profit-table th{font-weight:normal;letter-spacing:.25px;color:#787878;text-transform:uppercase;width:25%;padding:1.1rem}.TradingProfit .profit-table td{padding:1.1rem}.mobile-btm{margin-bottom:1.1rem}.rc-pagination{display:flex;align-items:center;color:#787878;font-size:1.5rem;justify-content:flex-end;margin:3rem 0}.rc-pagination-total-text{margin:0 1rem}.rc-pagination-slash{margin:0 5px}.rc-pagination li{padding-bottom:0}.rc-pagination input{padding:5px;border:1px solid rgba(255,255,255,.2);text-align:center;height:2.5rem;border-radius:4px;font-size:1.5rem}.rc-pagination input:focus{border-color:rgba(128,174,14,.6)}.rc-pagination-prev,.rc-pagination-next{width:2rem;height:2rem;margin:0 1rem;cursor:pointer;background-repeat:no-repeat !important;background-size:auto 50% !important}.rc-pagination-prev:hover,.rc-pagination-next:hover{background-size:auto 70% !important}.rc-pagination-prev{background:url(/static/media/prev.65e3439a698ea8b13fff.svg) center}.rc-pagination-next{background:url(/static/media/next.a864f5ebc750341b92c0.svg) center}.rc-pagination-disabled{opacity:.5;cursor:no-drop}@media(max-width: 1024px){.Airdrop .stats-wrapper{grid-template-columns:1fr;grid-gap:1.5rem}.rc-pagination{justify-content:center}}.border-half-shadow{box-shadow:0 0 0 .5px rgba(128,174,14,.6)}.airdrop-main-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(39 39 43 / var(--tw-border-opacity));padding-top:32px;padding-bottom:32px;padding-left:32px;padding-right:32px}.airdrop-main-title{font-size:14px;line-height:30px;--tw-text-opacity:1;color:rgb(249 249 249 / var(--tw-text-opacity))}@media (min-width: 800px){.airdrop-main-title{font-size:17px}}.airdrop-main-title .desc{color:#9f9f9f}.airdrop-main-desc{margin-left:11px;border-radius:10px;padding-top:5px;padding-bottom:5px;padding-left:22px;padding-right:22px;background:rgba(177,240,20,.3)}.AssetDropdown-wrapper{position:relative}.asset-menu-items-airdrop{min-width:0 !important;min-width:initial !important;position:absolute;border:1px solid #32344c;border-radius:8px;overflow:hidden;background:#171717;outline:none;z-index:100;white-space:nowrap}.center-both{display:flex;justify-content:center;align-items:center}.dropdown-arrow{margin-left:.8rem;cursor:pointer;color:#fff;opacity:.8}.dropdown-arrow:hover{opacity:1}.asset-item{display:flex;align-items:center;cursor:pointer;color:#a0a3c4;text-decoration:none;padding:.85rem .8rem;font-size:var(--font-sm);text-align:left;padding-right:30px}.asset-item:hover{background:var(--dark-blue-hover);color:#fff}.asset-item p{margin:0;margin-left:.5rem}.asset-item .asset-item-icon{max-height:1.6rem}@media(max-width: 1100px){.asset-menu-items-airdrop{min-width:18rem;width:auto}.asset-menu-items-airdrop.left{right:0}.asset-menu-items-airdrop.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items-airdrop{width:25rem;white-space:normal}.point-left-icon{display:none}.airdrop-main-item{flex-direction:column;align-items:start;gap:20px}.airdrop-Countdown{flex-direction:column;gap:12px}.pointBox-left{border-left:1px solid #969696}.pointBox{width:170px !important;background-repeat:no-repeat}.point-all-bg,.point-all{border:0 !important}.view-phase{margin-top:1rem}.points-tabs{flex-direction:column;gap:1rem !important}}@media(max-width: 350px){.asset-menu-items-airdrop{width:18rem}.point-left-icon{display:none}}.airdrop-item{background:rgba(255,255,255,.16);margin-top:1px;cursor:pointer;width:46px;height:39px;display:flex;align-items:center;justify-content:center;font-size:15px;color:#787878}.asset-menu-items-airdrop .airdrop-item:first-child{margin-top:0 !important}.airdrop-item:hover{background-color:#2c7fff;color:#171717}.airdrop-active{background-color:#2c7fff;color:#171717}.newTable .rc-pagination-simple-pager{font-size:17px}.tableTab{cursor:pointer;border-bottom-width:2px;padding-top:7px;padding-bottom:7px}.tableTab:hover{--tw-text-opacity:1;color:rgb(44 127 255 / var(--tw-text-opacity))}.tableTab{border-color:rgba(0,0,0,0)}.activeTable{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(44 127 255 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(44 127 255 / var(--tw-text-opacity))}.point-left-flex-center{align-items:center}.point-left-icon{width:22px;height:22px}.points-pd{padding:6px 21px;border-radius:3px}.pointBox-left{border-left:1px solid #969696}.points-tab{border-radius:2rem;color:#787878}.point-all-bg{border-radius:30px;border-left:1px solid rgba(92,124,255,.4)}.pointBox{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:14px;width:210px;height:36PX;background-size:cover;background-position:center}.point-all-bg,.point-all{border:0 !important}.points--active{background:#161616;color:#d4d4d8}.phaseBox{cursor:pointer;border-radius:5px;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(52 52 76 / var(--tw-border-opacity));padding-top:6px;padding-bottom:6px;padding-left:22px;padding-right:22px;font-size:14px;font-weight:500;line-height:16px;--tw-text-opacity:1;color:rgb(159 159 159 / var(--tw-text-opacity))}.phaseBox:hover{opacity:0.8}.phaseBox{background:linear-gradient(90deg, rgba(38, 38, 38, 0.2) 0%, rgba(223, 254, 0, 0.3) 100%)}.trade-select-input{width:67px;border-right:1px solid #000;height:25px;font-size:12px;color:#fff;font-weight:500;text-align:center}.dropdown-btn-menu{display:flex;gap:4px;align-items:center;font-weight:400;color:#787878;justify-content:center;width:100%;height:25px}.options-sty{position:absolute;right:0;top:4.3rem;border-radius:1rem;border:.5px solid #27272b}.phase-menu-items{position:absolute;right:0;top:4.2rem;min-width:10rem;width:100%;transform-origin:top right;border-radius:1rem;border:.5px solid #27272b;list-style:none;cursor:pointer;outline:none;z-index:1000;background:#282b33;overflow:hidden}.phase-menu-items .menu-item{display:flex !important;align-items:center;font-size:var(--font-base);color:#787878;padding-bottom:1.5rem;font-size:var(--font-sm);padding:.85rem .8rem}.phase-menu-items .menu-item:hover{background:#2c7fff !important;opacity:1;color:#eee;font-weight:bold;font-size:18px !important}.phase-menu-items .menu-item>p{margin:0px;padding-left:1rem;white-space:nowrap}.phase-menu-items .menu-item>a{display:inline-flex}.options-menu-items{min-width:6rem;width:100%;list-style:none;cursor:pointer;outline:none;z-index:1000;background:#222328;line-height:4rem;text-align:center;font-size:16px}.options-menu-items:hover{background:#282b33 !important;opacity:1;color:#4fca1e;font-weight:bold;font-size:18px !important}.est-profit-table{border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed;font-size:var(--font-base);border:.5px solid #27272b;border-radius:1rem;padding:10px;margin-bottom:20px;background-color:#101010}.est-profit-table .border-spacing-table{border-collapse:separate;border-spacing:0 10px}.est-profit-table .est-table-head th{font-weight:normal;letter-spacing:.25px;color:#787878;color:#6f6f6f;font-weight:400;text-align:left;white-space:nowrap}.est-profit-table .est-table-head th:last-child{padding-right:1.5rem;text-align:right}.est-profit-table .est-table-tr{background-color:#222328;border-radius:2rem;cursor:pointer}.est-profit-table .est-table-tr:hover{background:rgba(255,255,255,.1019607843)}.est-profit-table .est-table-tr td{padding:.625em;margin-bottom:20px;text-align:left;white-space:nowrap;font-size:14px;font-weight:600;color:#fff;width:33.33%}.est-profit-table .est-table-tr td:last-child{padding-right:1.5rem;text-align:right}.est-profit-table .est-table-tr .earning-col{color:#1ee379 !important}.est-profit-table .est-table-tr-active{background:rgba(255,255,255,.1019607843)}.tp-sl-roi-input{width:60px;height:100%;font-size:12px;padding:0 1.25rem !important}.roiText{border-radius:2px;padding:5px 0;text-align:center;cursor:pointer;font-size:12px;background-color:#31343c;border:1px solid #31343c}.roiText-active{background:rgba(0,255,26,.1) !important;border:1px solid #2c7fff}.select-active-bg{background:#282b33 !important}.premium-card{background:#101010;border-radius:6px;padding:12px}@media(max-width: 450px){.item-header{flex-direction:column;align-items:flex-start;gap:12px}}.textComing{background-image:linear-gradient(to right, #18AA59, #00A6FF);-webkit-background-clip:text;color:rgba(0,0,0,0)}.textACS{background-image:linear-gradient(90deg, #7AE99A 1.11%, #4BAFFF 35.21%, #9772EC 80.52%, #A23AD6 98.54%);-webkit-background-clip:text;color:rgba(0,0,0,0)}.text-total-points{background-image:#2c7fff;-webkit-background-clip:text;color:rgba(0,0,0,0)}
.point-card .card-border{position:relative;border-radius:2rem;background:#101010}.border-radius{border-radius:2rem}.card-border{padding-bottom:3rem !important}.op-btn{width:calc(100% - 5rem) !important;position:absolute;bottom:0;left:2.25rem;margin:1.5rem 0;cursor:pointer}.task-points-tooltip .Tooltip-handle{text-decoration-color:#2c7fff !important}@media(max-width: 1080px){.card-border{padding-bottom:3rem !important}.op-btn{width:calc(100% - 5rem) !important;position:absolute;bottom:0;left:2.25rem;margin:1.5rem 0}}@media(max-width: 400px){.border-bottom{border-bottom:1px solid #161616;padding-bottom:10px}.padding-top{padding-top:10px}}.textColor{color:#787878;font-size:14px}.date-cards{gap:1.5rem}.date-cards .date-card{border:1px solid rgba(255,255,255,.1019607843);padding:1rem}.date-cards .border-active{border:1px solid #2c7fff !important}.check-in-icon{width:20px;height:20px;top:1.5rem;position:absolute;right:12px}.btn-disable{opacity:.6;cursor:no-drop}.otherBtn{background:linear-gradient(90deg, #2C7FFF 0%, #0BE4C3 100%)}.progress-container{width:310px;border-radius:5px;margin-top:10px;color:#fff;text-align:center;background-color:rgba(31,34,32,.8);padding:18px 34px}.progress-label{margin-bottom:5px}.progress-bar{background-color:#6a6b67 !important;border-radius:7px;height:8px;position:relative}.progress-fill{background-color:#2c7fff;height:100%;border-radius:7px;transition:width .3s ease;width:0%}
.points-multiplier{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIgAAAA2CAYAAAAcetFXAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmISURBVHgB7Z1tTBzHGcefmd077ng57nDAbc6Ea2zQEUUEtzZN4kqGllatEitgKVU/NAZLdW0iW3Y/1q3CEbVOpSqKXaz0Qz8YoiqqVKmmHxpZFRUkaQI+Vwq2KuGAU47ClTil5XgJHHA302dmd+/2eLFdjGTDzU/Azu3Mzs7t/Jl5ZndnHgKbzPtPD9dSrj/FNajmhFdzAC+hJIBh4IQA4A+nYGyJsQVCOaf4Se6TaTj+EhlP8UDcJ+KN9PgHj+fiZNRIj/mLz2YeBLcyVzMdHi/iiREn95nxRjkwvYiTaazyiH3yeCLzJyDzXDveKJMZZ55bnkccK08v8mYiG1k2eS6ezkuUw7wukPrOorzie3FOUmXPuHbGOXkEKB3BNDFK2bsJnrh+7EVfL2wiBDaB9/ehKAht4hwaQAOv7QsY2wxBWBeTWBWavrBWfGZ6bqsILmUkBWSmMyo7VYHErGh7em5WUrriwHax1xYtt4SYKQB7BdnLzM04YgjXdiykBJASuhSI2JMpUG4JhGhWvHkNbelT+csycgDb9yWUirymMa4L/x07jzUW9MJ9smGBfFQ94o0DO80IP4P/GYXmhedJjUTnnTQ8l0NvjhTlhqfytJlovnNm8Au5s6DYVPbtiPt3OMBf6GCVbgcJOnRegxrZZbayQkujoNHQD553d8IG2ZBA+qs+EcIIoSS8UsGUzPwnT+/sL/Nc7g56o6B4YFTvSPj3eJbqC13kiBCL2fJFOKGh4xsQyv8lkL7gYAB0/RIeVSuavUUHDQ/vzLv4mwMlYVA8dDTuXmosyk2exAbFb9oxEUYW61q+44vcax73LJD+Jz85zYGFMOhNahAdKXb/vP3r/r+A4qHnhXIUijt5StPgUWHQosXy6vFv556/l2PvSSBXg8OtaFyFRHM1k+fo/P1XStpvlCqbYitRvTPhf6I4edLlZIfBMOZDx7/pbrvbcXcVSDg4dAmF0Sys7YlCx2vnDpVt2OBRPHgOB+NN3jx+Vo6GNNLRUu8+eqf0dxRIuGLoEtoazQnKZ8N7fN9/++lHboJiy/O10mSwvGT5tzjSKcDfjpZvrC8Sul7EtYrhVlRPEyptun+35yUlju3DX8e0m0OT9CXO2Sxark2/7lloXS/tmi1IuHzoNEa8IezeD8t9L7x9QIljO3KgbKmyYifrEiNSHOn86ESd68LKNKtakL7AYIAwCIk7d596neeUOLYvH4w6B6ficI7j/VcGpPWNnoXAyjSrBKJT2oNjZu9cjvaHnzUog3S703XD1TmfoFjP3Ock5NLK+AyBhANDzXjbPJAkJNr7RNFFUGQFfSPkIuMwjiKpfbMnfsYelyEQHMm2YnMD476c9ivV6pZ5tjD2X8fM5By8Jp+CUsCuBh+hmKQEEg4MNqOCAozS8V82PHYZFFnFO3/P6V5OcvHIxOvU46et/SmBoHpasXuBaJFTdS1Zyr9maLsMcJLqZqRArgUGa/FpfVmCkugvVOuRtfQMOsN4a2MGg94331s+KPZJgRBGmsT7XpP5uhq1ZDlzC1RqAB/MNout0cUQ3iA6mfDjvm5QZDX/mCRmDyI0gQK5tmuwFhsPb5KS8Sv71Mgl2xkY1aOcgdCB7GYo3matFjfcxWuCoFAgi4xcFVvGk3vFO+MHRffyuUtXt9QVksUlEFrA5zPkKUrFtAT88JnXOQgKBfLvWQiLWx7AeTXFh3IB8WBurMit7A+FZHqJznBjgolXzOwIiDlNf1IGqsJkepZbr5OWUWMK1+ZMoFJsD8SzGTNIdHN+lkKxJtYsVqgamy8AhWIFYoJeRExfLb295AGFAqkuS/jNYARbEDIluhnv5/NKIArJI/nEEAg2HjjMZTeEDbL79nINKBRIfk6y0gxOo0D4gLiTWrCYDIJCgeQ4wNAChR6qMcdH4j5IzmLyq6BQIA6NSy2wBL9Ovzxe/i7eM5vWGfc/97eYHxRZjTBQdUr8aHbETtW5e833Qdgf8S+vGZ5qBEVW89iORD12KKAB7RKfpUBQLR24ITvmE02gyGo8OURqIJFMyjfLpED2Ryp7USRThHHPiT9PqNFMlnKoaqlRo+AXw1vRvYh9tnkx7Ffib/nE3ClQZCW+PC7qXqyoF7L2pQSiQ1ysOBNzJ2D/mXfG6kGRVRyqSjRSgq0HgcjLB52pl9dTAtkb2RsjnITE2+1f+ix+Vj2byR7EyMWXm5A9B+E0Y9WhjKmX+yIVFzBJr4ZD3u9+MKG6miyhspjJhe4wmNF6CFbN7kfr9SgaKVPehWTTT7tG1ahmm9NYtXTEpbPDaHpgD8LrVsavEsgzkcoIIfxV8YT3i7HlH3+v73YlKLYlYgEZr4v9RITRMG1rqXNHVqZZcwmq/beC59EUaRP2yLO3Zt9SItl+CHGUF7O3jIXMIfRynWvNZTHv+Krh1YqPO4CQJq6RmQ93Fxz53TM71Zvv2wC59JQUB/dg/Xa21Lub10t713dRrwaHDJFgyk8LHefUMphbG2sZTDC8SnScuJ9lMC36gh+HKKGvCE8Fc7na5ffKi9qvPKnegt9KlHmh4Fl//JTbyZuEmxE0Lto2ZSFdi/7K4TOouFewWfIldIhGva7217+1Sy0VsQV4/vHF+pJ8dpZo8CgaHNPYI7Rt6lLcFnIxf4fWgycIiCOXKYlO+HLaX69XQnkYqS+N1+zy8JO6BjXCWQujpJfHydGWxtWjlfXY0HyYvqpbTXJhf0qlUESLMpnv7BwoLei+otyBPFCED5nyIt6Yp7Nm7EoKuOHoaIoQre2Hz61eB/Vu3NeEqb7qW8J4DWEBAtKbkwYkQWF8wamF53L0m5Mex+A/C53R7j1KNJtNWR4UFLvinlzKPCUuVpOrQ6VDJzXiaWzKrRmwGNHoeT2xdOFooy8GG2BTXZJhdg2ok0LLb5vlsssqcKavOTDdgaX9v4lF9hgx5/ml3HWZedjddxGb2zHLrZgZb50vXQZO0n7xjHPIPXa3XqZ7MenWy3SRxmzuxiw3aLY0hqszmgqDkcY4n7UvXU7D5ZjdtZpV7pTLNCutkafcmu7HLP993LpGposzYl1Lywee4baMx/C7dqE4HqxLsvWwnBpisJZR7sULFgDp1DB9YW0CSX22+4ETX3xV5VuCM8Ms7e/O5vPOqky7o0JuCsfmGDHDgWHKkaJduEZlguULzlbh9jzA8JHHzApOH2+lBZuoV/vBs8IifwYpZ4cEbOc0xcw5mN+X2n3csVHs5mOY7wClfCDB4fqxF+9fFHb+Bw7D1UQPD01mAAAAAElFTkSuQmCC) no-repeat center center;background-size:100% 100%}.points-multiplier-text{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.points-tooltip .Tooltip-handle{text-decoration-color:#787878 !important}
.position-share-points-modal .Modal-content {
  min-width: 36rem;
  width: 52rem;
}
.position-share-points-modal .actions {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.position-share-points-modal .icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.position-share-points {
  aspect-ratio: 1200 / 630;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.8rem 2.4rem;
}

.position-share-points .logo {
  width: 10rem;
}
.position-share-points .info {
  list-style: none;
  color: #FFFFFF;
  font-size: 1.25rem;
  display: flex;
  padding-left: 0;
  margin: 0;
}
.position-share-points .info li {
  margin-right: 1rem;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.70);
}
.position-share-points .info > .side {
  color: #2C7FFF;
  /* font-weight: 800; */
}
.position-share-points .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #2C7FFF; */
}

.position-share-points .prices {
  max-width: 20rem;
  display: flex;
  flex-direction: column;
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.60);
  gap: 0.6rem;
}
.position-share-points .prices p {
  margin: 0;
}

.position-share-points .prices p.price {
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.80);
}
.position-share-points .prices div {
  display: flex;
}
.position-share-points .referral-code {
  display: flex;
  /* background: rgba(255, 255, 255, 0.05); */
  max-width: 18rem;
  border-radius: 5px;
  align-items: center;
  padding-bottom: 0.5rem;
}
.position-share-points .referral-code div {
  display: flex;
  flex-direction: column;
}
.position-share-points .referral-code .label {
  font-size: 0.9rem;
  line-height: 1;
}
.position-share-points .referral-code .referral-code-info {
  margin-left: 1rem;
}

.position-share-points .referral-code img {
  width: 30px;
  height: 30px;
  margin-right: 1rem;
}
.position-share-points .referral-code p {
  margin: 0;
}
.position-share-points .code {
  font-weight: 500;
  line-height: 1;
}

.tweet-link-container.disabled {
  cursor: not-allowed;
}

.position-share-points-modal .App-button-option {
  justify-content: center;
}

a.App-button-option.tweet-link {
  text-decoration: none;
  width: 100%;
}
a.App-button-option.tweet-link.disabled {
  pointer-events: none;
}

.image-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
}
.image-overlay-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #00000055;
  color: #FFFFFF;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  float: right;
  padding: 0 0.25rem;
  border-top-left-radius: 5px;
}
.image-overlay-wrapper .loading-text {
  font-size: 1.1rem;
  margin: 0 0 0 0.5rem;
}
.image-overlay {
  display: flex;
  padding: 0.5rem 0;
  justify-content: center;
  align-items: center;
}

.image-overlay .spinning-loader {
  margin-left: 0.5rem;
}

@media (max-width: 450px) {
  .position-share-points-modal .Modal-content {
    min-width: 40rem;
    width: 98%;
  }
  .position-share-points-modal .Modal-body {
    margin: 1rem;
  }
  .position-share-points-modal .Modal-title-bar {
    margin: 1rem;
  }
  .position-share-points {
    padding: 1rem;
  }
  .position-share-points .logo {
    width: 6rem;
  }
  .position-share-points .info {
    font-size: 1rem;
  }
  .position-share-points .pnl {
    font-size: 2rem;

    line-height: 1;
  }
  .position-share-points .prices {
    max-width: 14rem;
  }
  .position-share-points .prices p {
    font-size: 0.9rem;
  }
  .position-share-points .prices p.price {
    font-size: 1rem;
  }
  .position-share-points .referral-code {
    width: 12rem;
  }
  .position-share-points .referral-code .label {
    font-size: 0.8rem;
  }
  .position-share-points .referral-code p {
    font-size: 1rem;
  }
  .position-share-points-modal .actions {
    margin-top: 1rem;
  }
  .position-share-points-modal .actions .App-button-option {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 3rem;
  }
  .image-overlay-wrapper .loading-text {
    font-size: 1rem;
  }
}

/* .twitter-btn-animation {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
} */
.gradient {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
}
.gradient:hover {
  animation: shake 0.5s ease-in-out 1;
}

.share-btn::before {
  content: "";
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  background: #222328;
  right: 38px;
  top: 54px;
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes tiltShake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

/* @keyframes gradientAnimation {
  0% {
      fill: #9AE060;
  }
  100% {
      fill: #9AE060;
  }
} */

.nft .nft-card .Tooltip-handle,.nft .my-nft-benefits-boost-level .Tooltip-handle,.nft .batch-mint .Tooltip-handle,.nft .nft-holder-benefits .Tooltip-handle{text-decoration-color:#676767}.nft .total-boost-level{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.Tooltip-popup{max-width:35rem}.bg-airdrop-banner{background:linear-gradient(90deg, #5D0168 0%, #365081 100%)}.text-silver-pass{background:linear-gradient(180deg, #CFCED3 0%, #FCFCFE 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.text-gold-pass{background:linear-gradient(180deg, #FFE874 0%, #DFB53F 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.text-platinum-pass{background:linear-gradient(180deg, #9B6AD3 0%, #AE7EB0 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url(data:image/gif;base64,R0lGODlhIAAgAPUAAP///wAAAPr6+sTExOjo6PDw8NDQ0H5+fpqamvb29ubm5vz8/JKSkoaGhuLi4ri4uKCgoOzs7K6urtzc3D4+PlZWVmBgYHx8fKioqO7u7kpKSmxsbAwMDAAAAM7OzsjIyNjY2CwsLF5eXh4eHkxMTLCwsAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAG/0CAcEgkFjgcR3HJJE4SxEGnMygKmkwJxRKdVocFBRRLfFAoj6GUOhQoFAVysULRjNdfQFghLxrODEJ4Qm5ifUUXZwQAgwBvEXIGBkUEZxuMXgAJb1dECWMABAcHDEpDEGcTBQMDBQtvcW0RbwuECKMHELEJF5NFCxm1AAt7cH4NuAOdcsURy0QCD7gYfcWgTQUQB6Zkr66HoeDCSwIF5ucFz3IC7O0CC6zx8YuHhW/3CvLyfPX4+OXozKnDssBdu3G/xIHTpGAgOUPrZimAJCfDPYfDin2TQ+xeBnWbHi37SC4YIYkQhdy7FvLdpwWvjA0JyU/ISyIx4xS6sgfkNS4me2rtVKkgw0JCb8YMZdjwqMQ2nIY8BbcUQNVCP7G4MQq1KRivR7tiDEuEFrggACH5BAAKAAEALAAAAAAgACAAAAb/QIBwSCQmNBpCcckkEgREA4ViKA6azM8BEZ1Wh6LOBls0HA5fgJQ6HHQ6InKRcWhA1d5hqMMpyIkOZw9Ca18Qbwd/RRhnfoUABRwdI3IESkQFZxB4bAdvV0YJQwkDAx9+bWcECQYGCQ5vFEQCEQoKC0ILHqUDBncCGA5LBiHCAAsFtgqoQwS8Aw64f8m2EXdFCxO8INPKomQCBgPMWAvL0n/ff+jYAu7vAuxy8O/myvfX8/f7/Arq+v0W0HMnr9zAeE0KJlQkJIGCfE0E+PtDq9qfDMogDkGmrIBCbNQUZIDosNq1kUsEZJBW0dY/b0ZsLViQIMFMW+RKKgjFzp4fNokPIdki+Y8JNVxA79jKwHAI0G9JGw5tCqDWTiFRhVhtmhVA16cMJTJ1OnVIMo1cy1KVI5NhEAAh+QQACgACACwAAAAAIAAgAAAG/0CAcEgkChqNQnHJJCYWRMfh4CgamkzFwBOdVocNCgNbJAwGhKGUOjRQKA1y8XOGAtZfgIWiSciJBWcTQnhCD28Qf0UgZwJ3XgAJGhQVcgKORmdXhRBvV0QMY0ILCgoRmIRnCQIODgIEbxtEJSMdHZ8AGaUKBXYLIEpFExZpAG62HRRFArsKfn8FIsgjiUwJu8FkJLYcB9lMCwUKqFgGHSJ5cnZ/uEULl/CX63/x8KTNu+RkzPj9zc/0/Cl4V0/APDIE6x0csrBJwybX9DFhBhCLgAilIvzRVUriKHGlev0JtyuDvmsZUZlcIiCDnYu7KsZ0UmrBggRP7n1DqcDJEzciOgHwcwTyZEUmIKEMFVIqgyIjpZ4tjdTxqRCMPYVMBYDV6tavUZ8yczpkKwBxHsVWtaqo5tMgACH5BAAKAAMALAAAAAAgACAAAAb/QIBwSCQuBgNBcck0FgvIQtHRZCYUGSJ0IB2WDo9qUaBQKIXbLsBxOJTExUh5mB4iDo0zXEhWJNBRQgZtA3tPZQsAdQINBwxwAnpCC2VSdQNtVEQSEkOUChGSVwoLCwUFpm0QRAMVFBQTQxllCqh0kkIECF0TG68UG2O0foYJDb8VYVa0alUXrxoQf1WmZnsTFA0EhgCJhrFMC5Hjkd57W0jpDsPDuFUDHfHyHRzstNN78PPxHOLk5dwcpBuoaYk5OAfhXHG3hAy+KgLkgNozqwzDbgWYJQyXsUwGXKNA6fnYMIO3iPeIpBwyqlSCBKUqEQk5E6YRmX2UdAT5kEnHKkQ5hXjkNqTPtKAARl1sIrGoxSFNuSEFMNWoVCxEpiqyRlQY165wEHELAgAh+QQACgAEACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0GxwFwmFJlnlAgaTKpFqEIqFJMBhcEABC5GjkPz0KN2tsvHBH4sJKgdd1NHSXILah9tAmdCC0dUcg5qVEQfiIxHEYtXSACKnWoGXAwHBwRDGUcKBXYFi0IJHmQEEKQHEGGpCnp3AiW1DKFWqZNgGKQNA65FCwV8bQQHJcRtds9MC4rZitVgCQbf4AYEubnKTAYU6eoUGuSpu3fo6+ka2NrbgQAE4eCmS9xVAOW7Yq7IgA4Hpi0R8EZBhDshOnTgcOtfM0cAlTigILFDiAFFNjk8k0GZgAxOBozouIHIOyKbFixIkECmIyIHOEiEWbPJTTQ5FxcVOMCgzUVCWwAcyZJvzy45ADYVZNIwTlIAVfNB7XRVDLxEWLQ4E9JsKq+rTdsMyhcEACH5BAAKAAUALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUYKQ4YKEYSKfVKPaUMZHwMDeQBxh04ABYSFGU4JBpsDBmFHdXMLIKofBEyKCpdgspsOoUsLXaRLCQMgwky+YJ1FC4POg8lVAg7U1Q5drtnHSw4H3t8HDdnZy2Dd4N4Nzc/QeqLW1bnM7rXuV9tEBhQQ5UoCbJDmWKBAQcMDZNhwRVNCYANBChZYEbkVCZOwASEcCDFQ4SEDIq6WTVqQIMECBx06iCACQQPBiSabHDqzRUTKARMhSFCDrc+WNQIcOoRw5+ZIHj8ADqSEQBQAwKKLhIzowEEeGKQ0owIYkPKjHihZoBKi0KFE01b4zg7h4y4IACH5BAAKAAYALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RagJmQgtHaX5XZUUJeQCGChGEin1SkGlubEhDcYdOAAWEhRlOC12HYUd1eqeRokOKCphgrY5MpotqhgWfunqPt4PCg71gpgXIyWSqqq9MBQPR0tHMzM5L0NPSC8PCxVUCyeLX38+/AFfXRA4HA+pjmoFqCAcHDQa3rbxzBRD1BwgcMFIlidMrAxYICHHA4N8DIqpsUWJ3wAEBChQaEBnQoB6RRr0uARjQocMAAA0w4nMz4IOaU0lImkSngYKFc3ZWyTwJAALGK4fnNA3ZOaQCBQ22wPgRQlSIAYwSfkHJMrQkTyEbKFzFydQq15ccOAjUEwQAIfkEAAoABwAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVD29K/AFfRRQUDDt1PmoFqHgPtBLetvMwG7QMes0KxkkIFIQNKDhBgKvCh3gQiqmxt6NDBAAEIEAgUOHCgBBEH9Yg06uWAIQUABihQMACgBEUHTRwoUEOBIcqQI880OIDgm5ABDA8IgUkSwAAyij1/jejAARPPIQwONBCnBAJDCEOOCnFA8cOvEh1CEJEqBMIBEDaLcA3LJIEGDe/0BAEAIfkEAAoACAAsAAAAACAAIAAABv9AgHBILCoUi6JySUwSBUdBUcpUJhSZZ5RYUCSq060QqqACyAVwMXIcks2ZtlrrHYvJ3zn3mHwLjxFqAmZCC0dpfldlRQl5AIYKEYSKfVKQaW5sSENxh04ABYSFGU4LXYdhR3V6p5GiQ4oKmGCtjkymi2qGBZ+6eo+3g8KDvYLDxKrJuXNkys6qr0zNygvHxL/V1sVDDti/BQccA8yrYBAjHR0jc53LRQYU6R0UBnO4RxmiG/IjJUIJFuoVKeCBigBN5QCk43BgFgMKFCYUGDAgFEUQRGIRYbCh2xACEDcAcHDgQDcQFGf9s7VkA0QCI0t2W0DRw68h8ChAEELSJE8xijBvVqCgIU9PjwA+UNzG5AHEB9xkDpk4QMGvARQsEDlKxMCALDeLcA0rqEEDlWCCAAAh+QQACgAJACwAAAAAIAAgAAAG/0CAcEgsKhSLonJJTBIFR0FRylQmFJlnlFhQJKrTrRCqoALIBXAxchySzZm2Wusdi8nfOfeYfAuPEWoCZkILR2l+V2VFCXkAhgoRhIp9UpBpbmxIQ3GHTgAFhIUZTgtdh2FHdXqnkaJDigqYYK2OTKaLaoYFn7p6j0wOA8PEAw6/Z4PKUhwdzs8dEL9kqqrN0M7SetTVCsLFw8d6C8vKvUQEv+dVCRAaBnNQtkwPFRQUFXOduUoTG/cUNkyYg+tIBlEMAFYYMAaBuCekxmhaJeSeBgiOHhw4QECAAwcCLhGJRUQCg3RDCmyUVmBYmlOiGqmBsPGlyz9YkAlxsJEhqCubABS9AsPgQAMqLQfM0oTMwEZ4QpLOwvMLxAEEXIBG5aczqtaut4YNXRIEACH5BAAKAAoALAAAAAAgACAAAAb/QIBwSCwqFIuicklMEgVHQVHKVCYUmWeUWFAkqtOtEKqgAsgFcDFyHJLNmbZa6x2Lyd8595h8C48RahAQRQtHaX5XZUUJeQAGHR0jA0SKfVKGCmlubEhCBSGRHSQOQwVmQwsZTgtdh0UQHKIHm2quChGophuiJHO3jkwOFB2UaoYFTnMGegDKRQQG0tMGBM1nAtnaABoU3t8UD81kR+UK3eDe4nrk5grR1NLWegva9s9czfhVAgMNpWqgBGNigMGBAwzmxBGjhACEgwcgzAPTqlwGXQ8gMgAhZIGHWm5WjelUZ8jBBgPMTBgwIMGCRgsygVSkgMiHByD7DWDmx5WuMkZqDLCU4gfAq2sACrAEWFSRLjUfWDopCqDTNQIsJ1LF0yzDAA90UHV5eo0qUjB8mgUBACH5BAAKAAsALAAAAAAgACAAAAb/QIBwSCwqFIuickk0FIiCo6A4ZSoZnRBUSiwoEtYipNOBDKOKKgD9DBNHHU4brc4c3cUBeSOk949geEQUZA5rXABHEW4PD0UOZBSHaQAJiEMJgQATFBQVBkQHZKACUwtHbX0RR0mVFp0UFwRCBSQDSgsZrQteqEUPGrAQmmG9ChFqRAkMsBd4xsRLBBsUoG6nBa14E4IA2kUFDuLjDql4peilAA0H7e4H1udH8/Ps7+3xbmj0qOTj5mEWpEP3DUq3glYWOBgAcEmUaNI+DBjwAY+dS0USGJg4wABEXMYyJNvE8UOGISKVCNClah4xjg60WUKyINOCUwrMzVRARMGENWQ4n/jpNTKTm15J/CTK2e0MoD+UKmHEs4onVDVVmyqdpAbNR4cKTjqNSots07EjzzJh1S0IADsAAAAAAAAAAAA=) center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot);
    src: url(/static/media/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'), url(/static/media/slick.295183786cd8a1389865.woff) format('woff'), url(/static/media/slick.c94f7671dcc99dce43e2.ttf) format('truetype'), url(/static/media/slick.2630a3e3eab21c607e21.svg#slick) format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

.marquee-container{width:100%;overflow:hidden;cursor:pointer}.marquee-item{display:flex !important;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:Outfit;cursor:pointer}.marquee-container-css{width:100%;height:48px;background:#161616;overflow:hidden;white-space:nowrap}.marquee-container-css:hover .marquee-content{animation-play-state:paused}.marquee-container-css .marquee-content{display:flex;animation:loop 10s linear infinite;align-items:center;height:100%}.marquee-container-css .marquee-content .marquee-items{display:flex !important;justify-content:center;align-items:center;font-size:14px;font-weight:400;padding-right:20px;font-family:Outfit}@keyframes loop{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.MintHistory-page{padding-top:0rem !important}.MintHistory-td-text-line{cursor:pointer}.MintHistory-active:hover{opacity:.6}.App-card-title{display:flex;justify-content:space-between}.MintHistory-pagination .pagination{margin-top:0 !important}.MintHistory-Tooltip-handle{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:3px;text-underline-offset:5px;color:#fff;font-size:3.2rem;font-style:normal;font-weight:700;margin-bottom:2rem}.filter-container{padding:3rem 0 2rem}ul.filter li{display:inline;padding-left:3rem}ul.filter li:first-child{padding-left:0}.filter-container li button{color:#9a9f9d;font-size:1.6rem;font-style:normal;font-weight:300;line-height:normal}.li div:first-child{display:inline-block}.filter-container li.active button{color:#2c7fff;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.nft-MintHistory-table-box{border-radius:20px}.nft-MintHistory-table{width:100%;border-spacing:0;white-space:nowrap;font-size:var(--font-base);text-align:left}.nft-MintHistory-table .boost{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.nft-MintHistory-table td,.nft-MintHistory-table th{padding:1.1625rem}.sort-th{display:inline-flex}.sort-th .sort{margin-left:.8rem;cursor:pointer}.nft-MintHistory-table td:nth-child(2),.nft-MintHistory-table th:nth-child(2){width:20rem}.nft-MintHistory-table td:nth-child(3),.nft-MintHistory-table th:nth-child(3){width:15rem}.nft-MintHistory-table td:nth-child(4),.nft-MintHistory-table th:nth-child(4){width:15rem}.nft-MintHistory-table td:nth-child(5),.nft-MintHistory-table th:nth-child(5){width:15rem}.nft-MintHistory-table td:nth-child(6),.nft-MintHistory-table th:nth-child(6){text-align:right;width:10rem !important}.nft-MintHistory-table th{letter-spacing:.25px;color:rgba(255,255,255,.8705882353);text-align:left}.nft-MintHistory-table th:first-child,.nft-MintHistory-table td:first-child{padding-left:1.5rem;width:20rem}.nft-MintHistory-table th:last-child,.nft-MintHistory-table td:last-child{padding-right:1.5rem;width:10rem}.nft-MintHistory-table th:nth-last-child(2),.nft-MintHistory-table td:nth-last-child(2){padding-right:1.5rem;width:12rem}.nft-MintHistory-table th{font-weight:normal;letter-spacing:.25px;color:#787878}.nft-MintHistory-table .action-btn{width:100%;justify-content:center}.pagination{display:flex;flex-direction:row-reverse;justify-content:right}.MintHistory-grid{display:none}.MintHistory-grid .default{color:#fff}.MintHistory-grid .first{color:#f4ad57}.MintHistory-grid .second{color:#e4e4e4}.MintHistory-grid .third{color:#47c0af}.MintHistory-loading{position:absolute}.MintHistory-grid .App-card{margin-bottom:1.1rem}.MintHistory-default-container{margin-top:0px !important}.no-data{padding:1.5rem;font-size:12px}.rank-image{width:2.6rem}@media(max-width: 600px){.nft-MintHistory-table{display:none}.MintHistory-grid{display:block}}.homePop600{font-family:IBMPlexSansJP-SemiBold !important}.homePop400{font-family:IBMPlexSansJP-Regular !important}.homePop300{font-family:IBMPlexSansJP-Light !important}.homePop500{font-family:IBMPlexSansJP-Medium !important}.homePop{font-family:IBMPlexSansJP-Bold !important}.asset-menu-items{position:absolute;border:1px solid #161616;border-radius:.5rem;background:#31343c;outline:none;z-index:100;white-space:nowrap;top:24px}@media(max-width: 1100px){.asset-menu-items{min-width:18rem;width:auto}.asset-menu-items.left{right:0}.asset-menu-items.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items{width:25rem;white-space:normal}}@media(max-width: 350px){.asset-menu-items{width:18rem}}.rewardsBox{border:1px solid #34344c;background:#101010;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.rewardsBox2{border:1px solid #34344c;background:#101010;border-radius:12px}.progress-bar-container{width:100%;background-color:#787878;border-radius:5px;position:relative;height:2px}.progress-bar{height:100%;background-color:#2c7fff}.checkmark{display:flex;align-items:center;justify-content:center;font-size:20px;width:28px;margin-bottom:2px}.rewardsBtn{background:linear-gradient(90deg, rgba(223, 254, 0, 0.8) 0%, rgba(0, 255, 26, 0.8) 100%)}.tableBox{background:#101010;border-radius:12px;width:100%}.claimBtn{border:1px solid #2c7fff}.claimBtn:disabled{opacity:.5}.tooltipBox .Tooltip-handle{width:100%;text-decoration:none}
.Leaderboard-page{padding-top:0rem !important}.Leaderboard-td-text-line{cursor:pointer}.leaderboard-active:hover{opacity:.6}.App-card-title{display:flex;justify-content:space-between}.Leaderboard-Tooltip-handle{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:3px;text-underline-offset:5px;color:#fff;font-size:3.2rem;font-style:normal;font-weight:700;margin-bottom:2rem}.filter-container{padding:3rem 0 2rem}ul.filter li{display:inline;padding-left:3rem}ul.filter li:first-child{padding-left:0}.filter-container li button{color:#9a9f9d;font-size:1.6rem;font-style:normal;font-weight:300;line-height:normal}.li div:first-child{display:inline-block}.filter-container li.active button{color:#2c7fff;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.nft-leaderboard-table-box{border-radius:20px}.nft-leaderboard-table{width:100%;border-spacing:0;white-space:nowrap;font-size:var(--font-base);text-align:left}.boost{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.nft-leaderboard-table td,.nft-leaderboard-table th{padding:1.1625rem}.sort-th{display:inline-flex}.sort-th .sort{margin-left:.8rem;cursor:pointer}.nft-leaderboard-table td:nth-child(2),.nft-leaderboard-table th:nth-child(2){width:20rem}.nft-leaderboard-table td:nth-child(3),.nft-leaderboard-table th:nth-child(3){width:20rem}.nft-leaderboard-table td:nth-child(4),.nft-leaderboard-table th:nth-child(4){width:20rem}.nft-leaderboard-table td:nth-child(5),.nft-leaderboard-table th:nth-child(5){width:20rem}.nft-leaderboard-table th{letter-spacing:.25px;color:rgba(255,255,255,.8705882353);text-align:left}.nft-leaderboard-table th:first-child,.nft-leaderboard-table td:first-child{padding-left:1.5rem;width:12.35rem}.nft-leaderboard-table th:last-child,.nft-leaderboard-table td:last-child{padding-right:1.5rem;width:16rem}.nft-leaderboard-table th:nth-last-child(2),.nft-leaderboard-table td:nth-last-child(2){padding-right:1.5rem;width:12rem}.nft-leaderboard-table th{font-weight:normal;letter-spacing:.25px;color:#787878}.nft-leaderboard-table .action-btn{width:100%;justify-content:center}.pagination{display:flex;flex-direction:row-reverse;justify-content:right}.leaderboard-grid{display:none}.leaderboard-grid .default{color:#fff}.leaderboard-grid .first{color:#f4ad57}.leaderboard-grid .second{color:#e4e4e4}.leaderboard-grid .third{color:#47c0af}.leaderboard-loading{position:absolute}.leaderboard-grid .App-card{margin-bottom:1.1rem}.leaderboard-default-container{margin-top:0px !important}.no-data{padding:1.5rem;font-size:12px}.rank-image{width:2.6rem}@media(max-width: 600px){.nft-leaderboard-table{display:none}.leaderboard-grid{display:block}}.homePop600{font-family:IBMPlexSansJP-SemiBold !important}.homePop400{font-family:IBMPlexSansJP-Regular !important}.homePop300{font-family:IBMPlexSansJP-Light !important}.homePop500{font-family:IBMPlexSansJP-Medium !important}.homePop{font-family:IBMPlexSansJP-Bold !important}.asset-menu-items{position:absolute;border:1px solid #161616;border-radius:.5rem;background:#31343c;outline:none;z-index:100;white-space:nowrap;top:24px}@media(max-width: 1100px){.asset-menu-items{min-width:18rem;width:auto}.asset-menu-items.left{right:0}.asset-menu-items.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items{width:25rem;white-space:normal}}@media(max-width: 350px){.asset-menu-items{width:18rem}}.rewardsBox{border:1px solid #34344c;background:#101010;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.rewardsBox2{border:1px solid #34344c;background:#101010;border-radius:12px}.progress-bar-container{width:100%;background-color:#787878;border-radius:5px;position:relative;height:2px}.progress-bar{height:100%;background-color:#2c7fff}.checkmark{display:flex;align-items:center;justify-content:center;font-size:20px;width:28px;margin-bottom:2px}.rewardsBtn{background:linear-gradient(90deg, rgba(223, 254, 0, 0.8) 0%, rgba(0, 255, 26, 0.8) 100%)}.tableBox{background:#101010;border-radius:12px;width:100%}.claimBtn{border:1px solid #2c7fff}.claimBtn:disabled{opacity:.5}.tooltipBox .Tooltip-handle{width:100%;text-decoration:none}
.mobile-list-container{width:100%;overflow:hidden;cursor:pointer}.mobile-list-item{display:flex !important;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:Outfit;cursor:pointer}.slick-prev,.slick-next{top:23%}.slick-prev:before{content:""}.slick-next:before{content:""}
.boost-level{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.Market_filterHeader__\+nT1P {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.Market_tabsBox__xa4mu {
    display: flex;
    align-items: center;
}

.Market_tabOption__LFsB- {
    padding: 6px 10px;
    font-size: 16px;
    font-family: IBMPlexSansJP-Regular !important;
    color: rgba(255, 255, 255, 0.7);
    line-height: 20px;
    border-radius: 4px;
    margin-right: 6px;
    cursor: pointer;
}

.Market_tabOption__LFsB-:hover {
    opacity: .8;
}

.Market_activeOption__r4kYt {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.7) !important;
}

.Market_filterBox__bmg1t {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    width: 100%;
}

.Market_dropdownBtn__I2Hzk {
    display: flex;
    align-items: center;
    padding: 3px 14px;
    font-size: 12px;
    font-family: IBMPlexSansJP-Medium !important;
    line-height: 25px;
    border-radius: 3px;
    border: 1px solid #1F1D23;
    cursor: pointer;
}

.Market_dropdownBtn__I2Hzk:hover {
    opacity: .8;
}
.Market_dropdownBtn2__d8E0g {
    display: flex;
    align-items: center;
    padding: 4px 5px;
    font-size: 14px;
    font-family: IBMPlexSansJP-Medium !important;
    line-height: 14px;
    border-radius: 3px;
    border: 1px solid #3A3A3A;
    cursor: pointer;
}

.Market_dropdownBtn2__d8E0g:hover {
    opacity: .8;
}
.Market_filterBtn__lwilm {
    display: flex;
    align-items: center;
    padding: 6px 20px 6px 10px;
    font-size: 12px;
    font-family: IBMPlexSansJP-Medium !important;
    list-style: 25px;
    border-radius: 6px;
    border: 1px solid #292929;
    cursor: pointer;
}

.Market_filterBtn__lwilm:hover {
    opacity: .8;
}

.Market_leaderText__Tjvcr {
    border-radius: 30px;
    background: #383DFA;
    color: #FFFFFF;
}

.Market_tableBox__cjQlz {
    padding: 15px 0px;
    background: #101010;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 4px;
}
.Market_tableBox__cjQlz tr th:first-child{
    padding-left: 30px;
}
.Market_tableBox__cjQlz tr td:first-child{
    padding-left: 30px;
}
.Market_tableBox__cjQlz tr th:last-child{
    padding-right: 30px;
}
.Market_tableBox__cjQlz tr td:last-child{
    padding-right: 30px;
}
.Market_dropdownLabel__KCQSp{
    color: #787878;
    padding: 1rem 1.5rem;
    font-size: 13px;
}
.Market_dropdownLabel__KCQSp:hover{
    background: rgba(139, 139, 139, 0.3);
}

.filterInput {
    border: 1px solid #565656;
    border-radius: 3px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    padding: 4px 0;
    color: #FFFFFF;
}

.noRoundR {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.noRoundL {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.filter-form {
    width: 100%;
}

.filterModal .Modal-content {
    overflow: visible;
    overflow: initial;
    max-width: 390px;
}

.filterModal .Modal-header-wrapper {
    padding: 12px 22px;
    margin: 0;
}

.filterModal .Modal-body {
    margin: 0;
    overflow: visible;
    overflow: initial;
    padding: 8px 22px 27px 22px;
}

.clear-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #565656;
    border-radius: 100%;
    margin-left: 10px;
    width: 28px;
    height: 28px;
}

.submit-button {
    background: #173D0E !important;
    border-radius: 4px;
    padding: 8px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 16px;
    font-size: 14px;
    margin-left: 10px;
}

.market .tdText {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-family: IBMPlexSansJP-Medium !important;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 2.5rem;
}

.pagination-buttons {
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
}

.side .pagination-buttons > button:not(:last-child) {
  margin-right: 0
}

.pagination-btn {
  text-decoration: none;
  display: flex;
  align-items: center;
  background: transparent;
  padding: 1rem 1.5rem;
  color: #FFFFFF;
  font-size: 1.2rem;
  cursor: pointer;
  border: none;
  justify-content: center;
  left: 1px solid var(--dark-blue-border);
  border-bottom: 2px solid transparent;
}

.pagination-btn-middle {
  margin: 0 1.5rem;
  display: flex;
}

.pagination-button-secondary {
  margin: 0 0.5rem;
  white-space: nowrap;
}

.pagination-btn:hover {
  border-color: rgb(255, 255, 255, 0.2);
}

.pagination-btn.active {
  border-color: #FFFFFF
}

@media screen and (max-width: 450px) {
  .pagination-button-secondary,
  .pagination-btn {
    font-size: 1rem !important;
  }

  .pagination-button-secondary {
    padding: 0.7rem 1.3rem !important;
  }

  .pagination-btn-middle {
    margin: 0 1rem;
  }

  .pagination-btn {
    padding: 1rem 1.25rem;
  }
}
.side .button.secondary{
  padding: 0;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}
.pageNum{
  border-radius: 4px;
  color: var(--primary-color);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  padding: 1.1rem 1.25rem;
  position: relative;
}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.faucet-page{max-width:126.4rem;padding-left:3.2rem !important;padding-right:3.2rem !important;margin-left:auto;margin-right:auto}.faucet-subTitle{display:flex;justify-content:space-between}.faucet-token-table{width:100%}.faucet-token-table tr{display:flex;justify-content:space-between}.faucet-token-table tr td{padding:1.1625rem}.faucet-token-table tr:not(:last-child){border-bottom:1px solid #161616}.faucet-btn{color:#fff !important;width:19rem !important}.faucet-btn:hover{opacity:.8}.first-action{margin-right:1rem;margin-bottom:1rem}
@keyframes loadingAnimation{0%{background-position:100% 50%}100%{background-position:0% 50%}}.leaderboard-tooltip .Tooltip-handle{text-decoration-color:#787878}.nft-boost-box{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAAAcCAYAAAAeJ0/UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAATWSURBVHgB7ZzPT1xVFMfPOXfatNLZmLgYCrhyAlvGxA0a/JF2A65F14JSuzH9J5pQNyVIhz3dNmWloXYSu9DS15i4mHZwYWxkFq0LHQvUzrvHc3+8xyD0hyGWZ3I+hJk39917zrn3XR7z7o8vwnPw3dBPtZJ5PM5INSCsMHKZJR2JgMECuHeMmQl2jt07IrABlPwMPelM8by8+Pw9aSjZ2b2Qe3dHmW357AxGH+jKBJ+SB63L6ZLEDtoYCzjXFC1ImM4AGPHpSmK06dOyeJxtcv5dtdBGH+jL5HmYg230dkxMdPZ9+MAxJg72IMSclSfa3Raxrrl/ijay9sNQs6ydemy6OENFiCVo5xdj25CPx9UgtBH1+HNt4nOBP+taLb8eMZZ4aVw9OL9m6Iq6l9yW9e1E/h1CE6GPiWLb+DjRh+Ziy/qI+OzI712xtp4iN2ZP9yXwDPBpJ5Oh1gSbdEY8b4i3xBqbdEvYHrs7vAGKcgDOX+Hyy6XNKht8zaJ9X+58J+TPYemT030rTyqzb2e9MXin/xjxnHTQjvwR1Gu/jDyz1yvKQVj46mFNbtDTcv/t7/LmzNlTr+y5Ie7prDeH1icNdKflHr48em/kMijKC2Sx8WjKpukUEn7x6dvHG0/MuDbw43gyeOfqDyebVVCUQ6K+ul1duLZ99cvr2xP7Zrj16s+VZKC58r12VKUAzPsOu7ly8ev7/Vka5WfTrbo85C2/8etICxTlkPnsvWMtMma5dPTE3K4TycnWxNpA8xIoSsFYaGxdmo9fB8Kdley0PInVQVGKhjV1GTKedoeUVJo1GbD9U4enlCIy+87RRIaz2gvfyNCWzHKMy+11BRSloMjUXMLGjBMaqMr0mD5UKcXFGvmvzzU3CV7d2vxNO6tSWEzpyAYwVtzSgvLYg7EOKEpBmXkL2/JdoEygKP8TSJ60Om7hCihKQTl/435ZvgZ03IrI9nEsVUBRCkqZX6rK8GrLLfNN2KajoCgFhVOsImCLEKEhD1mvg6IUl0mktEF+5gq54mayQFEKxsK3f9UQqDz7Zl8SRgOQ69aE+VdFKRRpOo0EuxdZ3RpsLt8ebE6BohSExWubUwvXt/OlALRzgOcYzJTuElCKwPzqH1UL8GH6OJ3J0vLOOnpveAMwXUoRLmiHVQ6TunRUwtJcSnjh7Km+fOPgng2DawNNt7rlc4T0sm4YVF409dVHH3Qh/YiR6mfePbZrNeC+W7Fvy4yWzGwtWoNtsla3Yiv/OWErNrmt2OUu23O9d9SMp4pc3BxqThoyHzPYDpnSihha3/q92xp7MKwLX5QDcfHKw35TggodIRmaghrL8GnKvHTm34pc/JNkqFlLDYwjURUQ3dRXuVfuh9HpyUT5m1zax5tmS16dxsv5SJqXA4rnOcrkBM2ZXqmgTCoHgj0bZIYYYtkghcPs/CLlsj5B6iaWC7I2AEFGKMgFoZPtgSDPEz5jJj/kAsilkKz89EjiBD0j8PbBS+f0yiNlacBZ3Hm9IPcd82W+srJepki8kNPlce4QLYWq5rJKWRuHNvLJ7CV+YEdKKMjzIFBPbEQhn9TF1du3bK9MU5Q5yusYy+YSR1kaBQ0gDoJF8ZqHegalp9jGJitL0NsPfHzxmuYSReFzR7y32VDyvPJBfwPpN+8IKCqcbAAAAABJRU5ErkJggg==) no-repeat center center;background-size:100% 100%;width:180px;height:28px}.nft-boost-box-text{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);width:78px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.text-nft-boost{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;position:relative}.text-nft-btn{background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;position:relative;cursor:pointer}.text-nft-btn::after{content:"";position:absolute;bottom:4px;left:0;width:100%;height:.5px;background:linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%);background:var(--somnex, linear-gradient(90deg, #CD1DD8 0%, #95C2F8 97.86%))}.Leaderboard-page{padding-top:0rem !important}.Leaderboard-td-text-line{cursor:pointer}.leaderboard-active:hover{opacity:.6}.App-card-title{display:flex;justify-content:space-between}.Leaderboard-Tooltip-handle{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:3px;text-underline-offset:5px;color:#fff;font-size:3.2rem;font-style:normal;font-weight:700;margin-bottom:2rem}.filter-container{padding:3rem 0 2rem}ul.filter li{display:inline;padding-left:3rem}ul.filter li:first-child{padding-left:0}.filter-container li button{color:#9a9f9d;font-size:1.6rem;font-style:normal;font-weight:300;line-height:normal}.li div:first-child{display:inline-block}.filter-container li.active button{color:#2c7fff;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.leaderboard-table-box{border-radius:20px;padding:18px 12px 18px 12px}.leaderboard-table{width:100%;border-spacing:0 8px;border-collapse:separate;white-space:nowrap;font-size:var(--font-base);text-align:left}.leaderboard-table td,.leaderboard-table th{padding:1.1625rem}.sort-th{display:inline-flex;color:#787878}.sort-th .sort{margin-left:.8rem;cursor:pointer}.bg-index-1{border-radius:12px;background:linear-gradient(90deg, rgba(32, 39, 42, 0.4) 1.17%, rgba(34, 70, 124, 0.4) 100%) !important;box-shadow:0 2px 8px rgba(0,0,0,.15)}.leaderboard-table tbody tr.card-row{border-radius:12px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden;will-change:transform,box-shadow;position:relative}.leaderboard-table tbody tr.card-row:not(.bg-index-1){background:#161616}.leaderboard-table tbody tr.card-row:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.25)}.leaderboard-table tbody tr.card-row:not(.bg-index-1):hover{background:#1a1a1a}.leaderboard-table tbody tr.card-row.bg-index-1:hover{box-shadow:0 6px 20px rgba(34,70,124,.4)}.leaderboard-table tbody tr.card-row td:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.leaderboard-table tbody tr.card-row td:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.leaderboard-table thead tr{background:rgba(0,0,0,0)}.leaderboard-table thead th{background:rgba(0,0,0,0);padding-bottom:1.5rem;margin-bottom:8px}.leaderboard-table td:nth-child(2),.leaderboard-table th:nth-child(2){width:20rem}.leaderboard-table td:nth-child(3),.leaderboard-table th:nth-child(3){width:20rem}.leaderboard-table td:nth-child(4),.leaderboard-table th:nth-child(4){width:20rem}.leaderboard-table td:nth-child(5),.leaderboard-table th:nth-child(5){width:20rem}.leaderboard-table td:nth-child(6),.leaderboard-table th:nth-child(6){width:13rem}.leaderboard-table th{letter-spacing:.25px;color:rgba(255,255,255,.8705882353);text-align:left}.leaderboard-table th:first-child,.leaderboard-table td:first-child{padding-left:1.5rem;width:12.35rem}.leaderboard-table th:last-child,.leaderboard-table td:last-child{padding-right:1.5rem;width:16rem}.leaderboard-table th{font-weight:normal;letter-spacing:.25px;color:#787878}.leaderboard-table .action-btn{width:100%;justify-content:center}.pagination{display:flex;flex-direction:row-reverse;justify-content:right}.leaderboard-grid{display:none}.leaderboard-grid .default{color:#fff}.leaderboard-grid .first{color:#f4ad57}.leaderboard-grid .second{color:#e4e4e4}.leaderboard-grid .third{color:#47c0af}.leaderboard-loading{position:absolute}.leaderboard-grid .App-card{margin-bottom:1.1rem}.leaderboard-default-container{margin-top:0px !important}.no-data{padding:1.5rem;font-size:12px;color:#666;text-align:center}.rank-image{width:2.6rem}@media(max-width: 600px){.leaderboard-table{display:none}.leaderboard-grid{display:block}}.homePop600{font-family:IBMPlexSansJP-SemiBold !important}.homePop400{font-family:IBMPlexSansJP-Regular !important}.homePop300{font-family:IBMPlexSansJP-Light !important}.homePop500{font-family:IBMPlexSansJP-Medium !important}.homePop{font-family:IBMPlexSansJP-Bold !important}.asset-menu-items{position:absolute;border:1px solid #161616;border-radius:.5rem;background:#31343c;outline:none;z-index:100;white-space:nowrap;top:24px}@media(max-width: 1100px){.asset-menu-items{min-width:18rem;width:auto}.asset-menu-items.left{right:0}.asset-menu-items.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items{width:25rem;white-space:normal}}@media(max-width: 350px){.asset-menu-items{width:18rem}}.rewardsBox{border:1px solid #34344c;background:#101010;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.rewardsBox2{border:1px solid #34344c;background:#101010;border-radius:12px}.progress-bar-container{width:100%;background-color:#787878;border-radius:5px;position:relative;height:2px}.progress-bar{height:100%;background-color:#2c7fff}.checkmark{display:flex;align-items:center;justify-content:center;font-size:20px;width:28px;margin-bottom:2px}.rewardsBtn{background:linear-gradient(90deg, rgba(223, 254, 0, 0.8) 0%, rgba(0, 255, 26, 0.8) 100%)}.tableBox{background:#101010;border-radius:12px;width:100%}.claimBtn{border:1px solid #2c7fff}.claimBtn:disabled{opacity:.5}.tooltipBox .Tooltip-handle{width:100%;text-decoration:none}@media(max-width: 768px){.leaderboard-table tbody tr.card-row:hover{transform:none}.leaderboard-grid{display:grid;grid-gap:16px;gap:16px;margin-top:20px}.leaderboard-grid .App-card{border-radius:12px;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 2px 8px rgba(0,0,0,.15);border:1px solid #2a2a2a;overflow:hidden}.leaderboard-grid .App-card.bg-index-1{background:linear-gradient(90deg, rgba(32, 39, 42, 0.4) 1.17%, rgba(34, 70, 124, 0.4) 100%) !important;border:1px solid rgba(34,70,124,.3);box-shadow:0 4px 16px rgba(34,70,124,.2)}.leaderboard-grid .App-card{background:#161616 !important}.nft-boost-box-mobile{background:rgba(42,31,61,.8) !important;border:1px solid rgba(136,95,184,.3);min-width:80px}.leaderboard-grid .App-card-title{padding:16px 20px 12px 20px}.leaderboard-grid .App-card-content{padding:16px 20px 20px 20px}.leaderboard-grid .App-card-row{margin-bottom:16px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.leaderboard-grid .App-card-row:last-child{margin-bottom:0}.leaderboard-grid .App-card-row .label{color:#9ca3af;font-size:14px;font-weight:500;margin-bottom:0;flex-shrink:0;min-width:120px}.leaderboard-grid .App-card-divider{background:#2a2a2a;height:1px;margin:0}.leaderboard-grid .App-card.bg-index-1 .App-card-divider{background:rgba(34,70,124,.3)}}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 12px !important}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.Leaderboard-page{padding-top:2rem}.Leaderboard-td-text-line{cursor:pointer}.leaderboard-active:hover{opacity:.6}.App-card-title{display:flex;justify-content:space-between}.Leaderboard-Tooltip-handle{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:3px;text-underline-offset:5px;color:#fff;font-size:3.2rem;font-style:normal;font-weight:700;margin-bottom:2rem}.filter-container{padding:3rem 0 2rem}ul.filter li{display:inline;padding-left:3rem}ul.filter li:first-child{padding-left:0}.filter-container li button{color:#9a9f9d;font-size:1.6rem;font-style:normal;font-weight:300;line-height:normal}.li div:first-child{display:inline-block}.filter-container li.active button{color:#dffe00;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.compete-table-box{padding-left:38px;padding-top:20px;border-radius:12px}.compete-table{width:100%;border-spacing:0;white-space:nowrap;font-size:var(--font-base);text-align:left}.compete-table td,.compete-table th{padding:12px 20px}.sort-th{display:inline-flex}.sort-th .sort{margin-left:.8rem;cursor:pointer}.compete-table th{color:rgba(255,255,255,.8705882353);text-align:left;font-weight:normal;letter-spacing:.25px;color:#a9a9b0}.compete-table .action-btn{width:100%;justify-content:center}.Leaderboard-page.pagination{display:flex;flex-direction:row-reverse;justify-content:right}.leaderboard-grid{display:none}.leaderboard-grid .default{color:#fff}.leaderboard-grid .first{color:#f4ad57}.leaderboard-grid .second{color:#e4e4e4}.leaderboard-grid .third{color:#47c0af}.leaderboard-loading{position:absolute}.leaderboard-grid .App-card{margin-bottom:1.1rem}.leaderboard-default-container{margin-top:20px}.no-data{padding:1.5rem}.rank-image{width:2.6rem}@media(max-width: 640px){.compete-table{display:none}.leaderboard-grid{display:block}}.homePop600{font-family:IBMPlexSansJP-SemiBold !important}.homePop400{font-family:IBMPlexSansJP-Regular !important}.homePop300{font-family:IBMPlexSansJP-Light !important}.homePop500{font-family:IBMPlexSansJP-Medium !important}.homePop{font-family:IBMPlexSansJP-Bold !important}.asset-menu-items{position:absolute;border:1px solid #161616;border-radius:.5rem;background:#31343c;outline:none;z-index:100;white-space:nowrap;top:24px}@media(max-width: 1100px){.asset-menu-items{min-width:18rem;width:auto}.asset-menu-items.left{right:0}.asset-menu-items.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items{width:25rem;white-space:normal}}@media(max-width: 350px){.asset-menu-items{width:18rem}}.competeBox{background:linear-gradient(90deg, rgba(167, 58, 251, 0.2) 0.04%, rgba(58, 61, 250, 0.2) 57.8%, rgba(18, 19, 21, 0.2) 118.96%) !important;border-radius:4px}.rewardsBox{background:#191919;border-radius:12px}.progress-bar-container{width:100%;background-color:rgba(255,255,255,.3);border-radius:5px;position:relative;height:2px}.progress-bar-compete{height:100%;background-color:#2c7fff}.checkmark{display:flex;align-items:center;justify-content:center;font-size:20px;width:28px;margin-bottom:2px}.rewardsBtn{background:linear-gradient(90deg, #049255 34.91%, #038692 122.49%) !important}.tableBox{background:#101010;border-radius:12px;width:100%}.claimBtn{border:1px solid #dffe00}.claimBtn:disabled{opacity:.5}.tooltipBox .Tooltip-handle{width:100%;text-decoration:none}.bgBox{position:absolute;background:linear-gradient(200deg, rgb(223, 254, 0) 0%, rgb(128, 174, 14) 100%);filter:blur(160px);width:350px;height:120px;top:-110px;left:127px;z-index:1}.textBadges{background:linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.HomeFooter {
  color: #787878;
  background: #1A1A1D;
}

.terms-conditions {
  display: flex;
  justify-content: center;
  padding-bottom: 4rem;
  margin-top: 2.4rem;
}
.link-terms {
  padding-right: 2rem;
}
.link:hover {
  opacity: 0.8;
}

.HomeFooter h3 {
  font-size: 2.8rem;
  margin-top: 3rem;
  color: #2C7FFF;
}
.HomeFooter-wrapper {
  text-align: center;
  padding: 30px 0;
  bottom: 0;
  position: relative;
}
/* .HomeFooter-wrapper::after {
  height: 1px;
  width: 100%;
  content: " ";
  background: linear-gradient(
    90deg,
    rgba(251, 251, 251, 0) 0%,
    rgba(251, 251, 251) 30%,
    rgba(251, 251, 251) 70%,
    rgba(251, 251, 251, 0) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
} */

.HomeFooter-social-link-block {
  margin: 3rem auto;
  display: flex;
  justify-content: center;
}
.HomeFooter-link {
  color: #787878;
  font-size: var(--font-base);
  line-height: 1.85rem;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
.HomeFooter-link:hover {
  color: #FFFFFF;
}

.HomeFooter-social-link-block .App-social-link {
  margin: 0 3.2rem;
  display: flex;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
}

.HomeFooter-social-link-block .App-social-link img {
  width: 100%;
  height: 3rem;
  filter: invert(1);
  opacity: 0.8;
}

.HomeFooter-copyright {
  padding: 1.6rem;
}

.HomeFooter-copyright__text {
  font-family: Circular Std;
  font-size: 1.3rem;
  line-height: 1.3rem;
  letter-spacing: -0.41px;
  color: #787878;
  display: block;
}
.HomeFooter-links {
  border-top: 1px solid #161616;
  margin-top: 8rem;
  text-align: center;
  padding-top: 30px;
}
.HomeFooter-links > a:not(:last-child),
.HomeFooter-links > .a:not(:last-child) {
  padding-right: 2rem;
}

@media (max-width: 500px) {
  .HomeFooter h3 {
    font-size: 2rem;
    margin-top: 0;
  }

  .HomeFooter-social-link-block .App-social-link {
    margin: 0 2rem;
  }

  .HomeFooter-links {
    margin-top: 4rem;
  }
}

.Home {
  min-height: 100vh;
  margin-top: -10rem;
  background: #000;
  background-image: url(/static/media/homeBg.ffddd5776c937d2b47e0.png);
  background-repeat: repeat;
  background-size:80%;
}
.Home-content{
  background-image: url(/static/media/homeBg.ffddd5776c937d2b47e0.png);
  background-repeat: repeat;
  background-size:80%;
}
.HomeFooter-wrapper{
  background-image: url(/static/media/homeBg.ffddd5776c937d2b47e0.png);
  background-repeat: repeat;
  background-size:80%;
}
.default-btn-radius {
  width: auto !important;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.default-container{
  /* @apply sm:px-[80px] lg:px-[112px] px-[18px] !important; */
  max-width: 126.4rem;
}
/* .rollux-logo {
  height: 40px;
} */
.default-btn{
  font-size: 16px;
  padding: 9px 36px !important;
  border-radius: 5px;
}
.Home-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  /* background: url("img/shapes2.png"); */
  background-repeat: no-repeat;
  background-size: auto 1200px;
  background-position: top center;
}
.Home-top .video-bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1000px;
  overflow: hidden;
}
.Home-top .video-bg video{
  width: auto;
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.Home-top .video-bg::after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1000px;
  background: linear-gradient(to bottom, #0000009a, #31343C 98%);
}
.Home-top>div{
  position: relative;
  z-index: 11;
}


.Home-title {
  font-size: 60px;
  line-height: 90px;
  font-weight: 600;
  margin-bottom: 1.5rem;
  letter-spacing: 0;
}

.Home-title-section-container {
  position: relative;
  /* z-index: 2; */
  width: 100%;
  padding-top: 130px;
  /* background-image: url("img/shapes2.png"); */
  background-size: 100%;
  background-repeat: no-repeat;
}

.Home-title-section {
  max-width: 70rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.Home-description {
  font-size: 22px;
  line-height: 1.3;
  max-width: 60rem;
  color: #787878;
  margin-bottom: 4rem;
}

.Home-benefits {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 5.6rem;
  padding-bottom: 5.6rem;
}

.Home-benefit {
  padding: 2.4rem 0;
}

.Home-benefit-title {
  font-size: var(--font-lg);
  line-height: 2.8rem;
  font-weight: normal;
  margin-left: 1.5rem;
}

.Home-benefit-description {
  font-size: 1.8rem;
  line-height: 2.3rem;
  max-width: 29rem;
  color: #787878;
  letter-spacing: 0;
}

.Home-benefit-icon {
  display: flex;
  align-items: center;
  padding: 0 0 1.5rem;
  font-size: 1.85rem;
}

.Home-cta-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.Home-cta-info {
  max-width: 43.4rem;
}

.Home-cta-info__title {
  font-size: 3.8rem;
  line-height: 4.8rem;
  font-weight: bold;
  margin-bottom: 3.2rem;
  letter-spacing: 0;
}

.Home-cta-info__description {
  font-size: 1.8rem;
  line-height: 2.3rem;
  letter-spacing: 0;
  color: #787878;
  margin-bottom: 5rem;
}

.Home-cta-options {
  max-width: 58.9rem;
  width: 100%;
}

.Home-cta-option-title {
  font-size: var(--font-lg);
  line-height: 3.2rem;
  font-weight: bold;
  letter-spacing: 0px;
  margin-top: 0.465rem;
  margin-bottom: 1.085rem;
}

.Home-cta-option-subtitle {
  font-size: 1.8rem;
  line-height: 2.3rem;
  letter-spacing: 0px;
  color: #787878;
  margin-bottom: 0.3rem;
}

.Home-cta-option-action {
  display: flex;
  justify-content: flex-end;
}

.Home-cta-button {
  display: block;
  padding: 1.5rem;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0;
  margin-top: 3.1rem;
}

.Home-cta-option-icon {
  display: flex;
  align-items: center;
  width: 9.6rem;
  height: 9.6rem;
  justify-content: center;
}

.Home-cta-option {
  max-width: 58.9rem;
  width: 100%;
  box-shadow: 0px 0.7rem 1.2rem #0000004d;
  border: 0.5px solid #1e2136;
  padding: 1.6rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0;
  display: flex;
  justify-content: space-between;
}

.Home-cta-option-info {
  text-align: right;
}

.Home-cta-option + .Home-cta-option {
  margin-top: 4.1rem;
}

.Home-cta-option-rolluxTestnet {
  background-image: url(/static/media/btn_big_rolluxTestnet.ff6ad480e1ab5c7a952d.png);
}

.Home-cta-option-bsc {
  background-image: url(/static/media/btn_big_bsc.5e5ec82b6fc6d15fd3b4.png);
}

.Home-cta-option-ava {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAf8AAAB/CAMAAADW6DvgAAABF1BMVEUbIDIeITUbHDAXGCwhGi2HLjhhJjNhJzNOIzJPIzI8HzBYJjNrKDRqKDRYJTM7Hy+QMDhGITGsNTwqHC51KjWaMTqPMDkzHi8eIDYbHDBFITB0KjYeITaiMzt+LDceITajMzt9LDdCIDCZMTo4HzA+IDBLKDmBMT15LzuuOD+TND05JjhRIzJyKjVwKjU2Hi+RMDgyHi8oIzdSIzJUKTp7LDYjGy5PJDKeMjuELThAIDBjJjSbMjqKLzg5HzBUJDJ5LDYlGy5hJzSSMDkfGSxqKDUpHC5EITEnGy5VJDMcGS02HS9DIDFAIDFFITFDIDAsHC4eITYcHzMaGy8TFiMeITUAAAASFiIcHzJlLDowJDduLjpCJjgHX8VeAAAAWXRSTlM4+O////////////////////////////+18P//+f/////////////////////////////////////////////////////////////////////6vvJR+SRTwHfs7R4AAA1sSURBVHgB7d2Hmuo6lgVgute2jKRNkLYoTcPgQ01NzjnnnKdzvO//HAOc2+jjkGRjwFT5vzmHtSwkWTaDwTe+iZOowJYqkY2GWhP2KIMvkLGsRuMJnf9Hm6lDiwq/UeBGRDOPBfUwGgh+bfZCuEY08ZvfGPzCt3Ca1vhMOCLL3DrCl5zBUWLUyRZYBVpMI54i/yRa5iHdOn+wnzmYqcGVvjX4xcx/OWszwldacIQxOCM6xVwOJ0gAWr6Uy4rQKpvyv6WoeDRHJoUrKEW4zuATTiOFrawhIFobT/4hJOdbELFFL36N0C6aeu9XEXdgFJcTXCYa1xB2N8zfCoCsISAq5doouXFKcTmfvPgNg5aRVZZwJ+SUGkecZwyuY4LcLH/GPlERR8hY6TYHOXKV31J4dqKVGgpOU4RrqZJuk390+JJTdBB+sNT6JCfl//zEspoTjmNcT8IQtChepeX8FQ4RGyQ0rlhuMMkhv7ESvBfR8miCI1SLE1tvkO+XLuZPFse4INiiYQjmJpPcuJxN1/E7vCtGqcMpYWhzZfvSav5acJRUJUDD10ITcIv8zcwCxuD9Icf7U8KocA2aTCbjclS8+c+Q7Zd/JeVfOzR+e5kpQdJq/noa8Y6RZt51wBrUIJO1cm3BSnGh1qxZi5j6jVWbn//R4SgaFsFUY9ThIrKNAuG9E11V5VwgywWdu7Yn43JNbezCFhxBM7/GbeavcMycg6u/7DQGmejV4mOIdpvZy3DytWG5ZtSaU2tmA7niys/8S4v5k8WBOAou7Q2Ob5C/FBEfQrpoV5VSOmXd1EuEXi3ay18L9knJmpruPClkiQXhA2G/JmiDBABxpVrLn7/c5UnhNxgCFHLogA+Fpt5rtMI6rMlUt5R/1NihobKCYwxLi3c5RxofjRG0I2CLprqd/DmFz1Zwkh23df1TiGioRwGpAC3kTwpbc6UizoohtpK/BEJTPeeQCtBC/joCmLPKyrZsYfw3TGisx0BGAfLzrzBndsgTOV57/WuLdvT5pwI0z98ts8PPOxymCOewwbuhlm8Od2YcMgqQmb+MqhWhHgkG5xjzUWZ+wa9p3BcTGhYg5Z+Oc4gwarOKGuYfmfBuRL+xJNwVYx8VEVmGKX+ktZ4VJK0MAWI/yEe/8lsG9yQaNQswLA1A5Zsa/CpS+ByvOpTgFNWfAFqN98SkG7H3YwW5BUinqxeLZSUY/Nrby9tiPhmGNImPGs0Qu5oLQOKI96W4/+WPANQqQPhcUgdg8Ot+o3DtnEl0gXAUf5hNH1WEiLsihXoF8FvLoqiKwW8cnLQlheYouPzx3zB619MR9Qrgt2aOgCP5a0Gu/HtC4WYzvx4D9QrAfvcc1OA3/cabtHckndQ46/pnhzb0GDULQNVuj2LwWyvvfRAuCZ8ZDbT/TJKiG2369JxD3QIA2sev939imHkAuwYwkvaGAGewJ1aEVvQC0KAAM7fb/6MVNoRHAohCG0wVz20AakZLeowmBdC8yx9BsCVhEZWgFcQlkER9m5M+vajRpAD0lvJ3Oi3IXwgtMZU5PgGkyqAtPSY0KkCIu/wRkNrklKAdxCM6kn+sIjqB3u/Hf0YBnE35816bdGsNMIU5+JTSFXXl8HVBeHpi0bAAVcrfyv7enw4GrSBe0P71vwgdOnv/gqdnIxoWgGWXf7R7e39tNsDMHNL1Ly8WnUB+y+DZVUDDAojd5Q8+XEs4ZdAGql4FcMtXA7iZQzeYd5K/cGYIhAPhIP+ogcSEIdpgl+ORX3stVhFdsfIbhCdnHbJQIHzJyi5/Z1IN2m9AXPmtqeAasng1aIt+Hy8YKoDGBRC7y59U+vkNGmD9lsY14rLVk5VGsUYbaFGMCI8RK1xRAN7lj3DyRrIJJeFK0W8JrjFLf49OKR44kATGFQXQsstf0emtBOGrG1D5NW5jxqbQNX6teNhp4/EVBSC7y9/ozz/dqgE8WzG1sWJz/fWfvG2qZ5oXgHf5g4FzAUlYSBeOVhfoHCo8Ex5B+43iZdi0ADru8g+ggHMksOCh7N4Y0nNLv6ZAOixiowIQ7/LXTkWcR4oFvY6gVz9j//UVQbYaS4MCpPwlVLiIVDDodcFwWThI2lCD2DCkugXQu/wx08hAqjLoPVosCgOAFYAkMg+pVgEo5V8R8uhiiDWZEHoPQaOpwcYUX4pKzesUYJc/LQ1y6elovPB+qdF7gOFUY0srHOGY57kFSPlr5vqPuUbcW89U6uKQ7Zhj1t3AlH9BATX4rYD76slCUc7Lw0nzKF58z2bKPwYoQjZ6RP49KlmwEwTA+QrI+QKk/IMgauSilwccn+i5YJAQ4xKxYSynC5DypwoAI5OZsSm8X2ncTy8GjSR9d0DdCqQCpPy1A6CQhRZMAIwR3E2PWGFfhUzCYUjHCpDyr7CmIzK4StC7/wc/YZ/TyHBmZygWtMk/zSTF5r3l6d56wyD4UkA9MYT5YQE+5x8o8y29VuHeeiYYHBCFutLOUCrANn9ibHHGqz3urCdscURmFOd3hmKxzV8bbDmHM4QN7qxHpSIk+Yu/vJ0ht82/ynmUvLToPfiDP9EGzZHmsaT9n2gv52+C4M56hk3jp37ztgW2+aelhZWMr5m/j54EjVOMxtXE8pDW+RNfepdEaQm9x3/wJ4xWCK/z1xE7fLehX3n/5tCr8cGfiEJL1vmHs72S4G53dNmgl7HiP6CkvfyjPvcq0VIRavrt3/nd38v8wvICvUNSaZzHaC9/ptPLShMi6vp9v/YHTfPv0UgRztMGrZDhYvCH+4mHgwloTX/kN6q8A2QOX+iNg+CS0E72Ieg4+ON4aluxVIT6/sRv/WnOE6EW+3quMrgoalwnDjkoQ9i+/x97nD14gWc9f+Y3/hwXRSPY04uVRgYmNDcpFesU7eCPsYcqbEhl0dBf+LW/RK/R0c4MxGiG5iOlHAFIBn+IfVMCqAyExv7qr//mb1FTj8pKkEVJoyFfsY0Z3/8XNIaFQe++hlODTFx/yGelJfP7H9VbYdG7d/oKubRBPhkqVqbO93++zgQfD5VFKXgQU1SCbBUyxTErG5Fk5G8qPcXHI2/e+6XDvcXX0WT4MnPIZ2zWTK9U7AhJVv6kFKAiPpzCbyzlIS8hDYQaAl1e3CtrkGTn71gARIWPRvxnFvfF9f+hEi4s7tNMr17+6Xhf+LD5q0e8v4lQRzA4TuZpptcgf7I2e4R5f6Z+S+POuO4/U2bHZ3pW6Yikdv5OpdCdw0ej/Rah6wJjH03KtKfXLP+Dk90BHw2pmfdF9/Mfe4NE0kzvmvzJWuxhfEACKIVOU2mIwmTMrKWN8x+OBfus4NmNizGhtoI6P0vV29s4zI7QisGvG3xJLJ5Wej3FC6Euo9Bhxq8ti6qd7A/v/yWM56aavpyGBd1FM+99JWjV4BMOhfexnYfaKKDDJEx9gTvk7wyeGS0bHy41Gp2mvbpD/sR4XlLOiuYPFwRCp8WVvn3+YDyrYQgOcFM/NWiCAj5OAVL+72MFOF8EhzN0GXGJM+g2KeLN848aTyeOgqaLq8IRLmFCt1ERb50/FJ6LjCpLOE/lzQpE4Z0XICN/xhORcbCSuypkXGLjOy9ARv464knQMHBEjpB7j5/xvguQkT8pPIV5CBGZXO6qUNT7LkBG/uBnCJ/ZoQbOPW2lBFeS5yhAdCfzp85P91kT6hFDyMK4iix9Qbjs7/7+Hx5aADl9/RvX7RlfZQm3Ey2uEXKegAf+0ft/+ucHFsDR6fwR0FU0rKzgtpRcfawbF/m1f8ER7uWtrPlNbvX9678BZ/LnrobPHHFzxGhKFsUs6/r/Z7/2N6fuX9kbF+Df/wNn87fyRDO+9hnXsJ7WAdBViLjIeu//7NT4oXDTAph/w/n8xXZxgxd3owi1OacJNfznfxGOmaV16o0KIIQL+YPRJVJWmnBHFFBPRCS0IxYrDdy0AHim/Gnc/oyv3RuBoljwCBToRvlr86FmfFdsgZCTiEehQLfJn7gbM77g8BikkEMrTXggCnST/BHwaGYRNOFhrMElRilB0v0CkMvOn+nB0/3KCh4q4CxRyiB5hgL89/8gO3+jHxn+lCMeTRROoqFySJ6jAP87QX7+CLg3Go0EmI/eKo0uUBHHmbTSf6IC/N+30en86c17/+JXLOiIgCMoOkK3SEE4S78tRwGolb+KD3luZ0roDGMPbz1qdFAs6OKzo6pm/sbirqLfKgjdoQRAQloTOinOIk6Kr35tWcZa+aN6SP5+WRK6ggJ2nNLoLrMcD0vCFyaTcqSCYr8WFBfVaBiz8y8e8RqelYiaLSI6wllsEXREp9nNpRPxmUzGJStWzmBL+5XDltGKuZxIRv7K4K4o/PyAtgnFkNAJgQAZW4OuE7+2nA/LRQjKmog9UwckZKxSajyhwXdwmmPcnXvDFulqYdAB8XWuNAHPkb8vTjSVDQ6QUYPvfg8nGf/mi5JwV8GkIwjFWPBgw2nBeA7s/UrXG8u/N/j+D753oVGMu5Jw+KX1jyLWRiAQnoNREbXy/94PBj/80Y+/8+mEP/6NrU/39ZOf7v9L/PrPfuvTI/zhT3/61aeNn/7k0/P76qtPB77z4x/9P4Qy24RAkldyAAAAAElFTkSuQmCC);
}

.Home-token-card-section {
  padding-top: 7.75rem;
  padding-bottom: 7.75rem;
  margin-bottom: -4.65rem;
}

.Home-token-card-info {
  max-width: 38.75rem;
}

.Home-token-card-info__title {
  font-size: 3.8rem;
  line-height: 4.8rem;
  font-weight: bold;
  margin-bottom: 3.1rem;
  letter-spacing: 0;
}

.Home-token-card-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0;
}
.app-token-card-options-border {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 0;
  /* border: 1px solid rgba(255, 255, 255, 0.10); */
  border-radius: 0.5rem;
}
.Home-token-card-options-left {
  border-right: 1px solid rgba(255, 255, 255, 0.10);;
}

.Home-token-card-option {
  position: relative;
  padding: 2.325rem;
  max-width: 59.2rem;
  padding-bottom: 3.2rem;
}

.Home-token-card-option-top {
  border-right: 1px solid rgba(255, 255, 255, 0.20);
}

.Home-token-card-option-icon {
  display: flex;
  height: auto;
  flex-direction: column;
}

@media (min-width: 640px) {
  .Home-token-card-option-icon {
    height: 3.1rem;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.Home-token-card-option-icon {
  font-weight: 500;
  font-size: var(--font-lg);
  line-height: 1.2;
  letter-spacing: 0px;
  color: #FFFFFF;
}
.Home-token-card-option-icon-flex {
  display: flex;
  align-items: center;
}
.apr-text {
  margin-top: 12px;
  font-size: 14px;
}
@media (min-width: 640px) {
  .apr-text {
    margin-top: 0px;
  }
}
@media (min-width: 1024px) {
  .apr-text {
    font-size: 17px;
  }
}
.apr-text {
  color: #9A9F9D;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.apr-value {
  color: #2C7FFF;
  font-size: 17px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding-left: 6px;
}

.Home-token-card-option-icon img {
  margin-right: 0.8rem;
  width: 40px;
}

.Home-token-card-option-title {
  line-height: 2.3rem;
  letter-spacing: 0px;
  font-style: normal;
  font-weight: 400;
  margin-top: 2.325rem;
  color: #b7b7bd;
  font-size: var(--font-base);
  line-height: 1.5;
  font-family: Outfit, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  min-height: 6.2rem !important;
}

.Home-token-card-option-apr {
  font-size: var(--font-base);
  line-height: 2.3rem;
  letter-spacing: 0px;
  color: #787878;
  margin-top: 1.9375rem;
}

.Home-token-card-option-action {
  margin-top: 1.9375rem;
  padding-top: 2rem;
  display: flex;
  /* justify-content: space-between; */
}

.Home-token-card-option-action > .buy a:first-child,
.Home-token-card-option-action > .buy .a:first-child {
  margin-right: 1.5rem;
}

/* .Home-token-card-option-action .read-more {
  float: right;
} */

.default-container.Home-latest-info-container {
  padding: 0;
  width: 100%;
  color: #979797;
  margin-top: 100px;
}
.grid-data {
  border: 1px solid rgba(255, 255, 255, 0.10);;
  border-radius: 5px;
}

.Home-latest-info-container .flex-1 {
  padding-left: 30px;
}

.Home-latest-info-block {
  /* background: #17182C 0% 0% no-repeat padding-box; */
  box-shadow: 0px 0.5rem 2.2rem #0000001f;
  box-shadow: 0px 1.2rem 1.7rem #00000024;
  box-shadow: 0px 0.7rem 0.8rem #00000033;
  /* mix-blend-mode: multiply; */
  border: 0.5px solid #ffffff14;
  border-radius: 0;
  max-width: 38rem;
  width: 100%;
  display: flex;
  align-items: center;
  padding-top: 2.8rem;
  padding-bottom: 2.8rem;
  margin: 1.6rem 0;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.Home-latest-info__icon {
  margin-left: 2.55rem;
  margin-right: 3.95rem;
}

.Home-latest-info__title {
  color: #787878;
  font-size: var(--font-md);
  line-height: 2.5rem;
  letter-spacing: 0px;
}

.Home-latest-info__value {
  color: #FFFFFF;
  font-size: 2.6rem;
  line-height: 3.9rem;
  letter-spacing: 0px;
  font-weight: 700;
}

.Home-latest-info__description {
  letter-spacing: 0px;
  color: #787878;
  font-size: var(--font-sm);
  line-height: 2.5rem;
}

.Home-video-section {
  padding: 8rem 0;
}

.Home-video-block {
  background: #0b131c 0% 0% no-repeat padding-box;
  box-shadow: 0px 0.8rem 2rem #0000003d;
  border-radius: 0.7rem;
  max-width: 89.4rem;
  max-height: 50.6rem;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.Home-faqs-section {
  padding: 8rem 0;
}

.Home-faqs-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Home-faqs-documentation {
  margin-bottom: 4.9rem;
}

.Home-faqs-introduction__title {
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 3.8rem;
  line-height: 4.8rem;
}

.Home-faqs-introduction__description {
  letter-spacing: 0px;
  color: #787878;
  font-size: 1.8rem;
  line-height: 2.3rem;
  margin-bottom: 3.7rem;
  margin-top: 1.5rem;
  max-width: 29.8rem;
}

.Home-faqs-content-block {
  max-width: 80.6rem;
  width: 100%;
}

.Home-faqs-content {
  border: 0.5px solid #1e2136;
  border-radius: 0;
  cursor: pointer;
  padding: 3.7rem 7.75rem;
  width: 100%;
  max-width: 80.6rem;
}

.Home-faqs-content:hover {
  background: #17182c55;
}

.Home-faqs-content + .Home-faqs-content {
  margin-top: 1.5rem;
}

.Home-faqs-content-header {
  display: flex;
}

.Home-faqs-content-header__icon {
  display: flex;
  align-items: center;
  margin-right: 1.765rem;
  font-size: 1.3795rem;
  color: #3041da;
}
.homeFont{
  font-family: Chakra-Bold;
}
.homeFont400{
  font-family: Chakra-Regular;
}
.homeFont500{
  font-family: Chakra-Medium;
}
.homeFont600{
  font-family: Chakra-SemiBold;
}
.Home-title {
  letter-spacing: 0;
}
.Home-faqs-content-header__text {
  font-size: 1.7rem;
  line-height: 2.2rem;
  letter-spacing: 0px;
  color: #FFFFFF;
}

.Home-faqs-content-main {
  overflow: hidden;
  height: 0px;
  visibility: hidden;
  padding: 0 0rem 0 3.1rem;
  letter-spacing: 0px;
  color: #787878;
  transition: all 0.3s ease-in-out 0s;
}

.Home-faqs-content-main.opened {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  visibility: visible;
  padding: 1.5rem 0rem 0 3.1rem;
  transition: all 0.3s ease-in-out 0s;
}

/* custom css */
.LaunchExchangeButton {
  font-weight: 700;
  font-size: 2.6rem !important;
  line-height: 35px !important;
}

.LaunchExchangeButton:hover {
  /* background: linear-gradient(90deg, #6834FF 0%, #385FFF 100%) !important; */
  opacity: 0.8;
}

.default-container.Home-feature-wrap {
  width: 100%;
}
.Home-feature {
  background-size: 100% auto;
  color: #787878;
  position: relative;
  margin-top: 118px;
}

.Home-other {
  margin-top: 235px !important;
}
.Home-feature ul{
  position: relative;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid rgba(255, 255, 255, 0.10);;
}
.Home-feature::after{
  content: '';
  position: absolute;
  width: 100%;
  bottom: -100px;
  height: 100px;
  /* background: url('../../img/feature/lineBg-bottom.png') no-repeat top; */
  background-size: 100%;
}
.Home-feature h2 {
  font-size: 52px;
  line-height: 65px;
  background-size: 100% auto;
  /* border: 1px solid rgba(255, 255, 255, 0.10);; */
  /* border-bottom: 0; */
  margin-bottom: 80px;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
}

.Home-feature-list h3 {
  color: #FFFFFF;
  font-size: 2.2rem;
  padding: 30px 0 20px;
  font-weight: 600;
  text-align: center;
}
.Home-feature-list {
  list-style: none;
  overflow: hidden;
}
.icon-40 {
  height: 4rem;
}
.Home-feature-list > li {
  position: relative;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 20px;
  height: 265px;
  font-size: 1.7rem;
}
.Home-feature-list > li:first-child,
.Home-feature-list > li:nth-child(4) {
  border-left: 0;
}
.Home-feature-list > li:nth-child(4),
.Home-feature-list > li:nth-child(5),
.Home-feature-list > li:nth-child(6) {
  border-bottom: 0;
}
.Home-feature-list > li > div {
  position: relative;
  z-index: 1;
}
.Home-feature-list > li > img {
  position: absolute;
  max-width: 60%;
  left: 50%;
  top: 55%;
  max-height: 60%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 0;
  filter: sepia(0%) saturate(1000%) hue-rotate(324deg) brightness(100%) contrast(100%);
}
.easy-list div {
  position: relative;
  padding: 2px 0 2px 14px;
}
.easy-list div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 0;
  margin-top: -1px;

  background: #858585;
}
.tokenomics-list {
  padding: 0;
}
.tokenomics-list > li {
  padding: 30px 30px 20px;
  border-left: 0.5px solid rgba(255, 255, 255, 0.10);;
}
.tokenomics-list > li:first-child {
  border-left: 0;
}
.tokenomics-list > li > h3 {
  color: #FFFFFF;
  font-size: 2.2rem;
  padding: 30px 0 14px;
  font-weight: 700;
}

.tokenomics-list .custom-buy-btn {
  font-size: 1.4rem;
  height: 40px;
  line-height: 40px;
  /* padding-right: 70px !important; */
  background: url(/static/media/btnbg2.d0df545c1c663396eb4c.svg) center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 20px;
}

.Home-tip-list h3 {
  color: #FFFFFF;
  font-size: 2.2rem;
  padding: 10px 0;
  font-weight: 700;
}

.Home-tip-list > li {
  padding-top: 40px;
  padding-bottom: 40px;
}
.Home-tip-list > li img {
  /* filter: sepia(0%) saturate(1000%) hue-rotate(324deg) brightness(100%) contrast(100%); */
  padding: 16px;
  border: 1px solid #34344C;
  border-radius: 50px;
}

.Home-parnter-list {
  /* border: 0.5px solid #2C7FFF;
  border-bottom: 0; */
  margin-top: 80px;
  padding: 80px 35px;
}
.Home-parnter-list h3 {
  font-size: 3rem;
  text-align: center;
  color: "#EAECEF";
  font-weight: 700;
  margin-bottom: 40px;
}
.Home-parnter-list > ul > li {
  position: relative;
  font-size: 16px;
  height: 89px;
  line-height: 89px;
  color: #FFFFFF;
  font-family: IBMPlexSansJP-Medium;
  cursor: pointer;
  overflow: hidden;
  background: rgba(231, 254, 67, 0.01);
  border-radius: 5px;
  border: 1px solid #34344C;
}

/* .Home-parnter-list > ul > li div{
  flex: 1;
} */
.Home-parnter-list > ul > li::after {
  content: '';
  /* display: block; */
  display: none;
  width: 25px;
  height: 25px;
  background: url(/static/media/arrow.83c0e238e9005d096586.svg) no-repeat center;
  background-size: 100%;
}

.buy-read-more {
  color: #2C7FFF;
  color: var(--NN--main-color, #2C7FFF);
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.read-more {
  text-decoration: underline;
  color: inherit;
}
.read-more:hover {
  color: #FFFFFF !important;
}
.buy-bg-color:hover {
  background: linear-gradient(90deg, #6834FF 0%, #385FFF 100%) !important;
}

@media (max-width: 750px) {
  .Home-token-card-options {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 1.5rem;
  }
  .Home-top{
    padding-top: 70px;
  }
  .Home-top .video-bg{
    display: none;
  }
  .Home-top .banner-img{
    display: none;
  }
  .Home-title-section-container{
    padding-bottom: 0;
  }
  .Home-feature{
    margin-top: 5rem;
  }
  .Home-feature ul{
    padding: 0;
  }
  .Home-feature h2{
    /* padding-left: 30px; */
    background-size: 100% 100%;
  }
  .default-container.Home-latest-info-container{
    /* background: url('../../img/feature/linebg-2-mobile.png') center no-repeat; */
  }
  .Home-feature h2{
    /* background: url('../../img/feature/ineBg-top-mobile.png') no-repeat top; */
    background-size: 100% 100% !important;
    font-size: 2.3rem;
    height: 6rem;
    line-height: 6rem;
  }
  .Home-token-card-option {
    border-right: 0 !important;
  }
  .Home-token-card-option-top {
    border-right: 0 !important;
    padding: 16px 4px;
    margin: 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20) !important;
  }
}

@media (max-width: 500px) {
  .Home-token-card-option-icon {
    flex-direction: column !important;
    align-items: flex-start !important;
    margin-bottom: 5rem !important;
  }
  .Home {
    background: url(/static/media/b.9f0692c739adcbd69a4e.png) 0 0 repeat-x;
    background-size: 600px auto;
  }
  .Home-top {
    /* background-image: url(../../img/m/shapes.png); */
    background-position: right 0;
    background-size: auto 380px;
  }
  .Home-description {
    font-size: 1.6rem;
    max-width: 32rem;
  }
  .tokenomics-list .custom-buy-btn {
    font-size: 2rem !important;
    height: 4rem !important;
    line-height: 4rem !important;
  }
  .default-container.Home-feature-wrap {
    margin-top: 75px;
  }
  .Home-tip-list > li > img {
    width: 6rem;
    padding: 16px;
    border: 1px solid #34344C;
    border-radius: 50px;
  }

  .Home-title-section-container {
    padding-top: 4.4rem;
  }

  .default-btn.LaunchExchangeButton {
    font-size: 2rem !important;
    line-height: 4rem !important;
  }
  .Home-cta-options {
    width: calc(100% + 3.2rem);
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }

  .Home-cta-option-info {
    width: 50%;
  }

  .Home-cta-option-subtitle {
    margin-bottom: 0.4rem;
  }

  .Home-cta-option-title {
    line-height: 2.4rem;
  }

  .Home-cta-option-action {
    margin-top: 0.8rem;
  }

  .default-container.Home-latest-info-container {
    margin-top: 7.5rem;
  }

  .Home-latest-info__icon {
    margin-right: 2.95rem;
  }

  .Home-latest-info-block + .Home-latest-info-block {
    margin-top: 1.6rem;
  }

  .Home-faqs-content {
    padding-right: 1.5rem;
  }
    
  .Home-parnter-list{
    padding: 80px 20px;
  }
  .Home-parnter-list h3 {
    font-size: 3rem;
  }
  .Home-parnter-list > ul > li {
    font-size: 1.3rem;
  }
  .Home-parnter-list > ul > li::after{
    display: none;
  }

  .Home-feature-list > li {
    border-left: 0;
  }
  .Home-feature-list > li:nth-child(4),
  .Home-feature-list > li:nth-child(5) {
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.10);;
  }

  .Home-latest-info__value {
    font-size: 1.6rem;
  }

  .tokenomics-list > li {
    border-left: 0;
  }
  .tokenomics-list > li:last-child {
    border-top: 0.5px solid rgba(255, 255, 255, 0.10);;
  }
  .Home-token-card-option {
    border-right: 0 !important;
  }

  .Home-token-card-option-top {
    border-right: 0 !important;
    padding: 16px 4px;
    margin: 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20) !important;
  }
}
.borderColor{
  border-color: rgba(255, 255, 255, 0.2);;
}
.homeFeatureItem {
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: 14px;
}
@media (min-width: 640px) {
  .homeFeatureItem {
    height: 260px;
    flex-direction: row;
    align-items: center;
    padding-bottom: 0px;
  }
}
.homeFeatureItem{
  border: 0.5px solid #787878;
  background: rgba(1, 26, 4, 0.02);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.homeFeatureItem:hover .featureTitle{
  border: 1px solid #2C7FFF;
  background: #2C7FFF !important;
  color: #000 !important;
}
.homeFeatureItem span{
  display: block;
}
.tradeBox{
  box-shadow: inset 0px 0px 20px 0px #787878;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.ecosystemBox{
  box-shadow: inset 0px 0px 20px 0px #787878;
  background: rgba(0, 0, 0, 0.01);
  border-radius: 20px;
}
.gradualBG{
  background: linear-gradient(90deg, #8C63FF 0%, #2C7FFF 100%) !important;
}
.bestBox{
  box-shadow: inset 0px 0px 20px 0px #787878;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.01);
}
.bestBox:hover{
  box-shadow: inset 0px 0px 20px 0px #2C7FFF;
  background: rgba(255, 255, 255, 0.01);
}
.halo1{
  position: absolute;
  filter: blur(400px);
  transform: rotate(-180deg);
  background: linear-gradient(89deg, rgba(13, 171, 12, 0.19) 13%, rgba(0, 52, 34, 0.4) 101%);
  width: 1166.77px;
  filter: blur(240px);
  height: 533.31px;
  left: -400px;
  top: 90px;
}
.halo2{
  position: absolute;
  filter: blur(400px);
  background: linear-gradient(219deg, #1B5FFF 27%, #0000C1 57%);
  opacity: 0.4;
  left: 0;
  top: 100px;
  width: 1413px;
  height: 385px;
  transform: rotate(-22.22deg);
}
.halo3{
  position: absolute;
  width: 1166.77px;
  height: 533.31px;
  transform: rotate(-180deg);
  opacity: 1;
  background: linear-gradient(89deg, rgba(13, 171, 12, 0.46) 13%, #003422 101%);
  filter: blur(240px);
  top: 0;
  right: -340px;
}
.halo4{
  position: absolute;
  width: 566.24px;
  height: 322.98px;
  transform: rotate(-180deg);
  opacity: 1;
  background: linear-gradient(88deg, rgba(13, 171, 12, 0.46) 13%, #003422 100%);
  filter: blur(240px);
  left: -160px;
  bottom: -240px;
}
.blurredBg{
  filter: blur(50px);
}
.blurBgBox{
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}
.homePop{
  font-family: IBMPlexSansJP-Bold !important;
}
.homeTitle{
  text-shadow: 0px 4px 8px rgba(0, 29, 0, 0.65);
}
.homePop600{
  font-family: IBMPlexSansJP-SemiBold !important;
}
.homePop400{
  font-family: IBMPlexSansJP-Regular !important;
}
.homePop300{
  font-family: IBMPlexSansJP-Light !important;
}
.homePop500{
  font-family: IBMPlexSansJP-Medium !important;
}
.HomeFeature {
  text-align: left;
  font-size: 52px;
  line-height: 65px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.tradeDesc{
  color: rgba(255, 255, 255, 0.6);
}
.tradeDesc2{
  color: rgba(255, 255, 255, 0.8);
}
.tradeBtn {
  cursor: pointer;
  border-radius: 4px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
@media (min-width: 640px) {
  .tradeBtn {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-size: 14px;
    line-height: 17px;
  }
}
.tradeBtn{
  background: rgba(13, 171, 12, 0.4);
  font-family: IBMPlexSansJP-Bold !important;
}
.tradeBtn:hover{
  opacity: 0.7;
}
.tradeItem{
  border: 0.5px solid #787878;
}
.tradeItem:hover{
  border-color: #2C7FFF !important;
}
.earnItem{
  border: 1px solid rgba(106, 187, 158, 0);
  background: rgba(106, 187, 158, 0.2);
  -webkit-backdrop-filter: blur(40px);
          backdrop-filter: blur(40px);
}
.earnItem:hover{
  border: 1px solid #2C7FFF !important;
}
.earnBtn {
  margin-top: 16px;
  display: flex;
  width: 100%;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 16px;
  line-height: 20px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
  background: #2C7FFF;
  border-radius: 100px;
}
.earnBtn:hover{
  background: #0DAB0C;
}
.tokenBox{
  border: 1px solid rgba(0,0,0,0);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background: rgba(0, 255, 26, 0.04);
}
.tokenBox:hover{
  border: 1px solid #2C7FFF !important;
  background: rgba(0, 255, 26, 0.1);
}
.tokenBtn {
  margin-top: 25px;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(44 127 255 / var(--tw-bg-opacity));
  padding-left: 47px;
  padding-right: 47px;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 18px;
  line-height: 22px;
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.tokenBtn:hover{
  opacity: 0.8;
}
.liBg1{
  display: none;
  width: 60px;
  height: 30px;
  top: 40%;
  left: -25px;
  background:#2C7FFF;
  position: absolute;
  filter: blur(30px);
  opacity: .7;
}
.liBg2{
  display: none;
  width: 60px;
  height: 30px;
  top: 40%;
  right: -25px;
  background: #2C7FFF;
  position: absolute;
  filter: blur(30px);
  opacity: .7;
}
.bestItem {
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
  overflow: hidden;
  border: 0.5px solid rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  background: rgba(255, 255, 255, 0.01);
  border-radius: 5px;
}
.bestItem:hover{
  background: rgba(255, 255, 255, 0.01);
  border: 0.5px solid #2C7FFF;
}
.bestItem:hover .homePop600{
  color: #0dab0c;
}
.bestItem:hover .liBg1{
  display: block;
}
.bestItem:hover .liBg2{
  display: block;
}
.homeBg{
  position: absolute;
  left: 0;
  max-width: none;
  max-width: initial;
  width: 1440px;
}
.featDesc{
  color: rgba(255, 255, 255, 0.6);
}
.homeFeatureItem:hover .featDesc{
  color: #FFFFFF;
}
.featHalo{
  position: absolute;
  width: 464px;
  height: 288px;
  opacity: 1;
  background: linear-gradient(200deg, rgba(13, 171, 12, 0.2) 20%, rgba(13, 171, 12, 0.2) 72%);
  filter: blur(100px);
  top: -86px;
  left: -36px;
}
.position-share-referral-modal .Modal-content {
  min-width: 36rem;
  width: 52rem;
}
.position-share-referral-modal .actions {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.position-share-referral-modal .icon {
  vertical-align: middle;
  margin-right: 0.5rem;
}

.position-share-referral {
  aspect-ratio: 1200 / 630;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1.8rem 2.4rem;
}

.position-share-referral .logo {
  width: 10rem;
}
.position-share-referral .info {
  list-style: none;
  color: #FFFFFF;
  font-size: 1.25rem;
  display: flex;
  padding-left: 0;
  margin: 0;
}
.position-share-referral .info li {
  margin-right: 1rem;
  padding-bottom: 0;
  color: rgba(255, 255, 255, 0.70);
}
.position-share-referral .info > .side {
  color: #2C7FFF;
  /* font-weight: 800; */
}
.position-share-referral .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #2C7FFF; */
}

.position-share-referral .prices {
  max-width: 20rem;
  display: flex;
  flex-direction: column;
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.60);
  gap: 0.6rem;
}
.position-share-referral .prices p {
  margin: 0;
}

.position-share-referral .prices p.price {
  font-size: var(--font-base);
  color: rgba(255, 255, 255, 0.80);
}
.position-share-referral .prices div {
  display: flex;
}
.position-share-referral .referral-code {
  display: flex;
  /* background: rgba(255, 255, 255, 0.05); */
  max-width: 18rem;
  border-radius: 5px;
  align-items: center;
  padding-bottom: 0.5rem;
}
.position-share-referral .referral-code div {
  display: flex;
  flex-direction: column;
}
.position-share-referral .referral-code .label {
  font-size: 0.9rem;
  line-height: 1;
}
.position-share-referral .referral-code .referral-code-info {
  margin-left: 1rem;
}

.position-share-referral .referral-code img {
  width: 30px;
  height: 30px;
  margin-right: 1rem;
}
.position-share-referral .referral-code p {
  margin: 0;
}
.position-share-referral .code {
  font-weight: 500;
  line-height: 1;
}

.tweet-link-container.disabled {
  cursor: not-allowed;
}

.position-share-referral-modal .App-button-option {
  justify-content: center;
}

a.App-button-option.tweet-link {
  text-decoration: none;
  width: 100%;
}
a.App-button-option.tweet-link.disabled {
  pointer-events: none;
}

.image-loading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1.5rem 0;
}
.image-overlay-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #00000055;
  color: #FFFFFF;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  float: right;
  padding: 0 0.25rem;
  border-top-left-radius: 5px;
}
.image-overlay-wrapper .loading-text {
  font-size: 1.1rem;
  margin: 0 0 0 0.5rem;
}
.image-overlay {
  display: flex;
  padding: 0.5rem 0;
  justify-content: center;
  align-items: center;
}

.image-overlay .spinning-loader {
  margin-left: 0.5rem;
}

@media (max-width: 450px) {
  .position-share-referral-modal .Modal-content {
    min-width: 40rem;
    width: 98%;
  }
  .position-share-referral-modal .Modal-body {
    margin: 1rem;
  }
  .position-share-referral-modal .Modal-title-bar {
    margin: 1rem;
  }
  .position-share-referral {
    padding: 1rem;
  }
  .position-share-referral .logo {
    width: 6rem;
  }
  .position-share-referral .info {
    font-size: 1rem;
  }
  .position-share-referral .pnl {
    font-size: 2rem;

    line-height: 1;
  }
  .position-share-referral .prices {
    max-width: 14rem;
  }
  .position-share-referral .prices p {
    font-size: 0.9rem;
  }
  .position-share-referral .prices p.price {
    font-size: 1rem;
  }
  .position-share-referral .referral-code {
    width: 12rem;
  }
  .position-share-referral .referral-code .label {
    font-size: 0.8rem;
  }
  .position-share-referral .referral-code p {
    font-size: 1rem;
  }
  .position-share-referral-modal .actions {
    margin-top: 1rem;
  }
  .position-share-referral-modal .actions .App-button-option {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-left: 1rem;
    padding-right: 1rem;
    min-height: 3rem;
  }
  .image-overlay-wrapper .loading-text {
    font-size: 1rem;
  }
}

/* .twitter-btn-animation {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
} */
.gradient {
  transform-origin: center;
  animation: tiltShake 0.5s ease-in-out 3;
}
.gradient:hover {
  animation: shake 0.5s ease-in-out 1;
}

.share-btn::before {
  content: "";
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  position: absolute;
  display: block;
  background: #222328;
  right: 38px;
  top: 54px;
}

@keyframes shake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}
@keyframes tiltShake {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(-5deg); }
  35% { transform: rotate(0deg); }
  50% { transform: rotate(5deg); }
  75% { transform: rotate(-5deg); }
  85% { transform: rotate(5deg); }
  100% { transform: rotate(0deg); }
}

/* @keyframes gradientAnimation {
  0% {
      fill: #9AE060;
  }
  100% {
      fill: #9AE060;
  }
} */

.AffiliateStats-claimable-rewards-card{justify-content:start}.AffiliateStats-claimable-rewards-card .card-details{width:100%}.AffiliateStats-claimable-rewards-card .card-label{text-align:left !important}.AffiliateStats-claimable-rewards-card .info-card-label{margin-bottom:0}.AffiliateStats-claimable-rewards-card .info-card-data{margin-top:1rem}.referrals-tooltip .Tooltip-handle{text-decoration-color:#787878 !important}.AffiliateStats-claimable-rewards-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.AffiliateStats-claim-button:hover{opacity:0.8}.AffiliateStats-claim-button{cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:14px;color:#fff;border-radius:5px;background-color:#2c7fff;width:88px;height:35px}.Rebate-amount-value{display:flex;align-items:center}
.TransactionStatus{display:flex;width:100%;justify-content:space-between;align-items:center;padding:.2rem 0;font-size:var(--font-sm)}.TransactionStatus-status{display:flex;justify-content:center;align-items:center}.TransactionStatus-spin{height:1.5rem;width:1.5rem;color:#fff}
.StatusNotification{position:relative}.StatusNotification-background{position:absolute;top:-10%;left:-10%;right:auto;width:150%;height:150%;bottom:0;background-color:rgba(174,43,63,0);transition:background-color .3s ease-in-out}.StatusNotification-background.error{background-color:#ae2b3f}.StatusNotification-content{position:relative;z-index:1}.StatusNotification-title{font-weight:bold}.StatusNotification-items{margin-top:1rem}.StatusNotification-items .TransactionStatus-status{margin-right:-1.8rem !important}.StatusNotification-items .TransactionStatus-spin{margin-right:-0.3rem !important}
.ClaimableModal .Modal-body{overflow-x:hidden}.ClaimModal-content{font-size:var(--font-sm);margin-top:3rem;margin-bottom:1rem}.ClaimModal-row{margin-bottom:0rem}.ClaimModal-row-tooltip .Tooltip-popup{min-width:0}.ClaimModal-divider{margin-top:0}
.Rebate-amount-value{display:flex;align-items:center}.referrals-tooltip .Tooltip-handle{text-decoration-color:#787878 !important}.Rebate-amount .Tooltip-popup{min-width:20rem}
.referrals .firstBg{background:linear-gradient(90deg, #20272A 1.17%, #22467C 100%)}.referrals .secondBg{background:linear-gradient(90deg, #5C6474 0%, #564677 57.27%)}.referrals .thirdBg{background:linear-gradient(90deg, #36342F 0%, #452F4D 53.14%)}.referrals .defaultBg{background:#161616}.referrals .memeProgressBar{text-align:right;background-color:#727d94;border-radius:2px;height:8px;width:100%;max-width:59px;overflow:hidden;margin-top:3px}.referrals .memeProgressFill{background-color:#7bdf7f;height:100%;border-radius:2px;transition:width .3s ease}.referrals .bigSpring .spinner{border-width:3px}
.spinner-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .spinner {
    border: 2px solid transparent;
    border-top-color: #7e7e7e;
    border-right-color: #7e7e7e;
    border-radius: 50%;
    animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
.Referrals{padding-top:4.65rem}.section-center{margin:0 auto;text-align:center}.mt-large{margin-top:3.1rem}.mt-medium{margin-top:1.5rem}.referral-tab-container{margin-top:1.5rem;margin-bottom:3.1rem}.referral-point-tips{padding:.5rem 1.5rem !important;border-radius:3rem !important;border:0 !important}.referral-tab-block{color:rgba(255,255,255,.7);width:405px !important;font-size:1.6rem !important;overflow:hidden !important;border-radius:4rem !important;padding:6px !important;border:1px solid #161616 !important;background:#000 !important}.referral-tab-block .muted{border:0 !important;border-radius:2rem !important;color:#787878 !important;font-size:20px}.referral-tab-block .Tab-option{width:33.33% !important;margin-right:0 !important;display:flex;align-items:center;justify-content:center;margin-bottom:0 !important;border-right:0px solid rgba(0,0,0,0) !important;color:#787878 !important;border-bottom:0 !important;padding:8px 0 !important;background:rgba(0,0,0,0) !important;border-radius:2rem !important}.referral-tab-block .Tab-option:hover{color:#d4d4d8 !important}.referral-tab-block .active{background:rgba(0,0,0,0) !important;color:#d4d4d8 !important}.referral-tab-block .Tab-option:last-child{border-right:0 !important}.primary-action{background:#2c7fff}.referral-input{border-radius:4px;border:1px solid #161616}.referral-card{position:relative;max-width:59.2rem;border-radius:1rem}.referral-card .title{font-weight:500;font-size:var(--font-lg);line-height:3.1rem;color:#fff;padding:.775rem 0;margin:0}.referral-card .sub-title{line-height:2.5rem;letter-spacing:0px;color:#b7b7bd;margin-top:1.1625rem}.referral-card .card-action{margin-top:3.1rem}.referral-card .card-action input{border:1px solid #161616;font-size:var(--font-base);width:100%;box-sizing:border-box;margin-right:1.5rem;margin-bottom:20px}.referral-body-container .list{margin-top:18px}.reward-history{margin-top:2rem}.active-referral-code .edit{display:flex;align-items:center;justify-content:center}.active-referral-code .edit span{margin-right:1.5rem}.active-referral-code .edit svg{cursor:pointer}.active-referral-code .edit svg:hover{opacity:.75}.active-referral-code .tier{margin-top:.775rem;display:flex;align-items:center;justify-content:center}.active-referral-code .tier span{font-size:var(--font-sm);color:#787878;margin-right:.775rem}.active-referral-code .tier .tier-discount-warning span{color:var(--warning-yellow)}.active-referral-code .tier a{text-decoration:none;font-size:0}.edit-referral-modal{width:31rem}.referral-code-edit span{margin-right:.775rem}.referral-code-edit svg{opacity:.75;cursor:pointer}.referral-code-edit svg:hover{opacity:1}.create-referrar-code{text-align:center;max-width:50rem;margin:3.1rem auto}.transparent-btn{text-decoration:none;display:inline-flex;align-items:center;background:rgba(0,0,0,0);padding:.75rem 1.25rem;color:#fff;font-size:var(--font-sm);border:1px solid var(--dark-blue-border);border-radius:var(--border-radius-sm);cursor:pointer}.transparent-btn:hover{background:var(--dark-blue-hover)}.transparent-btn:active{background:var(--dark-blue-active)}.referral-table-header{display:flex;justify-content:space-between;align-items:center;width:100%}.referral-table-header .title{margin:0}.referral-table-header .sub-title{color:#787878;font-size:var(--font-sm);margin-left:.775rem}.referral-table-header .ml-small{margin-left:.775rem}.create-referrar-code form{display:flex;align-items:inherit;justify-content:center;margin:3.1rem 0}.create-referrar-code form input{border:1px solid #1e2136;border-radius:1rem;padding:1.1625rem;font-size:var(--font-base);width:40rem}.create-referrar-code form button{margin-left:1.5rem}.referral-stats{margin:0 auto;display:grid;grid-gap:1.5rem;grid-template-columns:repeat(auto-fit, minmax(25rem, 1fr))}.text-center{text-align:center}.info-card{padding-left:24px;padding-right:24px}@media (min-width: 800px){.info-card{padding-left:32px;padding-right:32px}}@media (min-width: 1024px){.info-card{padding-left:43px;padding-right:43px}}.info-card{min-height:13rem;border-radius:2rem;display:flex;align-items:center}.info-card .card-label{font-size:var(--font-md);line-height:2.1rem;font-weight:normal;letter-spacing:0px;color:#fff;margin-bottom:1.5rem;text-align:left}.info-card .card-data{margin-top:26px;font-size:24px;line-height:27px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity));font-family:IBMPlexSansJP-SemiBold !important}.info-card .info-card-question-icon{vertical-align:middle;font-size:var(--font-sm);opacity:.8}.table-referral-code{align-items:center;display:flex}.table-referral-code .referral-text{margin-right:.775rem;font-family:monospace}.table-referral-code .referral-code-icon{margin-right:1rem;cursor:pointer;display:inline-flex}.table-referral-code .referral-code-icon:hover{opacity:.75}.table-referral-code .info{margin-left:.775rem}.referral-table{border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed;font-size:var(--font-base)}.referral-table th{font-weight:normal;letter-spacing:.25px;color:#787878}.referral-table th,.referral-table td{font-size:14px;padding:.625em;text-align:left;white-space:nowrap}.referral-table th{padding-bottom:5px !important;color:#787878 !important}.referral-table tbody tr{border-bottom:1px solid #161616}.referral-table tbody tr:last-child{border:none !important}.referral-table td{padding-top:20px;padding-bottom:20px;color:#d4d4d8 !important}.table-referral-code p{margin:0;margin-left:.775rem;padding:0}.AffiliateCode-error{margin:0;padding:.775rem 0 1.5rem;color:var(--error-red);font-size:var(--font-sm)}.table-wrapper{display:block;width:100%;font-size:var(--font-base)}.empty-message{margin:1.6rem 0;display:flex;justify-content:center;align-items:center;padding:9rem 1.5rem;border-radius:20px;font-size:var(--font-base);flex-direction:column;background:#101010}.confirm-checkbox .Checkbox{width:100%;display:grid;grid-template-columns:1fr auto;direction:rtl;font-size:var(--font-sm);margin-bottom:1.5rem}@media(max-width: 800px){.referral-table{width:auto;margin-bottom:1.5rem}.table-wrapper{overflow-x:auto}.table-head{white-space:nowrap}}@media(max-width: 500px){.referral-table-header .sub-title{display:block;margin-left:0;margin-top:2px}}.referrals{color:#fff;text-align:center;width:100%}.referrals .progress-bar{background-color:#393939 !important;border-radius:7px;height:5px;position:relative;overflow:hidden}.referrals .progress-fill{background-color:#b1b1b1;height:100%;border-radius:7px;transition:width .3s ease;width:0%}.tierBox{display:flex;flex-direction:column;padding:12px}.tierBox span{line-height:18px}
.Stats{padding-top:90px}.Stats-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem}.Stats-token-cards{margin-top:.8rem}.Stats-token-cards .Tooltip-popup{min-width:32rem}.token-table-wrapper{border-radius:12px;padding:0 1.5rem;margin-bottom:1.5rem;text-align:left}.Stats-title{font-size:18px;font-weight:600;line-height:21px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.token-table-wrapper .Stats-title{justify-content:initial}.Stats-content{margin-top:37px}.Stats-row{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;font-size:15px;line-height:18px}.Stats-content .Stats-row:last-child{margin-bottom:0 !important}.token-table-wrapper .Stats-title img{display:inline-flex;align-items:center;margin-left:.5rem;display:none}.App-card-title-icon{display:flex;margin-left:1.2rem}.App-card-title-icon img+img{margin-left:.6rem}.stats-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:1.5rem;margin-bottom:1.5rem}.stats-wrapper .App-card{width:100%;display:flex}.stats-block{width:100%}.stats-piechart{margin:-1rem;margin-left:1.5rem}.stats-block--glp .stats-label{grid-row-gap:0}.stats-label{font-size:var(--font-sm);line-height:1.6rem;border-radius:12px;padding:1.05rem;letter-spacing:.4px;text-align:left;z-index:1;background:linear-gradient(270deg, #313655 0%, #252841 100%);cursor:pointer}.stats-label-color{width:.4rem;height:100%;margin-right:1.5rem}.Available-network-group{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.8rem}.Available-network-group .Tooltip{display:flex}.Available-network-group .Available-network{display:flex}.Available-network-group .Available-network img{filter:grayscale(100%)}.Available-network-group .Tooltip-handle.active .Available-network img{filter:initial}.Available-network-group .Available-network img:hover{filter:initial}.token-table .token-symbol-wrapper{display:flex;justify-content:space-between;align-items:center;padding-right:4.65rem}.Stats-token-cards .token-table td:nth-child(3),.Stats-token-cards .token-table th:nth-child(3){width:20rem}.mobile-token-card{display:flex;align-items:center}.token-symbol-text{line-height:1}.mobile-token-card>img{margin-right:.8rem}.glp-composition-small{display:none !important}@media(max-width: 1024px){.stats-wrapper{display:grid;grid-template-columns:1fr;grid-gap:1.5rem}.stats-wrapper .App-card{max-width:none !important;max-width:initial !important;margin:0}}@media(max-width: 1100px){.token-table-wrapper{display:none}.stats-wrapper{margin-bottom:0}.glp-composition-small{display:inline-block !important}}@media(max-width: 900px){.Stats-cards{grid-template-columns:1fr}}@media(max-width: 700px){.Stats-token-cards .Tooltip-popup{min-width:27rem}}@media(max-width: 660px){.stats-wrapper .App-card{flex-wrap:wrap;padding-bottom:0}.stats-piechart{width:100%;display:flex;justify-content:center;margin:0}}.statsCard{border-radius:2rem;padding-top:20px;padding-bottom:20px;padding-left:14px;padding-right:14px}@media (min-width: 800px){.statsCard{padding-top:30px;padding-bottom:30px;padding-left:20px;padding-right:20px}}@media (min-width: 1024px){.statsCard{padding-left:30px;padding-right:30px}}.statsCard{background-color:#101010;overflow:hidden}.Stats-row .label{font-size:15px;line-height:18px;color:#787878}.Leaderboard-page{padding-top:2rem}.Leaderboard-td-text-line{cursor:pointer}.leaderboard-active:hover{opacity:.6}.App-card-title{display:flex;justify-content:space-between}.Leaderboard-Tooltip-handle{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:3px;text-underline-offset:5px;color:#fff;font-size:3.2rem;font-style:normal;font-weight:700;margin-bottom:2rem}.filter-container{padding:3rem 0 2rem}ul.filter li{display:inline;padding-left:3rem}ul.filter li:first-child{padding-left:0}.filter-container li button{color:#9a9f9d;font-size:1.6rem;font-style:normal;font-weight:300;line-height:normal}.li div:first-child{display:inline-block}.filter-container li.active button{color:#2c7fff;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.stats-table-box{border:1px solid #34344c;border-radius:5px}.stats-table{width:100%;border-spacing:0;white-space:nowrap;font-size:var(--font-base);text-align:left}.stats-table td,.stats-table th{padding:15px}.sort-th{display:inline-flex}.sort-th .sort{margin-left:.8rem;cursor:pointer}.stats-table td:nth-child(2),.stats-table th:nth-child(2){width:20rem}.stats-table td:nth-child(3),.stats-table th:nth-child(3){width:20rem}.stats-table td:nth-child(4),.stats-table th:nth-child(4){width:20rem}.stats-table td:nth-child(5),.stats-table th:nth-child(5){width:20rem}.stats-table td:nth-child(6),.stats-table th:nth-child(6){width:13rem}.stats-table th{letter-spacing:.25px;color:rgba(255,255,255,.8705882353);text-align:left}.stats-table th:first-child,.stats-table td:first-child{width:12.35rem}.stats-table th:last-child,.stats-table td:last-child{text-align:right;width:16rem}.stats-table th:nth-last-child(2),.stats-table td:nth-last-child(2){padding-right:1.5rem;width:12rem}.stats-table th{font-weight:normal;letter-spacing:.25px;color:#787878}.stats-table .action-btn{width:100%;justify-content:center}.pagination{display:flex;flex-direction:row-reverse;justify-content:right}.leaderboard-grid{display:none}.leaderboard-grid .default{color:#fff}.leaderboard-grid .first{color:#f4ad57}.leaderboard-grid .second{color:#e4e4e4}.leaderboard-grid .third{color:#47c0af}.leaderboard-loading{position:absolute}.leaderboard-grid .App-card{margin-bottom:1.1rem}.leaderboard-default-container{margin-top:20px}.no-data{padding:1.5rem;font-size:12px}.rank-image{width:2.6rem}@media(max-width: 600px){.stats-table{display:none}.leaderboard-grid{display:block}}.homePop600{font-family:IBMPlexSansJP-SemiBold !important}.homePop400{font-family:IBMPlexSansJP-Regular !important}.homePop300{font-family:IBMPlexSansJP-Light !important}.homePop500{font-family:IBMPlexSansJP-Medium !important}.homePop{font-family:IBMPlexSansJP-Bold !important}.asset-menu-items{position:absolute;border:1px solid #161616;border-radius:.5rem;background:#101010;outline:none;z-index:100;white-space:nowrap;top:24px}@media(max-width: 1100px){.asset-menu-items{min-width:18rem;width:auto}.asset-menu-items.left{right:0}.asset-menu-items.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items{width:25rem;white-space:normal}}@media(max-width: 350px){.asset-menu-items{width:18rem}}.rewardsBox{background:#101010;border-radius:12px}.rewardsBox2{background:#101010;border-radius:12px}.progress-bar-container{width:100%;background-color:#787878;border-radius:5px;position:relative;height:2px}.progress-bar{height:100%;background-color:#2c7fff}.checkmark{display:flex;align-items:center;justify-content:center;font-size:20px;width:28px;margin-bottom:2px}.rewardsBtn{background:linear-gradient(90deg, rgba(223, 254, 0, 0.8) 0%, rgba(0, 255, 26, 0.8) 100%)}.tableBox{background:#101010;border-radius:12px;width:100%}.claimBtn{border:1px solid #2c7fff}.claimBtn:disabled{opacity:.5}.tooltipBox .Tooltip-handle{width:100%;text-decoration:none}.statsBtn{text-align:center;font-size:14px}@media (min-width: 800px){.statsBtn{font-size:16px}}.statsBtn{background-color:#1b2235}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.Select{padding:10px;width:100%;background-color:rgba(0,0,0,0);border:1px solid #aaa}.Select option{background-color:#000}
.ReferralsTier{padding:20px 30px}.ReferralsTier-form{width:450px}.ReferralsTier-row{margin-top:20px}.ReferralsTier-input{padding:10px;border:1px solid #aaa;font-size:16px;width:100%}.ReferralsTier-label{display:block;margin-bottom:5px}.save-tier{color:#000 !important;font-weight:bold}
.homePop600{font-family:IBMPlexSansJP-SemiBold !important}.homePop400{font-family:IBMPlexSansJP-Regular !important}.homePop300{font-family:IBMPlexSansJP-Light !important}.homePop500{font-family:IBMPlexSansJP-Medium !important}.homePop{font-family:IBMPlexSansJP-Bold !important}.quick-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liquidityContainer{max-width:435px;width:100%;background:#101010;border-radius:2rem;padding:31px 20px;border:solid 1px #292929;margin-top:4rem}.removeContainer{max-width:498px;width:100%;background:#101010;border-radius:2rem;padding:31px 20px;border:solid 1px #292929}.GlpSwap-content{display:flex;flex-direction:column}@media (min-width: 1024px){.GlpSwap-content{flex-direction:row}}.GlpSwap-content{justify-content:space-between;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem}.Tab-title{letter-spacing:0px;color:#fff;font-size:3.41rem;font-weight:500}.Tab-description{letter-spacing:0px;color:#787878;margin-top:.8rem}.Tab-description span{color:#f89191}.GlpSwap-from-token .Modal{align-items:flex-start;justify-content:flex-end}.GlpSwap-content .GlpSwap-stats-card,.GlpSwap-content .GlpSwap-box{width:100%}.GlpSwap-content .GlpSwap-stats-card{max-width:71.2rem;margin-right:10px}.GlpSwap-stats-card .App-card-row .label{color:#787878;opacity:1}.GlpSwap-content .GlpSwap-box{max-width:47.95rem;border-radius:1rem;padding:1.5rem;padding-top:0}.GlpSwap-box .Exchange-swap-option-tabs{margin:1.5rem 0}.App-card-title-mark-icon{position:relative;margin-right:.8rem;display:flex}.App-card-title-mark-icon .selected-network-symbol{position:absolute;bottom:0;right:0;border:1px solid #1e1f37;border-radius:50%}.App-card-title-mark{display:flex}.App-card-title-mark .App-card-title-mark-title{font-size:var(--font-md);line-height:2.1rem;letter-spacing:0px;color:#fff}.App-card-title-mark .App-card-title-mark-subtitle{font-size:1.2rem;line-height:1.5rem;letter-spacing:0px;color:#787878}.GlpSwap-token-list{border-radius:4px;border:.5px solid #27272b;padding:1.5rem;padding-top:0;text-align:left}.GlpSwap-token-list-content{display:grid;padding:1.5rem;padding-top:0;text-align:left}.GlpSwap-box .App-card-title{margin-bottom:.8rem}.GlpSwap-box .Exchange-info-row{height:1.5rem;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center}.GlpSwap-box .Exchange-info-row .Exchange-info-label{margin-right:.8rem;color:#787878;opacity:1}.GlpSwap-cta{margin:0 auto;text-align:center;padding-top:0}.GlpSwap-cta .Exchange-swap-button{margin:0 auto;justify-content:center;min-height:4.8rem;font-size:var(--font-sm)}.token-table{margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3.1rem);border-spacing:0;white-space:nowrap;font-size:var(--font-base)}.token-table .Token-icon{min-width:40px}.token-grid{display:none}.token-table td,.token-table th{padding:1.1625rem}.token-table td:nth-child(2),.token-table th:nth-child(2){width:11rem}.token-table td:nth-child(3),.token-table th:nth-child(3){width:32rem}.token-table td:nth-child(4),.token-table th:nth-child(4){width:20rem}.token-table td:nth-child(5),.token-table th:nth-child(5){width:13rem}.token-table td{letter-spacing:.25px;color:rgba(255,255,255,.8705882353)}.token-table th:first-child,.token-table td:first-child{padding-left:1.5rem;width:26.35rem}.token-table th:last-child,.token-table td:last-child{padding-right:1.5rem;text-align:right;width:17rem}.token-table th{font-weight:normal;letter-spacing:.25px;color:#787878;text-transform:uppercase}.token-table .action-btn{width:100%;justify-content:center}.cap-reached{margin-left:.8rem}.AppOrder-ball-container{position:relative;z-index:2}.AppOrder-ball-icon{font-size:var(--font-lg);text-align:center;display:block;font-size:2rem;opacity:.7}.AppOrder-ball{position:absolute;width:3.5rem;height:3.5rem;left:50%;margin-left:-1.7825rem;top:-2.5rem;border-radius:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:rgba(44,127,255,.4941176471);border:1px solid #34344c;display:flex;justify-content:center;align-items:center;color:#fff;color:#31343c}.AppOrder-ball:hover{background:var(--primary-btn-hover) !important;color:#31343c}.AppOrder-ball:active{background:var(--primary-btn-active)}.AppOrder-ball:hover .AppOrder-ball-icon{opacity:1}@media(max-width: 1024px){.GlpSwap-content{flex-wrap:wrap}.GlpSwap-content .GlpSwap-stats-card{margin:0;margin-bottom:20px;max-width:100%}.GlpSwap-content .GlpSwap-box{margin:0;max-width:100%}}@media(max-width: 1100px){.GlpSwap-from-token .Modal{align-items:center;justify-content:center}.GlpSwap-token-list{border:none;background-color:rgba(0,0,0,0);padding:0}.GlpSwap-token-list-content{padding:0}.token-table{display:none}.token-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1.5rem;margin-top:.8rem}}@media(max-width: 600px){.token-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;margin-top:.8rem}}.token-table-wrapper{border-radius:1rem;padding:0 1.5rem;margin-bottom:1.5rem;text-align:left}.chart-token-list{max-height:none;max-height:initial}.chart-token-list thead{border:none;background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial}.App-card{border:none}.chart-token-list thead tr th{color:rgba(255,255,255,.6);font-size:12px;font-family:IBMPlexSansJP-Medium;line-height:24px;text-transform:none}.swapBox .Switch-toggle{width:32px}.swapBox .Switch-toggle-wrapper{flex-direction:row-reverse;margin-bottom:0}.searchInputBox{padding:0 12px;display:flex;flex-direction:row;align-items:center;border:1px solid #242424;min-width:275px;border-radius:5px}.searchInputBox:focus-within{border-color:#00ff1a}.searchInput{position:relative;display:flex;padding:10px 12px;align-items:center;width:100%;white-space:nowrap;outline:none;color:#fff;-webkit-appearance:none;transition:border 100ms;font-size:13px}.searchInput::placeholder{color:#747474}.swapBox .Switch-toggle.checked .handle{left:16px}.tdItem{padding-left:15px;padding-right:15px;padding-top:12px;padding-bottom:12px}.tokenItem:hover svg{color:#00ff1a}.tdText{font-family:IBMPlexSansJP-Regular;font-size:13px;font-weight:normal;line-height:18.2px;letter-spacing:0px;color:rgba(255,255,255,.8)}.add-liquidity-btn{background:linear-gradient(90deg, #2C7FFF 0%, #0BE4C3 100%);color:#000}.swapNew{max-height:100% !important}.swapNew thead tr th{padding:16px 20px;color:#787878}.swapTitle{color:rgba(255,255,255,.8)}.swapText{font-size:16px;font-weight:500;line-height:23px;letter-spacing:0px;color:#fff}.swapAspac{cursor:pointer;border-radius:40px;width:33px;height:33px;background:linear-gradient(90deg, rgba(122, 233, 154, 0.2) 1%, rgba(75, 175, 255, 0.2) 35%, rgba(151, 114, 236, 0.2) 80%, rgba(162, 58, 214, 0.2) 98%);justify-content:center;display:flex;flex-direction:row;align-items:center}.swapAspac:hover{opacity:.7}.swapTextClick{margin-left:4px;opacity:1;font-size:13px;font-weight:500;line-height:18px;letter-spacing:0px;background:linear-gradient(90deg, #7AE99A 1%, #4BAFFF 35%, #9772EC 80%, #A23AD6 98%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0)}.swapFucBox{cursor:pointer;background-color:#1f1f1f;width:25px;height:25px;border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center}.swapFucBox:hover{opacity:.7}.addLiBtn{background:#383dfa}.leaderText{border-radius:30px;background:rgba(0,72,29,.7019607843);color:#fff}.leaderText2{border-radius:30px;color:#fff;border:1px solid #383dfa}.swapHeader{padding:12px;background:#101010}.removeBox{border:1px solid rgba(255,255,255,.06)}.farmInput{border-radius:12px;background:rgba(255,255,255,.04);padding:10px 22px;display:flex;align-items:center;justify-content:space-between}.tokenBg{border-radius:500px;opacity:1;background:linear-gradient(0deg, rgba(94, 94, 94, 0.18), rgba(94, 94, 94, 0.18)),rgba(255,255,255,.06);background-blend-mode:color-dodge,lighten}.manageTab{border:1px solid #383dfa;border-radius:12px;overflow:hidden}.manageItem{width:50%;text-align:center;padding:11px 0;font-size:16px;line-height:24px;color:#fff;cursor:pointer}.manageItem:hover{background-color:#383dfa}.advance{padding:0 4px;border-radius:8px;height:28px;color:#7e7e7e;font-size:12px;line-height:16px;background-color:transparent;background-color:initial;border:none;white-space:nowrap;text-transform:none !important}.advance:hover{background-color:rgba(224,232,255,.2) !important}.modalItem{width:100%;padding:8px 14px;margin-top:8px;display:flex;flex-direction:column;border-radius:12px;background:rgba(255,255,255,.04)}.rewardBox{border:1px solid #0b3f41;border-radius:30px;height:22px;display:flex;justify-content:center;align-items:center;padding:0 20px;margin-left:4px}.rewardsText{font-size:14px;line-height:18px;background:#2c7fff;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;text-fill-color:rgba(0,0,0,0)}.boostBox{background:linear-gradient(90deg, #02C1C4 0%, #5DC887 100%)}.trasactionsBox{background:rgba(19,20,22,.83);border:1px solid #292929;box-shadow:0px 0px 14px 0px rgba(0,0,0,.4)}.farmsBtn{border:1px solid #383dfa;border-radius:5px}.PositionDropdown-dots-icon{font-size:1rem;border:none;color:#787878;display:inline-flex;align-items:center;background:rgba(255,255,255,0);border-radius:2rem;padding:.5rem}.PositionDropdown-dots-icon:hover{color:#fff;background:rgba(255,255,255,.1)}.PositionDropdown-extra-options{position:relative}.chart-token-selector{border:none;background:rgba(0,0,0,0);color:#fff;font-size:2rem;display:inline-flex;align-items:center;padding:.5rem;border-radius:var(--border-radius-sm)}.chart-token-selector:hover{color:var(--primary-color)}.chart-token-selector:hover span{color:var(--primary-color)}.chart-token-label--active{color:var(--primary-color)}.chart-token-label--active span{color:var(--primary-color)}.chart-token-selector--current{font-weight:700;margin-right:1rem;color:#fff;vertical-align:bottom;display:flex;align-items:center}.chart-token-selector--current .chart-token-current-icon{margin-right:.75rem}.chart-token-menu-items.menu-items{max-width:58rem;top:6.8rem;right:auto;right:initial;left:0;cursor:auto;background-color:#1e1e1e;overflow-y:hidden}.chart-token-menu-items .menu-item{font-size:var(--font-sm);height:3.4rem;color:#787878}.pop .chart-token-list{overflow-x:auto;max-height:300px;padding-bottom:1rem}.pop .chart-token-list table{width:100%;text-align:left;font-size:var(--font-sm);border-collapse:collapse}.pop .chart-token-list thead{display:table-header-group;position:-webkit-sticky;position:sticky;top:-2px;background:#1e1e1e;z-index:11}.pop .chart-token-list thead tr th{padding:.75rem 1.5rem;font-weight:normal;letter-spacing:.25px;color:#787878;text-transform:uppercase}.pop .chart-token-list tbody .Swap-token-list{background-color:#1e1e1e;border-radius:var(--border-radius-sm);cursor:pointer}.pop .chart-token-list tbody .Swap-token-list:hover{background-color:rgba(255,255,255,.1019607843);border-radius:var(--border-radius-sm)}.pop .chart-token-list tbody .Swap-token-list td{padding:.75rem 1.5rem;font-weight:400;max-width:170px;overflow:hidden;text-overflow:ellipsis}.pop .chart-token-list tbody .Swap-token-list td.token-item{color:#787878;min-width:120px}.pop .chart-token-list tbody .Swap-token-list td.token-item .ChartToken-list-icon{margin-right:.75rem}.pop .chart-token-list tbody .Position-token-list{border-radius:var(--border-radius-sm)}.pop .chart-token-list tbody .Position-token-list td{padding:.75rem 1.5rem;padding-top:.75rem !important;font-weight:400;cursor:pointer}.pop .chart-token-list tbody .Position-token-list td:hover{background-color:rgba(255,255,255,.1019607843);border-radius:var(--border-radius-sm)}.pop .chart-token-list tbody .Position-token-list td.token-item{color:#787878;min-width:120px}.pop .chart-token-list tbody .Position-token-list td.token-item .inline-items-center{display:flex;align-items:center}.pop .chart-token-list tbody .Position-token-list td.token-item .ChartToken-list-icon{margin-right:.75rem}@media(max-width: 1100px){.chart-token-menu-items.menu-items{top:5.05rem}}@media(max-width: 380px){.chart-token-selector{font-size:1.6rem}}.sideSwap .pagination{display:flex;justify-content:center;padding:15px 0;margin-top:0}.sideSwap .pagination .button.secondary{background:transparent none repeat 0 0 / auto auto padding-box border-box scroll;background:initial;color:#787878;font-size:13px;padding:0;width:30px;height:30px;border-radius:4px;display:flex;justify-content:center;align-items:center}.sideSwap .pagination .button.secondary:hover{background:rgba(255,255,255,.15)}.sideSwap .pagination .pagination-btn-middle{margin:0}.sideSwap .pagination .pagination-btn:hover{background:rgba(255,255,255,.15);border:0}.sideSwap .pagination .pagination-btn{padding:0;width:30px;font-size:12px;height:30px;border-radius:4px;color:#787878;display:flex;justify-content:center;align-items:center;margin:0 4px;border:0}.sideSwap .pagination-btn.active{border:0;background:rgba(255,255,255,.15);color:#fff}.sideSwap .tdItem{padding-left:20px;padding-right:20px}.tabsBox{display:flex;align-items:center}.tabOption{padding:6px 10px;font-size:16px;font-family:IBMPlexSansJP-Regular !important;color:rgba(255,255,255,.7);line-height:20px;border-radius:4px;margin-right:6px;cursor:pointer}.tabOption:hover{opacity:.8}.activeOption{background:rgba(255,255,255,.12);color:rgba(255,255,255,.7) !important}
.filterInput {
    border: 1px solid #565656;
    border-radius: 3px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    padding: 4px 0;
    color: #FFFFFF;
}

.noRoundR {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.noRoundL {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.filter-form {
    width: 100%;
}

.filterModal .Modal-content {
    overflow: visible;
    overflow: initial;
    max-width: 390px;
}

.filterModal .Modal-header-wrapper {
    padding: 12px 22px;
    margin: 0;
}

.filterModal .Modal-body {
    margin: 0;
    overflow: visible;
    overflow: initial;
    padding: 8px 22px 27px 22px;
}

.clear-button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #565656;
    border-radius: 100%;
    margin-left: 10px;
    width: 28px;
    height: 28px;
}

.submit-button {
    background: #173D0E !important;
    border-radius: 4px;
    padding: 8px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 16px;
    font-size: 14px;
    margin-left: 10px;
}

.market .tdText {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    font-family: IBMPlexSansJP-Medium !important;
}
.poolsList thead tr th{
    text-transform: none !important;
}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
/* 这里可以添加自定义样式，不过我们尽量使用 tailwindcss */

.liquidityManage .chart-token-list {
  width: 100%;
  overflow-x: auto;
}

.liquidityManage .chart-token-list th {
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
}


.liquidityManage .chart-token-list td {
  white-space: nowrap;
}

/* 如果有其他样式需要，可以在这里添加 */
.liquidityManage .active-tab {
  color: #FFFFFF;
  background-color: #101010;
}
.liquidityManage .bannerBg{
  background: linear-gradient(3deg, #101010 2.91%, #002604 97.38%);
  border-radius: 4px;
}

.pools-apr-text {
  background: linear-gradient(180deg, #C634DD 0%, #96BEF7 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.presale-container{padding:2rem 0}.milestone-marker{cursor:pointer;transition:background-color .3s}.milestone-marker.active{background-color:#32c989}.milestone-marker:hover{transform:scale(1.2)}.faq-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-content.open{max-height:500px}.countdown-timer{display:flex;justify-content:center;align-items:center}.countdown-timer .time-segment{text-align:center;padding:0 1rem}.countdown-timer .time-segment .time-value{font-size:2rem;font-weight:bold}.countdown-timer .time-segment .time-label{font-size:.875rem;color:#787878}.Exchange-swap-section.buy-input{border-radius:.5rem;background-color:#0d0f12;border:1px solid rgba(38,35,35,.5019607843)}.price-tier-table{width:100%;border-collapse:collapse}.price-tier-table th,.price-tier-table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid rgba(38,35,35,.5019607843)}.price-tier-table th{color:#787878;font-weight:normal}.price-tier-table td{color:#fff}.itemBg{background:rgba(27,31,31,.5)}
.campaign-center-container .campaign-center-loading,.campaign-center-container .campaign-center-error{text-align:center;margin-top:50px;margin-bottom:50px;font-size:14px;color:#676767}.campaign-center-container .campaign-tabs{display:flex;margin-bottom:23px}.campaign-center-container .campaign-tabs .tab{position:relative;padding:12px 20px;cursor:pointer;font-size:14px;font-weight:500;color:#787878;transition:color .3s;background:#101010;min-width:12rem;text-align:center}.campaign-center-container .campaign-tabs .tab:hover{color:#fff}.campaign-center-container .campaign-tabs .tab.active{color:#fff;background:#161616}.campaign-center-container .campaign-list{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:7px;gap:7px}@media(max-width: 1200px){.campaign-center-container .campaign-list{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.campaign-center-container .campaign-list{grid-template-columns:1fr}}.campaign-center-container .campaign-list .no-campaigns{grid-column:1/-1;text-align:center;padding:50px;font-size:14px;color:#676767}.campaign-center-container .campaign-card{display:flex;flex-direction:column;height:100%;border-radius:4px 4px 0px 0px;background:#101010;overflow:hidden;transition:transform .3s,box-shadow .3s}.campaign-center-container .campaign-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.4)}.campaign-center-container .campaign-card .campaign-card-content{position:relative;min-height:380px;display:flex;flex-direction:column;justify-content:flex-start}.campaign-center-container .campaign-card .campaign-card-info{position:relative;z-index:2;display:flex;flex-direction:column;padding:20px;min-height:13rem}.campaign-center-container .campaign-card .campaign-description{font-size:14px;margin-bottom:20px;color:rgba(255,255,255,.9);line-height:1.5}.campaign-center-container .campaign-card .campaign-status{display:flex;justify-content:space-between;align-items:center}.campaign-center-container .campaign-card .campaign-status .status-badge{display:inline-block;padding:5px 12px;border-radius:4px;font-size:12px;font-weight:300;border:.5px solid #484848;background:#40444f;color:#787878}.campaign-center-container .campaign-card .campaign-status .status-badge.ongoing{border:.5px solid #2c7fff;background-color:#151515;color:#2c7fff}.campaign-center-container .campaign-card .campaign-status .end-time{font-size:12px;color:#787878}.campaign-center-container .campaign-card .join-now-button{height:40px;margin:0 20px 20px 20px;border-radius:4px;background:#2c7fff;color:#000;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .3s}.campaign-center-container .campaign-card .join-now-button:hover{opacity:.8}.campaign-center-container .campaign-card .ended-button{height:40px;margin:0 20px 20px 20px;border-radius:4px;background:#40444f;color:#787878;font-size:15px;font-weight:500;cursor:no-drop}@media(max-width: 1264px){.campaign-banner{padding:0 32px;height:14rem}.campaign-banner .campaign-banner-sub{padding-top:0px;height:100%}}@media(max-width: 768px){.campaign-banner{height:14rem}.banner-logo{display:none}}
.Toastify__toast-container {
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 9999px);
  position: fixed;
  padding: 4px;
  width: 320px;
  box-sizing: border-box;
  color: #fff;
}
.Toastify__toast-container--top-left {
  top: 1em;
  left: 1em;
}
.Toastify__toast-container--top-center {
  top: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--top-right {
  top: 1em;
  right: 1em;
}
.Toastify__toast-container--bottom-left {
  bottom: 1em;
  left: 1em;
}
.Toastify__toast-container--bottom-center {
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.Toastify__toast-container--bottom-right {
  bottom: 1em;
  right: 1em;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast-container {
    width: 100vw;
    padding: 0;
    left: 0;
    margin: 0;
  }
  .Toastify__toast-container--top-left, .Toastify__toast-container--top-center, .Toastify__toast-container--top-right {
    top: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left, .Toastify__toast-container--bottom-center, .Toastify__toast-container--bottom-right {
    bottom: 0;
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: 0;
    left: auto;
    left: initial;
  }
}
.Toastify__toast {
  position: relative;
  min-height: 64px;
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: 8px;
  border-radius: 1px;
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 15px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  max-height: 800px;
  overflow: hidden;
  font-family: sans-serif;
  cursor: pointer;
  direction: ltr;
}
.Toastify__toast--rtl {
  direction: rtl;
}
.Toastify__toast--dark {
  background: #121212;
  color: #fff;
}
.Toastify__toast--default {
  background: #fff;
  color: #aaa;
}
.Toastify__toast--info {
  background: #3498db;
}
.Toastify__toast--success {
  background: #07bc0c;
}
.Toastify__toast--warning {
  background: #f1c40f;
}
.Toastify__toast--error {
  background: #e74c3c;
}
.Toastify__toast-body {
  margin: auto 0;
  flex: 1 1 auto;
}

@media only screen and (max-width : 480px) {
  .Toastify__toast {
    margin-bottom: 0;
  }
}
.Toastify__close-button {
  color: #fff;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  align-self: flex-start;
}
.Toastify__close-button--default {
  color: #000;
  opacity: 0.3;
}
.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}
.Toastify__close-button:hover, .Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}
.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  z-index: 9999;
  opacity: 0.7;
  background-color: rgba(255, 255, 255, 0.7);
  transform-origin: left;
}
.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}
.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}
.Toastify__progress-bar--rtl {
  right: 0;
  left: auto;
  left: initial;
  transform-origin: right;
}
.Toastify__progress-bar--default {
  background: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
}
.Toastify__progress-bar--dark {
  background: #bb86fc;
}
@keyframes Toastify__bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes Toastify__bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes Toastify__bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.Toastify__bounce-enter--top-left, .Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}
.Toastify__bounce-enter--top-right, .Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}
.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}
.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left, .Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}
.Toastify__bounce-exit--top-right, .Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}
.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}
.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
@keyframes Toastify__flipOut {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, 0, 0);
  }
}
@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, 0, 0);
  }
}
@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}
@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}
.Toastify__slide-enter--top-left, .Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}
.Toastify__slide-enter--top-right, .Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}
.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}
.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left, .Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
}
.Toastify__slide-exit--top-right, .Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
}
.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
}
.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
}
@font-face {
  font-family: "Outfit";
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot); /* IE9 Compat Modes */
  src: local(""), url(/static/media/Outfit-VariableFont_wght.00c2ed1a3bf798b0da27.ttf) format("truetype");
}

@font-face {
  font-family: "Relative";
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot); /* IE9 Compat Modes */
  src: local(""), url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot?#iefix) format("embedded-opentype"),
    /* IE6-IE8 */ url(/static/media/relative-book-pro.9a240413f87b54db1f6b.woff2) format("woff2"),
    /* Super Modern Browsers */ url(/static/media/relative-book-pro.01c85ca55599f1745630.woff) format("woff"),
    /* Modern Browsers */ url(/static/media/relative-book-pro.c2a7f8439be52bba860d.ttf) format("truetype"); /* Safari, Android, iOS */
}

@font-face {
  font-family: "Relative";
  src: url(/static/media/roboto-v30-latin-regular.e2f36b803fec4bdcd1bc.eot); /* IE9 Compat Modes */
  src: local(""), url(/static/media/roboto-v30-latin-regular.e2f36b803fec4bdcd1bc.eot?#iefix) format("embedded-opentype"),
    /* IE6-IE8 */ url(/static/media/roboto-v30-latin-regular.b009a76ad6afe4ebd301.woff2) format("woff2"),
    /* Super Modern Browsers */ url(/static/media/roboto-v30-latin-regular.f1e2a76794cb86b2aa8e.woff) format("woff"),
    /* Modern Browsers */ url(/static/media/roboto-v30-latin-regular.6b1ef4e4ab8eafee13c1.ttf) format("truetype"); /* Safari, Android, iOS */

  /* apply this font only for numbers */
  unicode-range: U+30-39;
}

@font-face {
  font-family: "Relative";
  src: url(/static/media/inter-v12-latin-regular.82f9ad3014f93403bbd1.eot); /* IE9 Compat Modes */
  src: local(""), url(/static/media/inter-v12-latin-regular.82f9ad3014f93403bbd1.eot?#iefix) format("embedded-opentype"),
    /* IE6-IE8 */ url(/static/media/inter-v12-latin-regular.be7cb18dc7caf47cf7e9.woff2) format("woff2"),
    /* Super Modern Browsers */ url(/static/media/inter-v12-latin-regular.817c4274293e221c5076.woff) format("woff"),
    /* Modern Browsers */ url(/static/media/inter-v12-latin-regular.9ba6f9c489a7031fe88e.ttf) format("truetype"); /* Safari, Android, iOS */

  /* apply this font for commas and full-stops */
  unicode-range: U+002C, U+002E;
}

/* for certain components like inputs, don't overwrite the number font */
@font-face {
  font-family: "RelativeNumber";
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot); /* IE9 Compat Modes */
  src: local(""), url(/static/media/relative-book-pro.5d40e8b24d7ada6b5dc0.eot?#iefix) format("embedded-opentype"),
    /* IE6-IE8 */ url(/static/media/relative-book-pro.9a240413f87b54db1f6b.woff2) format("woff2"),
    /* Super Modern Browsers */ url(/static/media/relative-book-pro.01c85ca55599f1745630.woff) format("woff"),
    /* Modern Browsers */ url(/static/media/relative-book-pro.c2a7f8439be52bba860d.ttf) format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: Chakra-Bold;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/ChakraPetch-Bold.93ca478a5f5eeceb1f3a.ttf);
}
@font-face {
  font-family: Chakra-SemiBold;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/ChakraPetch-SemiBold.465bd462478b8a8deaf7.ttf);
}
@font-face {
  font-family: Chakra-Light;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/ChakraPetch-Light.0d3a6ca5afb8556750a8.ttf);
}
@font-face {
  font-family: Chakra-Medium;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/ChakraPetch-Medium.fbaa5abeacd787a82c23.ttf);
}
@font-face {
  font-family: Chakra-Regular;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/ChakraPetch-Regular.3ece37a6045d355b4b86.ttf);
}
@font-face {
  font-family: IBMPlexSansJP-Bold;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/IBMPlexSansJP-Bold.b2bd9ba1b625436556fc.ttf);
}
@font-face {
  font-family: IBMPlexSansJP-SemiBold;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/IBMPlexSansJP-SemiBold.52d0b9aa64ba7d366390.ttf);
}
@font-face {
  font-family: IBMPlexSansJP-Regular;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/IBMPlexSansJP-Regular.dd922db9d4efd61fa2e7.ttf);
}
@font-face {
  font-family: IBMPlexSansJP-Light;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/IBMPlexSansJP-Light.8804db740a85b63f5949.ttf);
}
@font-face {
  font-family: IBMPlexSansJP-Medium;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/IBMPlexSansJP-Medium.9eec280be18c2a42ca2f.ttf);
}
.input-form {
  max-width: 38.75rem;
}

.input-row {
  margin-bottom: 1.5rem;
}

.input-label {
  display: block;
  margin-bottom: 0.8rem;
  font-size: var(--font-base);
}

.text-input {
  border: 1px solid #ffffff33;
  font-size: var(--font-base);
  width: 100%;
  box-sizing: border-box;
}

/*
! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

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

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::-webkit-backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}
.\!visible {
  visibility: visible !important;
}
.visible {
  visibility: visible;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.\!-left-\[52px\] {
  left: -52px !important;
}
.\!left-\[0px\] {
  left: 0px !important;
}
.\!top-\[-1px\] {
  top: -1px !important;
}
.\!top-\[2rem\] {
  top: 2rem !important;
}
.\!top-\[4rem\] {
  top: 4rem !important;
}
.\!top-\[55px\] {
  top: 55px !important;
}
.-left-\[48px\] {
  left: -48px;
}
.-left-\[8px\] {
  left: -8px;
}
.-right-\[28px\] {
  right: -28px;
}
.-right-\[4px\] {
  right: -4px;
}
.-top-0 {
  top: -0px;
}
.-top-\[1px\] {
  top: -1px;
}
.-top-\[4px\] {
  top: -4px;
}
.-top-\[6px\] {
  top: -6px;
}
.bottom-0 {
  bottom: 0px;
}
.bottom-\[-6px\] {
  bottom: -6px;
}
.bottom-\[0px\] {
  bottom: 0px;
}
.bottom-\[16px\] {
  bottom: 16px;
}
.bottom-\[20px\] {
  bottom: 20px;
}
.bottom-\[3\.2\%\] {
  bottom: 3.2%;
}
.bottom-\[32px\] {
  bottom: 32px;
}
.bottom-\[35px\] {
  bottom: 35px;
}
.bottom-\[8px\] {
  bottom: 8px;
}
.bottom-\[9px\] {
  bottom: 9px;
}
.left-0 {
  left: 0px;
}
.left-1\/2 {
  left: 50%;
}
.left-\[0px\] {
  left: 0px;
}
.left-\[15px\] {
  left: 15px;
}
.left-\[1rem\] {
  left: 1rem;
}
.left-\[20px\] {
  left: 20px;
}
.left-\[50\%\] {
  left: 50%;
}
.left-\[5px\] {
  left: 5px;
}
.right-0 {
  right: 0px;
}
.right-2 {
  right: 0.5rem;
}
.right-\[-12px\] {
  right: -12px;
}
.right-\[-22px\] {
  right: -22px;
}
.right-\[-4px\] {
  right: -4px;
}
.right-\[0px\] {
  right: 0px;
}
.right-\[10\.8\%\] {
  right: 10.8%;
}
.right-\[10px\] {
  right: 10px;
}
.right-\[12px\] {
  right: 12px;
}
.right-\[42px\] {
  right: 42px;
}
.right-\[5px\] {
  right: 5px;
}
.right-\[6px\] {
  right: 6px;
}
.right-\[8px\] {
  right: 8px;
}
.right-\[9px\] {
  right: 9px;
}
.top-0 {
  top: 0px;
}
.top-1\/2 {
  top: 50%;
}
.top-2 {
  top: 0.5rem;
}
.top-\[-12px\] {
  top: -12px;
}
.top-\[-4px\] {
  top: -4px;
}
.top-\[0px\] {
  top: 0px;
}
.top-\[10px\] {
  top: 10px;
}
.top-\[13\.5px\] {
  top: 13.5px;
}
.top-\[20px\] {
  top: 20px;
}
.top-\[21px\] {
  top: 21px;
}
.top-\[23px\] {
  top: 23px;
}
.top-\[28px\] {
  top: 28px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[5px\] {
  top: 5px;
}
.z-0 {
  z-index: 0;
}
.z-10 {
  z-index: 10;
}
.z-20 {
  z-index: 20;
}
.z-50 {
  z-index: 50;
}
.z-\[999\] {
  z-index: 999;
}
.col-span-4 {
  grid-column: span 4 / span 4;
}
.col-span-6 {
  grid-column: span 6 / span 6;
}
.\!m-0 {
  margin: 0px !important;
}
.m-0 {
  margin: 0px;
}
.m-\[1rem\] {
  margin: 1rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem;
}
.mx-\[-12px\] {
  margin-left: -12px;
  margin-right: -12px;
}
.mx-\[-14px\] {
  margin-left: -14px;
  margin-right: -14px;
}
.mx-\[1\.5rem\] {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.mx-\[14px\] {
  margin-left: 14px;
  margin-right: 14px;
}
.mx-\[1rem\] {
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx-\[20px\] {
  margin-left: 20px;
  margin-right: 20px;
}
.mx-\[3px\] {
  margin-left: 3px;
  margin-right: 3px;
}
.mx-\[4px\] {
  margin-left: 4px;
  margin-right: 4px;
}
.mx-\[8px\] {
  margin-left: 8px;
  margin-right: 8px;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}
.my-\[10px\] {
  margin-top: 10px;
  margin-bottom: 10px;
}
.my-\[12px\] {
  margin-top: 12px;
  margin-bottom: 12px;
}
.my-\[14px\] {
  margin-top: 14px;
  margin-bottom: 14px;
}
.my-\[16px\] {
  margin-top: 16px;
  margin-bottom: 16px;
}
.my-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-\[34px\] {
  margin-top: 34px;
  margin-bottom: 34px;
}
.my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.my-\[60px\] {
  margin-top: 60px;
  margin-bottom: 60px;
}
.my-\[7px\] {
  margin-top: 7px;
  margin-bottom: 7px;
}
.my-\[8px\] {
  margin-top: 8px;
  margin-bottom: 8px;
}
.\!mb-0 {
  margin-bottom: 0px !important;
}
.\!mb-\[0px\] {
  margin-bottom: 0px !important;
}
.\!ml-\[42px\] {
  margin-left: 42px !important;
}
.\!ml-\[6px\] {
  margin-left: 6px !important;
}
.\!mr-0 {
  margin-right: 0px !important;
}
.\!mr-\[24px\] {
  margin-right: 24px !important;
}
.\!mr-\[32px\] {
  margin-right: 32px !important;
}
.\!mt-\[-3px\] {
  margin-top: -3px !important;
}
.\!mt-\[0\] {
  margin-top: 0 !important;
}
.\!mt-\[0px\] {
  margin-top: 0px !important;
}
.\!mt-\[13\.5rem\] {
  margin-top: 13.5rem !important;
}
.\!mt-\[15rem\] {
  margin-top: 15rem !important;
}
.\!mt-\[17\.5rem\] {
  margin-top: 17.5rem !important;
}
.\!mt-\[4rem\] {
  margin-top: 4rem !important;
}
.\!mt-\[5\.5rem\] {
  margin-top: 5.5rem !important;
}
.\!mt-\[6\.5rem\] {
  margin-top: 6.5rem !important;
}
.\!mt-\[7\.5rem\] {
  margin-top: 7.5rem !important;
}
.\!mt-\[8\.5rem\] {
  margin-top: 8.5rem !important;
}
.\!mt-\[8rem\] {
  margin-top: 8rem !important;
}
.\!mt-\[9rem\] {
  margin-top: 9rem !important;
}
.-mb-\[15px\] {
  margin-bottom: -15px;
}
.-ml-\[14px\] {
  margin-left: -14px;
}
.-ml-\[24px\] {
  margin-left: -24px;
}
.-ml-\[4px\] {
  margin-left: -4px;
}
.-ml-\[6px\] {
  margin-left: -6px;
}
.-ml-\[8px\] {
  margin-left: -8px;
}
.-mt-\[15px\] {
  margin-top: -15px;
}
.-mt-\[8px\] {
  margin-top: -8px;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.mb-10 {
  margin-bottom: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-3 {
  margin-bottom: 0.75rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mb-\[-4px\] {
  margin-bottom: -4px;
}
.mb-\[1\.05rem\] {
  margin-bottom: 1.05rem;
}
.mb-\[10px\] {
  margin-bottom: 10px;
}
.mb-\[11px\] {
  margin-bottom: 11px;
}
.mb-\[12px\] {
  margin-bottom: 12px;
}
.mb-\[12rem\] {
  margin-bottom: 12rem;
}
.mb-\[13px\] {
  margin-bottom: 13px;
}
.mb-\[14px\] {
  margin-bottom: 14px;
}
.mb-\[15px\] {
  margin-bottom: 15px;
}
.mb-\[16px\] {
  margin-bottom: 16px;
}
.mb-\[17px\] {
  margin-bottom: 17px;
}
.mb-\[18px\] {
  margin-bottom: 18px;
}
.mb-\[1rem\] {
  margin-bottom: 1rem;
}
.mb-\[2\.4rem\] {
  margin-bottom: 2.4rem;
}
.mb-\[20px\] {
  margin-bottom: 20px;
}
.mb-\[21px\] {
  margin-bottom: 21px;
}
.mb-\[22px\] {
  margin-bottom: 22px;
}
.mb-\[24px\] {
  margin-bottom: 24px;
}
.mb-\[28px\] {
  margin-bottom: 28px;
}
.mb-\[29px\] {
  margin-bottom: 29px;
}
.mb-\[2px\] {
  margin-bottom: 2px;
}
.mb-\[2rem\] {
  margin-bottom: 2rem;
}
.mb-\[30px\] {
  margin-bottom: 30px;
}
.mb-\[32px\] {
  margin-bottom: 32px;
}
.mb-\[34px\] {
  margin-bottom: 34px;
}
.mb-\[36px\] {
  margin-bottom: 36px;
}
.mb-\[3rem\] {
  margin-bottom: 3rem;
}
.mb-\[40px\] {
  margin-bottom: 40px;
}
.mb-\[48px\] {
  margin-bottom: 48px;
}
.mb-\[4px\] {
  margin-bottom: 4px;
}
.mb-\[4rem\] {
  margin-bottom: 4rem;
}
.mb-\[50px\] {
  margin-bottom: 50px;
}
.mb-\[5px\] {
  margin-bottom: 5px;
}
.mb-\[6px\] {
  margin-bottom: 6px;
}
.mb-\[7px\] {
  margin-bottom: 7px;
}
.mb-\[84px\] {
  margin-bottom: 84px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.ml-0 {
  margin-left: 0px;
}
.ml-1 {
  margin-left: 0.25rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.ml-5 {
  margin-left: 1.25rem;
}
.ml-\[-1px\] {
  margin-left: -1px;
}
.ml-\[-24px\] {
  margin-left: -24px;
}
.ml-\[-30px\] {
  margin-left: -30px;
}
.ml-\[-4px\] {
  margin-left: -4px;
}
.ml-\[-8px\] {
  margin-left: -8px;
}
.ml-\[0\.4rem\] {
  margin-left: 0.4rem;
}
.ml-\[0\.5rem\] {
  margin-left: 0.5rem;
}
.ml-\[10px\] {
  margin-left: 10px;
}
.ml-\[11px\] {
  margin-left: 11px;
}
.ml-\[12px\] {
  margin-left: 12px;
}
.ml-\[13px\] {
  margin-left: 13px;
}
.ml-\[14px\] {
  margin-left: 14px;
}
.ml-\[15px\] {
  margin-left: 15px;
}
.ml-\[18px\] {
  margin-left: 18px;
}
.ml-\[1px\] {
  margin-left: 1px;
}
.ml-\[23px\] {
  margin-left: 23px;
}
.ml-\[24px\] {
  margin-left: 24px;
}
.ml-\[28px\] {
  margin-left: 28px;
}
.ml-\[2px\] {
  margin-left: 2px;
}
.ml-\[3px\] {
  margin-left: 3px;
}
.ml-\[4px\] {
  margin-left: 4px;
}
.ml-\[5px\] {
  margin-left: 5px;
}
.ml-\[6px\] {
  margin-left: 6px;
}
.ml-\[7px\] {
  margin-left: 7px;
}
.ml-\[8px\] {
  margin-left: 8px;
}
.ml-\[9px\] {
  margin-left: 9px;
}
.ml-\[auto\] {
  margin-left: auto;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mr-3 {
  margin-right: 0.75rem;
}
.mr-\[10px\] {
  margin-right: 10px;
}
.mr-\[12px\] {
  margin-right: 12px;
}
.mr-\[14px\] {
  margin-right: 14px;
}
.mr-\[15px\] {
  margin-right: 15px;
}
.mr-\[1px\] {
  margin-right: 1px;
}
.mr-\[20px\] {
  margin-right: 20px;
}
.mr-\[2px\] {
  margin-right: 2px;
}
.mr-\[47px\] {
  margin-right: 47px;
}
.mr-\[4px\] {
  margin-right: 4px;
}
.mr-\[5px\] {
  margin-right: 5px;
}
.mr-\[6px\] {
  margin-right: 6px;
}
.mr-\[8px\] {
  margin-right: 8px;
}
.mr-\[auto\] {
  margin-right: auto;
}
.mt-0 {
  margin-top: 0px;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-20 {
  margin-top: 5rem;
}
.mt-3 {
  margin-top: 0.75rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mt-\[-1px\] {
  margin-top: -1px;
}
.mt-\[-2px\] {
  margin-top: -2px;
}
.mt-\[1\.5rem\] {
  margin-top: 1.5rem;
}
.mt-\[10px\] {
  margin-top: 10px;
}
.mt-\[11px\] {
  margin-top: 11px;
}
.mt-\[120px\] {
  margin-top: 120px;
}
.mt-\[12px\] {
  margin-top: 12px;
}
.mt-\[13px\] {
  margin-top: 13px;
}
.mt-\[140px\] {
  margin-top: 140px;
}
.mt-\[14px\] {
  margin-top: 14px;
}
.mt-\[15px\] {
  margin-top: 15px;
}
.mt-\[160px\] {
  margin-top: 160px;
}
.mt-\[16px\] {
  margin-top: 16px;
}
.mt-\[17px\] {
  margin-top: 17px;
}
.mt-\[180px\] {
  margin-top: 180px;
}
.mt-\[18px\] {
  margin-top: 18px;
}
.mt-\[19px\] {
  margin-top: 19px;
}
.mt-\[1rem\] {
  margin-top: 1rem;
}
.mt-\[200px\] {
  margin-top: 200px;
}
.mt-\[20px\] {
  margin-top: 20px;
}
.mt-\[21px\] {
  margin-top: 21px;
}
.mt-\[22px\] {
  margin-top: 22px;
}
.mt-\[23px\] {
  margin-top: 23px;
}
.mt-\[243px\] {
  margin-top: 243px;
}
.mt-\[24px\] {
  margin-top: 24px;
}
.mt-\[25px\] {
  margin-top: 25px;
}
.mt-\[26px\] {
  margin-top: 26px;
}
.mt-\[27px\] {
  margin-top: 27px;
}
.mt-\[28px\] {
  margin-top: 28px;
}
.mt-\[29px\] {
  margin-top: 29px;
}
.mt-\[2px\] {
  margin-top: 2px;
}
.mt-\[2rem\] {
  margin-top: 2rem;
}
.mt-\[300px\] {
  margin-top: 300px;
}
.mt-\[30px\] {
  margin-top: 30px;
}
.mt-\[31px\] {
  margin-top: 31px;
}
.mt-\[32\.5px\] {
  margin-top: 32.5px;
}
.mt-\[32px\] {
  margin-top: 32px;
}
.mt-\[33px\] {
  margin-top: 33px;
}
.mt-\[36px\] {
  margin-top: 36px;
}
.mt-\[38px\] {
  margin-top: 38px;
}
.mt-\[3px\] {
  margin-top: 3px;
}
.mt-\[3rem\] {
  margin-top: 3rem;
}
.mt-\[4\.5rem\] {
  margin-top: 4.5rem;
}
.mt-\[40px\] {
  margin-top: 40px;
}
.mt-\[42px\] {
  margin-top: 42px;
}
.mt-\[44px\] {
  margin-top: 44px;
}
.mt-\[48px\] {
  margin-top: 48px;
}
.mt-\[4px\] {
  margin-top: 4px;
}
.mt-\[4rem\] {
  margin-top: 4rem;
}
.mt-\[5\.5rem\] {
  margin-top: 5.5rem;
}
.mt-\[57px\] {
  margin-top: 57px;
}
.mt-\[58px\] {
  margin-top: 58px;
}
.mt-\[5px\] {
  margin-top: 5px;
}
.mt-\[5rem\] {
  margin-top: 5rem;
}
.mt-\[6\.5rem\] {
  margin-top: 6.5rem;
}
.mt-\[60px\] {
  margin-top: 60px;
}
.mt-\[6px\] {
  margin-top: 6px;
}
.mt-\[6rem\] {
  margin-top: 6rem;
}
.mt-\[7px\] {
  margin-top: 7px;
}
.mt-\[80px\] {
  margin-top: 80px;
}
.mt-\[8px\] {
  margin-top: 8px;
}
.mt-\[9\.5rem\] {
  margin-top: 9.5rem;
}
.mt-\[9px\] {
  margin-top: 9px;
}
.mt-\[9rem\] {
  margin-top: 9rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.\!flex {
  display: flex !important;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.\!table {
  display: table !important;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.\!h-\[16px\] {
  height: 16px !important;
}
.\!h-\[17px\] {
  height: 17px !important;
}
.\!h-\[32px\] {
  height: 32px !important;
}
.\!h-\[36px\] {
  height: 36px !important;
}
.h-24 {
  height: 6rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.h-\[0\.5px\] {
  height: 0.5px;
}
.h-\[100px\] {
  height: 100px;
}
.h-\[101px\] {
  height: 101px;
}
.h-\[10px\] {
  height: 10px;
}
.h-\[110px\] {
  height: 110px;
}
.h-\[120px\] {
  height: 120px;
}
.h-\[12px\] {
  height: 12px;
}
.h-\[130px\] {
  height: 130px;
}
.h-\[134px\] {
  height: 134px;
}
.h-\[13px\] {
  height: 13px;
}
.h-\[140px\] {
  height: 140px;
}
.h-\[14px\] {
  height: 14px;
}
.h-\[150px\] {
  height: 150px;
}
.h-\[154px\] {
  height: 154px;
}
.h-\[158px\] {
  height: 158px;
}
.h-\[15px\] {
  height: 15px;
}
.h-\[16px\] {
  height: 16px;
}
.h-\[174px\] {
  height: 174px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[185px\] {
  height: 185px;
}
.h-\[18px\] {
  height: 18px;
}
.h-\[198px\] {
  height: 198px;
}
.h-\[19px\] {
  height: 19px;
}
.h-\[1px\] {
  height: 1px;
}
.h-\[2\.1rem\] {
  height: 2.1rem;
}
.h-\[200px\] {
  height: 200px;
}
.h-\[20px\] {
  height: 20px;
}
.h-\[20rem\] {
  height: 20rem;
}
.h-\[210px\] {
  height: 210px;
}
.h-\[21px\] {
  height: 21px;
}
.h-\[22\.6px\] {
  height: 22.6px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[265px\] {
  height: 265px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[275px\] {
  height: 275px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[29px\] {
  height: 29px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[31px\] {
  height: 31px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[33px\] {
  height: 33px;
}
.h-\[35px\] {
  height: 35px;
}
.h-\[360px\] {
  height: 360px;
}
.h-\[36px\] {
  height: 36px;
}
.h-\[36rem\] {
  height: 36rem;
}
.h-\[38px\] {
  height: 38px;
}
.h-\[39px\] {
  height: 39px;
}
.h-\[3rem\] {
  height: 3rem;
}
.h-\[40px\] {
  height: 40px;
}
.h-\[41px\] {
  height: 41px;
}
.h-\[43px\] {
  height: 43px;
}
.h-\[44px\] {
  height: 44px;
}
.h-\[458px\] {
  height: 458px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[460px\] {
  height: 460px;
}
.h-\[46px\] {
  height: 46px;
}
.h-\[47px\] {
  height: 47px;
}
.h-\[488\.5px\] {
  height: 488.5px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[49px\] {
  height: 49px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[4rem\] {
  height: 4rem;
}
.h-\[5\.6rem\] {
  height: 5.6rem;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[5px\] {
  height: 5px;
}
.h-\[5rem\] {
  height: 5rem;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[65px\] {
  height: 65px;
}
.h-\[67px\] {
  height: 67px;
}
.h-\[78px\] {
  height: 78px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[86px\] {
  height: 86px;
}
.h-\[8px\] {
  height: 8px;
}
.h-\[calc\(100\%-38px\)\] {
  height: calc(100% - 38px);
}
.h-\[unset\] {
  height: auto;
  height: initial;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.\!max-h-\[calc\(100vh-30rem\)\] {
  max-height: calc(100vh - 30rem) !important;
}
.\!max-h-\[unset\] {
  max-height: none !important;
  max-height: initial !important;
}
.\!max-h-full {
  max-height: 100% !important;
}
.max-h-0 {
  max-height: 0px;
}
.max-h-\[100\%\] {
  max-height: 100%;
}
.max-h-\[200px\] {
  max-height: 200px;
}
.max-h-\[435px\] {
  max-height: 435px;
}
.max-h-\[55rem\] {
  max-height: 55rem;
}
.max-h-\[75\.5rem\] {
  max-height: 75.5rem;
}
.\!min-h-\[unset\] {
  min-height: 0 !important;
  min-height: initial !important;
}
.min-h-0 {
  min-height: 0px;
}
.min-h-\[120px\] {
  min-height: 120px;
}
.min-h-\[18rem\] {
  min-height: 18rem;
}
.min-h-\[300px\] {
  min-height: 300px;
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.min-h-\[65px\] {
  min-height: 65px;
}
.\!w-\[148px\] {
  width: 148px !important;
}
.\!w-\[15rem\] {
  width: 15rem !important;
}
.\!w-\[16px\] {
  width: 16px !important;
}
.\!w-\[17px\] {
  width: 17px !important;
}
.\!w-\[24px\] {
  width: 24px !important;
}
.\!w-\[32px\] {
  width: 32px !important;
}
.\!w-\[34rem\] {
  width: 34rem !important;
}
.\!w-\[7rem\] {
  width: 7rem !important;
}
.w-1\/2 {
  width: 50%;
}
.w-1\/3 {
  width: 33.333333%;
}
.w-10 {
  width: 2.5rem;
}
.w-16 {
  width: 4rem;
}
.w-2\/3 {
  width: 66.666667%;
}
.w-28 {
  width: 7rem;
}
.w-4 {
  width: 1rem;
}
.w-8 {
  width: 2rem;
}
.w-\[0\.5px\] {
  width: 0.5px;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[105px\] {
  width: 105px;
}
.w-\[10px\] {
  width: 10px;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[117\.2rem\] {
  width: 117.2rem;
}
.w-\[11px\] {
  width: 11px;
}
.w-\[11rem\] {
  width: 11rem;
}
.w-\[120px\] {
  width: 120px;
}
.w-\[12px\] {
  width: 12px;
}
.w-\[12rem\] {
  width: 12rem;
}
.w-\[130px\] {
  width: 130px;
}
.w-\[13px\] {
  width: 13px;
}
.w-\[13rem\] {
  width: 13rem;
}
.w-\[149px\] {
  width: 149px;
}
.w-\[14px\] {
  width: 14px;
}
.w-\[150px\] {
  width: 150px;
}
.w-\[153px\] {
  width: 153px;
}
.w-\[158px\] {
  width: 158px;
}
.w-\[15px\] {
  width: 15px;
}
.w-\[160px\] {
  width: 160px;
}
.w-\[16px\] {
  width: 16px;
}
.w-\[16rem\] {
  width: 16rem;
}
.w-\[17\.28px\] {
  width: 17.28px;
}
.w-\[17px\] {
  width: 17px;
}
.w-\[188px\] {
  width: 188px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[1px\] {
  width: 1px;
}
.w-\[2\.2rem\] {
  width: 2.2rem;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.w-\[210px\] {
  width: 210px;
}
.w-\[21px\] {
  width: 21px;
}
.w-\[22px\] {
  width: 22px;
}
.w-\[22rem\] {
  width: 22rem;
}
.w-\[230px\] {
  width: 230px;
}
.w-\[24\%\] {
  width: 24%;
}
.w-\[24\.8\%\] {
  width: 24.8%;
}
.w-\[24px\] {
  width: 24px;
}
.w-\[25\.7\%\] {
  width: 25.7%;
}
.w-\[25\.9\%\] {
  width: 25.9%;
}
.w-\[25px\] {
  width: 25px;
}
.w-\[26px\] {
  width: 26px;
}
.w-\[26rem\] {
  width: 26rem;
}
.w-\[280px\] {
  width: 280px;
}
.w-\[284px\] {
  width: 284px;
}
.w-\[28px\] {
  width: 28px;
}
.w-\[29px\] {
  width: 29px;
}
.w-\[30\%\] {
  width: 30%;
}
.w-\[30px\] {
  width: 30px;
}
.w-\[31px\] {
  width: 31px;
}
.w-\[32px\] {
  width: 32px;
}
.w-\[33\%\] {
  width: 33%;
}
.w-\[34\%\] {
  width: 34%;
}
.w-\[34px\] {
  width: 34px;
}
.w-\[35\%\] {
  width: 35%;
}
.w-\[36\%\] {
  width: 36%;
}
.w-\[36px\] {
  width: 36px;
}
.w-\[38px\] {
  width: 38px;
}
.w-\[38rem\] {
  width: 38rem;
}
.w-\[39px\] {
  width: 39px;
}
.w-\[39rem\] {
  width: 39rem;
}
.w-\[3rem\] {
  width: 3rem;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[40rem\] {
  width: 40rem;
}
.w-\[41px\] {
  width: 41px;
}
.w-\[43px\] {
  width: 43px;
}
.w-\[44\%\] {
  width: 44%;
}
.w-\[44px\] {
  width: 44px;
}
.w-\[45\%\] {
  width: 45%;
}
.w-\[46\%\] {
  width: 46%;
}
.w-\[468px\] {
  width: 468px;
}
.w-\[48\%\] {
  width: 48%;
}
.w-\[50\%\] {
  width: 50%;
}
.w-\[51px\] {
  width: 51px;
}
.w-\[52\%\] {
  width: 52%;
}
.w-\[52px\] {
  width: 52px;
}
.w-\[55\%\] {
  width: 55%;
}
.w-\[56\%\] {
  width: 56%;
}
.w-\[560px\] {
  width: 560px;
}
.w-\[56px\] {
  width: 56px;
}
.w-\[57\%\] {
  width: 57%;
}
.w-\[5rem\] {
  width: 5rem;
}
.w-\[6\%\] {
  width: 6%;
}
.w-\[6\.5rem\] {
  width: 6.5rem;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[60rem\] {
  width: 60rem;
}
.w-\[64rem\] {
  width: 64rem;
}
.w-\[6rem\] {
  width: 6rem;
}
.w-\[70\%\] {
  width: 70%;
}
.w-\[71px\] {
  width: 71px;
}
.w-\[72\%\] {
  width: 72%;
}
.w-\[76px\] {
  width: 76px;
}
.w-\[7px\] {
  width: 7px;
}
.w-\[80\%\] {
  width: 80%;
}
.w-\[85px\] {
  width: 85px;
}
.w-\[86px\] {
  width: 86px;
}
.w-\[8px\] {
  width: 8px;
}
.w-\[97px\] {
  width: 97px;
}
.w-\[9px\] {
  width: 9px;
}
.w-\[9rem\] {
  width: 9rem;
}
.w-\[auto\] {
  width: auto;
}
.w-\[calc\(100\%-2rem\)\] {
  width: calc(100% - 2rem);
}
.w-\[calc\(100\%-468px\)\] {
  width: calc(100% - 468px);
}
.w-\[calc\(100\%-92px\)\] {
  width: calc(100% - 92px);
}
.w-\[calc\(50\%-4px\)\] {
  width: calc(50% - 4px);
}
.w-auto {
  width: auto;
}
.w-full {
  width: 100%;
}
.w-max {
  width: -webkit-max-content;
  width: max-content;
}
.w-px {
  width: 1px;
}
.\!min-w-0 {
  min-width: 0px !important;
}
.\!min-w-\[12rem\] {
  min-width: 12rem !important;
}
.\!min-w-\[16rem\] {
  min-width: 16rem !important;
}
.\!min-w-\[17px\] {
  min-width: 17px !important;
}
.\!min-w-\[190px\] {
  min-width: 190px !important;
}
.\!min-w-\[200px\] {
  min-width: 200px !important;
}
.\!min-w-\[24px\] {
  min-width: 24px !important;
}
.\!min-w-\[60px\] {
  min-width: 60px !important;
}
.min-w-\[100px\] {
  min-width: 100px;
}
.min-w-\[10rem\] {
  min-width: 10rem;
}
.min-w-\[110px\] {
  min-width: 110px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[12rem\] {
  min-width: 12rem;
}
.min-w-\[14rem\] {
  min-width: 14rem;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[154px\] {
  min-width: 154px;
}
.min-w-\[15rem\] {
  min-width: 15rem;
}
.min-w-\[16rem\] {
  min-width: 16rem;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[18rem\] {
  min-width: 18rem;
}
.min-w-\[190px\] {
  min-width: 190px;
}
.min-w-\[20rem\] {
  min-width: 20rem;
}
.min-w-\[24rem\] {
  min-width: 24rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[37\.5rem\] {
  min-width: 37.5rem;
}
.min-w-\[50px\] {
  min-width: 50px;
}
.min-w-\[60px\] {
  min-width: 60px;
}
.min-w-\[68px\] {
  min-width: 68px;
}
.min-w-\[6rem\] {
  min-width: 6rem;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-\[8rem\] {
  min-width: 8rem;
}
.min-w-\[9rem\] {
  min-width: 9rem;
}
.min-w-full {
  min-width: 100%;
}
.\!max-w-\[135rem\] {
  max-width: 135rem !important;
}
.\!max-w-\[47rem\] {
  max-width: 47rem !important;
}
.max-w-4xl {
  max-width: 56rem;
}
.max-w-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[10rem\] {
  max-width: 10rem;
}
.max-w-\[126\.4rem\] {
  max-width: 126.4rem;
}
.max-w-\[134px\] {
  max-width: 134px;
}
.max-w-\[22\%\] {
  max-width: 22%;
}
.max-w-\[220px\] {
  max-width: 220px;
}
.max-w-\[25rem\] {
  max-width: 25rem;
}
.max-w-\[268px\] {
  max-width: 268px;
}
.max-w-\[320px\] {
  max-width: 320px;
}
.max-w-\[340px\] {
  max-width: 340px;
}
.max-w-\[35rem\] {
  max-width: 35rem;
}
.max-w-\[42rem\] {
  max-width: 42rem;
}
.max-w-\[432px\] {
  max-width: 432px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[76px\] {
  max-width: 76px;
}
.max-w-\[calc\(100\%-100px\)\] {
  max-width: calc(100% - 100px);
}
.max-w-\[calc\(100\%-50px\)\] {
  max-width: calc(100% - 50px);
}
.max-w-\[unset\] {
  max-width: none;
  max-width: initial;
}
.flex-1 {
  flex: 1 1;
}
.flex-shrink {
  flex-shrink: 1;
}
.flex-shrink-0 {
  flex-shrink: 0;
}
.flex-grow {
  flex-grow: 1;
}
.-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-x-\[-100\%\] {
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1 {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-40\%\] {
  --tw-translate-y: -40%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-\[-50\%\] {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-0 {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.rotate-180 {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes spin {

  to {
    transform: rotate(360deg);
  }
}
.animate-spin {
  animation: spin 1s linear infinite;
}
.\!cursor-not-allowed {
  cursor: not-allowed !important;
}
.\!cursor-pointer {
  cursor: pointer !important;
}
.cursor-help {
  cursor: help;
}
.cursor-no-drop {
  cursor: no-drop;
}
.cursor-not-allowed {
  cursor: not-allowed;
}
.cursor-pointer {
  cursor: pointer;
}
.resize-none {
  resize: none;
}
.resize {
  resize: both;
}
.list-disc {
  list-style-type: disc;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.\!flex-row {
  flex-direction: row !important;
}
.flex-row {
  flex-direction: row;
}
.flex-col {
  flex-direction: column;
}
.flex-col-reverse {
  flex-direction: column-reverse;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-end {
  align-items: flex-end;
}
.\!items-center {
  align-items: center !important;
}
.items-center {
  align-items: center;
}
.items-baseline {
  align-items: baseline;
}
.items-stretch {
  align-items: stretch;
}
.\!justify-start {
  justify-content: flex-start !important;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.\!justify-center {
  justify-content: center !important;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.\!gap-\[10px\] {
  gap: 10px !important;
}
.gap-0 {
  gap: 0px;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-6 {
  gap: 1.5rem;
}
.gap-\[0\.2rem\] {
  gap: 0.2rem;
}
.gap-\[0\.4rem\] {
  gap: 0.4rem;
}
.gap-\[0\.5rem\] {
  gap: 0.5rem;
}
.gap-\[1\.4rem\] {
  gap: 1.4rem;
}
.gap-\[10px\] {
  gap: 10px;
}
.gap-\[12px\] {
  gap: 12px;
}
.gap-\[13px\] {
  gap: 13px;
}
.gap-\[14px\] {
  gap: 14px;
}
.gap-\[15px\] {
  gap: 15px;
}
.gap-\[16px\] {
  gap: 16px;
}
.gap-\[17px\] {
  gap: 17px;
}
.gap-\[19px\] {
  gap: 19px;
}
.gap-\[1rem\] {
  gap: 1rem;
}
.gap-\[2\.2rem\] {
  gap: 2.2rem;
}
.gap-\[20px\] {
  gap: 20px;
}
.gap-\[22px\] {
  gap: 22px;
}
.gap-\[23px\] {
  gap: 23px;
}
.gap-\[24px\] {
  gap: 24px;
}
.gap-\[2px\] {
  gap: 2px;
}
.gap-\[30px\] {
  gap: 30px;
}
.gap-\[38px\] {
  gap: 38px;
}
.gap-\[3px\] {
  gap: 3px;
}
.gap-\[3rem\] {
  gap: 3rem;
}
.gap-\[4\.6rem\] {
  gap: 4.6rem;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[4x\] {
  gap: 4x;
}
.gap-\[56px\] {
  gap: 56px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6px\] {
  gap: 6px;
}
.gap-\[76px\] {
  gap: 76px;
}
.gap-\[7px\] {
  gap: 7px;
}
.gap-\[8px\] {
  gap: 8px;
}
.gap-\[9px\] {
  gap: 9px;
}
.gap-\[\] {
  gap: ;
}
.gap-x-2 {
  column-gap: 0.5rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-y-3 {
  row-gap: 0.75rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.-space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.-space-x-2\.5 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-0.625rem * var(--tw-space-x-reverse));
  margin-left: calc(-0.625rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.space-y-\[10px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(10px * var(--tw-space-y-reverse));
}
.space-y-\[12px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(12px * var(--tw-space-y-reverse));
}
.space-y-\[4px\] > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.self-stretch {
  align-self: stretch;
}
.overflow-hidden {
  overflow: hidden;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-y-hidden {
  overflow-y: hidden;
}
.\!overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-visible {
  overflow-x: visible;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text-ellipsis {
  text-overflow: ellipsis;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded-\[2rem\] {
  border-radius: 2rem !important;
}
.\!rounded-\[3px\] {
  border-radius: 3px !important;
}
.\!rounded-\[4px\] {
  border-radius: 4px !important;
}
.\!rounded-\[50px\] {
  border-radius: 50px !important;
}
.\!rounded-\[5rem\] {
  border-radius: 5rem !important;
}
.\!rounded-\[6px\] {
  border-radius: 6px !important;
}
.\!rounded-none {
  border-radius: 0px !important;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-\[12px\] {
  border-radius: 12px;
}
.rounded-\[13px\] {
  border-radius: 13px;
}
.rounded-\[16px\] {
  border-radius: 16px;
}
.rounded-\[20px\] {
  border-radius: 20px;
}
.rounded-\[20rem\] {
  border-radius: 20rem;
}
.rounded-\[24px\] {
  border-radius: 24px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-\[27px\] {
  border-radius: 27px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[3rem\] {
  border-radius: 3rem;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[4rem\] {
  border-radius: 4rem;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.rounded-\[5rem\] {
  border-radius: 5rem;
}
.rounded-\[6px\] {
  border-radius: 6px;
}
.rounded-\[8px\] {
  border-radius: 8px;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-md {
  border-radius: 0.375rem;
}
.rounded-none {
  border-radius: 0px;
}
.rounded-sm {
  border-radius: 0.125rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.rounded-b-\[2rem\] {
  border-bottom-right-radius: 2rem;
  border-bottom-left-radius: 2rem;
}
.rounded-b-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-l-\[4px\] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-r-\[4px\] {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.\!rounded-tl-none {
  border-top-left-radius: 0px !important;
}
.\!rounded-tr-none {
  border-top-right-radius: 0px !important;
}
.rounded-bl-\[16px\] {
  border-bottom-left-radius: 16px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-tr-\[5px\] {
  border-top-right-radius: 5px;
}
.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}
.\!border-0 {
  border-width: 0px !important;
}
.\!border-\[1px\] {
  border-width: 1px !important;
}
.border {
  border-width: 1px;
}
.border-0 {
  border-width: 0px;
}
.border-2 {
  border-width: 2px;
}
.border-\[1px\] {
  border-width: 1px;
}
.\!border-b-\[1px\] {
  border-bottom-width: 1px !important;
}
.\!border-l-0 {
  border-left-width: 0px !important;
}
.\!border-r-0 {
  border-right-width: 0px !important;
}
.\!border-t-0 {
  border-top-width: 0px !important;
}
.border-b {
  border-bottom-width: 1px;
}
.border-b-\[0px\] {
  border-bottom-width: 0px;
}
.border-b-\[1px\] {
  border-bottom-width: 1px;
}
.border-b-\[2px\] {
  border-bottom-width: 2px;
}
.border-l-0 {
  border-left-width: 0px;
}
.border-r-\[1px\] {
  border-right-width: 1px;
}
.border-t {
  border-top-width: 1px;
}
.border-t-\[1px\] {
  border-top-width: 1px;
}
.\!border-solid {
  border-style: solid !important;
}
.border-solid {
  border-style: solid;
}
.border-dashed {
  border-style: dashed;
}
.\!border-none {
  border-style: none !important;
}
.border-none {
  border-style: none;
}
.\!border-\[\#161616\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(22 22 22 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#1E1D1D\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(30 29 29 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#1F1F1F\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(31 31 31 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#202020\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(32 32 32 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#26232380\] {
  border-color: #26232380 !important;
}
.\!border-\[\#272626\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(39 38 38 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#292929\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(41 41 41 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#31343C\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(49 52 60 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#333333\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(51 51 51 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#444141\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(68 65 65 / var(--tw-border-opacity)) !important;
}
.\!border-\[\#646464\] {
  --tw-border-opacity: 1 !important;
  border-color: rgb(100 100 100 / var(--tw-border-opacity)) !important;
}
.border-\[\#003e29\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 62 41 / var(--tw-border-opacity));
}
.border-\[\#016D2D\] {
  --tw-border-opacity: 1;
  border-color: rgb(1 109 45 / var(--tw-border-opacity));
}
.border-\[\#050505\] {
  --tw-border-opacity: 1;
  border-color: rgb(5 5 5 / var(--tw-border-opacity));
}
.border-\[\#0B3F41\] {
  --tw-border-opacity: 1;
  border-color: rgb(11 63 65 / var(--tw-border-opacity));
}
.border-\[\#0B7A38\] {
  --tw-border-opacity: 1;
  border-color: rgb(11 122 56 / var(--tw-border-opacity));
}
.border-\[\#161616\] {
  --tw-border-opacity: 1;
  border-color: rgb(22 22 22 / var(--tw-border-opacity));
}
.border-\[\#1C5B40\] {
  --tw-border-opacity: 1;
  border-color: rgb(28 91 64 / var(--tw-border-opacity));
}
.border-\[\#21437B\] {
  --tw-border-opacity: 1;
  border-color: rgb(33 67 123 / var(--tw-border-opacity));
}
.border-\[\#222222\] {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity));
}
.border-\[\#222\] {
  --tw-border-opacity: 1;
  border-color: rgb(34 34 34 / var(--tw-border-opacity));
}
.border-\[\#242323\] {
  --tw-border-opacity: 1;
  border-color: rgb(36 35 35 / var(--tw-border-opacity));
}
.border-\[\#252525\] {
  --tw-border-opacity: 1;
  border-color: rgb(37 37 37 / var(--tw-border-opacity));
}
.border-\[\#26232380\] {
  border-color: #26232380;
}
.border-\[\#262323\] {
  --tw-border-opacity: 1;
  border-color: rgb(38 35 35 / var(--tw-border-opacity));
}
.border-\[\#272626\] {
  --tw-border-opacity: 1;
  border-color: rgb(39 38 38 / var(--tw-border-opacity));
}
.border-\[\#27272B\] {
  --tw-border-opacity: 1;
  border-color: rgb(39 39 43 / var(--tw-border-opacity));
}
.border-\[\#2E2D2D\] {
  --tw-border-opacity: 1;
  border-color: rgb(46 45 45 / var(--tw-border-opacity));
}
.border-\[\#2F2F2F\] {
  --tw-border-opacity: 1;
  border-color: rgb(47 47 47 / var(--tw-border-opacity));
}
.border-\[\#31343C\] {
  --tw-border-opacity: 1;
  border-color: rgb(49 52 60 / var(--tw-border-opacity));
}
.border-\[\#333333\] {
  --tw-border-opacity: 1;
  border-color: rgb(51 51 51 / var(--tw-border-opacity));
}
.border-\[\#34344C\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 52 76 / var(--tw-border-opacity));
}
.border-\[\#383DFA\] {
  --tw-border-opacity: 1;
  border-color: rgb(56 61 250 / var(--tw-border-opacity));
}
.border-\[\#444141\] {
  --tw-border-opacity: 1;
  border-color: rgb(68 65 65 / var(--tw-border-opacity));
}
.border-\[\#454444\] {
  --tw-border-opacity: 1;
  border-color: rgb(69 68 68 / var(--tw-border-opacity));
}
.border-\[\#888\] {
  --tw-border-opacity: 1;
  border-color: rgb(136 136 136 / var(--tw-border-opacity));
}
.border-\[\#FFFFFF\] {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-b-gray-400 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.border-t-transparent {
  border-top-color: transparent;
}
.\!bg-\[\#000000\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#00FF7E\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(0 255 126 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#02331A\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(2 51 26 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#101010\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#161616\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#1A1A1D8F\] {
  background-color: #1A1A1D8F !important;
}
.\!bg-\[\#1F2022\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(31 32 34 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#291010\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(41 16 16 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[\#2C7FFF\] {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(44 127 255 / var(--tw-bg-opacity)) !important;
}
.\!bg-\[unset\] {
  background-color: transparent !important;
  background-color: initial !important;
}
.bg-\[\#000000\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-\[\#00481d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 72 29 / var(--tw-bg-opacity));
}
.bg-\[\#008B38\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 139 56 / var(--tw-bg-opacity));
}
.bg-\[\#101010\;\] {
  background-color: #101010;;
}
.bg-\[\#101010\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity));
}
.bg-\[\#161616\;\] {
  background-color: #161616;;
}
.bg-\[\#161616\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity));
}
.bg-\[\#17191B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 25 27 / var(--tw-bg-opacity));
}
.bg-\[\#18191B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 25 27 / var(--tw-bg-opacity));
}
.bg-\[\#1A1A1D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 29 / var(--tw-bg-opacity));
}
.bg-\[\#1B2336\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 35 54 / var(--tw-bg-opacity));
}
.bg-\[\#1C1F26\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 31 38 / var(--tw-bg-opacity));
}
.bg-\[\#1F1F1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 31 31 / var(--tw-bg-opacity));
}
.bg-\[\#202421\] {
  --tw-bg-opacity: 1;
  background-color: rgb(32 36 33 / var(--tw-bg-opacity));
}
.bg-\[\#222222\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 34 34 / var(--tw-bg-opacity));
}
.bg-\[\#222328\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 35 40 / var(--tw-bg-opacity));
}
.bg-\[\#222425\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 36 37 / var(--tw-bg-opacity));
}
.bg-\[\#242424\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}
.bg-\[\#242E28\] {
  --tw-bg-opacity: 1;
  background-color: rgb(36 46 40 / var(--tw-bg-opacity));
}
.bg-\[\#252525\] {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}
.bg-\[\#262323\] {
  --tw-bg-opacity: 1;
  background-color: rgb(38 35 35 / var(--tw-bg-opacity));
}
.bg-\[\#272727\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 39 39 / var(--tw-bg-opacity));
}
.bg-\[\#27282E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(39 40 46 / var(--tw-bg-opacity));
}
.bg-\[\#282217\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 34 23 / var(--tw-bg-opacity));
}
.bg-\[\#28292C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(40 41 44 / var(--tw-bg-opacity));
}
.bg-\[\#2A1F3D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(42 31 61 / var(--tw-bg-opacity));
}
.bg-\[\#2B2A2A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#2C7FFF1A\] {
  background-color: #2C7FFF1A;
}
.bg-\[\#2C7FFF\] {
  --tw-bg-opacity: 1;
  background-color: rgb(44 127 255 / var(--tw-bg-opacity));
}
.bg-\[\#2D413380\] {
  background-color: #2D413380;
}
.bg-\[\#2F2F2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity));
}
.bg-\[\#30334a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 51 74 / var(--tw-bg-opacity));
}
.bg-\[\#304640\] {
  --tw-bg-opacity: 1;
  background-color: rgb(48 70 64 / var(--tw-bg-opacity));
}
.bg-\[\#31343C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(49 52 60 / var(--tw-bg-opacity));
}
.bg-\[\#32C989\] {
  --tw-bg-opacity: 1;
  background-color: rgb(50 201 137 / var(--tw-bg-opacity));
}
.bg-\[\#333\] {
  --tw-bg-opacity: 1;
  background-color: rgb(51 51 51 / var(--tw-bg-opacity));
}
.bg-\[\#343434\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 52 52 / var(--tw-bg-opacity));
}
.bg-\[\#343438\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 52 56 / var(--tw-bg-opacity));
}
.bg-\[\#343851\] {
  --tw-bg-opacity: 1;
  background-color: rgb(52 56 81 / var(--tw-bg-opacity));
}
.bg-\[\#373943\] {
  --tw-bg-opacity: 1;
  background-color: rgb(55 57 67 / var(--tw-bg-opacity));
}
.bg-\[\#383DFA40\] {
  background-color: #383DFA40;
}
.bg-\[\#383DFA66\] {
  background-color: #383DFA66;
}
.bg-\[\#383DFA\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 61 250 / var(--tw-bg-opacity));
}
.bg-\[\#3E292F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 41 47 / var(--tw-bg-opacity));
}
.bg-\[\#3E3E3E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 62 62 / var(--tw-bg-opacity));
}
.bg-\[\#41424C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(65 66 76 / var(--tw-bg-opacity));
}
.bg-\[\#5FADE9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(95 173 233 / var(--tw-bg-opacity));
}
.bg-\[\#6df8a21a\] {
  background-color: #6df8a21a;
}
.bg-\[\#787878\] {
  --tw-bg-opacity: 1;
  background-color: rgb(120 120 120 / var(--tw-bg-opacity));
}
.bg-\[\#7BDF7F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(123 223 127 / var(--tw-bg-opacity));
}
.bg-\[\#83E2471A\] {
  background-color: #83E2471A;
}
.bg-\[\#885FB8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(136 95 184 / var(--tw-bg-opacity));
}
.bg-\[\#9AE060\] {
  --tw-bg-opacity: 1;
  background-color: rgb(154 224 96 / var(--tw-bg-opacity));
}
.bg-\[\#A9B850\] {
  --tw-bg-opacity: 1;
  background-color: rgb(169 184 80 / var(--tw-bg-opacity));
}
.bg-\[\#CC4241\] {
  --tw-bg-opacity: 1;
  background-color: rgb(204 66 65 / var(--tw-bg-opacity));
}
.bg-\[\#FF4D4D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 77 77 / var(--tw-bg-opacity));
}
.bg-\[\#FFD43D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 212 61 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF1A\] {
  background-color: #FFFFFF1A;
}
.bg-\[\#ffffff1a\] {
  background-color: #ffffff1a;
}
.bg-\[var\(--green\)\] {
  background-color: #00FF7E;
  background-color: var(--green);
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-transparent {
  background-color: transparent;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.5;
}
.bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.from-yellow-400 {
  --tw-gradient-from: #facc15 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.via-red-500 {
  --tw-gradient-to: rgb(239 68 68 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #ef4444 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-pink-500 {
  --tw-gradient-to: #ec4899 var(--tw-gradient-to-position);
}
.object-cover {
  object-fit: cover;
}
.\!p-10 {
  padding: 2.5rem !important;
}
.\!p-\[15px\] {
  padding: 15px !important;
}
.\!p-\[7px\] {
  padding: 7px !important;
}
.p-0 {
  padding: 0px;
}
.p-1 {
  padding: 0.25rem;
}
.p-10 {
  padding: 2.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
.p-\[0px\] {
  padding: 0px;
}
.p-\[1\.25rem\] {
  padding: 1.25rem;
}
.p-\[1\.5rem\] {
  padding: 1.5rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[12px\] {
  padding: 12px;
}
.p-\[14px\] {
  padding: 14px;
}
.p-\[16px\] {
  padding: 16px;
}
.p-\[17px\] {
  padding: 17px;
}
.p-\[18px\] {
  padding: 18px;
}
.p-\[1rem\] {
  padding: 1rem;
}
.p-\[20px\] {
  padding: 20px;
}
.p-\[2rem\] {
  padding: 2rem;
}
.p-\[30px\] {
  padding: 30px;
}
.p-\[3px\] {
  padding: 3px;
}
.p-\[4px\] {
  padding: 4px;
}
.p-\[5px\] {
  padding: 5px;
}
.p-\[6px\] {
  padding: 6px;
}
.p-\[7px\] {
  padding: 7px;
}
.\!px-\[0px\] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-\[12px\] {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.\!px-\[18px\] {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-\[0px\] {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-\[16px\] {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.\!py-\[6px\] {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.\!py-\[8px\] {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.px-\[1\.3rem\] {
  padding-left: 1.3rem;
  padding-right: 1.3rem;
}
.px-\[1\.5rem\] {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.px-\[10px\] {
  padding-left: 10px;
  padding-right: 10px;
}
.px-\[12px\] {
  padding-left: 12px;
  padding-right: 12px;
}
.px-\[13px\] {
  padding-left: 13px;
  padding-right: 13px;
}
.px-\[14px\] {
  padding-left: 14px;
  padding-right: 14px;
}
.px-\[15px\] {
  padding-left: 15px;
  padding-right: 15px;
}
.px-\[16px\] {
  padding-left: 16px;
  padding-right: 16px;
}
.px-\[17px\] {
  padding-left: 17px;
  padding-right: 17px;
}
.px-\[18px\] {
  padding-left: 18px;
  padding-right: 18px;
}
.px-\[19px\] {
  padding-left: 19px;
  padding-right: 19px;
}
.px-\[1rem\] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-\[20\] {
  padding-left: 20;
  padding-right: 20;
}
.px-\[20px\] {
  padding-left: 20px;
  padding-right: 20px;
}
.px-\[21px\] {
  padding-left: 21px;
  padding-right: 21px;
}
.px-\[22px\] {
  padding-left: 22px;
  padding-right: 22px;
}
.px-\[23px\] {
  padding-left: 23px;
  padding-right: 23px;
}
.px-\[24px\] {
  padding-left: 24px;
  padding-right: 24px;
}
.px-\[25px\] {
  padding-left: 25px;
  padding-right: 25px;
}
.px-\[26px\] {
  padding-left: 26px;
  padding-right: 26px;
}
.px-\[2rem\] {
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}
.px-\[31px\] {
  padding-left: 31px;
  padding-right: 31px;
}
.px-\[3px\] {
  padding-left: 3px;
  padding-right: 3px;
}
.px-\[41px\] {
  padding-left: 41px;
  padding-right: 41px;
}
.px-\[4px\] {
  padding-left: 4px;
  padding-right: 4px;
}
.px-\[5px\] {
  padding-left: 5px;
  padding-right: 5px;
}
.px-\[6px\] {
  padding-left: 6px;
  padding-right: 6px;
}
.px-\[7px\] {
  padding-left: 7px;
  padding-right: 7px;
}
.px-\[8px\] {
  padding-left: 8px;
  padding-right: 8px;
}
.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-1\.5 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.py-\[1\.2rem\] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.py-\[1\.5rem\] {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.py-\[10px\] {
  padding-top: 10px;
  padding-bottom: 10px;
}
.py-\[11px\] {
  padding-top: 11px;
  padding-bottom: 11px;
}
.py-\[12px\] {
  padding-top: 12px;
  padding-bottom: 12px;
}
.py-\[13px\] {
  padding-top: 13px;
  padding-bottom: 13px;
}
.py-\[14px\] {
  padding-top: 14px;
  padding-bottom: 14px;
}
.py-\[15px\] {
  padding-top: 15px;
  padding-bottom: 15px;
}
.py-\[16px\] {
  padding-top: 16px;
  padding-bottom: 16px;
}
.py-\[17px\] {
  padding-top: 17px;
  padding-bottom: 17px;
}
.py-\[1rem\] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-\[2\.2rem\] {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
}
.py-\[20px\] {
  padding-top: 20px;
  padding-bottom: 20px;
}
.py-\[22px\] {
  padding-top: 22px;
  padding-bottom: 22px;
}
.py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}
.py-\[30px\] {
  padding-top: 30px;
  padding-bottom: 30px;
}
.py-\[3px\] {
  padding-top: 3px;
  padding-bottom: 3px;
}
.py-\[3rem\] {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-\[4px\] {
  padding-top: 4px;
  padding-bottom: 4px;
}
.py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}
.py-\[60px\] {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}
.py-\[7px\] {
  padding-top: 7px;
  padding-bottom: 7px;
}
.py-\[8px\] {
  padding-top: 8px;
  padding-bottom: 8px;
}
.py-\[9px\] {
  padding-top: 9px;
  padding-bottom: 9px;
}
.\!pb-0 {
  padding-bottom: 0px !important;
}
.\!pb-\[30px\] {
  padding-bottom: 30px !important;
}
.\!pb-\[3px\] {
  padding-bottom: 3px !important;
}
.\!pl-\[16px\] {
  padding-left: 16px !important;
}
.\!pl-\[2rem\] {
  padding-left: 2rem !important;
}
.\!pl-\[36px\] {
  padding-left: 36px !important;
}
.\!pl-\[42px\] {
  padding-left: 42px !important;
}
.\!pl-\[4rem\] {
  padding-left: 4rem !important;
}
.\!pr-\[10px\] {
  padding-right: 10px !important;
}
.\!pr-\[11px\] {
  padding-right: 11px !important;
}
.\!pr-\[16px\] {
  padding-right: 16px !important;
}
.\!pt-0 {
  padding-top: 0px !important;
}
.\!pt-\[10px\] {
  padding-top: 10px !important;
}
.\!pt-\[30px\] {
  padding-top: 30px !important;
}
.\!pt-\[6rem\] {
  padding-top: 6rem !important;
}
.\!pt-\[8\.5rem\] {
  padding-top: 8.5rem !important;
}
.pb-0 {
  padding-bottom: 0px;
}
.pb-6 {
  padding-bottom: 1.5rem;
}
.pb-\[10px\] {
  padding-bottom: 10px;
}
.pb-\[12px\] {
  padding-bottom: 12px;
}
.pb-\[130px\] {
  padding-bottom: 130px;
}
.pb-\[14px\] {
  padding-bottom: 14px;
}
.pb-\[18px\] {
  padding-bottom: 18px;
}
.pb-\[20px\] {
  padding-bottom: 20px;
}
.pb-\[22px\] {
  padding-bottom: 22px;
}
.pb-\[24px\] {
  padding-bottom: 24px;
}
.pb-\[28px\] {
  padding-bottom: 28px;
}
.pb-\[30px\] {
  padding-bottom: 30px;
}
.pb-\[35px\] {
  padding-bottom: 35px;
}
.pb-\[40px\] {
  padding-bottom: 40px;
}
.pb-\[42px\] {
  padding-bottom: 42px;
}
.pb-\[46px\] {
  padding-bottom: 46px;
}
.pb-\[4px\] {
  padding-bottom: 4px;
}
.pb-\[5px\] {
  padding-bottom: 5px;
}
.pb-\[60px\] {
  padding-bottom: 60px;
}
.pb-\[62px\] {
  padding-bottom: 62px;
}
.pb-\[6px\] {
  padding-bottom: 6px;
}
.pb-\[8px\] {
  padding-bottom: 8px;
}
.pb-\[9px\] {
  padding-bottom: 9px;
}
.pb-\[\] {
  padding-bottom: ;
}
.pl-0 {
  padding-left: 0px;
}
.pl-2 {
  padding-left: 0.5rem;
}
.pl-6 {
  padding-left: 1.5rem;
}
.pl-\[0\.5rem\] {
  padding-left: 0.5rem;
}
.pl-\[12px\] {
  padding-left: 12px;
}
.pl-\[145px\] {
  padding-left: 145px;
}
.pl-\[14px\] {
  padding-left: 14px;
}
.pl-\[15px\] {
  padding-left: 15px;
}
.pl-\[16px\] {
  padding-left: 16px;
}
.pl-\[25px\] {
  padding-left: 25px;
}
.pl-\[2px\] {
  padding-left: 2px;
}
.pl-\[2rem\] {
  padding-left: 2rem;
}
.pl-\[30px\] {
  padding-left: 30px;
}
.pl-\[33px\] {
  padding-left: 33px;
}
.pl-\[37px\] {
  padding-left: 37px;
}
.pl-\[3px\] {
  padding-left: 3px;
}
.pl-\[42px\] {
  padding-left: 42px;
}
.pl-\[4px\] {
  padding-left: 4px;
}
.pl-\[8px\] {
  padding-left: 8px;
}
.pl-\[9px\] {
  padding-left: 9px;
}
.pr-0 {
  padding-right: 0px;
}
.pr-4 {
  padding-right: 1rem;
}
.pr-8 {
  padding-right: 2rem;
}
.pr-\[0px\] {
  padding-right: 0px;
}
.pr-\[10px\] {
  padding-right: 10px;
}
.pr-\[12px\] {
  padding-right: 12px;
}
.pr-\[15px\] {
  padding-right: 15px;
}
.pr-\[18px\] {
  padding-right: 18px;
}
.pr-\[20px\] {
  padding-right: 20px;
}
.pr-\[24px\] {
  padding-right: 24px;
}
.pr-\[25px\] {
  padding-right: 25px;
}
.pr-\[2px\] {
  padding-right: 2px;
}
.pr-\[30px\] {
  padding-right: 30px;
}
.pr-\[5px\] {
  padding-right: 5px;
}
.pr-\[6px\] {
  padding-right: 6px;
}
.pr-\[8px\] {
  padding-right: 8px;
}
.pt-0 {
  padding-top: 0px;
}
.pt-10 {
  padding-top: 2.5rem;
}
.pt-3 {
  padding-top: 0.75rem;
}
.pt-4 {
  padding-top: 1rem;
}
.pt-\[1\.5rem\] {
  padding-top: 1.5rem;
}
.pt-\[10px\] {
  padding-top: 10px;
}
.pt-\[11px\] {
  padding-top: 11px;
}
.pt-\[12px\] {
  padding-top: 12px;
}
.pt-\[13px\] {
  padding-top: 13px;
}
.pt-\[14px\] {
  padding-top: 14px;
}
.pt-\[16px\] {
  padding-top: 16px;
}
.pt-\[18px\] {
  padding-top: 18px;
}
.pt-\[20px\] {
  padding-top: 20px;
}
.pt-\[21px\] {
  padding-top: 21px;
}
.pt-\[24px\] {
  padding-top: 24px;
}
.pt-\[25px\] {
  padding-top: 25px;
}
.pt-\[2rem\] {
  padding-top: 2rem;
}
.pt-\[30px\] {
  padding-top: 30px;
}
.pt-\[33px\] {
  padding-top: 33px;
}
.pt-\[3px\] {
  padding-top: 3px;
}
.pt-\[4\.5rem\] {
  padding-top: 4.5rem;
}
.pt-\[40px\] {
  padding-top: 40px;
}
.pt-\[41px\] {
  padding-top: 41px;
}
.pt-\[4rem\] {
  padding-top: 4rem;
}
.pt-\[60px\] {
  padding-top: 60px;
}
.pt-\[6px\] {
  padding-top: 6px;
}
.pt-\[7px\] {
  padding-top: 7px;
}
.pt-\[8\.5rem\] {
  padding-top: 8.5rem;
}
.pt-\[80px\] {
  padding-top: 80px;
}
.pt-\[8px\] {
  padding-top: 8px;
}
.\!text-left {
  text-align: left !important;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.\!text-\[12px\] {
  font-size: 12px !important;
}
.\!text-\[14px\] {
  font-size: 14px !important;
}
.\!text-\[2\.25rem\] {
  font-size: 2.25rem !important;
}
.\!text-\[32px\] {
  font-size: 32px !important;
}
.text-\[1\.2rem\] {
  font-size: 1.2rem;
}
.text-\[1\.4rem\] {
  font-size: 1.4rem;
}
.text-\[1\.6rem\] {
  font-size: 1.6rem;
}
.text-\[10px\] {
  font-size: 10px;
}
.text-\[11px\] {
  font-size: 11px;
}
.text-\[12px\] {
  font-size: 12px;
}
.text-\[13px\] {
  font-size: 13px;
}
.text-\[14px\] {
  font-size: 14px;
}
.text-\[15px\] {
  font-size: 15px;
}
.text-\[16px\] {
  font-size: 16px;
}
.text-\[17px\] {
  font-size: 17px;
}
.text-\[18px\] {
  font-size: 18px;
}
.text-\[2\.2rem\] {
  font-size: 2.2rem;
}
.text-\[2\.4rem\] {
  font-size: 2.4rem;
}
.text-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[2rem\] {
  font-size: 2rem;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-\[36px\] {
  font-size: 36px;
}
.text-\[3rem\] {
  font-size: 3rem;
}
.text-\[4\.8rem\] {
  font-size: 4.8rem;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[50px\] {
  font-size: 50px;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[14px\] {
  font-weight: 14px;
}
.font-\[16px\] {
  font-weight: 16px;
}
.font-\[500\] {
  font-weight: 500;
}
.font-\[600\] {
  font-weight: 600;
}
.font-\[700\] {
  font-weight: 700;
}
.font-black {
  font-weight: 900;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-normal {
  font-weight: 400;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.italic {
  font-style: italic;
}
.\!leading-\[14px\] {
  line-height: 14px !important;
}
.\!leading-\[24px\] {
  line-height: 24px !important;
}
.\!leading-\[38px\] {
  line-height: 38px !important;
}
.leading-\[1\.7rem\] {
  line-height: 1.7rem;
}
.leading-\[12px\] {
  line-height: 12px;
}
.leading-\[14\.8px\] {
  line-height: 14.8px;
}
.leading-\[14px\] {
  line-height: 14px;
}
.leading-\[15px\] {
  line-height: 15px;
}
.leading-\[16px\] {
  line-height: 16px;
}
.leading-\[17px\] {
  line-height: 17px;
}
.leading-\[18\.2px\] {
  line-height: 18.2px;
}
.leading-\[18px\] {
  line-height: 18px;
}
.leading-\[19\.6px\] {
  line-height: 19.6px;
}
.leading-\[19px\] {
  line-height: 19px;
}
.leading-\[2\.2rem\] {
  line-height: 2.2rem;
}
.leading-\[20\.4px\] {
  line-height: 20.4px;
}
.leading-\[20px\] {
  line-height: 20px;
}
.leading-\[21px\] {
  line-height: 21px;
}
.leading-\[22px\] {
  line-height: 22px;
}
.leading-\[23px\] {
  line-height: 23px;
}
.leading-\[24px\] {
  line-height: 24px;
}
.leading-\[25px\] {
  line-height: 25px;
}
.leading-\[26px\] {
  line-height: 26px;
}
.leading-\[27px\] {
  line-height: 27px;
}
.leading-\[28px\] {
  line-height: 28px;
}
.leading-\[2rem\] {
  line-height: 2rem;
}
.leading-\[30\.6px\] {
  line-height: 30.6px;
}
.leading-\[30px\] {
  line-height: 30px;
}
.leading-\[32px\] {
  line-height: 32px;
}
.leading-\[34px\] {
  line-height: 34px;
}
.leading-\[35px\] {
  line-height: 35px;
}
.leading-\[36px\] {
  line-height: 36px;
}
.leading-\[38px\] {
  line-height: 38px;
}
.leading-\[48px\] {
  line-height: 48px;
}
.leading-\[50px\] {
  line-height: 50px;
}
.leading-\[56px\] {
  line-height: 56px;
}
.leading-\[60px\] {
  line-height: 60px;
}
.leading-\[66px\] {
  line-height: 66px;
}
.leading-normal {
  line-height: 1.5;
}
.\!text-\[\#101010\] {
  --tw-text-opacity: 1 !important;
  color: rgb(16 16 16 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#2C7FFF\] {
  --tw-text-opacity: 1 !important;
  color: rgb(44 127 255 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#787878\] {
  --tw-text-opacity: 1 !important;
  color: rgb(120 120 120 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#BACBD5\] {
  --tw-text-opacity: 1 !important;
  color: rgb(186 203 213 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#D4D4D8\] {
  --tw-text-opacity: 1 !important;
  color: rgb(212 212 216 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#DFFE00\] {
  --tw-text-opacity: 1 !important;
  color: rgb(223 254 0 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#FFFFFF\] {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.text-\[\#000000\] {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#007C32\] {
  --tw-text-opacity: 1;
  color: rgb(0 124 50 / var(--tw-text-opacity));
}
.text-\[\#00C785\] {
  --tw-text-opacity: 1;
  color: rgb(0 199 133 / var(--tw-text-opacity));
}
.text-\[\#00FF7E\] {
  --tw-text-opacity: 1;
  color: rgb(0 255 126 / var(--tw-text-opacity));
}
.text-\[\#00c714\] {
  --tw-text-opacity: 1;
  color: rgb(0 199 20 / var(--tw-text-opacity));
}
.text-\[\#00ff1a\] {
  --tw-text-opacity: 1;
  color: rgb(0 255 26 / var(--tw-text-opacity));
}
.text-\[\#0A98FF\] {
  --tw-text-opacity: 1;
  color: rgb(10 152 255 / var(--tw-text-opacity));
}
.text-\[\#0ACEFF\] {
  --tw-text-opacity: 1;
  color: rgb(10 206 255 / var(--tw-text-opacity));
}
.text-\[\#0DAB0C\] {
  --tw-text-opacity: 1;
  color: rgb(13 171 12 / var(--tw-text-opacity));
}
.text-\[\#15C378\] {
  --tw-text-opacity: 1;
  color: rgb(21 195 120 / var(--tw-text-opacity));
}
.text-\[\#1EE379\] {
  --tw-text-opacity: 1;
  color: rgb(30 227 121 / var(--tw-text-opacity));
}
.text-\[\#1F8BFF\] {
  --tw-text-opacity: 1;
  color: rgb(31 139 255 / var(--tw-text-opacity));
}
.text-\[\#26AA83\] {
  --tw-text-opacity: 1;
  color: rgb(38 170 131 / var(--tw-text-opacity));
}
.text-\[\#2A2B2C\] {
  --tw-text-opacity: 1;
  color: rgb(42 43 44 / var(--tw-text-opacity));
}
.text-\[\#2B7FFF\] {
  --tw-text-opacity: 1;
  color: rgb(43 127 255 / var(--tw-text-opacity));
}
.text-\[\#2C7FFF\] {
  --tw-text-opacity: 1;
  color: rgb(44 127 255 / var(--tw-text-opacity));
}
.text-\[\#3280F3\] {
  --tw-text-opacity: 1;
  color: rgb(50 128 243 / var(--tw-text-opacity));
}
.text-\[\#32C989\] {
  --tw-text-opacity: 1;
  color: rgb(50 201 137 / var(--tw-text-opacity));
}
.text-\[\#33BDCE\] {
  --tw-text-opacity: 1;
  color: rgb(51 189 206 / var(--tw-text-opacity));
}
.text-\[\#3C70C4\] {
  --tw-text-opacity: 1;
  color: rgb(60 112 196 / var(--tw-text-opacity));
}
.text-\[\#474747\] {
  --tw-text-opacity: 1;
  color: rgb(71 71 71 / var(--tw-text-opacity));
}
.text-\[\#47c0af\] {
  --tw-text-opacity: 1;
  color: rgb(71 192 175 / var(--tw-text-opacity));
}
.text-\[\#4E9EFF\] {
  --tw-text-opacity: 1;
  color: rgb(78 158 255 / var(--tw-text-opacity));
}
.text-\[\#55B87C\] {
  --tw-text-opacity: 1;
  color: rgb(85 184 124 / var(--tw-text-opacity));
}
.text-\[\#5A5A5A\] {
  --tw-text-opacity: 1;
  color: rgb(90 90 90 / var(--tw-text-opacity));
}
.text-\[\#5AA95D\] {
  --tw-text-opacity: 1;
  color: rgb(90 169 93 / var(--tw-text-opacity));
}
.text-\[\#5DC887\] {
  --tw-text-opacity: 1;
  color: rgb(93 200 135 / var(--tw-text-opacity));
}
.text-\[\#60AC7E\] {
  --tw-text-opacity: 1;
  color: rgb(96 172 126 / var(--tw-text-opacity));
}
.text-\[\#636363\] {
  --tw-text-opacity: 1;
  color: rgb(99 99 99 / var(--tw-text-opacity));
}
.text-\[\#65A282\] {
  --tw-text-opacity: 1;
  color: rgb(101 162 130 / var(--tw-text-opacity));
}
.text-\[\#666666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#666\] {
  --tw-text-opacity: 1;
  color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#676767\] {
  --tw-text-opacity: 1;
  color: rgb(103 103 103 / var(--tw-text-opacity));
}
.text-\[\#6B6B6B\] {
  --tw-text-opacity: 1;
  color: rgb(107 107 107 / var(--tw-text-opacity));
}
.text-\[\#6B6E77\] {
  --tw-text-opacity: 1;
  color: rgb(107 110 119 / var(--tw-text-opacity));
}
.text-\[\#6F6F6F\] {
  --tw-text-opacity: 1;
  color: rgb(111 111 111 / var(--tw-text-opacity));
}
.text-\[\#787878\] {
  --tw-text-opacity: 1;
  color: rgb(120 120 120 / var(--tw-text-opacity));
}
.text-\[\#7A7979\] {
  --tw-text-opacity: 1;
  color: rgb(122 121 121 / var(--tw-text-opacity));
}
.text-\[\#7B7878\] {
  --tw-text-opacity: 1;
  color: rgb(123 120 120 / var(--tw-text-opacity));
}
.text-\[\#7BDF7F\] {
  --tw-text-opacity: 1;
  color: rgb(123 223 127 / var(--tw-text-opacity));
}
.text-\[\#7E7E7E\] {
  --tw-text-opacity: 1;
  color: rgb(126 126 126 / var(--tw-text-opacity));
}
.text-\[\#7c7c7c\] {
  --tw-text-opacity: 1;
  color: rgb(124 124 124 / var(--tw-text-opacity));
}
.text-\[\#7e7e7e\] {
  --tw-text-opacity: 1;
  color: rgb(126 126 126 / var(--tw-text-opacity));
}
.text-\[\#848484\] {
  --tw-text-opacity: 1;
  color: rgb(132 132 132 / var(--tw-text-opacity));
}
.text-\[\#868383\] {
  --tw-text-opacity: 1;
  color: rgb(134 131 131 / var(--tw-text-opacity));
}
.text-\[\#885FB8\] {
  --tw-text-opacity: 1;
  color: rgb(136 95 184 / var(--tw-text-opacity));
}
.text-\[\#88898A\] {
  --tw-text-opacity: 1;
  color: rgb(136 137 138 / var(--tw-text-opacity));
}
.text-\[\#8A918C\] {
  --tw-text-opacity: 1;
  color: rgb(138 145 140 / var(--tw-text-opacity));
}
.text-\[\#8C8C8C\] {
  --tw-text-opacity: 1;
  color: rgb(140 140 140 / var(--tw-text-opacity));
}
.text-\[\#919191CC\] {
  color: #919191CC;
}
.text-\[\#929292\] {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity));
}
.text-\[\#94989E\] {
  --tw-text-opacity: 1;
  color: rgb(148 152 158 / var(--tw-text-opacity));
}
.text-\[\#94A2AA\] {
  --tw-text-opacity: 1;
  color: rgb(148 162 170 / var(--tw-text-opacity));
}
.text-\[\#9887EC\] {
  --tw-text-opacity: 1;
  color: rgb(152 135 236 / var(--tw-text-opacity));
}
.text-\[\#999999\] {
  --tw-text-opacity: 1;
  color: rgb(153 153 153 / var(--tw-text-opacity));
}
.text-\[\#9C9C9C\] {
  --tw-text-opacity: 1;
  color: rgb(156 156 156 / var(--tw-text-opacity));
}
.text-\[\#9E9C9C\] {
  --tw-text-opacity: 1;
  color: rgb(158 156 156 / var(--tw-text-opacity));
}
.text-\[\#A1A1A1\] {
  --tw-text-opacity: 1;
  color: rgb(161 161 161 / var(--tw-text-opacity));
}
.text-\[\#A3A3A3\] {
  --tw-text-opacity: 1;
  color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-\[\#A4A4A4\] {
  --tw-text-opacity: 1;
  color: rgb(164 164 164 / var(--tw-text-opacity));
}
.text-\[\#A532FE\] {
  --tw-text-opacity: 1;
  color: rgb(165 50 254 / var(--tw-text-opacity));
}
.text-\[\#A671C9\] {
  --tw-text-opacity: 1;
  color: rgb(166 113 201 / var(--tw-text-opacity));
}
.text-\[\#A6A6A7\] {
  --tw-text-opacity: 1;
  color: rgb(166 166 167 / var(--tw-text-opacity));
}
.text-\[\#A8A8A8\] {
  --tw-text-opacity: 1;
  color: rgb(168 168 168 / var(--tw-text-opacity));
}
.text-\[\#A9B1B2\] {
  --tw-text-opacity: 1;
  color: rgb(169 177 178 / var(--tw-text-opacity));
}
.text-\[\#ABABAB\] {
  --tw-text-opacity: 1;
  color: rgb(171 171 171 / var(--tw-text-opacity));
}
.text-\[\#ABABB9\] {
  --tw-text-opacity: 1;
  color: rgb(171 171 185 / var(--tw-text-opacity));
}
.text-\[\#AFABAB\] {
  --tw-text-opacity: 1;
  color: rgb(175 171 171 / var(--tw-text-opacity));
}
.text-\[\#B3B2B2\] {
  --tw-text-opacity: 1;
  color: rgb(179 178 178 / var(--tw-text-opacity));
}
.text-\[\#B3B3B3E0\] {
  color: #B3B3B3E0;
}
.text-\[\#B6F808\] {
  --tw-text-opacity: 1;
  color: rgb(182 248 8 / var(--tw-text-opacity));
}
.text-\[\#B9B9B9\] {
  --tw-text-opacity: 1;
  color: rgb(185 185 185 / var(--tw-text-opacity));
}
.text-\[\#B9CC34\] {
  --tw-text-opacity: 1;
  color: rgb(185 204 52 / var(--tw-text-opacity));
}
.text-\[\#BDBDBD\] {
  --tw-text-opacity: 1;
  color: rgb(189 189 189 / var(--tw-text-opacity));
}
.text-\[\#BE49E0\] {
  --tw-text-opacity: 1;
  color: rgb(190 73 224 / var(--tw-text-opacity));
}
.text-\[\#BEBEBE\] {
  --tw-text-opacity: 1;
  color: rgb(190 190 190 / var(--tw-text-opacity));
}
.text-\[\#BFBFBF\] {
  --tw-text-opacity: 1;
  color: rgb(191 191 191 / var(--tw-text-opacity));
}
.text-\[\#C0BFBF\] {
  --tw-text-opacity: 1;
  color: rgb(192 191 191 / var(--tw-text-opacity));
}
.text-\[\#C36666\] {
  --tw-text-opacity: 1;
  color: rgb(195 102 102 / var(--tw-text-opacity));
}
.text-\[\#C6C6C6\] {
  --tw-text-opacity: 1;
  color: rgb(198 198 198 / var(--tw-text-opacity));
}
.text-\[\#CACACA\] {
  --tw-text-opacity: 1;
  color: rgb(202 202 202 / var(--tw-text-opacity));
}
.text-\[\#CC4241\] {
  --tw-text-opacity: 1;
  color: rgb(204 66 65 / var(--tw-text-opacity));
}
.text-\[\#CC7C2E\] {
  --tw-text-opacity: 1;
  color: rgb(204 124 46 / var(--tw-text-opacity));
}
.text-\[\#CCCCCC\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-\[\#CD1DD8\] {
  --tw-text-opacity: 1;
  color: rgb(205 29 216 / var(--tw-text-opacity));
}
.text-\[\#CFFE00\] {
  --tw-text-opacity: 1;
  color: rgb(207 254 0 / var(--tw-text-opacity));
}
.text-\[\#D3D3D3\] {
  --tw-text-opacity: 1;
  color: rgb(211 211 211 / var(--tw-text-opacity));
}
.text-\[\#D4D4D8\] {
  --tw-text-opacity: 1;
  color: rgb(212 212 216 / var(--tw-text-opacity));
}
.text-\[\#D59321\] {
  --tw-text-opacity: 1;
  color: rgb(213 147 33 / var(--tw-text-opacity));
}
.text-\[\#D6D6D6\] {
  --tw-text-opacity: 1;
  color: rgb(214 214 214 / var(--tw-text-opacity));
}
.text-\[\#D6D6D8\] {
  --tw-text-opacity: 1;
  color: rgb(214 214 216 / var(--tw-text-opacity));
}
.text-\[\#D8BA42\] {
  --tw-text-opacity: 1;
  color: rgb(216 186 66 / var(--tw-text-opacity));
}
.text-\[\#D9D9D9\] {
  --tw-text-opacity: 1;
  color: rgb(217 217 217 / var(--tw-text-opacity));
}
.text-\[\#DB481F\] {
  --tw-text-opacity: 1;
  color: rgb(219 72 31 / var(--tw-text-opacity));
}
.text-\[\#DD7789\] {
  --tw-text-opacity: 1;
  color: rgb(221 119 137 / var(--tw-text-opacity));
}
.text-\[\#DEDEDE\] {
  --tw-text-opacity: 1;
  color: rgb(222 222 222 / var(--tw-text-opacity));
}
.text-\[\#DFFE00\] {
  --tw-text-opacity: 1;
  color: rgb(223 254 0 / var(--tw-text-opacity));
}
.text-\[\#DFFE02\] {
  --tw-text-opacity: 1;
  color: rgb(223 254 2 / var(--tw-text-opacity));
}
.text-\[\#E06060\] {
  --tw-text-opacity: 1;
  color: rgb(224 96 96 / var(--tw-text-opacity));
}
.text-\[\#E39322\] {
  --tw-text-opacity: 1;
  color: rgb(227 147 34 / var(--tw-text-opacity));
}
.text-\[\#E46B6B\] {
  --tw-text-opacity: 1;
  color: rgb(228 107 107 / var(--tw-text-opacity));
}
.text-\[\#E92929\] {
  --tw-text-opacity: 1;
  color: rgb(233 41 41 / var(--tw-text-opacity));
}
.text-\[\#EAECEF\] {
  --tw-text-opacity: 1;
  color: rgb(234 236 239 / var(--tw-text-opacity));
}
.text-\[\#F1404B\] {
  --tw-text-opacity: 1;
  color: rgb(241 64 75 / var(--tw-text-opacity));
}
.text-\[\#F1F1F1\] {
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity));
}
.text-\[\#F2F9F8\] {
  --tw-text-opacity: 1;
  color: rgb(242 249 248 / var(--tw-text-opacity));
}
.text-\[\#F5A74B\] {
  --tw-text-opacity: 1;
  color: rgb(245 167 75 / var(--tw-text-opacity));
}
.text-\[\#F7FEFD\] {
  --tw-text-opacity: 1;
  color: rgb(247 254 253 / var(--tw-text-opacity));
}
.text-\[\#FE7506\] {
  --tw-text-opacity: 1;
  color: rgb(254 117 6 / var(--tw-text-opacity));
}
.text-\[\#FEC006\] {
  --tw-text-opacity: 1;
  color: rgb(254 192 6 / var(--tw-text-opacity));
}
.text-\[\#FEFEFF\] {
  --tw-text-opacity: 1;
  color: rgb(254 254 255 / var(--tw-text-opacity));
}
.text-\[\#FF3700\] {
  --tw-text-opacity: 1;
  color: rgb(255 55 0 / var(--tw-text-opacity));
}
.text-\[\#FF4D4D\] {
  --tw-text-opacity: 1;
  color: rgb(255 77 77 / var(--tw-text-opacity));
}
.text-\[\#FF9D00\] {
  --tw-text-opacity: 1;
  color: rgb(255 157 0 / var(--tw-text-opacity));
}
.text-\[\#FFAC05\] {
  --tw-text-opacity: 1;
  color: rgb(255 172 5 / var(--tw-text-opacity));
}
.text-\[\#FFD35B\] {
  --tw-text-opacity: 1;
  color: rgb(255 211 91 / var(--tw-text-opacity));
}
.text-\[\#FFD43D\] {
  --tw-text-opacity: 1;
  color: rgb(255 212 61 / var(--tw-text-opacity));
}
.text-\[\#FFD700\] {
  --tw-text-opacity: 1;
  color: rgb(255 215 0 / var(--tw-text-opacity));
}
.text-\[\#FFDE0A\] {
  --tw-text-opacity: 1;
  color: rgb(255 222 10 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF4D\] {
  color: #FFFFFF4D;
}
.text-\[\#FFFFFF80\] {
  color: #FFFFFF80;
}
.text-\[\#FFFFFF99\] {
  color: #FFFFFF99;
}
.text-\[\#FFFFFFCC\] {
  color: #FFFFFFCC;
}
.text-\[\#FFFFFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#FFF\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#FeF7FD\] {
  --tw-text-opacity: 1;
  color: rgb(254 247 253 / var(--tw-text-opacity));
}
.text-\[\#ababb9\] {
  --tw-text-opacity: 1;
  color: rgb(171 171 185 / var(--tw-text-opacity));
}
.text-\[\#acacac\] {
  --tw-text-opacity: 1;
  color: rgb(172 172 172 / var(--tw-text-opacity));
}
.text-\[\#cfd2dc\] {
  --tw-text-opacity: 1;
  color: rgb(207 210 220 / var(--tw-text-opacity));
}
.text-\[\#d4d4d4\] {
  --tw-text-opacity: 1;
  color: rgb(212 212 212 / var(--tw-text-opacity));
}
.text-\[\#e4e4e4\] {
  --tw-text-opacity: 1;
  color: rgb(228 228 228 / var(--tw-text-opacity));
}
.text-\[\#e9e9e9\] {
  --tw-text-opacity: 1;
  color: rgb(233 233 233 / var(--tw-text-opacity));
}
.text-\[\#eaecef\] {
  --tw-text-opacity: 1;
  color: rgb(234 236 239 / var(--tw-text-opacity));
}
.text-\[\#f4ad57\] {
  --tw-text-opacity: 1;
  color: rgb(244 173 87 / var(--tw-text-opacity));
}
.text-\[\#fff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#ffffff\] {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#ffffffb3\] {
  color: #ffffffb3;
}
.text-\[\#ffffffcc\] {
  color: #ffffffcc;
}
.text-\[var\(--green\)\] {
  color: #00FF7E;
  color: var(--green);
}
.text-\[var\(--text-gray\)\] {
  color: #787878;
  color: var(--text-gray);
}
.text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-gray-300 {
  --tw-text-opacity: 1;
  color: rgb(209 213 219 / var(--tw-text-opacity));
}
.text-gray-400 {
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-stone-500 {
  --tw-text-opacity: 1;
  color: rgb(120 113 108 / var(--tw-text-opacity));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-400 {
  --tw-text-opacity: 1;
  color: rgb(250 204 21 / var(--tw-text-opacity));
}
.underline {
  text-decoration-line: underline;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-\[\#787878\] {
  text-decoration-color: #787878;
}
.\!decoration-solid {
  text-decoration-style: solid !important;
}
.decoration-\[0\.5px\] {
  text-decoration-thickness: 0.5px;
}
.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.\!opacity-100 {
  opacity: 1 !important;
}
.opacity-0 {
  opacity: 0;
}
.opacity-100 {
  opacity: 1;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-\[0\.6\] {
  opacity: 0.6;
}
.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.grayscale {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.duration-150 {
  transition-duration: 150ms;
}
.duration-200 {
  transition-duration: 200ms;
}
.duration-300 {
  transition-duration: 300ms;
}
.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

html,
body,
#root {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #FFFFFF;
  font-size: 10px;
  background-color: #000000;
  background-image: url(/static/media/background.3024ff0ea9c13689574a.png);
}

.hover-scrollbar {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
.hover-scrollbar:hover {
  scrollbar-color: rgba(156, 163, 175, 0.6) rgba(128, 128, 128, 0.1);
}

body {
  margin: 0;
  font-family: "IBMPlexSansJP-Regular","Outfit", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
    sans-serif;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

* {
  box-sizing: border-box;
  letter-spacing: 0.05rem;
}

input {
  font-family: "RelativeNumber";
}

::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}

/* Track */
::-webkit-scrollbar-track {
  background: #17182e;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #787878;
  border-radius: 1.5rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b3b4c2;
}
:root {
  --sonmex: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #A73AFB 0.13%, #3A3DFA 99.87%);
  --main-bg-color: #101124;
  --dark-blue: #31343C;
  --dark-blue-bg: #16182e;
  --dark-blue-accent: #787878;
  --primary-btn-bg: #2C7FFF;
  --primary-btn-hover: #2C7FFF;
  --primary-btn-active: #2C7FFF;
  --primary-color: #2C7FFF;
  --dark-blue-hover: #34344C;
  --dark-blue-border: #ffffff29;
  --dark-blue-active: #818cef33;
  --text-gray: #787878;
  --warning-yellow: rgb(243, 181, 12);
  --avax-red: #DD7789;
  --rolluxTestnet-blue: #28a0f0;
  --border-radius-sm: 2rem;
  --error-red: #DD7789;
  --error-red-hover: #ff687e;
  --green: #00FF7E;
  --font-sm: 12px;
  --font-base: 12px;
  --font-md: 12px;
  --font-lg: 12px;
  --font-xl: 12px;

  --odx-blue-style-odx-button-color: linear-gradient(93deg, #537FE7 -17.04%, #C0EEF2 145.94%);
  --odx-blue-style-odx-button-color-hover: linear-gradient(93deg, #537FE7 -17.04%, #C0EEF2 145.94%);
  --odx-blue-style-odx-green: var(green, #7BDF7F);
}

a {
  color: #FFFFFF
}

.Card-title {
  font-size: 3.1rem;
}

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

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input {
  font-size: 2rem;
  color: #FFFFFF;
  outline: none;
  background: none;
  border: none;
  padding: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

button {
  outline: none;
  cursor: pointer;
}

button:disabled,
button.App-cta:disabled {
  cursor: not-allowed;
  opacity: 0.9;
  box-shadow: none;
}

table {
  margin: 0;
  padding: 0;
}

tr {
  margin: 0;
  padding: 0;
}

td {
  margin: 0;
  padding: 0;
  padding-right: 0.465rem;
}

.border {
  border: 0.5px solid #2C7FFF;
}

.align-right {
  text-align: right;
  display: flex;
  justify-content: flex-end;
}

.muted {
  opacity: 0.7;
}

.strong {
  font-weight: bold;
}

.clickable {
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

.text-none {
  text-transform: none;
}

.relative {
  position: relative;
}

.margin-bottom {
  margin-bottom: 0.465rem;
}

.transition-arrow {
  vertical-align: middle;
  margin: -0.31rem 0.3rem 0;
  display: inline-block;
}

.inline-block {
  display: inline-block;
}

.display-inline {
  display: inline;
}

.text-[white] {
  color: #FFFFFF;
}

.label,
.label a {
  color: #787878;
}

ul li {
  padding-bottom: 1.5rem;
}

a.plain {
  text-decoration: none;
}

.checkbox:checked:before {
  background-color: green;
}

.default-btn-radius {
  border-radius: 5px;
  background: #2C7FFF;
  background: var(--NN--main-color, #2C7FFF);
  width: 64px;
  height: 34px;
  line-height: 34px;
  flex-shrink: 0;
  color: #181823;
  color: var(--NN--main-bg, #181823);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0;
}
.default-btn-radius:hover {
  /* color: var(--NN--main-bg, #181823) !important; */
  opacity: 0.8 !important;
}

.default-btn {
  background: #2C7FFF;
  /* background: url('../img/feature/btnbg.svg') no-repeat center; */
  background-size: 100% auto;
  border-radius: 0.6rem;
  font-size: 12px;
  font-size: var(--font-sm);
  line-height: 2rem;
  letter-spacing: 0px;
  color: #31343C !important;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  /* padding: 9px 16px!important; */
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  min-height: 3.6rem;
  display: inline-flex !important;
  align-items: center;
  cursor: pointer;
  border: none;
  -webkit-appearance: none;
          appearance: none;
  min-width: 140px;
  text-align: center;
  justify-content: center;
  font-weight: bold;
}

.default-btn.primary{
  background: #2C7FFF;
  border-radius: 8px;
}

.default-btn:hover {
  /* background-color: var(--primary-btn-hover); */
  opacity: 0.8;
  color: #31343C !important;
}

/* .default-btn:focus {
  background: #515ed8;
  border: 1px solid #3D4FFE;
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
} */

.default-btn:active {
  /* background: var(--primary-btn-active); */
  opacity: 0.8;
  border: none;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  box-sizing: border-box;
  overflow: hidden;
}

/* .default-btn:active::after {
  opacity: 0.239;
  content: " ";
  width: 5.2rem;
  height: 5.2rem;
  position: absolute;
  left: calc(50% - 2.6rem);
  top: -0.8rem;
  background: white;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
} */

.default-btn:disabled {
  background: #2d2e3f 0% 0% no-repeat padding-box;
  color: #ffffff61;
}
.default-container {
  padding-left: 14px !important;
  padding-right: 14px !important;
}
@media (min-width: 800px) {

  .default-container {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
.default-container{
  max-width: 126.4rem;
  margin-left: auto;
  margin-right: auto;
}
.secondary-btn {
  background: #03d1cf;
  border-radius: 4px;
  font-size: 12px;
  font-size: var(--font-sm);
  line-height: 2rem;
  font-weight: normal;
  letter-spacing: 0px;
  color: black;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  /* padding: 9px 16px!important; */
  text-decoration: none;
  box-sizing: border-box;
  position: relative;
  min-height: 3.6rem;
  border: none;
  display: inline-flex !important;
  align-items: center;
  text-align: center;
}

.secondary-btn:hover {
  background: #3fdad9;
}

.secondary-btn:focus {
  background: #54dedd;
  border: 1px solid #1cb5b4fc;
  box-sizing: border-box;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.secondary-btn:active {
  background: #54dedd;
  border: none;
  box-sizing: border-box;
  overflow: hidden;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  /* padding: 9px 16px; */
}

.secondary-btn:active::after {
  opacity: 0.239;
  content: " ";
  width: 5.2rem;
  height: 5.2rem;
  position: absolute;
  left: calc(50% - 2.6rem);
  top: -0.8rem;
  background: white;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 500ms linear;
}

.secondary-btn:disabled {
  background: #2d2e3f 0% 0% no-repeat padding-box;
  color: #ffffff61;
}

@keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0.4;
  }
}

button.btn-link {
  margin-top: 1.5rem;
  background: none;
  color: #FFFFFF;
  border: none;
  padding: 0;
  font-size: 12px;
  font-size: var(--font-base);
  display: block;
  text-align: left;
}

.logout-icon {
  vertical-align: middle;
  font-size: 1.7rem;
  margin-top: -0.31rem;
  margin-right: 0.5rem;
  margin-left: -0.465rem;
  opacity: 0.8;
}

button.btn-link:hover {
  text-decoration: underline;
}

button.btn-link:hover .logout-icon {
  opacity: 1;
}

.page-container {
  padding-top: 6.2rem;
}

.default-sm-container {
  max-width: 108.8rem;
}

.mt-0 {
  margin-top: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-sm {
  margin-top: 1rem;
}
.mt-md {
  margin-top: 1.5rem;
}

.page-layout {
  padding-top: 1.2rem;
}

@media (min-width: 800px) {

  .page-layout {
    padding-top: 2.5rem;
  }
}

.page-layout {
  min-height: calc(100vh - 62px);
  display: flex;
  flex-direction: column;
}

.d-flex {
  display: flex;
}

.justify-space-between {
  justify-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

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

.w-full {
  width: 100%;
}

.font-sm {
  font-size: 12px;
  font-size: var(--font-sm);
}
.font-base {
  font-size: 12px;
  font-size: var(--font-base);
}
.mr-base {
  margin-right: 1.5rem;
}
.default-cursor.App-cta {
  cursor: default;
}
.nowrap {
  white-space: nowrap;
}
.gap-right > *:not(:last-child) {
  margin-right: 1rem;
}

.cursor-pointer {
  cursor: pointer;
}

.text-gray {
  color: #787878;
  color: var(--text-gray);
}


.color-text{
  color: #2C7FFF;
  color: var(--primary-color);
}


.inline-flex {
  display: inline-flex;
}

.inline-items-center {
  display: inline-flex;
  align-items: center;
}

.mr-xxs {
  margin-right: 0.25rem;
}
.mr-xs {
  margin-right: 0.5rem;
}

.ml-xxs {
  margin-left: 0.25rem;
}
.ml-xs {
  margin-left: 0.5rem;
}

.mx-xs {
  margin: 0 0.5rem;
}

.my-sm {
  margin: 1rem 0;
}

.mx-xxs {
  margin: 0 0.25rem;
}

.m-sm {
  margin-right: 1rem;
}
.m-md {
  margin: 1.5rem;
}
.text-warning {
  color: rgb(243, 181, 12);
  color: var(--warning-yellow);
}

.ml-xs {
  margin-left: 0.5rem;
}

.mb-xs {
  margin-bottom: 0.5rem;
}

.mb-sm {
  margin-bottom: 1rem;
}

.mb-base {
  margin-bottom: 1.5rem;
}

.subtext {
  font-size: 1.2rem;
  color: #787878;
  color: var(--text-gray);
  margin-left: 0.25rem;
}

.lh-1 {
  line-height: 1;
}

.nobr {
  white-space: nowrap;
}

.text-red {
  color: #DD7789;
  color: var(--error-red);
}

a:hover .text-red {
  color: #ff687e;
  color: var(--error-red-hover);
}

.text-green {
  color: #00FF7E;
  color: var(--green);
}

.rotate-90 {
  transform: rotate(90deg);
}

.self-center {
  align-self: center;
}

.Toastify__toast-container {
  width: 37rem;
}

@media screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
  }
}

.gap-right-xs > *:not(:last-child) {
  margin-right: 0.5rem;
}

.\*\:cursor-auto > * {
  cursor: auto;
}

.hover\:-translate-y-\[5px\]:hover {
  --tw-translate-y: -5px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-\[1\.2\]:hover {
  --tw-scale-x: 1.2;
  --tw-scale-y: 1.2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:\!bg-\[\#161616\]:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity)) !important;
}

.hover\:bg-\[\#101010\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(16 16 16 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#161616\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(22 22 22 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#202434\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(32 36 52 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2B2F36\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 47 54 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2C7FFF1A\]:hover {
  background-color: #2C7FFF1A;
}

.hover\:bg-\[\#2C7FFF\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(44 127 255 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#383DFA99\]:hover {
  background-color: #383DFA99;
}

.hover\:bg-\[\#AFAFAF33\]:hover {
  background-color: #AFAFAF33;
}

.hover\:bg-\[\#FFFFFF1A\]:hover {
  background-color: #FFFFFF1A;
}

.hover\:bg-\[\#afafaf33\]:hover {
  background-color: #afafaf33;
}

.hover\:bg-opacity-70:hover {
  --tw-bg-opacity: 0.7;
}

.hover\:text-\[\#1cba5b\]:hover {
  --tw-text-opacity: 1;
  color: rgb(28 186 91 / var(--tw-text-opacity));
}

.hover\:text-\[\#2C7FFF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(44 127 255 / var(--tw-text-opacity));
}

.hover\:text-\[\#7A7979\]:hover {
  --tw-text-opacity: 1;
  color: rgb(122 121 121 / var(--tw-text-opacity));
}

.hover\:text-\[\#FFF\]:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.hover\:opacity-90:hover {
  opacity: 0.9;
}

.hover\:opacity-\[0\.8\]:hover {
  opacity: 0.8;
}

.focus\:border-none:focus {
  border-style: none;
}

.focus\:bg-\[unset\]:focus {
  background-color: transparent;
  background-color: initial;
}

.focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-0:focus {
  outline-width: 0px;
}

.disabled\:opacity-80:disabled {
  opacity: 0.8;
}

@media not all and (min-width: 800px) {

  .max-md\:bottom-\[5px\] {
    bottom: 5px;
  }

  .max-md\:bottom-\[6rem\] {
    bottom: 6rem;
  }

  .max-md\:right-\[-10rem\] {
    right: -10rem;
  }

  .max-md\:right-\[5px\] {
    right: 5px;
  }

  .max-md\:\!mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .max-md\:\!my-\[10px\] {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }

  .max-md\:\!my-\[5px\] {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
  }

  .max-md\:\!ml-\[0px\] {
    margin-left: 0px !important;
  }

  .max-md\:\!mt-\[6\.5rem\] {
    margin-top: 6.5rem !important;
  }

  .max-md\:\!mt-\[9rem\] {
    margin-top: 9rem !important;
  }

  .max-md\:mb-5 {
    margin-bottom: 1.25rem;
  }

  .max-md\:mb-\[0px\] {
    margin-bottom: 0px;
  }

  .max-md\:mb-\[10px\] {
    margin-bottom: 10px;
  }

  .max-md\:ml-0 {
    margin-left: 0px;
  }

  .max-md\:ml-\[-15px\] {
    margin-left: -15px;
  }

  .max-md\:ml-\[0px\] {
    margin-left: 0px;
  }

  .max-md\:mr-\[0px\] {
    margin-right: 0px;
  }

  .max-md\:mr-\[12px\] {
    margin-right: 12px;
  }

  .max-md\:mt-\[10px\] {
    margin-top: 10px;
  }

  .max-md\:mt-\[2\.5rem\] {
    margin-top: 2.5rem;
  }

  .max-md\:mt-\[20px\] {
    margin-top: 20px;
  }

  .max-md\:mt-\[2rem\] {
    margin-top: 2rem;
  }

  .max-md\:flex {
    display: flex;
  }

  .max-md\:hidden {
    display: none;
  }

  .max-md\:\!h-max {
    height: -webkit-max-content !important;
    height: max-content !important;
  }

  .max-md\:h-\[60px\] {
    height: 60px;
  }

  .max-md\:\!w-full {
    width: 100% !important;
  }

  .max-md\:w-\[12rem\] {
    width: 12rem;
  }

  .max-md\:w-\[32px\] {
    width: 32px;
  }

  .max-md\:w-\[48px\] {
    width: 48px;
  }

  .max-md\:w-\[64px\] {
    width: 64px;
  }

  .max-md\:w-\[6rem\] {
    width: 6rem;
  }

  .max-md\:w-full {
    width: 100%;
  }

  .max-md\:max-w-full {
    max-width: 100%;
  }

  .max-md\:flex-1 {
    flex: 1 1;
  }

  .max-md\:flex-none {
    flex: none;
  }

  .max-md\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .max-md\:flex-col {
    flex-direction: column;
  }

  .max-md\:\!flex-col-reverse {
    flex-direction: column-reverse !important;
  }

  .max-md\:flex-col-reverse {
    flex-direction: column-reverse;
  }

  .max-md\:items-start {
    align-items: flex-start;
  }

  .max-md\:items-center {
    align-items: center;
  }

  .max-md\:justify-start {
    justify-content: flex-start;
  }

  .max-md\:justify-end {
    justify-content: flex-end;
  }

  .max-md\:justify-center {
    justify-content: center;
  }

  .max-md\:justify-between {
    justify-content: space-between;
  }

  .max-md\:gap-\[10px\] {
    gap: 10px;
  }

  .max-md\:gap-\[12px\] {
    gap: 12px;
  }

  .max-md\:gap-\[20px\] {
    gap: 20px;
  }

  .max-md\:gap-\[2rem\] {
    gap: 2rem;
  }

  .max-md\:gap-\[30px\] {
    gap: 30px;
  }

  .max-md\:gap-\[6px\] {
    gap: 6px;
  }

  .max-md\:gap-x-0 {
    column-gap: 0px;
  }

  .max-md\:gap-x-6 {
    column-gap: 1.5rem;
  }

  .max-md\:gap-y-10 {
    row-gap: 2.5rem;
  }

  .max-md\:gap-y-6 {
    row-gap: 1.5rem;
  }

  .max-md\:overflow-x-auto {
    overflow-x: auto;
  }

  .max-md\:\!rounded-\[50\%\] {
    border-radius: 50% !important;
  }

  .max-md\:px-\[2\.5rem\] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }

  .max-md\:\!pt-\[0rem\] {
    padding-top: 0rem !important;
  }

  .max-md\:\!pt-\[6rem\] {
    padding-top: 6rem !important;
  }

  .max-md\:pb-\[28px\] {
    padding-bottom: 28px;
  }

  .max-md\:pl-\[1rem\] {
    padding-left: 1rem;
  }

  .max-md\:text-left {
    text-align: left;
  }

  .max-md\:text-\[20px\] {
    font-size: 20px;
  }

  .max-md\:text-\[8px\] {
    font-size: 8px;
  }

  .max-md\:leading-\[2rem\] {
    line-height: 2rem;
  }
}

@media (min-width: 400px) {

  .xs\:ml-\[13px\] {
    margin-left: 13px;
  }

  .xs\:ml-\[16px\] {
    margin-left: 16px;
  }

  .xs\:ml-\[7px\] {
    margin-left: 7px;
  }

  .xs\:h-\[36px\] {
    height: 36px;
  }

  .xs\:w-\[36px\] {
    width: 36px;
  }

  .xs\:w-\[unset\] {
    width: auto;
    width: initial;
  }

  .xs\:min-w-\[60px\] {
    min-width: 60px;
  }

  .xs\:items-start {
    align-items: flex-start;
  }

  .xs\:justify-start {
    justify-content: flex-start;
  }

  .xs\:px-\[18px\] {
    padding-left: 18px;
    padding-right: 18px;
  }

  .xs\:px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
  }

  .xs\:px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .xs\:text-\[12px\] {
    font-size: 12px;
  }

  .xs\:text-\[14px\] {
    font-size: 14px;
  }
}

@media (min-width: 640px) {

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:ml-\[10px\] {
    margin-left: 10px;
  }

  .sm\:ml-\[18px\] {
    margin-left: 18px;
  }

  .sm\:ml-\[25px\] {
    margin-left: 25px;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:block {
    display: block;
  }

  .sm\:hidden {
    display: none;
  }

  .sm\:h-full {
    height: 100%;
  }

  .sm\:w-\[44\.8\%\] {
    width: 44.8%;
  }

  .sm\:w-\[52\%\] {
    width: 52%;
  }

  .sm\:w-\[unset\] {
    width: auto;
    width: initial;
  }

  .sm\:flex-1 {
    flex: 1 1;
  }

  .sm\:flex-row {
    flex-direction: row;
  }

  .sm\:items-center {
    align-items: center;
  }

  .sm\:px-\[24px\] {
    padding-left: 24px;
    padding-right: 24px;
  }

  .sm\:px-\[25px\] {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sm\:px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm\:py-\[12px\] {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .sm\:pt-\[14px\] {
    padding-top: 14px;
  }

  .sm\:pt-\[20px\] {
    padding-top: 20px;
  }

  .sm\:text-left {
    text-align: left;
  }

  .sm\:text-\[13px\] {
    font-size: 13px;
  }

  .sm\:text-\[14px\] {
    font-size: 14px;
  }

  .sm\:text-\[15px\] {
    font-size: 15px;
  }

  .sm\:text-\[16px\] {
    font-size: 16px;
  }

  .sm\:text-\[17px\] {
    font-size: 17px;
  }

  .sm\:text-\[18px\] {
    font-size: 18px;
  }

  .sm\:text-\[21px\] {
    font-size: 21px;
  }

  .sm\:text-\[27px\] {
    font-size: 27px;
  }

  .sm\:text-\[28px\] {
    font-size: 28px;
  }

  .sm\:text-\[36px\] {
    font-size: 36px;
  }

  .sm\:text-\[38px\] {
    font-size: 38px;
  }

  .sm\:leading-\[21px\] {
    line-height: 21px;
  }

  .sm\:leading-\[26px\] {
    line-height: 26px;
  }

  .sm\:leading-\[38px\] {
    line-height: 38px;
  }

  .sm\:leading-\[48px\] {
    line-height: 48px;
  }

  .sm\:leading-\[51px\] {
    line-height: 51px;
  }
}

@media (min-width: 800px) {

  .md\:absolute {
    position: absolute;
  }

  .md\:bottom-\[0px\] {
    bottom: 0px;
  }

  .md\:left-0 {
    left: 0px;
  }

  .md\:left-\[26px\] {
    left: 26px;
  }

  .md\:left-\[30rem\] {
    left: 30rem;
  }

  .md\:top-0 {
    top: 0px;
  }

  .md\:mx-\[10rem\] {
    margin-left: 10rem;
    margin-right: 10rem;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:\!mt-\[10\.5rem\] {
    margin-top: 10.5rem !important;
  }

  .md\:\!mt-\[11\.5rem\] {
    margin-top: 11.5rem !important;
  }

  .md\:\!mt-\[13\.5rem\] {
    margin-top: 13.5rem !important;
  }

  .md\:\!mt-\[14\.7rem\] {
    margin-top: 14.7rem !important;
  }

  .md\:\!mt-\[15\.5rem\] {
    margin-top: 15.5rem !important;
  }

  .md\:\!mt-\[17\.5rem\] {
    margin-top: 17.5rem !important;
  }

  .md\:\!mt-\[8\.5rem\] {
    margin-top: 8.5rem !important;
  }

  .md\:\!mt-\[9\.5rem\] {
    margin-top: 9.5rem !important;
  }

  .md\:\!mt-\[9rem\] {
    margin-top: 9rem !important;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:mb-\[10px\] {
    margin-bottom: 10px;
  }

  .md\:ml-\[20px\] {
    margin-left: 20px;
  }

  .md\:ml-\[24px\] {
    margin-left: 24px;
  }

  .md\:ml-\[6px\] {
    margin-left: 6px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-\[10px\] {
    margin-top: 10px;
  }

  .md\:mt-\[155px\] {
    margin-top: 155px;
  }

  .md\:mt-\[180px\] {
    margin-top: 180px;
  }

  .md\:mt-\[200px\] {
    margin-top: 200px;
  }

  .md\:mt-\[237px\] {
    margin-top: 237px;
  }

  .md\:mt-\[25px\] {
    margin-top: 25px;
  }

  .md\:mt-\[294px\] {
    margin-top: 294px;
  }

  .md\:mt-\[4\.5rem\] {
    margin-top: 4.5rem;
  }

  .md\:mt-\[6\.2rem\] {
    margin-top: 6.2rem;
  }

  .md\:mt-\[7rem\] {
    margin-top: 7rem;
  }

  .md\:mt-\[80px\] {
    margin-top: 80px;
  }

  .md\:mt-\[9rem\] {
    margin-top: 9rem;
  }

  .md\:block {
    display: block;
  }

  .md\:flex {
    display: flex;
  }

  .md\:hidden {
    display: none;
  }

  .md\:h-\[12rem\] {
    height: 12rem;
  }

  .md\:h-\[220px\] {
    height: 220px;
  }

  .md\:h-\[265px\] {
    height: 265px;
  }

  .md\:h-\[268px\] {
    height: 268px;
  }

  .md\:h-\[80px\] {
    height: 80px;
  }

  .md\:\!w-\[37\.5rem\] {
    width: 37.5rem !important;
  }

  .md\:w-\[11rem\] {
    width: 11rem;
  }

  .md\:w-\[16rem\] {
    width: 16rem;
  }

  .md\:w-\[22\%\] {
    width: 22%;
  }

  .md\:w-\[26\%\] {
    width: 26%;
  }

  .md\:w-\[280px\] {
    width: 280px;
  }

  .md\:w-\[32\%\] {
    width: 32%;
  }

  .md\:w-\[45\%\] {
    width: 45%;
  }

  .md\:w-\[49\%\] {
    width: 49%;
  }

  .md\:w-\[49\.2\%\] {
    width: 49.2%;
  }

  .md\:w-\[66\%\] {
    width: 66%;
  }

  .md\:w-\[74\%\] {
    width: 74%;
  }

  .md\:w-\[8rem\] {
    width: 8rem;
  }

  .md\:w-\[calc\(100\%-20rem\)\] {
    width: calc(100% - 20rem);
  }

  .md\:w-\[unset\] {
    width: auto;
    width: initial;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:min-w-\[220px\] {
    min-width: 220px;
  }

  .md\:min-w-\[300px\] {
    min-width: 300px;
  }

  .md\:max-w-\[120\.4rem\] {
    max-width: 120.4rem;
  }

  .md\:max-w-\[calc\(100\%-284px\)\] {
    max-width: calc(100% - 284px);
  }

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:flex-row {
    flex-direction: row;
  }

  .md\:flex-wrap {
    flex-wrap: wrap;
  }

  .md\:flex-nowrap {
    flex-wrap: nowrap;
  }

  .md\:items-start {
    align-items: flex-start;
  }

  .md\:items-center {
    align-items: center;
  }

  .md\:justify-start {
    justify-content: flex-start;
  }

  .md\:justify-end {
    justify-content: flex-end;
  }

  .md\:justify-between {
    justify-content: space-between;
  }

  .md\:gap-10 {
    gap: 2.5rem;
  }

  .md\:gap-\[18px\] {
    gap: 18px;
  }

  .md\:gap-x-10 {
    column-gap: 2.5rem;
  }

  .md\:gap-x-6 {
    column-gap: 1.5rem;
  }

  .md\:border-r {
    border-right-width: 1px;
  }

  .md\:border-\[\#FFFFFF1A\] {
    border-color: #FFFFFF1A;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px;
  }

  .md\:px-\[27px\] {
    padding-left: 27px;
    padding-right: 27px;
  }

  .md\:px-\[28px\] {
    padding-left: 28px;
    padding-right: 28px;
  }

  .md\:px-\[58px\] {
    padding-left: 58px;
    padding-right: 58px;
  }

  .md\:px-\[62px\] {
    padding-left: 62px;
    padding-right: 62px;
  }

  .md\:py-\[25px\] {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .md\:\!pt-\[7rem\] {
    padding-top: 7rem !important;
  }

  .md\:\!pt-\[9rem\] {
    padding-top: 9rem !important;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pl-\[102px\] {
    padding-left: 102px;
  }

  .md\:pl-\[12px\] {
    padding-left: 12px;
  }

  .md\:pl-\[27px\] {
    padding-left: 27px;
  }

  .md\:pl-\[32px\] {
    padding-left: 32px;
  }

  .md\:pl-\[4rem\] {
    padding-left: 4rem;
  }

  .md\:pr-\[12px\] {
    padding-right: 12px;
  }

  .md\:pr-\[27px\] {
    padding-right: 27px;
  }

  .md\:pr-\[6px\] {
    padding-right: 6px;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pt-\[4\.5rem\] {
    padding-top: 4.5rem;
  }

  .md\:text-left {
    text-align: left;
  }

  .md\:text-\[12px\] {
    font-size: 12px;
  }

  .md\:text-\[14px\] {
    font-size: 14px;
  }

  .md\:text-\[16px\] {
    font-size: 16px;
  }

  .md\:text-\[24px\] {
    font-size: 24px;
  }

  .md\:text-\[70px\] {
    font-size: 70px;
  }

  .md\:leading-\[17px\] {
    line-height: 17px;
  }

  .md\:leading-\[31px\] {
    line-height: 31px;
  }

  .md\:leading-\[40px\] {
    line-height: 40px;
  }

  .md\:leading-\[80px\] {
    line-height: 80px;
  }
}

@media (min-width: 1024px) {

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:ml-\[10px\] {
    margin-left: 10px;
  }

  .lg\:ml-\[25px\] {
    margin-left: 25px;
  }

  .lg\:ml-\[48px\] {
    margin-left: 48px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .lg\:hidden {
    display: none;
  }

  .lg\:w-0 {
    width: 0px;
  }

  .lg\:w-1\/2 {
    width: 50%;
  }

  .lg\:w-\[260px\] {
    width: 260px;
  }

  .lg\:w-\[28\.5\%\] {
    width: 28.5%;
  }

  .lg\:w-\[29\%\] {
    width: 29%;
  }

  .lg\:w-\[30\%\] {
    width: 30%;
  }

  .lg\:w-\[310px\] {
    width: 310px;
  }

  .lg\:w-\[335px\] {
    width: 335px;
  }

  .lg\:w-\[383px\] {
    width: 383px;
  }

  .lg\:w-\[41\%\] {
    width: 41%;
  }

  .lg\:w-\[49\%\] {
    width: 49%;
  }

  .lg\:w-\[49\.2\%\] {
    width: 49.2%;
  }

  .lg\:w-\[68\%\] {
    width: 68%;
  }

  .lg\:w-\[69\%\] {
    width: 69%;
  }

  .lg\:w-\[71\.6\%\] {
    width: 71.6%;
  }

  .lg\:w-\[unset\] {
    width: auto;
    width: initial;
  }

  .lg\:max-w-\[100\%\] {
    max-width: 100%;
  }

  .lg\:max-w-\[calc\(100\%-260px\)\] {
    max-width: calc(100% - 260px);
  }

  .lg\:max-w-\[calc\(100\%-380px\)\] {
    max-width: calc(100% - 380px);
  }

  .lg\:flex-1 {
    flex: 1 1;
  }

  .lg\:flex-row {
    flex-direction: row;
  }

  .lg\:flex-row-reverse {
    flex-direction: row-reverse;
  }

  .lg\:items-start {
    align-items: flex-start;
  }

  .lg\:items-center {
    align-items: center;
  }

  .lg\:justify-between {
    justify-content: space-between;
  }

  .lg\:p-\[30px\] {
    padding: 30px;
  }

  .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .lg\:px-\[34px\] {
    padding-left: 34px;
    padding-right: 34px;
  }

  .lg\:px-\[46px\] {
    padding-left: 46px;
    padding-right: 46px;
  }

  .lg\:px-\[50px\] {
    padding-left: 50px;
    padding-right: 50px;
  }

  .lg\:pl-0 {
    padding-left: 0px;
  }

  .lg\:pr-\[6px\] {
    padding-right: 6px;
  }

  .lg\:pt-\[30px\] {
    padding-top: 30px;
  }

  .lg\:text-\[100px\] {
    font-size: 100px;
  }

  .lg\:text-\[14px\] {
    font-size: 14px;
  }

  .lg\:text-\[15px\] {
    font-size: 15px;
  }

  .lg\:text-\[16px\] {
    font-size: 16px;
  }

  .lg\:text-\[18px\] {
    font-size: 18px;
  }

  .lg\:text-\[30px\] {
    font-size: 30px;
  }

  .lg\:leading-\[110px\] {
    line-height: 110px;
  }
}

@media (min-width: 1280px) {

  .xl\:block {
    display: block;
  }

  .xl\:flex {
    display: flex;
  }

  .xl\:hidden {
    display: none;
  }

  .xl\:h-\[unset\] {
    height: auto;
    height: initial;
  }

  .xl\:w-\[260px\] {
    width: 260px;
  }

  .xl\:w-\[390px\] {
    width: 390px;
  }

  .xl\:w-\[500px\] {
    width: 500px;
  }

  .xl\:w-\[62\%\] {
    width: 62%;
  }

  .xl\:w-\[unset\] {
    width: auto;
    width: initial;
  }

  .xl\:flex-row {
    flex-direction: row;
  }

  .xl\:items-stretch {
    align-items: stretch;
  }

  .xl\:border-r-\[1px\] {
    border-right-width: 1px;
  }
}

@media (min-width: 1536px) {

  .\32xl\:ml-\[48px\] {
    margin-left: 48px;
  }
}

[data-rk]{--rk-colors-modalBackground: #101010 !important;--rk-colors-menuItemBackground: #FFFFFF1A !important}.Comingsoon-card{position:relative;overflow:hidden}.Comingsoon-card::after{content:"Coming Soon ";z-index:2;position:absolute;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.5rem;color:#787878;font-size:12px}.App{position:relative;overflow:hidden;min-height:100vh;font-size:var(--font-base);background:#000;padding-bottom:40px}.header-banner{position:fixed;top:0;left:0;width:100%;z-index:800;background:linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),linear-gradient(192deg, #A73AFB 9.12%, #3A3DFA 91.72%)}.App-header-backdrop{position:fixed;z-index:10;top:0;bottom:0;left:0;right:0}.App-content{padding-top:4.65rem}.App-content header{position:fixed;top:0;left:0;width:100%;z-index:800}.App-header.large{display:flex;justify-content:space-between;position:relative;padding-left:3.2rem;padding-right:3.2rem;background:#000 !important;border-bottom:1px solid #161616}.App-header.large .App-header-links{display:flex}.App-header.small{display:none}.App-header-link-home{display:none}.App-header-drawer{background:rgba(23,24,44,.5333333333) 0% 0% no-repeat padding-box;box-shadow:.8rem .3rem .6rem rgba(0,0,0,.1607843137);opacity:1;-webkit-backdrop-filter:blur(2.7rem);backdrop-filter:blur(2.7rem);position:fixed;z-index:801;left:0;right:0;top:0;height:100vh;width:30.4rem;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;max-width:100%}.App-header-drawer::-webkit-scrollbar{display:none}.App-header-link-container{min-width: 6rem}@media (min-width: 1280px){.App-header-link-container{min-width: 6rem}}.App-header-link-container{text-align:center;display:flex;align-items:center;justify-content:center}.App-header-drawer .App-header-link-container .a,.App-header-drawer .App-header-link-container a{font-size:16px;line-height:1.8rem;font-weight:normal;letter-spacing:.1px;color:#d1d5db;padding:1.5rem 1.6rem;text-decoration:none;display:block}.App-header-drawer .App-header-link-container .a:hover,.App-header-drawer .App-header-link-container .a:focus,.App-header-drawer .App-header-link-container .a:active,.App-header-drawer .App-header-link-container a:hover,.App-header-drawer .App-header-link-container a:focus,.App-header-drawer .App-header-link-container a.active{color:#fff}.App-header-links-header{height:6.2rem;display:flex;align-items:center;z-index:3;margin-left:1.6rem;justify-content:space-between}.App-header-container-left{display:flex;align-items:center}.App-header-top{width:100%;position:relative;display:flex;justify-content:space-between}.App-header-menu-icon-block{margin-right:1.2rem;margin-left:0px;display:flex;align-items:center}.App-header-menu-icon{color:#fff;font-size:2rem;cursor:pointer;opacity:.7;margin:.9rem 1rem}.App-header-menu-icon:hover{opacity:.9}.App-highlight-box{background:linear-gradient(45deg, rgb(80, 10, 245) 0%, rgb(43, 118, 224) 35%, rgb(7, 157, 250) 77%, rgb(2, 207, 207) 100%);border-radius:.3rem;box-shadow:0 0 .4rem .6rem rgba(45,66,252,.15)}.App-box,.App-card,.App-card-primary,.App-box-highlight,.App-box-solid{position:relative;font-size:var(--font-base)}.App-card-bottom-placeholder{visibility:hidden}.App-card-bottom{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;padding-bottom:1.8rem}.App-card-bottom .App-card-divider,.App-card-bottom-placeholder .App-card-divider{margin-bottom:1.8rem}.App-card-long{border:.5px solid #27272b;margin-bottom:2.4rem}.App-card-long-content{display:flex;padding:1.6rem 0}.App-card-long_sub{width:20%;padding:0 1.6rem}.App-card-long_sub__info{display:flex;flex-direction:column;justify-content:center;margin-left:.8rem}.App-card-long_sub__info___title{font-size:var(--font-md);line-height:2.1rem;font-weight:normal;letter-spacing:0px;color:#fff}.App-card-long_sub__info___subtitle{font-size:1.2rem;line-height:1.5rem;font-weight:normal;letter-spacing:0px;color:#787878}.App-card-long-sub-left{display:flex}.App-card-long_sub-icon{display:flex}.App-card-long_sub__iconlist .App-card-long_sub__iconlist___icon{margin-left:.8rem}.App-card-long_sub__iconlist .App-card-long_sub__iconlist___icon img{filter:grayscale(1)}.App-card-long_sub__iconlist .App-card-long_sub__iconlist___icon img:hover{filter:initial}.App-card-long_sub__iconlist{display:flex;align-items:center;margin-left:auto}.App-card-divider-vertical{width:1px;height:8.8rem;background:#787878}.App-card-long_sub:first-child{display:flex;align-items:center}.App-card-long_sub__title{color:#787878;font-size:var(--font-sm);line-height:1.8rem;font-weight:normal;letter-spacing:.25px;margin-bottom:.8rem}.App-card-long_sub__subtitle{letter-spacing:.36px;color:#fff;font-size:2rem;line-height:2.6rem;font-weight:normal}.App-card-title-block{display:flex;justify-content:space-between;padding:1.6rem}.App-card-title-info-icon{display:flex;margin-right:.8rem}.App-card-title-info{display:flex}.App-card-info-title{font-size:var(--font-md);line-height:2.1rem;font-weight:normal;letter-spacing:0px;color:#fff}.App-card-info-subtitle{font-size:12px;line-height:1.5rem;font-weight:normal;letter-spacing:0px;color:#787878}.App-card-title-iconlist{display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:.8rem;grid-row-gap:.8rem}.App-card-title-iconlist___icon img{filter:grayscale(1)}.App-card-title-iconlist___icon img:hover{filter:initial}.Wallet-btn{display:block;box-shadow:inset 0px 0px 1rem .5rem rgba(27,30,46,.2);background:var(--dark-blue);height:5.1rem;width:26.35rem;border:1px solid var(--dark-blue-border);border-radius:.3rem;position:relative;color:#fff;font-size:2rem;display:grid;grid-template-columns:auto 1fr;text-align:left;padding-left:1.85rem;padding-top:1.05rem}.Wallet-btn:hover{background:var(--dark-blue-hover);border-color:var(--dark-blue-border)}.Wallet-btn:active{background:var(--dark-blue-active)}.Wallet-btn:not(:last-child){margin-bottom:1.05rem}.MetaMask-btn img{display:inline-block;height:2.325rem;margin-right:1.7rem;margin-left:.15rem}.CoinbaseWallet-btn img{display:inline-block;height:2.8rem;margin-right:1.7rem}.WalletConnect-btn img{display:inline-block;height:2.8rem;margin-right:1.8rem}button.App-connect-wallet{cursor:pointer;display:inline-block;border:none;font-size:var(--font-sm);line-height:2rem;font-weight:500;padding:.9rem 2.4rem;height:3.6rem;color:#17182c;background:#03cfcd 0% 0% no-repeat padding-box;border-radius:1rem}button.App-connect-wallet:hover{opacity:1}.App-header-trade-link{margin-right:2.4rem}.App-header-user-address{border:1px solid rgba(255,255,255,.1607843137);height:3.6rem;border-radius:2rem;display:inline-flex;align-items:center;color:#fff;position:relative}.mobile-menu-divider{height:1px;background:#4e516a}.App-card-divider{height:1px;background:#161616;margin:1.05rem -1.5rem}.App-card-divider:last-child{display:none}.line-divider{height:1px;background:#161616;margin:1.5rem 0}.App-box-solid{background:linear-gradient(90deg, rgb(20, 21, 38) 0%, rgb(25, 27, 47) 100%)}.Page{max-width:108.5rem;margin:auto;padding-top:4.65rem}.Page-content{padding:4.65rem;padding-top:1.5rem}.section-title-block{position:relative;overflow:hidden;display:flex;margin-bottom:2.325rem;border:.5px solid #27272b;border-radius:.5rem;padding:2rem 3rem}.page-main-content .section-title-block{margin-top:6.2rem}.section-title-icon{display:flex;align-items:center}.section-title-icon img{display:none}.section-title-content{display:flex;flex-direction:column;justify-content:flex-end}.settings-modal-error{padding-bottom:.7rem}.section-title-content .section-title-content__title{font-size:var(--font-lg);line-height:3.1rem;color:#fff;letter-spacing:0px}.section-title-content .section-title-content__description{font-size:1.8rem;line-height:2.3rem;letter-spacing:0px;color:#787878;margin-top:.4rem;max-width:62rem}.section-title-content .section-title-content__description span{cursor:pointer;color:#fff}.Page-title-section{padding-left:4.65rem;padding-right:1.5rem;margin-top:1.5rem;position:relative}.Page-title-section:first-child{margin-top:0rem}.Page-title{font-size:var(--font-xl);margin-bottom:.8rem;font-weight:bold;display:inline-block;line-height:1}.Page-title .Page-title-icon{width:24px;vertical-align:baseline;display:none}.Page-description{color:#b7b7bd;line-height:2.15rem;font-size:var(--font-base)}.Page-description span,.Page-description a{text-decoration:underline;cursor:pointer;display:inline-flex;color:inherit}.Page-description span:hover{color:#fff;opacity:.9}.Page-description span img,.Page-description a img{margin-left:.4rem}.App-hero{position:relative;text-align:center;padding-top:6.2rem;margin-bottom:3.1rem}.App-hero-primary{font-size:4.65rem;font-weight:bold;margin-bottom:1rem}.App-note{text-align:center;font-weight:bold;font-size:var(--font-sm);padding:0 3.1rem}.App-card{padding:1.5rem;border-radius:2rem;font-size:var(--font-base);background:#101010}.App-card-title-bottom{margin-bottom:3rem !important}.rewards-btn{flex:1 1}.App-card-title{font-size:var(--font-md);line-height:2rem;font-weight:normal;letter-spacing:0px;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between}.App-card-title .App-card-title-height{line-height:3.5rem}.App-card-title .inline-items-center{display:flex;align-items:center}.App-card-title .inline-items-center img{margin-right:10px;width:35px}.Position-card-title{justify-content:start}.Position-card-title::after{content:"";position:absolute;left:-1.5rem;top:-1.5rem;bottom:-1.5rem;right:-1.5rem}.App-card-title-small{font-size:var(--font-md);display:inline-flex}.App-card-content{display:grid;grid-row-gap:.8rem}.title-icon{margin-left:1rem;align-self:flex-end}.App-card-row{display:grid;grid-template-columns:1fr auto;grid-column-gap:1.5rem;padding:0;padding:initial}.App-card-row.inner{padding-left:1.5rem}.App-card-row .icon{vertical-align:baseline;margin-left:.31rem;position:relative;top:2px}.App-card-row>div:last-child{text-align:right}.App-card-options{padding:0;padding:initial;margin:-0.62rem}.App-card-option{margin:.62rem}.App-header a.App-header-link-main,.App-header .App-header-link-main{font-size:1.7rem;padding:0 1.5rem;margin-left:-1.5rem;display:flex;margin-right:1.2rem}.App-header-link-main img{display:inline-block;height:3.5rem;vertical-align:middle}.App-header-link-main img.small{display:none}.App-header .a,.App-header a{text-decoration:none;vertical-align:middle;display:inline-block;cursor:pointer}.App-header .a.active,.App-header a.active{pointer-events:none;opacity:1;color:#eee}.App-header .a:hover,.App-header a:hover{opacity:.8}.App-header-container-left .a,.App-header-container-left a{padding: 1.4rem}@media (min-width: 1280px){.App-header-container-left .a,.App-header-container-left a{padding: 1.7rem}}.App-header-container-left .a,.App-header-container-left a{display:block;color:#787878;font-size:15px;line-height:1.8rem;font-weight:400;padding:1.8rem 1.7rem}.App-header-container-left .hotA .hotIcon{opacity:.7}.App-header-airdrop{display:block;color:#787878;font-size:var(--font-base);line-height:1.8rem;font-weight:400;padding:1.8rem 1.7rem;cursor:not-allowed;opacity:.8}.App-header-container-left .a.active,.App-header-container-left a.active{position:relative;color:#d4d4d8;height:4rem;display:flex;align-items:center}.hotText{font-variation-settings:"opsz" auto;background:linear-gradient(270deg, #DBFF00 10%, #00FF1A 106%, rgba(61, 61, 61, 0) 106%) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:rgba(0,0,0,0) !important;background-clip:text !important;text-fill-color:rgba(0,0,0,0) !important}.App-header-container-left .hotA.active .hotIcon{opacity:1}.Toastify{font-size:var(--font-sm)}.Toastify__toast{min-height:4.65rem;cursor:default}.Toastify__toast-body{padding:0 .465rem}.Toastify-debug{margin-top:.465rem;font-size:1.24rem;opacity:.7}.Toastify-debug-button{display:inline-block;border-bottom:1px dashed;cursor:pointer}.Toastify-debug-content{margin-top:4px;padding-bottom:8px;max-width:300px;overflow-x:auto}.App-icon{vertical-align:middle;margin-bottom:.465rem}.App-background-side-1{z-index:1;position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;background:linear-gradient(90deg, rgba(45, 66, 252, 0.05) 0%, rgba(8, 8, 10, 0) 100%)}.App-background-side-2{z-index:2;position:absolute;left:0;right:0;top:0;bottom:0;pointer-events:none;background:linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 216, 240, 0.01) 51%, rgba(0, 216, 240, 0.03) 100%)}.App-background{z-index:4;position:absolute;left:-100%;right:0%;top:-20%;bottom:-200%;pointer-events:none;background:radial-gradient(circle, rgba(80, 10, 245, 0.05) 0%, rgba(80, 10, 245, 0.02) 36%, rgba(8, 8, 10, 0) 100%)}.App-background-ball-1{z-index:3;position:absolute;left:0%;right:0%;top:-50%;bottom:-200%;pointer-events:none;background:radial-gradient(circle, rgba(102, 56, 217, 0.05) 0%, rgba(56, 33, 105, 0.02) 36%, rgba(8, 8, 10, 0) 100%)}.App-background-ball-2{z-index:2;position:absolute;left:-50%;right:-150%;top:-30%;bottom:-200%;pointer-events:none;background:radial-gradient(circle, rgba(7, 149, 250, 0.05) 0%, rgba(7, 149, 250, 0.02) 36%, rgba(8, 8, 10, 0) 100%)}.App-highlight{z-index:0;position:absolute;left:0%;right:-100%;top:-100%;bottom:0%;pointer-events:none}.App-title{text-align:center;font-size:4.65rem;margin-top:17vh;margin-bottom:1.5rem;font-weight:bold}.App-subtitle{text-align:center;font-size:1.7rem;margin-bottom:7.75rem;opacity:.9;padding:0 1.5rem}.App-info-row{display:grid;grid-template-columns:auto auto;font-size:var(--font-sm);margin-bottom:.465rem}.App-info-label{opacity:.7}.App-cta{text-align:center;cursor:pointer;display:inline-block;padding:1.5rem;border-radius:.3rem;border:none;font-size:var(--font-sm)}a.App-cta,button.App-cta{color:#fff;text-decoration:none;background:linear-gradient(90deg, #2C7FFF 0%, #2C7FFF 100%)}a.App-cta:hover:enabled,button.App-cta:hover:enabled{background:var(--primary-btn-hover)}a.App-cta:active:enabled,button.App-cta:active:enabled{background:var(--primary-btn-active)}.App-cta.small{padding:.9rem 1.1rem}a.App-cta.transparent,button.App-cta.transparent{box-shadow:none;background:none;color:#787878;opacity:1}a.App-cta.transparent:hover,button.App-cta.transparent:hover:enabled{color:#fff;box-shadow:none;background:none}button.App-cta.option,a.App-cta.option{padding:.8rem 1.5rem;font-size:var(--font-sm)}a.App-button-option,button.App-button-option{cursor:pointer;border-radius:4px;font-size:var(--font-sm);line-height:2rem;font-weight:normal;letter-spacing:0px;color:#fff;padding-left:16px;padding-right:16px;text-decoration:none;box-sizing:border-box;position:relative;min-height:36px;display:inline-flex !important;align-items:center;border:none;background:#2b375e}a.App-button-option:hover,button.App-button-option:hover:enabled{background:rgba(154,249,80,.1)}a.App-button-option:active,button.App-button-option:active:enabled{background:rgba(154,249,80,.1)}button.App-button-option:disabled{cursor:not-allowed}.App-header-container-right{display:flex;align-items:center}.App-header-user{display:flex;align-items:center}.App-header-user-settings{cursor:pointer;border:none;font-size:var(--font-base);background:none;color:#fff;padding:0;width:2.4rem;height:2.4rem;border-radius:1rem;display:inline-flex;justify-content:center;align-items:center}.App-settings-row{margin-bottom:.8rem;font-size:var(--font-base)}.App-settings .App-cta{margin-top:1.5rem}.App-settings .Modal-content{width:40rem}.Modal-content{background:#101010}.App-slippage-tolerance-input-container{position:relative}.App-slippage-tolerance-input{border-radius:6px;border:1px solid rgba(255,255,255,.1);margin-top:.8rem;margin-bottom:.8rem;width:100%}.App-slippage-tolerance-input-percent{position:absolute;right:1.1rem;width:3.1rem;top:2.325rem;bottom:0;text-align:right}.Network-icon{vertical-align:middle;width:1.85rem;height:1.85rem}.App-header-user-netowork{margin-right:2.4rem}.App-content{position:static !important}.App-footer{left:0;right:0;position:fixed;bottom:5vh;text-align:center}a.App-social-link{margin-left:1.1rem;margin-right:1.1rem;font-size:2.635rem;color:#fff;opacity:.8}a.App-social-link:hover{opacity:.9}.App-input{text-align:center;display:inline-block;width:90%;max-width:46.5rem}.App-input input{width:100%}.App-input-top{display:grid;grid-template-columns:auto auto;margin-bottom:.8rem;padding-left:.155rem;padding-right:.465rem}.App-input-label{text-align:left;opacity:.9}.App-input-max{text-align:right;opacity:.9;cursor:pointer}.App-input-max:hover{opacity:1}.App-input-container{border:2px solid rgba(48,31,130,.8);background:rgba(0,0,0,.1);display:grid;grid-template-columns:1fr auto}.App-input-unit{text-align:right;padding:1.25rem;font-size:2rem}button.App-button{text-align:center;display:inline-block;font-size:1.7rem;width:90%;max-width:46.5rem}.Toastify__toast--error{background:#161616;color:#fff;border-radius:.6rem}.Toastify__toast--success{background:rgba(0,0,0,0) linear-gradient(90deg, #19836c 0%, #177c66 100%) 0% 0% no-repeat padding-box;color:#fff;box-shadow:0px .3rem .6rem rgba(0,0,0,.3607843137);border-radius:1rem}.Toastify__toast--default{background:linear-gradient(90deg, #0b0b0f 0%, rgb(10, 13, 28) 100%);color:#fff;border-radius:.6rem}.Toastify__toast--default .Toastify__close-button{color:#fff}.Toastify__toast--default .Toastify__close-button:hover{color:#fff;background:rgba(0,0,0,0)}.Toastify__close-button{align-self:flex-start;border-radius:1rem;width:2.1rem;min-width:2.1rem;height:2rem;display:inline-flex;justify-content:center;align-items:center;transition:none;z-index:2}.Toastify__close-button:hover{background:rgba(255,255,255,.2784313725) 0% 0% no-repeat padding-box}.Toastify__toast-body{font:normal normal normal 1.4rem/1.6rem Relative;line-height:2rem}.dropdown-backdrop{position:fixed;z-index:10;top:0;bottom:0;left:0;right:0;-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem)}@keyframes zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}.positive{color:#00ff7e}.positive-background{background:linear-gradient(45deg, rgb(10, 115, 75) 0%, rgb(12, 154, 100) 100%)}.negative{color:#cc4241}.warning{color:#bdcb51 !important}.negative-background{background:linear-gradient(45deg, rgb(115, 30, 43) 0%, rgb(174, 43, 63) 100%)}.warning{color:#f3b50c}.warning-decoration{text-decoration-color:#f3b50c}.App-warning,.App-warning a{color:#f037b5}.App-warning{padding:0 3.1rem}.App-slider .rc-slider-rail{background:linear-gradient(90deg, #1e223d, #282d4a)}.App-slider .rc-slider-track{background:linear-gradient(90deg, #2e3dcd, #2d42fc)}.App-slider .rc-slider-dot{border:none;border-radius:1px;width:2px;margin-left:-1px;background:#282d4a}.App-slider .rc-slider-dot-active{background:#3d51ff}.App-slider .rc-slider-handle{background:#303652;border:2px solid #2d42fc}.App-slider .rc-slider-handle:active{box-shadow:0 0 .4rem .6rem rgba(45,66,252,.2)}.App-slider .rc-slider-mark-text,.App-slider .rc-slider-mark-text-active{color:#fff;opacity:.5}.App-slider .rc-slider-mark-text:hover,.App-slider .rc-slider-mark-text-active:hover{opacity:1}.rc-slider-tooltip{z-index:5}.rc-slider-tooltip-inner{box-shadow:none;padding:.465rem .8rem;background:#303652}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#303652}.header-connect-btn{background:#3b43e3}.header-connect-btn:hover{background:#6a70ea}.header-connect-btn:focus{background:#7a7fec;border:1px solid #3b43e3;box-sizing:border-box;padding-left:1.5rem;padding-right:1.5rem}.header-connect-btn:active{background:#7a7fec}.short-connect-btn{display:none !important}.selector-backdrop{opacity:1;height:100vh;z-index:2;-webkit-backdrop-filter:blur(1.7rem);backdrop-filter:blur(1.7rem);position:fixed;top:0;width:100%}.Tab-title-section{position:relative;overflow:hidden;padding:3rem;border-radius:.5rem;margin-bottom:2.4rem;border:.5px solid #27272b}.Tab-title-section-top{margin-top:2.4rem}.right-b-icon{position:absolute;right:7%;height:160%;top:-30%;pointer-events:none;opacity:.5}.Home-language-menu{display:flex;align-items:center}.chart-positions-settings{display:none}@media(max-width: 1024px){.chart-positions-settings{display:block}}@media(max-width: 1033px){.long-connect-btn{display:none !important}.App-header-user-address{padding:0 0px}.short-connect-btn{display:flex !important}.App-header-trade-link{margin-right:1.6rem}.App-header-user-netowork{margin-right:1.6rem}button.App-connect-wallet{margin-top:.465rem;margin-bottom:.465rem}.App-header-link-home{display:block}.App-cta.small{padding:.9rem .8rem}.App-subtitle{margin-bottom:4.65rem}.App-header-user{padding-bottom:0}.App-header-container-right{display:flex;align-items:center}.App-header-link-desktop{display:none}.App-header{grid-template-columns:1fr auto auto auto auto}.App-header-link-main img{height:2.1rem}.App-header.large{display:none}.App-header.small{height:6.2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:space-between;position:relative;padding-left:1.6rem;padding-right:1.6rem;background:rgba(0,0,0,0) 0% 0% no-repeat padding-box;border-bottom:1px solid rgba(255,255,255,.062745098)}.App-header.small::after{height:1.3rem;width:100%;content:" ";background:rgba(0,0,0,0) linear-gradient(180deg, rgba(0, 0, 0, 0.1882352941) 0%, rgba(0, 0, 0, 0) 100%) 0% 0% no-repeat padding-box;position:absolute;bottom:-1.3rem;left:0}.Page-title-section{margin-top:3.1rem}a.App-header-user-account{margin-right:0}.App-card-long-content.card-list{grid-template-columns:1fr 1fr}}@media(max-width: 1000px){.App-card-long-content{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row-gap:1.5rem}.App-card-divider-vertical{display:none}.App-card-long_sub{width:100%}.Page-title{font-size:var(--font-lg)}.Page-title .Page-title-icon{width:20px;vertical-align:bottom}}@media(max-width: 700px){.App-card-long-content{grid-template-columns:1fr 1fr}}@media(max-width: 600px){.App-card-long-content.card-list{grid-template-columns:1fr}.App-card-long-content{grid-template-columns:1fr}.default-container{padding-left:1.2rem;padding-right:1.2rem}.App-header-link-main img.big{display:none}.App-header-link-main img.small{display:inline-block}}@media(max-width: 500px){.header-connect-btn{margin-right:.4rem}}@media(max-width: 450px){.App-header-trade-link{margin-right:.6rem}.App-header-trade-link a{padding:0 .8rem}.App-header-user-netowork{margin-right:.6rem}.App-header-menu-icon-block{margin-left:0;margin-right:.4rem}.mobile-cross-menu{margin-right:1.2rem}.App-header-menu-icon{margin:.4rem .5rem}.App-header.small{padding-left:.6rem;padding-right:.6rem}.Home-faqs-content{padding-left:1.5rem}.header-connect-btn,.header-connect-btn:active{padding-left:.5rem;padding-right:.5rem}.header-connect-btn:focus{padding-left:.4rem;padding-right:.4rem}.App-header .App-header-link-main{padding:.155rem !important;margin-left:0rem !important}.App-header-trade-link.homepage-header{margin-right:1.6rem}}.walletconnect-modal__mobile__toggle a{color:#000}.walletconnect-modal__base{max-height:100%}.walletconnect-qrcode__image{max-height:50vh}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)){.App-header-drawer{background:#0e0f1f}}.spin{animation:spin-animation infinite 1.2s linear}.spin-tips{animation:spin-animation infinite 2s linear}@keyframes spin-animation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.bgDe{background:#101010}.roundT{border-top-left-radius:4px;border-top-right-radius:4px}.noRoundT{border-top-left-radius:0 !important;border-top-right-radius:0 !important}.noRoundB{border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important}.roundB{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.perpSwap .fixed-right{position:-webkit-sticky;position:sticky;right:0}.custom-scrollbar::-webkit-scrollbar-track{background:#000}.custom-scrollbar::-webkit-scrollbar-thumb{background:#353535;border-radius:6px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}.caretaker{position:relative;background:linear-gradient(91deg, rgba(34, 35, 38, 0.54) -24.89%, #000000 27.34%)}.caretakerLine{position:absolute;top:0;left:40px;width:1px;height:100%;background-color:rgba(38,35,35,.5019607843)}.collapseIcon{position:absolute;top:2px;align-items:center;justify-content:center;padding:9px 0px;border-radius:4px;background-color:#33353c;z-index:9}*{scrollbar-width:thin;scrollbar-color:#343434 #101010}.collapseBox{scrollbar-width:thin;scrollbar-color:#101010 #101010}.collapseBox:hover{scrollbar-width:thin;scrollbar-color:#343434 #101010}.collapseBox::-webkit-scrollbar{width:2px !important}.collapseBox::-webkit-scrollbar-track{background:#101010}.collapseBox::-webkit-scrollbar-thumb{background:#343434;border-radius:3px}.collapseBox::-webkit-scrollbar-thumb:hover{background:#343434}.scrollable-div{overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;transition:all .3 ease}.scrollable-div::-webkit-scrollbar{width:0}.scrollable-div:hover{scrollbar-width:thin}.scrollable-div:hover::-webkit-scrollbar{width:8px}.scrollable-div:hover::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.scrollable-div:hover::-webkit-scrollbar-thumb:hover{background-color:#555}.resize-handle{position:absolute;bottom:10px;left:0;right:0;height:38px;cursor:ns-resize;background-color:rgba(0,0,0,0)}.resize-handle2{position:absolute;left:0;right:0;height:16px;cursor:ns-resize;background-color:rgba(0,0,0,0)}.Leaderboard-td-text-line{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:2px}.tipsBox{display: flex;align-items: center;justify-content: center;border-radius:8px;background:rgba(10,255,136,.08);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.event-toast-container,.points-toast-container .toast-links {
  margin-top: 1.5rem;
  font-size: var(--font-sm);
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.zoomIn {
  animation: zoomIn 0.2s ease-in-out;
  animation-fill-mode: forwards;
}
.zoomOut {
  animation: zoomOut 0.2s ease-in-out;
  animation-fill-mode: forwards;
}
.event-toast-container, .points-toast-container .toast-links a {
  text-decoration: underline;
  font-size: var(--font-sm);
  opacity: 0.7;
  margin-right: 1.5rem;
}
.event-toast-container .toast-links a:hover, .points-toast-container .toast-links a:hover {
  opacity: 1;
}

.single-toast {
  background: #161616D9;
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #FFFFFF;
  border: none;
  position: relative;
  border-radius: 4px;
  border: 1px solid #ffffff29;
  width: 35rem;
}
.single-toast header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.8rem 1.5rem;
  border-bottom: 1px solid #ffffff29;
}
.single-toast header .toast-title {
  display: flex;
  align-items: center;
}
.single-toast header .cross-icon {
  width: 2.2rem;
  height: 2.2rem;
  cursor: pointer;
  border-radius: 4px;
  padding: 2px;
  margin-left: 1.5rem;
}
.single-toast header .cross-icon:hover {
  background: #ffffff47;
}
.single-toast header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.single-toast header .announcement-icon {
  width: 2rem;
  height: 2rem;
  color: #FFFFFF;
}
.single-toast header p {
  margin: 0;
  padding: 0.3875rem 0;
  margin-left: 1.1625rem;
  font-size: var(--font-md);
}

.single-toast .toast-body {
  margin: 0.8rem 0;
  padding: 0;
  font-size: var(--font-sm);
  line-height: 1.5;
  padding: 0 1.5rem;
}

@media screen and (max-width: 500px) {
  .event-toast-container {
    inset: 8rem 1.6rem 0 1.6rem;
  }
  .single-toast {
    background: rgba(43, 49, 85, 1);
  }
}

.RedirectModal .Modal-content {
  width: 34rem;
  font-size: var(--font-base);
  line-height: 1.9rem;
}

.RedirectModal .Modal-body .Checkbox {
  align-items: flex-start;
}

.RedirectModal .Modal-body .Checkbox-icon-wrapper {
  display: block;
}

.RedirectModal .Modal-body .Checkbox .Checkbox-label {
  margin-left: 0.5rem;
}

@media (max-width: 700px) {
  .RedirectModal .Modal-content {
    width: 90vw;
  }
}

.page-not-found-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  margin-bottom: 7rem;
}

.page-not-found {
  text-align: center;
}
.page-not-found img {
  max-width: 225px;
}
.go-back span {
  color: #787878;
}
.go-back a {
  color: #FFFFFF
}

@media (max-width: 500px) {
  .page-not-found img {
    max-width: 200px;
  }
  .page-not-found {
    margin-top: 2.5rem;
  }
}

.center {
  text-align: center;
}
.section {
  margin-bottom: 4.65rem;
}
.Page-subtitle {
  font-size: var(--font-lg);
  font-weight: 500;
  margin: 1.5rem 0;
}
.content {
  margin-top: 4.65rem;
}
.body-text {
  margin: 0px;
  font-weight: 400;
  font-size: var(--font-base);
  line-height: 2.4rem;
  margin-bottom: 1.5rem;
  color: #787878;
  /* color: #787878; */
}

.body-title {
  font-weight: 500;
  margin-bottom: 1.5rem;
  font-size: var(--font-lg);
}

.center {
  text-align: center;
}
.section {
  margin-bottom: 4.65rem;
}
.Page-subtitle {
  font-size: var(--font-lg);
  font-weight: 500;
  margin: 1.5rem 0;
}
.content {
  margin-top: 4.65rem;
}
.body-text {
  margin: 0px;
  font-weight: 400;
  font-size: var(--font-base);
  line-height: 2.4rem;
  margin-bottom: 1.5rem;
  color: #787878;
}

.body-title {
  font-weight: 500;
  margin-bottom: 1.5rem;
  font-size: var(--font-lg);
}

.list-style-none {
  list-style: none;
}
.list-style-none li {
  padding-bottom: 0;
}

.menu-items:focus-visible{border:1px solid #262638}.address-btn{display:inline-flex;align-items:center;justify-content:center;color:#fff !important}.user-address{margin-left:1rem;margin-right:1rem}.App-header-user-address:hover{background:#161616}.App-header-user-address:active{background:#161616}.menu-items{position:absolute;right:0;top:4.3rem;min-width:18rem;width:100%;transform-origin:top right;border-radius:1rem;border:.5px solid #27272b;list-style:none;cursor:pointer;outline:none;z-index:1000;background:#161616}.menu-items .menu-item{display:flex !important;align-items:center;font-size:var(--font-base);color:#787878;padding-bottom:1.5rem;font-size:var(--font-sm);padding:.85rem .8rem}.menu-items .menu-item:hover{background:#161616 !important;opacity:1;color:#eee}.menu-items .menu-item>p{margin:0px;padding-left:1rem;white-space:nowrap}.menu-items .menu-item>a{display:inline-flex}@media screen and (max-width: 370px){.user-address{margin-left:0}.address-btn{display:flex;justify-content:space-between}.user-avatar{display:none}}
.connect-wallet-btn{background:#2c7fff;padding:.45rem 1.4rem;display:inline-flex;align-items:center;border:none;color:#fff;font-size:var(--font-sm);cursor:pointer;border:1px solid #383dfa;border-radius:2rem;min-width:15.3rem}.connect-wallet-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center}.connect-wallet-btn .btn-label{font-weight:400;font-size:var(--font-sm);margin-left:.8rem;letter-spacing:0;color:#fff;font-weight:bold}.connect-wallet-btn:hover{opacity:.8}.connect-wallet-btn:active{opacity:.8}@media(max-width: 1200px){.connect-wallet-btn{min-width:10rem !important}}@media(max-width: 600px){.connect-wallet{padding:.5rem .8rem}}@media(max-width: 350px){.connect-wallet-btn{height:3.6rem}.connect-wallet-btn .btn-icon{display:none}.connect-wallet-btn .btn-label{margin-left:0px}}
.App-header-network {
  position: relative;
  margin-left: 2.4rem;
  border: 1px solid var(--dark-blue-border);
  border-radius: 2rem;
  height: 3.6rem;
  display: inline-flex;
  align-items: center;
  color: #FFFFFF;
}

.App-header-language {
  margin-left: 0;
}

.network-dropdown {
  display: inline-flex;
}
.network-dropdown-items {
  min-width: 17rem;
  padding-bottom: 0.8rem;
  background: #161616;
}
.network-dropdown-items:last-child {
  padding-bottom: 0;
}

.network-dropdown-divider {
  margin-bottom: 0.8rem;
  border-bottom: 1px solid #ffffff29;
}
.App-header-network:hover {
  background: #161616;
  cursor: pointer;
}
.App-header-network:active {
  background: #161616;
}
/* .network-dropdown:active {
  background: #161616;
} */

.network-dropdown > button.transparent {
  height: 3.6rem;
  border-radius: 1rem;
  border: none;
  pointer-events: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.8rem;
  background: transparent;
}

.network-dropdown-icon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.language-popup .Modal-content {
  width: 32rem;
}

.network-dropdown-seperator {
  width: 1px;
  /* background: var(--dark-blue-border); */
  background: #787878;
  margin: 0.8rem 0;
}

.menu-item-group {
  display: flex;
  align-items: center;
}

.network-dropdown-menu-item {
  display: flex;
  align-items: center;
  padding: 0.8rem;
  justify-content: space-between;
}

.last-dropdown-menu {
  margin-bottom: 0.8rem;
}
.network-popup .Modal-content {
  width: 100%;
  max-width: 29.6rem;
  margin: auto;
}
.network-option {
  cursor: pointer;
  background: var(--dark-blue);
  border: 1px solid var(--dark-blue-border);
  border-radius: 1rem;
  padding: 0.8rem 1.5rem;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.network-option:last-child {
  margin-bottom: 0;
}

.network-option img {
  width: 2.5rem;
  margin-right: 1.5rem;
}

.network-option span {
  font-size: var(--font-base);
  letter-spacing: 0.29px;
  color: #FFFFFF;
}

.network-option-img-label {
  font-size: var(--font-md);
  line-height: 2rem;
  letter-spacing: 0.29px;
  color: #FFFFFF;
}

.dropdown-label {
  color: #787878;
  padding: 0.8rem;
  font-size: 1.25rem;
}

.language-popup .Modal-body {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(2, 1fr);
}

.language-modal-item {
  border: 1px solid var(--dark-blue-border);
  cursor: pointer;
  border-radius: 4px !important;
}

.language-modal-item.active {
  border: 1px solid #a1a3c4;
}

.menu-item-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
}

.network-dropdown-headings {
  padding: 0.8rem 0.8rem 0.4rem 0.8rem;
  opacity: 0.7;
  font-size: 1.25rem;
}

.network-dropdown-item-label {
  margin-left: 0.8rem;
}

.network-dropdown-list {
  display: grid;
  grid-template-columns: 1fr;
}

.menu-item:hover .menu-item-label {
  color: #eee;
}

.language-item {
  margin-left: 0.8rem;
  font-size: 1.5rem;
}

.active-dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.active-dot.ModeTestnet {
  background-color: #4275a8;
}
.active-dot.Avalanche {
  background-color: #e84142;
}
.network-dropdown-label {
  font-size: 1.25rem;
  margin-bottom: 0.8rem;
  opacity: 0.7;
}

.more-options {
  margin-top: 1rem;
}

@media (max-width: 1033px) {
  .App-header-network {
    margin-left: 1.6rem;
  }
  .App-header-language {
    margin-left: 0;
  }
}
@media (max-width: 450px) {
  .App-header-network {
    margin-left: 0.6rem;
  }
  .App-header-language {
    margin-left: 0;
  }
  .network-dropdown > button {
    padding: 0 0.5rem;
  }
  .network-dropdown.homepage-header > button {
    padding: 0 0.8rem;
  }
}

.App-header-backdrop {
  position: fixed;
  z-index: 10;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.points-icon-style {
  width: 24px;
  height: 24px;
}
.stake-icon-style {
  width: 20px;
}
.referral-icon-style {
  width: 22px;
}

.header-top {
  top: 45px !important;
}

.sub-menu-style {
  color: #787878;
  /* padding: 1rem 5.2rem; */
  /* line-height: 20px; */
  line-height: 40px;
  height: 40px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sub-menu-active {
  color: #D4D4D8;
  position: relative;
  border-radius: 40px;
  /* background: #161616; */
  /* padding: 1rem 5.2rem; */
  line-height: 40px;
  height: 40px;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* .sub-menu-active::after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #2C7FFF;
  position: absolute;
  bottom: -17px;
} */

.App-header.large {
  /* height: 6.2rem; */
  /* backdrop-filter: blur(4px); */
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
  background: #000000 !important;
  border-bottom: 1px solid #161616;
}
.menuBox{
  min-width: 221px;
  background: #242723;
  border-radius: 20px;
}

.sub-header {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  /* background: transparent 0% 0% no-repeat padding-box; */
  background-color: #000000;
  /* border-bottom: 1px solid #31343C; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 40px 1.5rem 1rem;
  margin-top: -5px;
  /* max-width: 120rem; */
  /* margin: 0 auto; */
}
.sub-header-menu{
  border-radius: 50px;
  border: 1px solid #161616;
  height: 6rem;
  align-items: center;
  justify-content: center;
  padding: 10px 12px;
  display: inline-flex !important;
}

.App-sub-header-link-container {
  text-align: center;
}

.App-header-swap {
  display: block;
  color: #787878;
  font-size: var(--font-base);
  line-height: 1.8rem;
  font-weight: 400;
  padding: 1.8rem 1.7rem;
  cursor: pointer;
}

.App-header.large::after {
  /* background: linear-gradient(90deg,hsla(0,0%,98%,0),#fbfbfb 30%,#fbfbfb 70%,hsla(0,0%,98%,0)); */
  background: #0000000D;
  bottom: 0;
  content: " ";
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}

.App-header.large .App-header-links {
  display: flex;
}

.App-header.small {
  display: none;
}

.App-header-link-home {
  display: none;
}

.App-header-drawer {
  background: #17182c88 0% 0% no-repeat padding-box;
  box-shadow: 0.8rem 0.3rem 0.6rem #00000029;
  opacity: 1;
  -webkit-backdrop-filter: blur(2.7rem);
          backdrop-filter: blur(2.7rem);
  position: fixed;
  z-index: 801;
  left: 0;
  right: 0;
  top: 0;
  height: 100vh;
  width: 30.4rem;
  overflow-y: auto;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}
.App-header-drawer::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.App-header-drawer .App-header-link-container .a,
.App-header-drawer .App-header-link-container a {
  font-size: 16px;
  line-height: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.1px;
  color: #D1D5DB;
  padding: 1.5rem 1.6rem;
  text-decoration: none;
  display: block;
}

.App-header-links-header {
  height: 6.2rem;
  display: flex;
  align-items: center;
  z-index: 3;
}

.App-header-container-left {
  display: flex;
  align-items: center;
}

.App-header-top {
  width: 100%;
  position: relative;
  display: flex;
  justify-content: space-between;
  /* z-index: 2; */
}

.App-header-menu-icon-block {
  margin-right: 1.2rem;
  margin-left: 0px;
  display: flex;
  align-items: center;
}

.App-header-menu-icon {
  color: #FFFFFF;
  font-size: 2rem;
  cursor: pointer;
  opacity: 0.7;
  margin: 0.9rem 1rem;
}

.App-header-menu-icon:hover {
  opacity: 0.9;
}

.App-header a.App-header-link-main,
.App-header .App-header-link-main {
  font-size: 2rem;
  padding: 1.5rem;
  margin-left: -1.5rem;
  display: flex;
  margin-right: 1.2rem;
  color: #FFFFFF;
  align-items: center;
}

.App-header-link-main img {
  display: inline-block;
  height: 3rem;
  vertical-align: middle;
}

.App-header .a,
.App-header a {
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}

.App-header .a.active,
.App-header a.active {
  pointer-events: none;
  opacity: 1;
  color: #eee;
}

.App-header .a:hover,
.App-header a:hover {
  opacity: 0.8;
}

.App-header-container-left .a,
.App-header-container-left a {
  padding: 1.4rem;
}

@media (min-width: 1280px) {

  .App-header-container-left .a,
.App-header-container-left a {
    padding: 1.7rem;
  }
}

.App-header-container-left .a,
.App-header-container-left a {
  display: block;
  color: #787878;
  font-size: 15px;
  line-height: 1.8rem;
  font-weight: normal;
}

.App-header-container-left .a.active,
.App-header-container-left a.active {
  color: #D4D4D8;
  font-family: IBMPlexSansJP-Medium;
  position: relative;
}
.App-header-container-left .a.active,
.App-header-container-left a.active::after{
  content: "";
  height: 2px;
  width: calc(100% - 3.4rem);
  background-color: #D4D4D8;
  position: absolute;
  bottom: 0px;
}
.App-header-container-left .a.activeMeme,
.App-header-container-left a.activeMeme {
  color: #D4D4D8 !important;
  font-family: IBMPlexSansJP-Medium;
}

.App-header-container-right {
  display: flex;
  align-items: center;
}

.App-header-user {
  display: flex;
  align-items: center;
}

.App-header-user-settings {
  cursor: pointer;
  border: none;
  border-radius: 0;
  font-size: var(--font-base);
  background: none;
  color: #FFFFFF;
  padding: 0;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 1rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.App-header-user-netowork {
  margin-right: 2.4rem;
}

.App-header-user-link {
  margin-right: 2.4rem;
}

.App-header-user-address {
  border: 1px solid #ffffff29;
  height: 3.6rem;
  border-radius: 2rem;
  display: inline-flex;
  align-items: center;
  color: #FFFFFF;
  position: relative;
}

.App-header-nav-links{
  display: flex;
}
.App-header-nav-links .App-header-link-container{
  margin: 0 6.2rem;
  display: flex;
  align-items: center;
}
.App-header-nav-links .App-header-link-container a{
  vertical-align: middle;
  font-size: 16px;
}

@media (max-width: 1200px) {
  .App-header-user-address {
    padding: 0 0px;
  }

  .App-header-user-link {
    margin-right: 1.6rem;
  }

  .App-header-user-netowork {
    margin-right: 1.6rem;
  }

  .App-header-link-home {
    display: block;
  }

  .App-header-user {
    padding-bottom: 0;
  }

  .App-header-container-right {
    display: flex;
    align-items: center;
  }

  .App-header-link-desktop {
    display: none;
  }

  .App-header {
    grid-template-columns: 1fr auto auto auto auto;
  }

  .App-header-link-main img {
    height: 2.1rem;
  }

  .App-header.large {
    display: none;
  }

  .App-header.small {
    height: 6.2rem;
    -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
    display: flex;
    justify-content: space-between;
    position: relative;
    padding-left: 1.6rem;
    padding-right: 1.6rem;
    background: transparent 0% 0% no-repeat padding-box;
    border-bottom: 1px solid #ffffff10;
  }

  .App-header.small::after {
    height: 1.3rem;
    width: 100%;
    content: " ";
    background: transparent linear-gradient(180deg, #00000030 0%, #00000000 100%) 0% 0% no-repeat padding-box;
    position: absolute;
    bottom: -1.3rem;
    left: 0;
  }

  a.App-header-user-account {
    margin-right: 0;
  }

  .sub-header {
    display: none !important;
  }
  .App-header-links-mobile {
    flex-direction: column !important;
    margin-left: 0px !important;
  }
}

@media (max-width: 600px) {
  .App-header-link-main img.small {
    display: inline-block;
  }
  .sub-header {
    display: none !important;
  }
}

@media (max-width: 450px) {
  .App-header-user-link {
    margin-right: 0.6rem;
  }

  .App-header-user-netowork {
    margin-right: 0.6rem;
  }

  .App-header-menu-icon-block {
    margin-left: 0;
    margin-right: 0.4rem;
  }

  .App-header-menu-icon {
    margin: 0.4rem 0.5rem;
  }

  .App-header.small {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }

  .App-header .App-header-link-main {
    padding: 0.155rem !important;
    margin-left: 0rem !important;
  }

  .switch-swap-trade {
    display: none !important;
  }
}

@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
  .App-header-drawer {
    background: #0e0f1f;
  }
}

.App-header-more {
  height: auto;
  border-radius: 1rem;
  position: relative;
  padding: 0 1.7rem;
  color: #787878;
  font-weight: bold;
  width: 9rem;
}

.App-header-more .menu-items {
  left: -3.2rem;
  top: 3px;
  background: #161616;
  width: 172px;
  padding: 6px 3px;
  border-radius: 4px;
}

.App-header-more .menu-item-header {
  border-radius: 2px;
  padding: 0.6rem 16px !important;
}
.App-header-more .menu-item-header:hover {
  opacity: 0.8;
}
.App-header-more .active::after {
  display: none;
}

.App-header-more .active {
  background: #222222 !important;
  border-radius: 2rem;
}

.user-points-nft {
  height: 28px;
  border-radius: 2rem;
  border: 1px solid #CD1DD8;
  background: linear-gradient(270deg, rgba(82, 19, 165, 0.50) -1.82%, rgba(69, 73, 128, 0.50) 100%);
}

.user-points-nft-tooltip .Tooltip-handle {
  text-decoration: none !important;
}

.user-points-nft-tooltip-box {
  max-width: 60rem !important;
  margin-top: 10px;
  margin-left: -12rem;
  background: #161616;
  border-radius: 2rem;
}

.more-btn-menu {
  display: flex;
  align-items: center;
  font-weight: normal;
  color: #787878;
  height: 52px;
  justify-content: center;
  font-size: 15px;
}
.more-btn-menu-home {
  display: flex;
  align-items: center;
  font-weight: 100;
  color: #787878;
  height: 54px;
  padding: 1rem 1.7rem;
  justify-content: center;
}
.more-down-icon {
  font-size: 22px;
}

.menu-more-btn {
  margin-left: 0.8rem;
  cursor: pointer;
  color: #a0a3c4;
  /* font-weight: bold; */
  opacity: 0.8;
}

.down-icon {
  margin-top: 0.3rem;
}
.switch-swap-trade .left-radius .default-btn-radius {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  background: rgba(223, 254, 0, 0.2);
  color: #FFFFFF;
}
.switch-swap-trade .right-radius .default-btn-radius {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  background: rgba(223, 254, 0, 0.2);
  border-left: 0.5px solid var(--dark-blue-border);
  color: #FFFFFF;
}

.switch-swap-trade .default-btn-radius {
  border-radius: 0 !important;
}

.switch-swap-trade .active {
  background-color: #2C7FFF !important;
  opacity: 1 !important;
  color: #0e0f1f !important;
}
.swap-slippage {
  gap: 0.2rem;
  align-items: center;
  cursor: pointer;
}
.swap-link {
  background: #2C7FFF33;
  color: #2C7FFF;
  cursor: pointer;
  text-decoration: none;
  padding: 8px;
  border-radius: 3px;
  font-size: 14px;
  align-items: center;
}
.swap-link .Exchange-info-label {
  color: #2C7FFF;
  cursor: pointer;
  text-decoration: none;
}
/* .swap-link:hover {
  color: rgb(255, 255, 255);
} */
.menu-info {
  flex-wrap: wrap;
  color: #D4D4D8;
  font-size: 15px;
}
.menu-info .desc {
  margin-top: 0.5rem;
  font-size: 12px;
  font-weight: 350;
  line-height: normal;
  color: #787878;
}
.menu-item-icon {
  width: 26px !important;
  height: 26px !important;
}
.menu-p {
  align-items: center;
  padding-left: 0 !important;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.redPoint {
  width: 7px;
  height: 7px;
  background: #FF5151;
  display: inline-block;
  border-radius: 5px;
  top: 18px;
  position: absolute;
  right: 5px;
}

@media (max-width: 600px) {
  .App-header-more {
    display: none;
  }
}

.coming-soon-tooltip {
  cursor: no-drop;
  opacity: 0.7;
}
.coming-soon-tooltip .Tooltip-popup {
  min-width: -webkit-max-content !important;
  min-width: max-content !important;
}
.App-header-dropdown {
  position: relative;
  display: inline-block;
}

.App-header-dropdown-toggle {
  font-size: 16px;
  line-height: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.1px;
  color: #787878;
  padding: 1.5rem 1.6rem;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.App-header-dropdown-menu {
  z-index: 1;
  padding-left: 24px;
}

.App-header-dropdown-menu a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.App-header-dropdown-menu a:hover {
  background-color: #24293E;
  color: #D4D4D8;
}
.menuIcon{
  transition: transform 0.3s ease;
}
.versionChange{
  display: flex;
  align-items: center;
  width: 108px;
  height: 32px;
  border: 1px solid #2d2d2d;
  border-radius: 3px;
  position: relative;
}
.versionItem{
  position: absolute;
  cursor: pointer;
  font-family: IBMPlexSansJP-SemiBold !important;
  top: -1px;
  width: 50%;
  height: 32px;
  font-size: 16px;
  color: rgba(255, 255, 255, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
.versionItem:hover{
  opacity: .8;
}
.versionActive{
  color: rgba(255, 255, 255, 0.9);
  background: #383DFA;
  border-radius: 3px;
}
.sub-menu-coming-soon-tooltip .Tooltip-handle {
  text-decoration: none !important;
}
.sub-menu-coming-soon-tooltip .Tooltip-handle:hover {
  opacity: 0.8;
}
.sideswap{color:#fff;text-align:center;min-width:120px;max-width:220px}.sideswap .progress-label{margin-bottom:5px}.sideswap .progress-bar{background-color:#6a6b67 !important;border-radius:7px;height:8px;margin-left:4px;position:relative;overflow:hidden}.sideswap .progress-fill{background-color:#d9d9d9;height:100%;border-radius:7px;transition:width .3s ease;width:0%}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.tv_chart_container_swap{width:100%;height:100%;border:1px solid #161616;overflow:hidden;padding:0px}
@keyframes bouncing-loading-loader {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1.6rem, 0);
  }
}

.bouncing-loading-loader {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
  background: #000;
  border: 1px solid #282828;
}

.bouncing-loading-loader > div {
  width: 1.6rem;
  height: 1.6rem;
  margin: 4.65rem 0.31rem;
  background: #383DFA;
  border-radius: 50%;
  animation: bouncing-loading-loader 0.6s infinite alternate;
}

.bouncing-loading-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

.bouncing-loading-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

@-webkit-keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.ril__outer {
  background-color: rgba(0, 0, 0, 0.85);
  outline: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  -ms-touch-action: none;
      touch-action: none;
}

.ril__outerClosing {
  opacity: 0;
}

.ril__inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ril__image,
.ril__imagePrev,
.ril__imageNext {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: none;
  -ms-content-zooming: none;
  -ms-user-select: none;
  -ms-touch-select: none;
  -ms-touch-action: none;
      touch-action: none;
}

.ril__imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.ril__navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}
.ril__navButtons:hover {
  opacity: 1;
}
.ril__navButtons:active {
  opacity: 0.7;
}

.ril__navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2)
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==)
    no-repeat center;
}

.ril__navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2)
    url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+)
    no-repeat center;
}

.ril__downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  background-size: cover;
}

.ril__caption,
.ril__toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.ril__caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.ril__captionContent {
  padding: 10px 20px;
  color: #fff;
}

.ril__toolbar {
  top: 0;
  height: 50px;
}

.ril__toolbarSide {
  height: 50px;
  margin: 0;
}

.ril__toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ril__toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}

.ril__toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #fff;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ril__toolbarItemChild {
  vertical-align: middle;
}

.ril__builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}
.ril__builtinButton:hover {
  opacity: 1;
}
.ril__builtinButton:active {
  outline: none;
}

.ril__builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}
.ril__builtinButtonDisabled:hover {
  opacity: 0.5;
}

.ril__closeButton {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=)
    no-repeat center;
}

.ril__zoomInButton {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+)
    no-repeat center;
}

.ril__zoomOutButton {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)
    no-repeat center;
}

.ril__outerAnimating {
  -webkit-animation-name: closeWindow;
          animation-name: closeWindow;
}

@-webkit-keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

@keyframes pointFade {
  0%,
  19.999%,
  100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.ril__loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.ril__loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.ril__loadingCirclePoint::before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 11%;
  height: 30%;
  background-color: #fff;
  border-radius: 30%;
  -webkit-animation: pointFade 800ms infinite ease-in-out both;
          animation: pointFade 800ms infinite ease-in-out both;
}
.ril__loadingCirclePoint:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
.ril__loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(1)::before,
.ril__loadingCirclePoint:nth-of-type(7)::before {
  -webkit-animation-delay: -800ms;
          animation-delay: -800ms;
}
.ril__loadingCirclePoint:nth-of-type(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.ril__loadingCirclePoint:nth-of-type(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}
.ril__loadingCirclePoint:nth-of-type(2)::before,
.ril__loadingCirclePoint:nth-of-type(8)::before {
  -webkit-animation-delay: -666ms;
          animation-delay: -666ms;
}
.ril__loadingCirclePoint:nth-of-type(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
.ril__loadingCirclePoint:nth-of-type(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}
.ril__loadingCirclePoint:nth-of-type(3)::before,
.ril__loadingCirclePoint:nth-of-type(9)::before {
  -webkit-animation-delay: -533ms;
          animation-delay: -533ms;
}
.ril__loadingCirclePoint:nth-of-type(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.ril__loadingCirclePoint:nth-of-type(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
.ril__loadingCirclePoint:nth-of-type(4)::before,
.ril__loadingCirclePoint:nth-of-type(10)::before {
  -webkit-animation-delay: -400ms;
          animation-delay: -400ms;
}
.ril__loadingCirclePoint:nth-of-type(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}
.ril__loadingCirclePoint:nth-of-type(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}
.ril__loadingCirclePoint:nth-of-type(5)::before,
.ril__loadingCirclePoint:nth-of-type(11)::before {
  -webkit-animation-delay: -266ms;
          animation-delay: -266ms;
}
.ril__loadingCirclePoint:nth-of-type(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}
.ril__loadingCirclePoint:nth-of-type(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}
.ril__loadingCirclePoint:nth-of-type(6)::before,
.ril__loadingCirclePoint:nth-of-type(12)::before {
  -webkit-animation-delay: -133ms;
          animation-delay: -133ms;
}
.ril__loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.ril__loadingCirclePoint:nth-of-type(13) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}
.ril__loadingCirclePoint:nth-of-type(7)::before,
.ril__loadingCirclePoint:nth-of-type(13)::before {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}

.ril__loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ril__imagePrev .ril__loadingContainer,
.ril__imageNext .ril__loadingContainer {
  display: none;
}

.ril__errorContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  color: #fff;
}
.ril__imagePrev .ril__errorContainer,
.ril__imageNext .ril__errorContainer {
  display: none;
}

.ril__loadingContainer__icon {
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}


.chart-token-list thead tr th {
    padding-bottom: 15px;
}

.chart-token-list tbody tr:first-child td {
    padding-top: 22px;
}

.poolBox {
    background-image: url(/static/media/poolBg.6f1f59170e721e199df4.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 290px;
    background-position: center;
}

.poolTitle {
    font-size: 36px;
    line-height: 51px;
    letter-spacing: 1px;

    font-variation-settings: "opsz"auto;
    background: radial-gradient(115.64% 115.22% at 79.38% 0.09%, #64F6FF 0%, #FFE814 32.31%, #1EE3CF 55.73%, #89FFDC 76.04%, #7378E5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.tabActive {
    position: relative;
    color: #FFFFFF !important;
}

.tabActive:after {
    background-color: #FFFFFF;
    bottom: -10px;
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
}

.poolDesc {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    font-variation-settings: "opsz"auto;
    color: #787878;
}

.poolsText {
    top: 39px;
    left: 245px;
    font-size: 18px;
    color: #000000;
}

.avatarIcon svg {
    width: 100%;
    height: 65%;
    margin-top: 10px;
}
.chart-token-list-liquidity{
    max-height: none !important;
    max-height: initial !important;
    overflow-x: auto !important;
    padding-bottom: 1rem !important;
}
.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent);animation-duration:2s}td{padding:10px .465rem 10px 0}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.scrolling{background-color:#000;height:5rem;margin-top:6px;display:flex;justify-content:center;align-items:center}.bg-header{background:linear-gradient(180deg, #29342D 0%, #1A1A1D 100%)}.activeBg{background:#161616 !important;color:#fff !important}.ca-value{cursor:pointer}.ca-value:hover{text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.market-page{padding-top:0rem !important}.market-page .bannerBox{background-image:url(/static/media/marketBg.6b866b0d696322c552e2.png);background-repeat:no-repeat;height:280px;width:1295px;background-size:cover;background-position:bottom}.market-page .bannerBox .bannerDesc{color:#bababa;font-size:20px;font-style:normal;font-weight:400}.market-page .bannerBox .dataText{top:-21px;left:9px;border:1px solid #48864a;background:#252d28;width:487px;height:165px;border-radius:3px;display:flex}.market-page .bannerBox .banner-title-text{background:linear-gradient(90deg, #7AE99A 1.11%, #4BAFFF 52.1%, #9772EC 98.54%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-size:26px;font-style:normal;font-weight:700;text-transform:uppercase}.market-page .bannerBox .bg-level-1{position:absolute;background:rgba(255,255,255,.02);stroke-width:1px;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);width:560px;height:118px;z-index:-2;border:1px solid rgba(128,174,14,.1882352941);top:0px;left:-25px;border-radius:3px}.market-page .bannerBox .bg-level-2{position:absolute;background:rgba(255,255,255,.02);stroke-width:1px;filter:drop-shadow(50px -30px 50px rgba(0, 0, 0, 0.15));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:527px;height:147px;z-index:-1;border:1px solid rgba(128,174,14,.1882352941);top:-12px;left:-10px;border-radius:3px}.market-page .bannerBox .bg-level-3{z-index:3}.market-page .banner{height:286px;background:linear-gradient(180deg, #29342D 0%, #1A1A1D 100%)}.market-page .progress-bar{border-radius:5px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg, #6B6B6B 0%, #00481D 100%)}.market-page .filter-btn{color:#787878;display:flex;justify-content:center;align-items:center;padding:9px 25px;height:36px;border-radius:2rem;border:1px solid #161616;background:rgba(0,0,0,0);cursor:pointer;font-size:14px}.market-page .filter-btn-active{border-radius:4px;background:rgba(56,61,250,.1019607843);padding:4px 10px;display:flex;justify-content:center;align-items:center;gap:6px}.market-page .filter-btn-active .active{background-color:#161616 !important}.market-page .sub-filter-btn{border-radius:4px;background:#54da00;padding:4px 9px;cursor:pointer}.market-page .sub-filter-btn:hover{opacity:.8}.market-page .token-search-input{border-radius:2rem;border:1px solid #161616;background:rgba(0,0,0,0);height:36px;line-height:36px;width:100%;color:#9f9f9f;font-size:14px;font-weight:400}.market-page .token-search-input::placeholder{color:#616161 !important;font-family:Outfit;font-size:14px;font-style:normal;font-weight:400}.market-page .market-list{margin-top:20px}.market-page .market-list .market-list-item{flex-grow:0;flex-shrink:1;flex-basis:calc(50% - 10px);margin-bottom:20px;box-sizing:border-box;border-radius:5px;background:#252d28;height:117px;cursor:pointer;width:calc(50% - 10px)}.market-page .market-list .market-list-item:hover{background:#2e4321}.market-page .market-list-grid{display:flex;flex-wrap:wrap;grid-template-columns:repeat(auto-fill, minmax(600px, 1fr));margin-top:25px;gap:16px}.market-page .token-text-desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:4em;text-overflow:ellipsis;height:4rem;max-width:100%;line-height:2rem;overflow-wrap:break-word;word-break:break-all}.market-page .no-data{border-radius:3px;font-size:12px}.market-page .search-btn{border:1px solid #292929;width:110px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:3px;color:#40413f;font-size:16px;font-weight:400;cursor:pointer;font-family:Poppins}.market-page .load-more-btn{display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #292929;background:#383dfa;width:121px;height:36px;color:#40413f;font-size:16px;font-style:normal;font-weight:400;line-height:normal;cursor:pointer}.market-page .LaunchBtn{color:#fff;font-weight:500;font-size:16px;font-style:normal;border-radius:2rem;background:#2c7fff;height:39px;display:flex;justify-content:center;align-items:center;width:155px;cursor:pointer;font-family:Poppins}@media(max-width: 1000px){.market-page{padding-left:10px !important;padding-right:10px !important}.market-page .LaunchBtn{width:100%;display:flex;justify-content:center;align-items:center}.market-list-item{flex:none !important;margin-bottom:20px;box-sizing:border-box;border-radius:5px;background:#252d28;height:117px;cursor:pointer;width:100% !important}.scrolling{margin-top:1.5rem}.bannerBox{width:100% !important;height:100% !important}.bannerBox .dataText{border:1px solid #48864a;background:#252d28;width:100% !important;height:100% !important;border-radius:3px;display:flex;position:relative;top:0 !important;left:0 !important;align-items:center}.bannerBox .dataText .banner-icon{width:172px;height:172px}.bannerBox .default-icon{display:none}.bannerBox .banner-title{margin-left:0px;top:30px;position:absolute}.bannerBox .banner-right{margin-top:47px}.bannerBox .bg-level-1,.bannerBox .bg-level-2,.bannerBox .bg-level-3{display:none}.bannerBox .banner-card{display:flex;flex-wrap:wrap-reverse}}@media(max-width: 500px){.market-list-grid{grid-template-columns:repeat(auto-fill, minmax(450px, 1fr)) !important}}
.marquee-container{width:100%;overflow:hidden;cursor:pointer}.marquee-item{display:flex !important;justify-content:center;align-items:center;font-size:14px;font-weight:400;font-family:Outfit;cursor:pointer;border:1px solid #161616;padding:4px 12px;border-radius:2rem}.marquee-container-css{width:100%;height:48px;background:#000;overflow:hidden;white-space:nowrap}.marquee-container-css:hover .marquee-content{animation-play-state:paused}.marquee-container-css .marquee-content{display:flex;animation:loop 20s linear infinite;align-items:center;height:100%}.marquee-container-css .marquee-content .marquee-items{display:flex !important;justify-content:center;align-items:center;font-size:14px;font-weight:400;padding-right:12px;font-family:Outfit}@keyframes loop{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.market-list-item-new{transition:background-color .5s ease;height:auto !important;padding:17px 10px 4px 17px;background-color:#101010;border-radius:2rem;overflow:hidden;border:1px solid rgba(0,0,0,0);cursor:pointer;width:calc((100% - 32px)/3)}.market-list-item-new:hover{transition:border .3s ease;border:1px solid #2c7fff}.market-list-item-new .progress-state-live{font-size:12px;font-weight:500;color:#d4d4d8 !important}.market-list-item-new .progress-state{padding:0 5px;min-width:41px;height:24px;border-radius:4px;background:#1f2421;color:#f7f9f7;display:flex;align-items:center;justify-content:center}.market-list-item-new .card-right{width:calc(100% - 70px)}.market-list-item-new.new-trade{animation:flash 1s ease forwards;animation-iteration-count:3}.item-btn-card{height:25px;border-radius:3px;border:.5px solid #2f2e2e;display:flex;justify-content:center;align-items:center;flex:1 1;font-size:12px;font-weight:400;color:#787878}.video-overlay{position:absolute;width:15rem;height:10rem;top:-5px}@keyframes flash{0%{background-color:#101010}10%{transform:translate(-2px, -2px)}20%{transform:translate(2px, 2px)}30%{transform:translate(-2px, 2px)}40%{transform:translate(2px, -2px)}50%{box-shadow:0 0 20px #161616;background-color:#161616}60%{transform:translate(-2px, -2px)}70%{transform:translate(2px, 2px)}80%{transform:translate(-2px, 2px)}90%{transform:translate(2px, -2px)}100%{background-color:#101010}}@media(max-width: 1000px){.item-btn-card{height:25px;border-radius:3px;border:.5px solid #2f2e2e;display:flex;justify-content:center;align-items:center;flex:1 1;font-size:12px;font-weight:400;color:#787878;width:100%;padding:3px}.market-list-item-new{width:100%}}.market-list-item-new .react-loading-skeleton{background:#161616 !important}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.kingBg{border-radius:4px;background:linear-gradient(90deg, #2E0B31 0%, #171E3C 100%);position:relative}.kingBg .king-title{border-radius:100px;background:linear-gradient(90deg, rgba(167, 58, 251, 0.4) 0.13%, rgba(58, 61, 250, 0.4) 99.87%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-family:IBMPlexSansJP-Medium;font-size:12px;font-style:normal;width:14rem;height:26px;display:flex;align-items:center;justify-content:center;position:absolute;left:25%;transform:translate(-50%, -50%);top:0px}.kingBg .progress-bar{border-radius:2px;border:1px solid rgba(54,134,255,.5)}.kingBg .progress-bar .bar{border-radius:2px;background:#2c7fff}.kingBg .progress-val{color:#d4d4d8}.kingBg .trade-now-btn{font-family:IBMPlexSansJP-Medium;font-size:14px;font-style:normal;font-weight:500;border-radius:20px;border:1px solid #787878;height:32px;display:flex;justify-content:center;align-items:center;color:#fff;position:absolute;right:45px;top:25px;padding:0 2rem}.listedBg{position:relative;border-radius:100px;background:linear-gradient(90deg, rgba(54, 134, 255, 0.4) 0%, rgba(33, 80, 153, 0.4) 100%)}.listedBg .king-title{border-radius:24px;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-family:IBMPlexSansJP-Medium;font-size:12px;font-style:normal;width:9rem;height:26px;display:flex;align-items:center;justify-content:center;position:absolute;left:21%;transform:translate(-50%, -50%);top:0px}.listedBg .progress-bar{border-radius:2px;border:1px solid rgba(54,134,255,.5)}.listedBg .progress-bar .bar{border-radius:2px;background:#2c7fff}.listedBg .progress-val{color:#d4d4d8}.listedBg .trade-now-btn{font-family:IBMPlexSansJP-Medium;font-size:14px;font-style:normal;font-weight:500;border-radius:20px;border:1px solid #787878;height:32px;display:flex;justify-content:center;align-items:center;color:#fff;position:absolute;right:45px;top:25px;padding:0 2rem}.king-banner{display:flex;align-items:center;padding:22px 16px;border-radius:10rem;position:relative;cursor:pointer}.king-banner .token-card{flex:1 1;gap:16px;display:flex;padding-right:28px !important}.king-banner .token-card:hover{background-color:rgba(0,0,0,0) !important}.king-banner .buy-now-btn{border-radius:4px;border:1px solid #83e247;padding:11px 50px;color:#83e247;font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.king-banner .king-right-icon{width:182.463px;height:130.825px;transform:rotate(-15.508deg);position:absolute;right:5px}.king-banner .item-btn-card{height:25px;border-radius:3px;border:.5px solid #2f2e2e;display:flex;justify-content:center;align-items:center;flex:1 1;font-size:12px;font-weight:400;color:#787878}@media(max-width: 1000px){.kingBg .trade-now-btn{top:20px}.listedBg .trade-now-btn{top:20px}.token-card{flex-wrap:wrap;gap:20px !important}.token-card .token-text-desc{margin-bottom:20px;overflow-wrap:break-word;word-break:break-all}.token-card .item-btn-card{height:25px;border-radius:3px;border:.5px solid #2f2e2e;display:flex;justify-content:center;align-items:center;flex:1 1;font-size:12px;font-weight:400;color:#787878;width:100%;padding:3px}.buy-btn{margin-left:0px !important;margin-top:20px;width:100%}.buy-btn .buy-now-btn{width:100%;margin-top:10px !important}.king-right-icon{display:none}}@media(max-width: 768px){.king-banner{border-radius:2rem}.trade-now-btn{right:20px !important}.token-card{padding-right:10px !important}}
.firstBg{background:linear-gradient(90deg, #20272A 1.17%, #22467C 100%)}.secondBg{background:linear-gradient(90deg, #5C6474 0%, #564677 57.27%)}.thirdBg{background:linear-gradient(90deg, #36342F 0%, #452F4D 53.14%)}.defaultBg{background:#101010}.memeProgressBar{text-align:right;background-color:#727d94;border-radius:2px;height:8px;width:100%;max-width:59px;overflow:hidden;margin-top:3px}.memeProgressFill{background-color:#7bdf7f;height:100%;border-radius:2px;transition:width .3s ease}.bigSpring .spinner{border-width:3px}
.create-token-page{max-width:802px !important}.create-token-page .create-token-header{display:flex;justify-content:space-between;align-items:center}.create-token-page .create-token-header .right-tips{color:#8c8c8c;font-size:12px;font-style:normal;font-weight:400;opacity:.6}.create-token-page .token-create-tips{color:#7e7e7e;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;margin-top:10px}.create-token-page .raised-tab{display:inline-flex;border:1px solid #222;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:6px;border-radius:30px}.create-token-page .raised-tab .raised-tab-btn{gap:6px;display:flex;align-items:center;justify-content:center;border-radius:20px;width:156px;height:36px;color:#787878;font-family:IBMPlexSansJP-SemiBold;font-size:16px;cursor:pointer}.create-token-page .raised-tab .btn-active{color:#d4d4d8;background:#161616}.create-token-page .create-token-content{background-color:#101010;padding:52px 65px}.create-token-page .create-token-base-info{display:flex;gap:30px;justify-content:space-between;margin-bottom:20px}.create-token-page .create-token-base-info .token-icon{display:inline-flex;justify-content:center;align-items:center;border-radius:4px;border:.5px solid #161616;background:#161616;flex-direction:column;color:#979797;font-size:12px;font-style:normal;font-weight:500;width:200px;height:200px}.create-token-page .create-token-base-info .right-desc{display:flex;flex-direction:column;justify-content:space-between;flex:1 1}.create-token-page .token-row{display:flex;flex-direction:column;gap:6px}.create-token-page .token-row .label{color:rgba(255,255,255,.8);font-size:16px;font-style:normal;font-weight:500;line-height:20px}.create-token-page .token-input{width:100%;border-radius:2px;border:.5px solid #161616;background:#161616;font-size:14px}.create-token-page .token-input::placeholder{color:rgba(118,118,118,.6)}.create-token-page .token-share-info{display:flex;flex-wrap:wrap;justify-content:space-between}.create-token-page .token-share-info .token-row{flex-grow:0;flex-shrink:1;flex-basis:calc(50% - 10px);margin-bottom:20px;box-sizing:border-box;border-radius:5px;width:calc(50% - 10px)}.create-token-page .Confirmation-box-create-token .divider{display:none}@media(max-width: 1000px){.create-token-initial-buy{margin-top:14px}.create-token-header{align-items:flex-start !important;gap:10px}.create-token-content{background-color:rgba(0,0,0,0) !important;padding:0px !important}.token-share-info{display:flex;flex-wrap:wrap;justify-content:space-between}.token-share-info .token-row{flex:none !important;margin-bottom:0px !important;box-sizing:border-box;border-radius:5px;width:100% !important}.group-input{flex-direction:column !important}.initial-buy-line{border-bottom:.5px solid rgba(154,224,96,.2);background:rgba(26,26,29,.7);margin-bottom:5px}.create-token-base-info{display:flex;gap:30px;flex-direction:column;justify-content:space-between}.create-token-base-info .token-icon{margin:0 auto;border-radius:50% !important}.create-token-base-info .right-desc{gap:10px}}
.upload-image{cursor:pointer;margin-top:10px;position:absolute;width:200px;height:200px;top:-10px;left:0;border-radius:6px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);overflow:hidden}.upload-image .delete-icon{position:absolute;top:10px;right:10px;width:24px;height:24px;z-index:99}.upload-image .delete-icon:hover{opacity:.8}
.dashboard-center-tab-block{width:54rem !important;grid-column-gap:0px !important;border-radius:3px !important;color:#fff !important;display:grid !important;font-size:var(--font-md);grid-auto-flow:column !important;overflow:hidden !important}.dashboard-center-tab-block .Tab-option{background-color:#101010 !important;color:#787878;border:0px !important;margin-right:0 !important;padding:.8rem 1.5rem !important;justify-content:center;align-items:center;font-family:Poppins !important}.dashboard-center-tab-block .active{background-color:#161616 !important;color:#fff !important}.meme-launch-tab-block{color:rgba(255,255,255,.7);width:405px !important;font-size:1.6rem !important;overflow:hidden !important;border-radius:4rem !important;padding:6px !important;border:1px solid #161616 !important;background:#000 !important}.meme-launch-tab-block .muted{border:0 !important;border-radius:2rem !important;color:#787878 !important;font-size:20px}.meme-launch-tab-block .Tab-option{width:50% !important;margin-right:0 !important;display:flex;align-items:center;justify-content:center;margin-bottom:0 !important;border-right:0px solid rgba(0,0,0,0) !important;color:#787878 !important;border-bottom:0 !important;padding:8px 0 !important;background:rgba(0,0,0,0) !important;border-radius:2rem !important}.meme-launch-tab-block .Tab-option:hover{color:#d4d4d8 !important}.meme-launch-tab-block .active{background:rgba(0,0,0,0) !important;color:#d4d4d8 !important}.meme-launch-tab-block .Tab-option:last-child{border-right:0 !important}.dashboard-center-content{margin-top:20px;gap:16px}.dashboard-center-content .market-list-item{flex-grow:0;flex-shrink:1;flex-basis:calc(50% - 10px);margin-bottom:20px;box-sizing:border-box;border-radius:5px;background:#252d28;height:117px;cursor:pointer;width:calc(50% - 10px)}.dashboard-center-content .market-list-item:hover{background:#2e4321}.token-text-desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3em;text-overflow:ellipsis;line-height:1.5rem;height:3rem;overflow-wrap:break-word;word-break:break-all}@media(max-width: 800px){.token-text-desc{max-width:100%}}@media(min-width: 801px){.token-text-desc{max-width:calc(100% - 16.6rem) !important}}@media(max-width: 1000px){.market-list-item{flex:none !important;margin-bottom:20px;box-sizing:border-box;border-radius:5px;background:#252d28;height:117px;cursor:pointer;width:100% !important}}
.token-detail-page .token-detail-content{display:flex;gap:11px}.token-detail-page .token-detail-content .view-info{flex:1 1}.token-detail-page .token-detail-content .view-info .token-market-info{background:#101010;border-radius:3px}.token-detail-page .token-detail-content .view-info .token-market-info .market-row{width:19%;height:55px;border-radius:4px;background:#101010;display:flex;justify-content:center;padding-left:13px;color:#787878;font-size:12px;flex-direction:column}.token-detail-page .token-detail-content .view-info .token-kline{border-radius:3px;background:#101010;display:flex;width:100%;height:360px;justify-content:center;align-items:center}.token-detail-page .token-detail-content .token-detail-trade .trade-tabs{background:#101010;padding:13px 23px;border-radius:3px}.token-detail-page .token-detail-content .token-detail-trade .trade-tabs .Tab-option{font-weight:700;font-size:20px}.token-detail-page .token-detail-content .token-detail-trade .trade-tabs .trade-center-tab-block{width:100% !important;border:.5px solid #2e2e31 !important;display:grid !important;grid-column-gap:0px !important;grid-auto-flow:column !important;border-radius:3px !important}.token-detail-page .token-detail-content .token-detail-trade .trade-tabs .trade-center-tab-block .Tab-option{background-color:rgba(154,224,96,.1) !important;color:#fff;border-radius:4px !important;padding:.8rem 1.5rem !important;border:0px !important;display:flex;justify-content:center;align-items:center;margin-right:0 !important;text-align:center}.token-detail-page .token-detail-content .token-detail-trade .trade-tabs .trade-center-tab-block .active{background-color:var(--primary-btn-bg) !important;color:#231818 !important}.token-detail-page .token-detail-content .token-detail-trade .progress-bar-bg{height:15px;width:100%;border-radius:5px;background:#161616}.token-detail-page .token-detail-content .token-detail-trade .progress-bar{height:15px;width:100%;border-radius:5px;background:linear-gradient(90deg, #383DFA 0%, #499f6d 100%)}.token-detail-page .token-detail-content .token-detail-trade .header-line{background:#4d4d4d;width:calc(100% + 34px);height:.5px;margin-left:-17px;margin-top:18px}.token-detail-page .tabs-btn{cursor:pointer;position:relative}.token-detail-page .tabs-btn .active:after{content:"";display:block;width:inherit;height:2px;background:#2c7fff;position:absolute;bottom:-2px;left:0}.token-detail-page .tabs-btn:hover{opacity:.8}.token-detail-page .text-line{color:#fff;text-align:center;font-family:Outfit;font-size:12px;font-style:normal;font-weight:500;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.token-detail-page .trade-operation .trade-operation-input-val{margin-top:11px;border-radius:3px;background:#161616}.token-detail-page .trade-operation .quicker-btn{height:29px;width:80px;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;font-weight:500;color:#fff;border-radius:2px;background:#161616;cursor:pointer}@media(max-width: 1000px)and (min-width: 400px){.market-row{width:calc(50% - 6px) !important}}@media(max-width: 400px){.market-row{width:100% !important}}.swapText{font-size:16px;font-weight:500;line-height:23px;letter-spacing:0px;color:#fff}.swapAspac{cursor:pointer;border-radius:40px;width:33px;height:33px;background:linear-gradient(90deg, rgba(122, 233, 154, 0.2) 1%, rgba(75, 175, 255, 0.2) 35%, rgba(151, 114, 236, 0.2) 80%, rgba(162, 58, 214, 0.2) 98%);justify-content:center;display:flex;flex-direction:row;align-items:center}.swapAspac:hover{opacity:.7}

.tv_chart_container_swap{width:100%;height:100%;border:1px solid #161616;overflow:hidden;padding:0px}
@keyframes bouncing-loading-loader {
  to {
    opacity: 0.1;
    transform: translate3d(0, -1.6rem, 0);
  }
}

.bouncing-loading-loader {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  align-items: center;
  background: #101010;
  border: 1px solid #101010;
}

.bouncing-loading-loader > div {
  width: 1.6rem;
  height: 1.6rem;
  margin: 4.65rem 0.31rem;
  background: #3A3DFA;
  border-radius: 50%;
  animation: bouncing-loading-loader 0.6s infinite alternate;
}

.bouncing-loading-loader > div:nth-child(2) {
  animation-delay: 0.2s;
}

.bouncing-loading-loader > div:nth-child(3) {
  animation-delay: 0.4s;
}

.token-info-desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:5em;text-overflow:ellipsis;max-width:100%;line-height:2rem;overflow-wrap:break-word;word-break:break-all;color:#787878;font-size:14px;font-style:normal;font-weight:400}.trade-progress-info .progress-bar-bg{background:#161616 !important;border-radius:30px !important}.trade-progress-info .progress-bar{background:linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, #A73AFB 0.13%, #3A3DFA 99.87%) !important;background:var(--sonmex, linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, #A73AFB 0.13%, #3A3DFA 99.87%)) !important;border-radius:30px !important}
.buy-glp-content{padding-top:4.65rem}.BuyNlp-subTitle{display:flex;justify-content:space-between}.trade-rounded{border-radius:4px !important}.perpPoolsText{top:39px;left:245px;font-size:18px;color:#000}.poolBox{background-image:url(/static/media/poolBg.6f1f59170e721e199df4.png);background-repeat:no-repeat;background-size:cover;height:230px !important;background-position:center}.banner-card{z-index:20;position:absolute;top:20px}.MarketPoolsPage-content{display:flex;justify-content:space-between}.MarketPoolsPage-content .MarketPoolsPage-swap-box{max-width:47.95rem;width:100%;border-radius:1rem}.BuyCp-subTitle{display:flex;justify-content:space-between}.BuyCp-getToken a{text-decoration:none;background:#25293c;padding:.45rem 1.4rem;border-radius:2px;color:#2c7fff;font-size:14px;font-style:normal;font-weight:400;display:flex}.BuyCp-getToken a:hover{color:#2c7fff !important;opacity:.8}@media(max-width: 900px){.MarketPoolsPage-content{flex-wrap:wrap}.MarketPoolsPage-content .MarketPoolsPage-swap-box{max-width:none;width:100%}.BuyCp-subTitle{flex-direction:column;gap:10px}}
.GlpSwap-content{display:flex;justify-content:space-between;border-bottom-left-radius:.8rem;border-bottom-right-radius:.8rem}.Exchange-swap-box-inner .active{border-bottom:0px solid rgba(0,0,0,0);position:relative}.Tab-title{letter-spacing:0px;color:#fff;font-size:3.41rem;font-weight:500}.Tab-description{letter-spacing:0px;color:#787878;margin-top:.8rem}.Tab-description span{color:#f89191}.GlpSwap-from-token .Modal{align-items:flex-start;justify-content:flex-end}.GlpSwap-content .GlpSwap-stats-card,.GlpSwap-content .GlpSwap-box{width:100%}.GlpSwap-content .GlpSwap-stats-card{max-width:71.2rem;margin-right:10px}.GlpSwap-stats-card .App-card-row .label{color:#787878;opacity:1}.GlpSwap-content .GlpSwap-box{max-width:47.95rem;border-radius:1rem;background:#101010;padding:20px !important;border:0 !important}.GlpSwap-box .Exchange-swap-option-tabs{margin:0 0 1.5rem 0 !important;border:1px solid #31343c;border-radius:2rem !important}.GlpSwap-box .Exchange-swap-option-tabs .Tab-option{background-color:rgba(0,0,0,0) !important;border:0;margin:5px;padding:.5rem 1.05rem !important}.GlpSwap-box .Exchange-swap-option-tabs .active{background:rgba(44,127,255,.2) !important;border:0 !important}.GlpSwap-box .Exchange-swap-option-tabs .Tab-option:hover{background:rgba(44,127,255,.2) !important;border:0 !important}.App-card-title-mark-icon{position:relative;margin-right:.8rem;display:flex}.App-card-title-mark-icon .selected-network-symbol{position:absolute;bottom:0;right:0;border:1px solid #1e1f37;border-radius:50%}.App-card-title-mark{display:flex}.App-card-title-mark .App-card-title-mark-title{font-size:var(--font-md);line-height:2.1rem;letter-spacing:0px;color:#fff}.App-card-title-mark .App-card-title-mark-subtitle{font-size:1.2rem;line-height:1.5rem;letter-spacing:0px;color:#787878}.PoolsSwap-token-list{border-radius:4px;padding:1.5rem;padding-top:0;text-align:left;background:#101010 !important}.PoolsSwap-token-list-content{display:grid;padding:1.5rem;padding-top:0;text-align:left}.GlpSwap-box .App-card-title{margin-bottom:.8rem}.GlpSwap-box .Exchange-info-row{height:1.5rem;margin-bottom:.8rem;display:flex;justify-content:space-between;align-items:center}.GlpSwap-box .Exchange-info-row .Exchange-info-label{margin-right:.8rem;color:#787878;opacity:1}.GlpSwap-cta{margin:0 auto;text-align:center;padding-top:0}.GlpSwap-cta .Exchange-swap-button{margin:0 auto;justify-content:center;min-height:4.8rem;font-size:var(--font-sm)}.token-table-pools{margin-left:-1.5rem;margin-right:-1.5rem;width:calc(100% + 3.1rem);border-spacing:0;white-space:nowrap;font-size:var(--font-base)}.token-table-pools .Token-icon{width:32px;height:32px}.token-grid{display:none}.token-table-pools td,.token-table-pools th{padding:1.1625rem}.token-table-pools td:nth-child(2),.token-table-pools th:nth-child(2){width:15rem}.token-table-pools td:nth-child(3),.token-table-pools th:nth-child(3){width:32rem}.token-table-pools td:nth-child(4),.token-table-pools th:nth-child(4){width:20rem}.token-table-pools td:nth-child(5),.token-table-pools th:nth-child(5){width:13rem}.token-table-pools td{letter-spacing:.25px;color:rgba(255,255,255,.8705882353)}.token-table-pools th:first-child,.token-table-pools td:first-child{padding-left:1.5rem;width:20rem}.token-table-pools th:last-child,.token-table-pools td:last-child{padding-right:1.5rem;text-align:center;width:10rem}.token-table-pools th{font-weight:normal;letter-spacing:.25px;color:#787878}.token-table-pools .action-btn{width:100%;justify-content:center}.cap-reached{margin-left:.8rem}.AppOrder-ball-container{position:relative;z-index:2}.AppOrder-ball-icon{font-size:var(--font-lg);opacity:.7;transform:rotate(90deg);text-align:center;display:block;font-size:2rem;color:#fff}.AppOrder-ball{position:absolute;width:3.5rem;height:3.5rem;left:50%;margin-left:-1.7825rem;top:-2.2rem !important;border-radius:5rem !important;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#31343c !important;border:0 !important;display:flex;justify-content:center;align-items:center;color:#fff}.AppOrder-ball:hover{background:#383dfa !important;color:#fff}.AppOrder-ball:active{background:#383dfa}.AppOrder-ball:hover .AppOrder-ball-icon{opacity:1;color:#fff}.baseInfo-item .label{color:#787878;font-size:12px;font-style:normal;font-weight:400}.baseInfo-item .value{color:#5dc887;font-size:14px;font-style:normal;font-weight:500}@media(max-width: 1024px){.GlpSwap-content{flex-wrap:wrap}.GlpSwap-content .GlpSwap-stats-card{margin:0;margin-bottom:14px;max-width:100%}.GlpSwap-content .GlpSwap-box{margin:0;max-width:100%}}@media(max-width: 1100px){.GlpSwap-from-token .Modal{align-items:center;justify-content:center}.PoolsSwap-token-list{border:none;background-color:rgba(0,0,0,0);padding:0}.PoolsSwap-token-list-content{padding:0}.token-table-pools{display:none}.token-grid{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1.5rem;margin-top:.8rem}}.buying:hover{color:#fff !important}.selling:hover{color:#fff !important}@media(max-width: 600px){.token-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;margin-top:.8rem}.item-start{align-items:flex-start !important}}.link-underline-claim{display:block !important;text-decoration:none !important;color:#2c7fff !important}
.AssetDropdown-wrapper{position:relative}.asset-menu-items{position:absolute;border:1px solid #161616;border-radius:.5rem;background:#31343c;outline:none;z-index:100;white-space:nowrap}.center-both{display:flex;justify-content:center;align-items:center}.dropdown-arrow{margin-left:.8rem;cursor:pointer;color:#fff;opacity:.8}.dropdown-arrow:hover{opacity:1}.asset-item{display:flex;align-items:center;cursor:pointer;color:#787878;text-decoration:none;padding:.85rem .8rem;font-size:var(--font-sm);text-align:left;padding-right:30px}.asset-item:hover{background:#34344c;color:#fff}.asset-item p{margin:0;margin-left:.5rem}.asset-item .asset-item-icon{max-height:1.6rem}@media(max-width: 1100px){.asset-menu-items{min-width:18rem;width:auto}.asset-menu-items.left{right:0}.asset-menu-items.center{transform:translate(-60%, 0)}}@media(max-width: 400px){.asset-menu-items{width:25rem;white-space:normal}}@media(max-width: 350px){.asset-menu-items{width:18rem}}
.active-trade-tab{width:114px;height:45px;border-radius:4px 4px 0px 0px;background:#161616;color:#55b87c !important;font-family:IBMPlexSansJP-SemiBold;font-size:14px;font-style:normal}.link-click:hover{opacity:.8}.recharts-tooltip-wrapper{pointer-events:none !important}.recharts-default-tooltip{background-color:rgba(0,0,0,0) !important;border:none !important;box-shadow:none !important}.recharts-bar-rectangle{transition:stroke .3s !important}.recharts-tooltip-cursor{opacity:0}
.default-container-spot{max-width:126.4rem;margin-left:auto;margin-right:auto}.spot-large{display:block}.spot-small{display:none}.spot-swap-page{border-radius:2rem;padding-bottom:12px}.spot-swap-page .button:disabled{background-color:#2c7fff;color:rgba(255,255,255,.8)}.spot-swap-page .spot-tab-1 .Tab-option{height:59px;gap:6px;font-family:IBMPlexSansJP-Medium;font-size:14px;color:#d4d4d8;cursor:pointer}.spot-swap-page .spot-tab-1 .Tooltip-handle{text-decoration-color:#787878}.spot-swap-page .spot-tab-1 .active-spot-tab-bot{border-radius:0px 4px 0px 0px;background:#101010;color:#fff}.spot-swap-page .spot-tab-sub{font-family:IBMPlexSansJP-Medium;font-size:12px;color:#676767;cursor:pointer}.spot-swap-page .spot-tab-sub .active-spot-sub-tab{position:relative;color:#fff}.spot-swap-page .swap-icon{width:100%;position:relative}.spot-swap-page .swap-icon .swap-icon-img{position:absolute;margin-left:calc(50% - 15px);margin-top:-12px;z-index:99;cursor:pointer}.spot-swap-page .spot-token-view{border-radius:8px;opacity:.95;background:#161616;margin-top:6px}.spot-swap-page .spot-token-input{border-radius:8px;background:#161616;border:1px solid rgba(0,0,0,0)}.spot-swap-page .spot-token-input:focus{box-shadow:0px 0px 5px 0px #263750;border:1px solid #263750}.spot-swap-page .spot-token-input:focus-within{box-shadow:0px 0px 5px 0px #263750;border:1px solid #263750}.spot-swap-page .spot-token-input:hover{box-shadow:0px 0px 5px 0px #263750;border:1px solid #263750}.spot-swap-page .spot-token-input .max-input{border-radius:2rem;background-color:#222;padding:3px 8px;display:flex;justify-content:center;align-items:center;color:#d4d4d8;font-family:IBMPlexSansJP-Medium;font-size:12px;font-style:normal;cursor:pointer}.spot-swap-page .spot-swap-info{width:calc(100% - 28px)}.token-list .active-tab{border-radius:6px 6px 0px 0px;background:#101010;color:#fff}.active-list-tab{color:#fff;border-radius:10px 10px 0px 0px;background:#101010}@media(max-width: 800px){.spot-large{display:none}.spot-small{display:block}}
.spot-swap-to{transition:background-color .5s ease;overflow:hidden;border:1px solid rgba(0,0,0,0)}.spot-swap-to.new-trade{animation:flash 1s ease forwards;animation-iteration-count:3}@keyframes flash{0%{background-color:#101010}10%{transform:translate(-2px, -2px)}20%{transform:translate(2px, 2px)}30%{transform:translate(-2px, 2px)}40%{transform:translate(2px, -2px)}50%{box-shadow:0 0 20px #161616;background-color:#161616}60%{transform:translate(-2px, -2px)}70%{transform:translate(2px, 2px)}80%{transform:translate(-2px, 2px)}90%{transform:translate(2px, -2px)}100%{background-color:#101010}}@media(max-width: 1000px){.item-btn-card{height:25px;border-radius:3px;border:.5px solid #2f2e2e;display:flex;justify-content:center;align-items:center;flex:1 1;font-size:12px;font-weight:400;color:#787878;width:100%;padding:3px}.spot-swap-to{width:100%}}.spot-swap-to .react-loading-skeleton{background:#212328 !important}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.trade-history .trade-history-item{border-radius:4px;background:#101010;padding:12px 24px 12px 12px;margin-bottom:7px;min-height:69px;margin:4px 10px}.trade-history .pagination{margin-top:1rem !important;justify-content:center !important}.trade-history .pagination .secondary{font-size:12px;width:24px;height:24px;padding:0}.trade-history .pagination .pagination-btn.active{border-color:#787878}.trade-history .pagination .pagination-btn{color:#787878}.spot-token-select-tab-block{color:rgba(255,255,255,.7);width:405px !important;font-size:1.6rem !important;overflow:hidden !important;border-radius:4rem !important;padding:6px !important;border:1px solid #272626 !important;background:#101010 !important}.spot-token-select-tab-block .muted{border:0 !important;border-radius:2rem !important;color:#787878 !important;font-size:20px}.spot-token-select-tab-block .Tab-option{width:25% !important;margin-right:0 !important;display:flex;align-items:center;justify-content:center;margin-bottom:0 !important;border-right:0px solid rgba(0,0,0,0) !important;color:#787878 !important;border-bottom:0 !important;padding:8px 0 !important;background:rgba(0,0,0,0) !important;border-radius:2rem !important}.spot-token-select-tab-block .Tab-option:hover{color:#d4d4d8 !important}.spot-token-select-tab-block .active{background:#222 !important;color:#d4d4d8 !important}.spot-token-select-tab-block .Tab-option:last-child{border-right:0 !important;width:33% !important}.spot-swap-large{display:block}.spot-swap-small{display:block}.select-swap-spot-transaction-modal{height:36rem;overflow-y:auto}.dex-btn{border-radius:4px;border:.5px solid #5aa95d;background-color:rgba(0,199,133,.1019607843);height:17px;color:#5aa95d;font-family:IBMPlexSansJP-Medium;font-size:11px;padding:0px 6px;font-weight:400;display:flex;align-items:center;justify-content:center}.select-swap-spot-token .Tokenselector-search-input{height:36px}.spot-modal-token-select .Modal-body{overflow:hidden}.spot-modal-token-select .Modal-body .token-list{max-height:calc(80vh - 22rem);overflow-y:auto}.every-dropdown{justify-content:flex-end}.every-dropdown .Dropdown-current{display:flex;justify-content:space-between;width:100%;align-items:center}.every-dropdown .Dropdown-current .Dropdown-current-label{font-size:12px;color:#787878}.every-dropdown .Dropdown-current .Dropdown-current-arrow{font-size:14px;margin-bottom:0px}.expiry-dropdown div{width:100%}.expiry-dropdown .Dropdown-current{display:flex;justify-content:space-between;width:100%;align-items:center}.expiry-dropdown .Dropdown-current .Dropdown-current-label{font-size:14px;color:#fff;font-family:IBMPlexSansJP-Medium}.expiry-dropdown .Dropdown-current .Dropdown-current-arrow{font-size:14px;margin-bottom:0px}.across-all-dexs .Tooltip-handle{text-decoration-color:#787878 !important}.market-btn{text-decoration-line:underline;text-decoration-style:dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.swap-v1-link{border-radius:4px;color:#787878;font-size:12px;font-style:normal;font-weight:400;line-height:12px;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}.expiry-btn{border-radius:4px;width:6rem;height:24px;border:1px solid rgba(23,61,14,.5019607843);cursor:pointer}.expiry-btn-active{background:rgba(23,61,14,.5019607843)}.market-quick-btn{border-radius:4px;width:4.6rem;height:24px;border:1px solid rgba(23,61,14,.5019607843);cursor:pointer;display:flex;align-items:center;justify-content:center}.markets-btn{border-radius:4px;border:.5px solid #2c7fff;background:rgba(0,199,133,.05);height:24px;color:#2c7fff;font-family:IBMPlexSansJP-Light;font-weight:400;font-size:11px}.dexscreener-frame-k-line .loading-icon{border:0px;clip:rect(0, 0, 0, 0);width:1px;height:1px;margin:-1px;padding:0px;overflow:hidden;white-space:nowrap;position:absolute}.dexscreener-loading{display:inline-block;border-color:#cfd2dc;border-style:solid;border-radius:99999px;border-width:2px;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0);animation:animation-loading .45s linear infinite;width:14px;height:14px;color:#cfd2dc}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes animation-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media(max-width: 800px){.spot-swap-large{display:none}.spot-swap-small{display:block}.trade-history-item{margin:4px 0px !important}}
/* vanilla-extract-css-ns:src/css/reset.css.ts.vanilla.css?source=Lmlla2JjYzAgewogIGJvcmRlcjogMDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIGZvbnQtc2l6ZTogMTAwJTsKICBsaW5lLWhlaWdodDogbm9ybWFsOwogIG1hcmdpbjogMDsKICBwYWRkaW5nOiAwOwogIHRleHQtYWxpZ246IGxlZnQ7CiAgdmVydGljYWwtYWxpZ246IGJhc2VsaW5lOwogIC13ZWJraXQtdGFwLWhpZ2hsaWdodC1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0KLmlla2JjYzEgewogIGxpc3Qtc3R5bGU6IG5vbmU7Cn0KLmlla2JjYzIgewogIHF1b3Rlczogbm9uZTsKfQouaWVrYmNjMjpiZWZvcmUsIC5pZWtiY2MyOmFmdGVyIHsKICBjb250ZW50OiAnJzsKfQouaWVrYmNjMyB7CiAgYm9yZGVyLWNvbGxhcHNlOiBjb2xsYXBzZTsKICBib3JkZXItc3BhY2luZzogMDsKfQouaWVrYmNjNCB7CiAgYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjNSB7CiAgb3V0bGluZTogbm9uZTsKfQouaWVrYmNjNTo6cGxhY2Vob2xkZXIgewogIG9wYWNpdHk6IDE7Cn0KLmlla2JjYzYgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGNvbG9yOiBpbmhlcml0Owp9Ci5pZWtiY2M3OmRpc2FibGVkIHsKICBvcGFjaXR5OiAxOwp9Ci5pZWtiY2M3OjotbXMtZXhwYW5kIHsKICBkaXNwbGF5OiBub25lOwp9Ci5pZWtiY2M4OjotbXMtY2xlYXIgewogIGRpc3BsYXk6IG5vbmU7Cn0KLmlla2JjYzg6Oi13ZWJraXQtc2VhcmNoLWNhbmNlbC1idXR0b24gewogIC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZTsKfQouaWVrYmNjOSB7CiAgYmFja2dyb3VuZDogbm9uZTsKICBjdXJzb3I6IHBvaW50ZXI7CiAgdGV4dC1hbGlnbjogbGVmdDsKfQouaWVrYmNjYSB7CiAgY29sb3I6IGluaGVyaXQ7CiAgdGV4dC1kZWNvcmF0aW9uOiBub25lOwp9 */
[data-rk] .iekbcc0 {
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
}
[data-rk] .iekbcc1 {
  list-style: none;
}
[data-rk] .iekbcc2 {
  quotes: none;
}
[data-rk] .iekbcc2:before,
[data-rk] .iekbcc2:after {
  content: "";
}
[data-rk] .iekbcc3 {
  border-collapse: collapse;
  border-spacing: 0;
}
[data-rk] .iekbcc4 {
  -webkit-appearance: none;
  appearance: none;
}
[data-rk] .iekbcc5 {
  outline: none;
}
[data-rk] .iekbcc5::placeholder {
  opacity: 1;
}
[data-rk] .iekbcc6 {
  background-color: transparent;
  color: inherit;
}
[data-rk] .iekbcc7:disabled {
  opacity: 1;
}
[data-rk] .iekbcc7::-ms-expand {
  display: none;
}
[data-rk] .iekbcc8::-ms-clear {
  display: none;
}
[data-rk] .iekbcc8::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
[data-rk] .iekbcc9 {
  background: none;
  cursor: pointer;
  text-align: left;
}
[data-rk] .iekbcca {
  color: inherit;
  text-decoration: none;
}

/* vanilla-extract-css-ns:src/css/sprinkles.css.ts.vanilla.css?source=#H4sIAAAAAAAAE6Vdy5LjxhG86yt4cYR0oIIECRAcX+yV7LAi7PDBivAZxIsYggAHAIfkOPTv5mMeqKzq7gJWpxUrK7uyu9BMoLHLn5+Pi2D1Opv874fJJCqLvJoWXbpvnyZZmZ6nbRc13Z9/+OOHnx84z4BLq6SHWnJUnFZd2vQwwR2TFO2hjC5Pk6qu0l40pNFNWce7Xjii4VsJvWhMo0VVFoQ87ZXXpmVm0JrJMCo1ZyCmdHuHbKJ4lzf1sUqmbfGWXnH1K4EVD1jdJGkzbaKkOF6nbX7oC3uWIAGB7ESWGcGUImZBMHsJ8xo1P06nze7+QTGN4q6oq2/Hrqurn3q5lSI3rqsqjTueXCuS92l15JkHTWadRGU/6UWb9K96U5RpP7WRUj3/Tz1IK0HW1//IXHd9VNtdymt3tHVZ9Pvs2MeciqTbPk3oqr4KCNo+JwHhEcRZQCwJ4nJHxMemrZunyaEuoNnf7vH7hZIUTXrvkKdJU596mPlMBMV1edxXfdz8gaurbppF+6K89Jbm9mk73dTJpb8mc+8r5XGZze8KJ5PbHjDdpkW+7a4fhkTUfMGyFoqsJctaKrJ8lhUIWR5d3HnAskIpiy7WfIVZD1pHVsiypNnwaBPP119Zp3fIcjbrIyKO8CliwxEBRcQcsaKIhCNCinjs/3l0uF5C/c+zr8/phTPPvyL0gplvvyJ0A50XXxGY3+eviE8ju68I3dbn5VcE+mnfqxqapuqFoO66F4LyDr0QVPHSC0EZTW+KoIy2F4Kxul4ICI+9mYXiX3shqPDUm3UY69ybXAhdvkJTWPrHhvZ5MZOgNyNBWqU3J0E6oueRIJXuLeiYwLukg9LJ9nwahWEDGoVxVyS6AOaQRqGqNY3CuBGN0kXzNnSmYNyYRoE5oVFQlJKoD7kZiQYwbg7zDOEtXaTZrP/F7xUkuo/ON8fTXa1hH/TYCJ6PbVdklw+AyXnvLGDqSb1ShjJn6u1lYHuI4nS6SbtTmva/kL3Kho/u7rYPf2wyXXrupneH/DQp04yIOjAEL/KFYYpqmzYFIXpsP/uoyYvq6gqu3nBPd3evlRBwPXcSBhr9KGHo3u+9ShhovpOEod8H3lnCwMVzkTBwGbyJ2mlDL2YiiKpfzEUQlbbwRBCte7EQQbTwxVJcECjcF0FQUyCCYLiVuLYwBaEIAnVrsQOgpkhcXgBtJBB8Sy3iPuh2kdHmXyQ8DgwpR4DujCNo2y9yjgAxW46gLb8oOAKm9pkjYBl3glromVKAgN69AAE5lQCBamsBAuUehKmHcl8ECNTSCBAYqBVWEER3AgQUHYVVhlpehUUEyIlDsKnJ7tc8vklJV18EAHC8CRAqeTkTILSxl3MBQvUsPQFCW3u5ECB0bpdLAUIXcelLomm7LAMJA7JXEgZEhRIGSl5LGKg5klYBat5IGKgnljAwViItJ2hPJQzoyqQ1h3pyaUUBsxUw0OlLsul1NdyYLp9ZGPJ3DACCSwaADt8zAMioGAC6u2YAmNADA8DKvXCZ0CMNR4DQliNASMcRUOiRI6DSVz7fUOmJI6COM0fAKBe+aKD2jSOoFn/G15XW4c/5ugHCYwjoX/9jZzvLDx79JcapDt/HOFQQYJzOlL9i48MAISuArpe/ZgAoIWIAqGGDALh/9mMGgCITBoAaUgaA1c7YPEINOQPAEFsGAJkFAuCm2n9GANxX+zu+FoAo2XLSu2t/jwD5Btt/37SubSv3ZY1xWJEDxkHrC8Zhsho2PgzQsgJgKjoGgBKODAA1vCIA+/LEAFDkmQGghgsDQF++sXmkNQQzBqBDBHMGoDIDDwHQl8ECAdCXwZKvBSB8tpy0L4MAAXJfBo/96nYAmJX16WmyLZKEPGkJHhvWIUqSosrFBxrBWoTQDg8iEUQXONiIIOoQglgEwSQnIog6hSAVQbRlgkwEwaLn8hTAsm1lFExCIaNA4LOMguJ3MgqqL+W1ger3MgrqqmQUjFjLCw0zcZBRoPFF7geoq5HXGlCtiAKXEXQExZ9yBEcBAByvAgTknwQIXAtnAQKSLgIEroM3AUIneTUTIHRNV3NJNO2hlSdhqOzVQsJQUaulhIGSfQkDNQfSKkDNKwkD9YQSBsZaS8sJ2iMJA7o20ppDPbG0ooBJBAx0+orukMKjj1UmIYAllzCgfCthaLevCgkDqp4lDO331U7CwCyXEgZWdC9qh/apRBCor0UQSDuIIKj7RQRB4Y24IFB4K4Kgpk4EwXBHcW1hCl5FEKg7iR0ANZ3F5QXQRQJh+9ONkT0PCWc8ThnCOUdQ3aHHEbTtwwVHUDHhkiNoy4c+R9CpDQOOoMsYrgS1tGfCUICA3rUAATmRAIFqNwIEyo2FqYdyEwECtaQCBAbKhBUE0bkAAUVbYZWhlkJYRIA8cwg0dfi++9Vt8XjdKdq0dXnsyFuPJWCy4pz2T1TDPQCatIy64pWQPHY+4UsjfD+PbaLqI3/289y73oSmUUsoDgx4/3NWN3tTymMDPLa3V9jSMo07/k7nY/sT78TDth+DVez6MZj4Yz8GDfJKxgPSExkQGvRMgjDkhQRhzLd+EO601zMSpAWt5yRIx1x7JEhbeL0g8wNjLkkQaH0SpFLWQT8Id9PrVT8Id9LrkM4tRNdkWegd9DrqB+W75/VjE7q9UJs09WGaFWWXNr1XAzflsWkfb23++3qLXUbkFcF1/Jn+eB+3lxnXZX1NjeLbWwi/3P6HZCZP29s9++j89On2yuz7+8djCLIhmX+vm/QBIxz5cBEGpu0IOQaqQsHx9bLxt/sLqoTgWa3KSrPTS7LylCMI+BvG6/1oVQJZNV6bwFYPovlPer2Ok6i5fPtMIGyHEUJdnC9j9LpI3SXGZd2m/O30dauUaMrvtHJMBMchmQb5r8NFGJhOI+QYqM5ujv7fNjCwXLTSFFxvanFusmg2luVvTUO/P6L592nkhN53CuWMi2FUv13/3BgmbjlGrY3QH6XWxhgMo/o9PXckfzVGImMJR+liNOvh+Xz9o7GKONVmtCzO5TaN7yTFbcGTIo46YNCaRxeP2kS6iNxmMqlPVVlHybf7A/lfoiYxtLHWU6oJ1dZSzeh2mB9Uv9cHC4/WaOrY1H5TR+e2nSnrbK3H5JlqQ8lT3e4xT6+7ZlRybx1pvaKZQe0MzRQDh/+12JN0rRm0kqgdoZXFbQtvf93yty7dG5pO6wkdNGpD6OBxu8H7k4Fv748PSK7WA5oZ1M7PSLFx+73PXC5/o7V4Ng61q7ORuI3cI5tdWxutbzPlq22aicDtyu6ZaIA2WjcmZ6tdmJzudl+febAFbLSey0igdlpGBre/+kz9vEUnBFp75aBRuysHj9tcHZo6K8r0r3eHRnK1bsrMoLZPZgq3XyK5/7hVTAi0RslBo3ZIDh63NXonkJ9QbrQ2yc6itkx2Grd9epzBpMm/D/dnW3yP07ooJ5HaTDmZFMV0UZVs6JWmtVJSrtpBScnkn2S449QP8jfEM41ioHZpFMV5WK6hFy9jpBi43kaJksnimYrF9hg/ng/QZiXyhgizMi1GUfAH+PHyO7QJdP73KBT4goFEjgf38WqUXBdrOE61i3at4DM85o8jtVATw0YvykQRD8s1TEMyRoqBKx0lykCWaVjcj/bjXC9QwbYdIFFBV4znYc9P4+fvVcopd98tl3OWQ8ksD/fj/TjNNspqpGYbZz2UDG8948M4oYznZaQ6RjSqFN4N7XhdnKz7DnGcTWM+HQcAsd6EupgGmFEXlcaUah/6x3pvqqYcYFG1nInGqaoOABK9YdXxDfCtOkKNfWXHBYneq/LcAcaUJ2tcqPGQINF7TjPHAIdpJtH4SdshQaI3lVaaAc7SyqOxl/ZjgkTvLR1EA4ylg0njKo3HBoneS5o5BjhIM4nGN1oODhK9VbSxDHCHNhqNITQcIyR6/2diGGD3TBQadyceKCR6VyfnD3BzMsGgoXGL0Hs3I8UAx2bk0Pg0+1FCordpDqIBLs3BpDFpxqOFRO/KzBwDbJiRJNX4LvuxQqo3XA6iAU7LwaSxWNbjhVRvt+w8A6yXnUhjw1zHC6nejTmpBpgyJ5fGmwnHD6nekknZA5yYlP5hwM7Tdhslt3/C4DPr8QHcxJJkar1GUYDpGsWRuZOTIirrnGTl2uKF3K26aiG5cGe9X0S/pl1UlK2w4T1ri3cy7dRSnFSlm4NeRCR7r5Vk4ajUYiwktT77v1FZpsTrpIehMgSOl8EyBBJFCad71j/rvCaZrVaCIb9Tl28geHgtwy5mOARN++5qYCrxUwNzz8okwxfiZVDVBpK3YfXLLNnMnm47zMzmGhlWBk+lwUqxGJbLzyqz5RgZAo8/SoxAFGgZHAeR2WqYMhddOFCgi29tIzKcTWaRW5MpdaOo35QbK5MMUpNBVRtI0mH1G1gya7r7ZDHLFVoUNFuNGgVPMYKAnchkz6NFca7deGWcrFSzWE4Js/1AeTauaqg8G1mtZsEHTNlhoCZG8DJUCGMYNjhf3HaEBM7SjdHBaawGzHHwlymMmItCY8hcHFZjpj3RyxT+TM2lsWlastzq1lRHeLnCtOmINN5Nx2S1cOxUL1f4NZ6kMWc8y+rEjAd2ucJ3mZM1LsucbfVUtlO5XGGsrPkad2UlsFos++FbrvBXDgaNuXJQWJ2V8cQtV/gpc7LGRZmzrd7JcrCWK+ySLV3jkGz5VlNkOEvLFR7IlKqxPKZcq8MRj85yhbOREzWORs7UDYaXrMK/GHM1rsWYbPUq9uOvXGFVHAwap+KgsBoV45lXrnAm5mSNFTFmb63ew36otVWYDgeDxm04KKw2w3qCtVVYDjuBxn7YGaxWxHVMtVU4EieHxpg4Saz+RDir2ipsiZSmcSP9vL/s06SIJm3cpGk1uX4++bH3D4GvgvBw/unO9T7A4997s/zo8mTyxxd6YUTff/uNYH0J+/G7agS5ekfCzzATzBox7z/GTEAbBD1+kplgEsR8/DDzDfXH/wG2t/GriXoAAA== */
[data-rk] .ju367v0 {
  align-items: flex-start;
}
[data-rk] .ju367v2 {
  align-items: flex-end;
}
[data-rk] .ju367v4 {
  align-items: center;
}
[data-rk] .ju367v6 {
  display: none;
}
[data-rk] .ju367v8 {
  display: block;
}
[data-rk] .ju367va {
  display: flex;
}
[data-rk] .ju367vc {
  display: inline;
}
[data-rk] .ju367ve {
  align-self: flex-start;
}
[data-rk] .ju367vf {
  align-self: flex-end;
}
[data-rk] .ju367vg {
  align-self: center;
}
[data-rk] .ju367vh {
  background-size: cover;
}
[data-rk] .ju367vi {
  border-radius: 1px;
}
[data-rk] .ju367vj {
  border-radius: 6px;
}
[data-rk] .ju367vk {
  border-radius: 10px;
}
[data-rk] .ju367vl {
  border-radius: 13px;
}
[data-rk] .ju367vm {
  border-radius: var(--rk-radii-actionButton);
}
[data-rk] .ju367vn {
  border-radius: var(--rk-radii-connectButton);
}
[data-rk] .ju367vo {
  border-radius: var(--rk-radii-menuButton);
}
[data-rk] .ju367vp {
  border-radius: var(--rk-radii-modal);
}
[data-rk] .ju367vq {
  border-radius: var(--rk-radii-modalMobile);
}
[data-rk] .ju367vr {
  border-radius: 25%;
}
[data-rk] .ju367vs {
  border-radius: 9999px;
}
[data-rk] .ju367vt {
  border-style: solid;
}
[data-rk] .ju367vu {
  border-width: 0px;
}
[data-rk] .ju367vv {
  border-width: 1px;
}
[data-rk] .ju367vw {
  border-width: 2px;
}
[data-rk] .ju367vx {
  border-width: 4px;
}
[data-rk] .ju367vy {
  cursor: pointer;
}
[data-rk] .ju367vz {
  flex-direction: row;
}
[data-rk] .ju367v10 {
  flex-direction: column;
}
[data-rk] .ju367v11 {
  font-family: var(--rk-fonts-body);
}
[data-rk] .ju367v12 {
  font-size: 12px;
  line-height: 18px;
}
[data-rk] .ju367v13 {
  font-size: 13px;
  line-height: 18px;
}
[data-rk] .ju367v14 {
  font-size: 14px;
  line-height: 18px;
}
[data-rk] .ju367v15 {
  font-size: 16px;
  line-height: 20px;
}
[data-rk] .ju367v16 {
  font-size: 18px;
  line-height: 24px;
}
[data-rk] .ju367v17 {
  font-size: 20px;
  line-height: 24px;
}
[data-rk] .ju367v18 {
  font-size: 23px;
  line-height: 29px;
}
[data-rk] .ju367v19 {
  font-weight: 400;
}
[data-rk] .ju367v1a {
  font-weight: 500;
}
[data-rk] .ju367v1b {
  font-weight: 600;
}
[data-rk] .ju367v1c {
  font-weight: 700;
}
[data-rk] .ju367v1d {
  font-weight: 800;
}
[data-rk] .ju367v1e {
  gap: 0;
}
[data-rk] .ju367v1f {
  gap: 1px;
}
[data-rk] .ju367v1g {
  gap: 2px;
}
[data-rk] .ju367v1h {
  gap: 3px;
}
[data-rk] .ju367v1i {
  gap: 4px;
}
[data-rk] .ju367v1j {
  gap: 5px;
}
[data-rk] .ju367v1k {
  gap: 6px;
}
[data-rk] .ju367v1l {
  gap: 8px;
}
[data-rk] .ju367v1m {
  gap: 10px;
}
[data-rk] .ju367v1n {
  gap: 12px;
}
[data-rk] .ju367v1o {
  gap: 14px;
}
[data-rk] .ju367v1p {
  gap: 16px;
}
[data-rk] .ju367v1q {
  gap: 18px;
}
[data-rk] .ju367v1r {
  gap: 20px;
}
[data-rk] .ju367v1s {
  gap: 24px;
}
[data-rk] .ju367v1t {
  gap: 28px;
}
[data-rk] .ju367v1u {
  gap: 32px;
}
[data-rk] .ju367v1v {
  gap: 36px;
}
[data-rk] .ju367v1w {
  gap: 44px;
}
[data-rk] .ju367v1x {
  gap: 64px;
}
[data-rk] .ju367v1y {
  gap: -1px;
}
[data-rk] .ju367v1z {
  height: 1px;
}
[data-rk] .ju367v20 {
  height: 2px;
}
[data-rk] .ju367v21 {
  height: 4px;
}
[data-rk] .ju367v22 {
  height: 8px;
}
[data-rk] .ju367v23 {
  height: 12px;
}
[data-rk] .ju367v24 {
  height: 20px;
}
[data-rk] .ju367v25 {
  height: 24px;
}
[data-rk] .ju367v26 {
  height: 28px;
}
[data-rk] .ju367v27 {
  height: 30px;
}
[data-rk] .ju367v28 {
  height: 32px;
}
[data-rk] .ju367v29 {
  height: 34px;
}
[data-rk] .ju367v2a {
  height: 36px;
}
[data-rk] .ju367v2b {
  height: 40px;
}
[data-rk] .ju367v2c {
  height: 44px;
}
[data-rk] .ju367v2d {
  height: 48px;
}
[data-rk] .ju367v2e {
  height: 54px;
}
[data-rk] .ju367v2f {
  height: 60px;
}
[data-rk] .ju367v2g {
  height: 200px;
}
[data-rk] .ju367v2h {
  height: 100%;
}
[data-rk] .ju367v2i {
  height: -webkit-max-content;
  height: max-content;
}
[data-rk] .ju367v2j {
  justify-content: flex-start;
}
[data-rk] .ju367v2k {
  justify-content: flex-end;
}
[data-rk] .ju367v2l {
  justify-content: center;
}
[data-rk] .ju367v2m {
  justify-content: space-between;
}
[data-rk] .ju367v2n {
  justify-content: space-around;
}
[data-rk] .ju367v2o {
  text-align: left;
}
[data-rk] .ju367v2p {
  text-align: center;
}
[data-rk] .ju367v2q {
  text-align: inherit;
}
[data-rk] .ju367v2r {
  margin-bottom: 0;
}
[data-rk] .ju367v2s {
  margin-bottom: 1px;
}
[data-rk] .ju367v2t {
  margin-bottom: 2px;
}
[data-rk] .ju367v2u {
  margin-bottom: 3px;
}
[data-rk] .ju367v2v {
  margin-bottom: 4px;
}
[data-rk] .ju367v2w {
  margin-bottom: 5px;
}
[data-rk] .ju367v2x {
  margin-bottom: 6px;
}
[data-rk] .ju367v2y {
  margin-bottom: 8px;
}
[data-rk] .ju367v2z {
  margin-bottom: 10px;
}
[data-rk] .ju367v30 {
  margin-bottom: 12px;
}
[data-rk] .ju367v31 {
  margin-bottom: 14px;
}
[data-rk] .ju367v32 {
  margin-bottom: 16px;
}
[data-rk] .ju367v33 {
  margin-bottom: 18px;
}
[data-rk] .ju367v34 {
  margin-bottom: 20px;
}
[data-rk] .ju367v35 {
  margin-bottom: 24px;
}
[data-rk] .ju367v36 {
  margin-bottom: 28px;
}
[data-rk] .ju367v37 {
  margin-bottom: 32px;
}
[data-rk] .ju367v38 {
  margin-bottom: 36px;
}
[data-rk] .ju367v39 {
  margin-bottom: 44px;
}
[data-rk] .ju367v3a {
  margin-bottom: 64px;
}
[data-rk] .ju367v3b {
  margin-bottom: -1px;
}
[data-rk] .ju367v3c {
  margin-left: 0;
}
[data-rk] .ju367v3d {
  margin-left: 1px;
}
[data-rk] .ju367v3e {
  margin-left: 2px;
}
[data-rk] .ju367v3f {
  margin-left: 3px;
}
[data-rk] .ju367v3g {
  margin-left: 4px;
}
[data-rk] .ju367v3h {
  margin-left: 5px;
}
[data-rk] .ju367v3i {
  margin-left: 6px;
}
[data-rk] .ju367v3j {
  margin-left: 8px;
}
[data-rk] .ju367v3k {
  margin-left: 10px;
}
[data-rk] .ju367v3l {
  margin-left: 12px;
}
[data-rk] .ju367v3m {
  margin-left: 14px;
}
[data-rk] .ju367v3n {
  margin-left: 16px;
}
[data-rk] .ju367v3o {
  margin-left: 18px;
}
[data-rk] .ju367v3p {
  margin-left: 20px;
}
[data-rk] .ju367v3q {
  margin-left: 24px;
}
[data-rk] .ju367v3r {
  margin-left: 28px;
}
[data-rk] .ju367v3s {
  margin-left: 32px;
}
[data-rk] .ju367v3t {
  margin-left: 36px;
}
[data-rk] .ju367v3u {
  margin-left: 44px;
}
[data-rk] .ju367v3v {
  margin-left: 64px;
}
[data-rk] .ju367v3w {
  margin-left: -1px;
}
[data-rk] .ju367v3x {
  margin-right: 0;
}
[data-rk] .ju367v3y {
  margin-right: 1px;
}
[data-rk] .ju367v3z {
  margin-right: 2px;
}
[data-rk] .ju367v40 {
  margin-right: 3px;
}
[data-rk] .ju367v41 {
  margin-right: 4px;
}
[data-rk] .ju367v42 {
  margin-right: 5px;
}
[data-rk] .ju367v43 {
  margin-right: 6px;
}
[data-rk] .ju367v44 {
  margin-right: 8px;
}
[data-rk] .ju367v45 {
  margin-right: 10px;
}
[data-rk] .ju367v46 {
  margin-right: 12px;
}
[data-rk] .ju367v47 {
  margin-right: 14px;
}
[data-rk] .ju367v48 {
  margin-right: 16px;
}
[data-rk] .ju367v49 {
  margin-right: 18px;
}
[data-rk] .ju367v4a {
  margin-right: 20px;
}
[data-rk] .ju367v4b {
  margin-right: 24px;
}
[data-rk] .ju367v4c {
  margin-right: 28px;
}
[data-rk] .ju367v4d {
  margin-right: 32px;
}
[data-rk] .ju367v4e {
  margin-right: 36px;
}
[data-rk] .ju367v4f {
  margin-right: 44px;
}
[data-rk] .ju367v4g {
  margin-right: 64px;
}
[data-rk] .ju367v4h {
  margin-right: -1px;
}
[data-rk] .ju367v4i {
  margin-top: 0;
}
[data-rk] .ju367v4j {
  margin-top: 1px;
}
[data-rk] .ju367v4k {
  margin-top: 2px;
}
[data-rk] .ju367v4l {
  margin-top: 3px;
}
[data-rk] .ju367v4m {
  margin-top: 4px;
}
[data-rk] .ju367v4n {
  margin-top: 5px;
}
[data-rk] .ju367v4o {
  margin-top: 6px;
}
[data-rk] .ju367v4p {
  margin-top: 8px;
}
[data-rk] .ju367v4q {
  margin-top: 10px;
}
[data-rk] .ju367v4r {
  margin-top: 12px;
}
[data-rk] .ju367v4s {
  margin-top: 14px;
}
[data-rk] .ju367v4t {
  margin-top: 16px;
}
[data-rk] .ju367v4u {
  margin-top: 18px;
}
[data-rk] .ju367v4v {
  margin-top: 20px;
}
[data-rk] .ju367v4w {
  margin-top: 24px;
}
[data-rk] .ju367v4x {
  margin-top: 28px;
}
[data-rk] .ju367v4y {
  margin-top: 32px;
}
[data-rk] .ju367v4z {
  margin-top: 36px;
}
[data-rk] .ju367v50 {
  margin-top: 44px;
}
[data-rk] .ju367v51 {
  margin-top: 64px;
}
[data-rk] .ju367v52 {
  margin-top: -1px;
}
[data-rk] .ju367v53 {
  max-width: 1px;
}
[data-rk] .ju367v54 {
  max-width: 2px;
}
[data-rk] .ju367v55 {
  max-width: 4px;
}
[data-rk] .ju367v56 {
  max-width: 8px;
}
[data-rk] .ju367v57 {
  max-width: 12px;
}
[data-rk] .ju367v58 {
  max-width: 20px;
}
[data-rk] .ju367v59 {
  max-width: 24px;
}
[data-rk] .ju367v5a {
  max-width: 28px;
}
[data-rk] .ju367v5b {
  max-width: 30px;
}
[data-rk] .ju367v5c {
  max-width: 32px;
}
[data-rk] .ju367v5d {
  max-width: 34px;
}
[data-rk] .ju367v5e {
  max-width: 36px;
}
[data-rk] .ju367v5f {
  max-width: 40px;
}
[data-rk] .ju367v5g {
  max-width: 44px;
}
[data-rk] .ju367v5h {
  max-width: 48px;
}
[data-rk] .ju367v5i {
  max-width: 54px;
}
[data-rk] .ju367v5j {
  max-width: 60px;
}
[data-rk] .ju367v5k {
  max-width: 200px;
}
[data-rk] .ju367v5l {
  max-width: 100%;
}
[data-rk] .ju367v5m {
  max-width: -webkit-max-content;
  max-width: max-content;
}
[data-rk] .ju367v5n {
  min-width: 1px;
}
[data-rk] .ju367v5o {
  min-width: 2px;
}
[data-rk] .ju367v5p {
  min-width: 4px;
}
[data-rk] .ju367v5q {
  min-width: 8px;
}
[data-rk] .ju367v5r {
  min-width: 12px;
}
[data-rk] .ju367v5s {
  min-width: 20px;
}
[data-rk] .ju367v5t {
  min-width: 24px;
}
[data-rk] .ju367v5u {
  min-width: 28px;
}
[data-rk] .ju367v5v {
  min-width: 30px;
}
[data-rk] .ju367v5w {
  min-width: 32px;
}
[data-rk] .ju367v5x {
  min-width: 34px;
}
[data-rk] .ju367v5y {
  min-width: 36px;
}
[data-rk] .ju367v5z {
  min-width: 40px;
}
[data-rk] .ju367v60 {
  min-width: 44px;
}
[data-rk] .ju367v61 {
  min-width: 48px;
}
[data-rk] .ju367v62 {
  min-width: 54px;
}
[data-rk] .ju367v63 {
  min-width: 60px;
}
[data-rk] .ju367v64 {
  min-width: 200px;
}
[data-rk] .ju367v65 {
  min-width: 100%;
}
[data-rk] .ju367v66 {
  min-width: -webkit-max-content;
  min-width: max-content;
}
[data-rk] .ju367v67 {
  overflow: hidden;
}
[data-rk] .ju367v68 {
  padding-bottom: 0;
}
[data-rk] .ju367v69 {
  padding-bottom: 1px;
}
[data-rk] .ju367v6a {
  padding-bottom: 2px;
}
[data-rk] .ju367v6b {
  padding-bottom: 3px;
}
[data-rk] .ju367v6c {
  padding-bottom: 4px;
}
[data-rk] .ju367v6d {
  padding-bottom: 5px;
}
[data-rk] .ju367v6e {
  padding-bottom: 6px;
}
[data-rk] .ju367v6f {
  padding-bottom: 8px;
}
[data-rk] .ju367v6g {
  padding-bottom: 10px;
}
[data-rk] .ju367v6h {
  padding-bottom: 12px;
}
[data-rk] .ju367v6i {
  padding-bottom: 14px;
}
[data-rk] .ju367v6j {
  padding-bottom: 16px;
}
[data-rk] .ju367v6k {
  padding-bottom: 18px;
}
[data-rk] .ju367v6l {
  padding-bottom: 20px;
}
[data-rk] .ju367v6m {
  padding-bottom: 24px;
}
[data-rk] .ju367v6n {
  padding-bottom: 28px;
}
[data-rk] .ju367v6o {
  padding-bottom: 32px;
}
[data-rk] .ju367v6p {
  padding-bottom: 36px;
}
[data-rk] .ju367v6q {
  padding-bottom: 44px;
}
[data-rk] .ju367v6r {
  padding-bottom: 64px;
}
[data-rk] .ju367v6s {
  padding-bottom: -1px;
}
[data-rk] .ju367v6t {
  padding-left: 0;
}
[data-rk] .ju367v6u {
  padding-left: 1px;
}
[data-rk] .ju367v6v {
  padding-left: 2px;
}
[data-rk] .ju367v6w {
  padding-left: 3px;
}
[data-rk] .ju367v6x {
  padding-left: 4px;
}
[data-rk] .ju367v6y {
  padding-left: 5px;
}
[data-rk] .ju367v6z {
  padding-left: 6px;
}
[data-rk] .ju367v70 {
  padding-left: 8px;
}
[data-rk] .ju367v71 {
  padding-left: 10px;
}
[data-rk] .ju367v72 {
  padding-left: 12px;
}
[data-rk] .ju367v73 {
  padding-left: 14px;
}
[data-rk] .ju367v74 {
  padding-left: 16px;
}
[data-rk] .ju367v75 {
  padding-left: 18px;
}
[data-rk] .ju367v76 {
  padding-left: 20px;
}
[data-rk] .ju367v77 {
  padding-left: 24px;
}
[data-rk] .ju367v78 {
  padding-left: 28px;
}
[data-rk] .ju367v79 {
  padding-left: 32px;
}
[data-rk] .ju367v7a {
  padding-left: 36px;
}
[data-rk] .ju367v7b {
  padding-left: 44px;
}
[data-rk] .ju367v7c {
  padding-left: 64px;
}
[data-rk] .ju367v7d {
  padding-left: -1px;
}
[data-rk] .ju367v7e {
  padding-right: 0;
}
[data-rk] .ju367v7f {
  padding-right: 1px;
}
[data-rk] .ju367v7g {
  padding-right: 2px;
}
[data-rk] .ju367v7h {
  padding-right: 3px;
}
[data-rk] .ju367v7i {
  padding-right: 4px;
}
[data-rk] .ju367v7j {
  padding-right: 5px;
}
[data-rk] .ju367v7k {
  padding-right: 6px;
}
[data-rk] .ju367v7l {
  padding-right: 8px;
}
[data-rk] .ju367v7m {
  padding-right: 10px;
}
[data-rk] .ju367v7n {
  padding-right: 12px;
}
[data-rk] .ju367v7o {
  padding-right: 14px;
}
[data-rk] .ju367v7p {
  padding-right: 16px;
}
[data-rk] .ju367v7q {
  padding-right: 18px;
}
[data-rk] .ju367v7r {
  padding-right: 20px;
}
[data-rk] .ju367v7s {
  padding-right: 24px;
}
[data-rk] .ju367v7t {
  padding-right: 28px;
}
[data-rk] .ju367v7u {
  padding-right: 32px;
}
[data-rk] .ju367v7v {
  padding-right: 36px;
}
[data-rk] .ju367v7w {
  padding-right: 44px;
}
[data-rk] .ju367v7x {
  padding-right: 64px;
}
[data-rk] .ju367v7y {
  padding-right: -1px;
}
[data-rk] .ju367v7z {
  padding-top: 0;
}
[data-rk] .ju367v80 {
  padding-top: 1px;
}
[data-rk] .ju367v81 {
  padding-top: 2px;
}
[data-rk] .ju367v82 {
  padding-top: 3px;
}
[data-rk] .ju367v83 {
  padding-top: 4px;
}
[data-rk] .ju367v84 {
  padding-top: 5px;
}
[data-rk] .ju367v85 {
  padding-top: 6px;
}
[data-rk] .ju367v86 {
  padding-top: 8px;
}
[data-rk] .ju367v87 {
  padding-top: 10px;
}
[data-rk] .ju367v88 {
  padding-top: 12px;
}
[data-rk] .ju367v89 {
  padding-top: 14px;
}
[data-rk] .ju367v8a {
  padding-top: 16px;
}
[data-rk] .ju367v8b {
  padding-top: 18px;
}
[data-rk] .ju367v8c {
  padding-top: 20px;
}
[data-rk] .ju367v8d {
  padding-top: 24px;
}
[data-rk] .ju367v8e {
  padding-top: 28px;
}
[data-rk] .ju367v8f {
  padding-top: 32px;
}
[data-rk] .ju367v8g {
  padding-top: 36px;
}
[data-rk] .ju367v8h {
  padding-top: 44px;
}
[data-rk] .ju367v8i {
  padding-top: 64px;
}
[data-rk] .ju367v8j {
  padding-top: -1px;
}
[data-rk] .ju367v8k {
  position: absolute;
}
[data-rk] .ju367v8l {
  position: fixed;
}
[data-rk] .ju367v8m {
  position: relative;
}
[data-rk] .ju367v8n {
  right: 0;
}
[data-rk] .ju367v8o {
  transition: 0.125s ease;
}
[data-rk] .ju367v8p {
  transition: transform 0.125s ease;
}
[data-rk] .ju367v8q {
  -webkit-user-select: none;
  user-select: none;
}
[data-rk] .ju367v8r {
  width: 1px;
}
[data-rk] .ju367v8s {
  width: 2px;
}
[data-rk] .ju367v8t {
  width: 4px;
}
[data-rk] .ju367v8u {
  width: 8px;
}
[data-rk] .ju367v8v {
  width: 12px;
}
[data-rk] .ju367v8w {
  width: 20px;
}
[data-rk] .ju367v8x {
  width: 24px;
}
[data-rk] .ju367v8y {
  width: 28px;
}
[data-rk] .ju367v8z {
  width: 30px;
}
[data-rk] .ju367v90 {
  width: 32px;
}
[data-rk] .ju367v91 {
  width: 34px;
}
[data-rk] .ju367v92 {
  width: 36px;
}
[data-rk] .ju367v93 {
  width: 40px;
}
[data-rk] .ju367v94 {
  width: 44px;
}
[data-rk] .ju367v95 {
  width: 48px;
}
[data-rk] .ju367v96 {
  width: 54px;
}
[data-rk] .ju367v97 {
  width: 60px;
}
[data-rk] .ju367v98 {
  width: 200px;
}
[data-rk] .ju367v99 {
  width: 100%;
}
[data-rk] .ju367v9a {
  width: -webkit-max-content;
  width: max-content;
}
[data-rk] .ju367v9b {
  -webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
  backdrop-filter: var(--rk-blurs-modalOverlay);
}
[data-rk] .ju367v9c {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9d:hover {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9e:active {
  background: var(--rk-colors-accentColor);
}
[data-rk] .ju367v9f {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9g:hover {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9h:active {
  background: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367v9i {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9j:hover {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9k:active {
  background: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367v9l {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9m:hover {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9n:active {
  background: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367v9o {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9p:hover {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9q:active {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367v9r {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9s:hover {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9t:active {
  background: var(--rk-colors-closeButton);
}
[data-rk] .ju367v9u {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367v9v:hover {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367v9w:active {
  background: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367v9x {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367v9y:hover {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367v9z:active {
  background: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367va0 {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va1:hover {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va2:active {
  background: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367va3 {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367va4:hover {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367va5:active {
  background: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367va6 {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367va7:hover {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367va8:active {
  background: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367va9 {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vaa:hover {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vab:active {
  background: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vac {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vad:hover {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vae:active {
  background: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vaf {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vag:hover {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vah:active {
  background: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vai {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vaj:hover {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vak:active {
  background: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367val {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vam:hover {
  background: var(--rk-colors-error);
}
[data-rk] .ju367van:active {
  background: var(--rk-colors-error);
}
[data-rk] .ju367vao {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vap:hover {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vaq:active {
  background: var(--rk-colors-generalBorder);
}
[data-rk] .ju367var {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vas:hover {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vat:active {
  background: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vau {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vav:hover {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vaw:active {
  background: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vax {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vay:hover {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vaz:active {
  background: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vb0 {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb1:hover {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb2:active {
  background: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vb3 {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vb4:hover {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vb5:active {
  background: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vb6 {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vb7:hover {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vb8:active {
  background: var(--rk-colors-modalText);
}
[data-rk] .ju367vb9 {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vba:hover {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbb:active {
  background: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vbc {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbd:hover {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbe:active {
  background: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vbf {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbg:hover {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbh:active {
  background: var(--rk-colors-profileAction);
}
[data-rk] .ju367vbi {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbj:hover {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbk:active {
  background: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vbl {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbm:hover {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbn:active {
  background: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vbo {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbp:hover {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbq:active {
  background: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vbr {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vbs:hover {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vbt:active {
  background: var(--rk-colors-standby);
}
[data-rk] .ju367vbu {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vbv:hover {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vbw:active {
  border-color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vbx {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vby:hover {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vbz:active {
  border-color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vc0 {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc1:hover {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc2:active {
  border-color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vc3 {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vc4:hover {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vc5:active {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vc6 {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vc7:hover {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vc8:active {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vc9 {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vca:hover {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vcb:active {
  border-color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vcc {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcd:hover {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vce:active {
  border-color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vcf {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vcg:hover {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vch:active {
  border-color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vci {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcj:hover {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vck:active {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vcl {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcm:hover {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vcn:active {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vco {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcp:hover {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcq:active {
  border-color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vcr {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcs:hover {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vct:active {
  border-color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vcu {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vcv:hover {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vcw:active {
  border-color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vcx {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vcy:hover {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vcz:active {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vd0 {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd1:hover {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd2:active {
  border-color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vd3 {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vd4:hover {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vd5:active {
  border-color: var(--rk-colors-error);
}
[data-rk] .ju367vd6 {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vd7:hover {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vd8:active {
  border-color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vd9 {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vda:hover {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdb:active {
  border-color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vdc {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdd:hover {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vde:active {
  border-color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vdf {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdg:hover {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdh:active {
  border-color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vdi {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdj:hover {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdk:active {
  border-color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vdl {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdm:hover {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdn:active {
  border-color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vdo {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdp:hover {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdq:active {
  border-color: var(--rk-colors-modalText);
}
[data-rk] .ju367vdr {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vds:hover {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdt:active {
  border-color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vdu {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vdv:hover {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vdw:active {
  border-color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vdx {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vdy:hover {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vdz:active {
  border-color: var(--rk-colors-profileAction);
}
[data-rk] .ju367ve0 {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve1:hover {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve2:active {
  border-color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367ve3 {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367ve4:hover {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367ve5:active {
  border-color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367ve6 {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367ve7:hover {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367ve8:active {
  border-color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367ve9 {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367vea:hover {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367veb:active {
  border-color: var(--rk-colors-standby);
}
[data-rk] .ju367vec {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367ved:hover {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vee:active {
  box-shadow: var(--rk-shadows-connectButton);
}
[data-rk] .ju367vef {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367veg:hover {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367veh:active {
  box-shadow: var(--rk-shadows-dialog);
}
[data-rk] .ju367vei {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367vej:hover {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367vek:active {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}
[data-rk] .ju367vel {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367vem:hover {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367ven:active {
  box-shadow: var(--rk-shadows-selectedOption);
}
[data-rk] .ju367veo {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367vep:hover {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367veq:active {
  box-shadow: var(--rk-shadows-selectedWallet);
}
[data-rk] .ju367ver {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367ves:hover {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367vet:active {
  box-shadow: var(--rk-shadows-walletLogo);
}
[data-rk] .ju367veu {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vev:hover {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vew:active {
  color: var(--rk-colors-accentColor);
}
[data-rk] .ju367vex {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vey:hover {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vez:active {
  color: var(--rk-colors-accentColorForeground);
}
[data-rk] .ju367vf0 {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf1:hover {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf2:active {
  color: var(--rk-colors-actionButtonBorder);
}
[data-rk] .ju367vf3 {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vf4:hover {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vf5:active {
  color: var(--rk-colors-actionButtonBorderMobile);
}
[data-rk] .ju367vf6 {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vf7:hover {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vf8:active {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}
[data-rk] .ju367vf9 {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfa:hover {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfb:active {
  color: var(--rk-colors-closeButton);
}
[data-rk] .ju367vfc {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfd:hover {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vfe:active {
  color: var(--rk-colors-closeButtonBackground);
}
[data-rk] .ju367vff {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfg:hover {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfh:active {
  color: var(--rk-colors-connectButtonBackground);
}
[data-rk] .ju367vfi {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfj:hover {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfk:active {
  color: var(--rk-colors-connectButtonBackgroundError);
}
[data-rk] .ju367vfl {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfm:hover {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfn:active {
  color: var(--rk-colors-connectButtonInnerBackground);
}
[data-rk] .ju367vfo {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfp:hover {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfq:active {
  color: var(--rk-colors-connectButtonText);
}
[data-rk] .ju367vfr {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfs:hover {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vft:active {
  color: var(--rk-colors-connectButtonTextError);
}
[data-rk] .ju367vfu {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vfv:hover {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vfw:active {
  color: var(--rk-colors-connectionIndicator);
}
[data-rk] .ju367vfx {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vfy:hover {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vfz:active {
  color: var(--rk-colors-downloadBottomCardBackground);
}
[data-rk] .ju367vg0 {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg1:hover {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg2:active {
  color: var(--rk-colors-downloadTopCardBackground);
}
[data-rk] .ju367vg3 {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vg4:hover {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vg5:active {
  color: var(--rk-colors-error);
}
[data-rk] .ju367vg6 {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vg7:hover {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vg8:active {
  color: var(--rk-colors-generalBorder);
}
[data-rk] .ju367vg9 {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vga:hover {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgb:active {
  color: var(--rk-colors-generalBorderDim);
}
[data-rk] .ju367vgc {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgd:hover {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vge:active {
  color: var(--rk-colors-menuItemBackground);
}
[data-rk] .ju367vgf {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgg:hover {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgh:active {
  color: var(--rk-colors-modalBackdrop);
}
[data-rk] .ju367vgi {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgj:hover {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgk:active {
  color: var(--rk-colors-modalBackground);
}
[data-rk] .ju367vgl {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgm:hover {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgn:active {
  color: var(--rk-colors-modalBorder);
}
[data-rk] .ju367vgo {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgp:hover {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgq:active {
  color: var(--rk-colors-modalText);
}
[data-rk] .ju367vgr {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgs:hover {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgt:active {
  color: var(--rk-colors-modalTextDim);
}
[data-rk] .ju367vgu {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vgv:hover {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vgw:active {
  color: var(--rk-colors-modalTextSecondary);
}
[data-rk] .ju367vgx {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vgy:hover {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vgz:active {
  color: var(--rk-colors-profileAction);
}
[data-rk] .ju367vh0 {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh1:hover {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh2:active {
  color: var(--rk-colors-profileActionHover);
}
[data-rk] .ju367vh3 {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vh4:hover {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vh5:active {
  color: var(--rk-colors-profileForeground);
}
[data-rk] .ju367vh6 {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vh7:hover {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vh8:active {
  color: var(--rk-colors-selectedOptionBorder);
}
[data-rk] .ju367vh9 {
  color: var(--rk-colors-standby);
}
[data-rk] .ju367vha:hover {
  color: var(--rk-colors-standby);
}
[data-rk] .ju367vhb:active {
  color: var(--rk-colors-standby);
}
@media screen and (min-width: 768px) {
  [data-rk] .ju367v1 {
    align-items: flex-start;
  }
  [data-rk] .ju367v3 {
    align-items: flex-end;
  }
  [data-rk] .ju367v5 {
    align-items: center;
  }
  [data-rk] .ju367v7 {
    display: none;
  }
  [data-rk] .ju367v9 {
    display: block;
  }
  [data-rk] .ju367vb {
    display: flex;
  }
  [data-rk] .ju367vd {
    display: inline;
  }
}

/* vanilla-extract-css-ns:src/css/touchableStyles.css.ts.vanilla.css?source=Ll8xMmNibzhpMywuXzEyY2JvOGkzOjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDE7CiAgLS1fMTJjYm84aTE6IDE7Cn0KLl8xMmNibzhpMzpob3ZlciB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTApKTsKfQouXzEyY2JvOGkzOmFjdGl2ZSB7CiAgdHJhbnNmb3JtOiBzY2FsZSh2YXIoLS1fMTJjYm84aTEpKTsKfQouXzEyY2JvOGkzOmFjdGl2ZTo6YWZ0ZXIgewogIGNvbnRlbnQ6ICIiOwogIGJvdHRvbTogLTFweDsKICBkaXNwbGF5OiBibG9jazsKICBsZWZ0OiAtMXB4OwogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICByaWdodDogLTFweDsKICB0b3A6IC0xcHg7CiAgdHJhbnNmb3JtOiBzY2FsZShjYWxjKCgxIC8gdmFyKC0tXzEyY2JvOGkxKSkgKiB2YXIoLS1fMTJjYm84aTApKSk7Cn0KLl8xMmNibzhpNCwuXzEyY2JvOGk0OjphZnRlciB7CiAgLS1fMTJjYm84aTA6IDEuMDI1Owp9Ci5fMTJjYm84aTUsLl8xMmNibzhpNTo6YWZ0ZXIgewogIC0tXzEyY2JvOGkwOiAxLjE7Cn0KLl8xMmNibzhpNiwuXzEyY2JvOGk2OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTU7Cn0KLl8xMmNibzhpNywuXzEyY2JvOGk3OjphZnRlciB7CiAgLS1fMTJjYm84aTE6IDAuOTsKfQ== */
[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3::after {
  --_12cbo8i0: 1;
  --_12cbo8i1: 1;
}
[data-rk] ._12cbo8i3:hover {
  transform: scale(var(--_12cbo8i0));
}
[data-rk] ._12cbo8i3:active {
  transform: scale(var(--_12cbo8i1));
}
[data-rk] ._12cbo8i3:active::after {
  content: "";
  bottom: -1px;
  display: block;
  left: -1px;
  position: absolute;
  right: -1px;
  top: -1px;
  transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)));
}
[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4::after {
  --_12cbo8i0: 1.025;
}
[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5::after {
  --_12cbo8i0: 1.1;
}
[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6::after {
  --_12cbo8i1: 0.95;
}
[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7::after {
  --_12cbo8i1: 0.9;
}

/* vanilla-extract-css-ns:src/components/Icons/Icons.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfMWx1dWxlNDEgewogIDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7CiAgfQp9Ci5fMWx1dWxlNDIgewogIGFuaW1hdGlvbjogXzFsdXVsZTQxIDNzIGluZmluaXRlIGxpbmVhcjsKfQouXzFsdXVsZTQzIHsKICBiYWNrZ3JvdW5kOiBjb25pYy1ncmFkaWVudChmcm9tIDE4MGRlZyBhdCA1MCUgNTAlLCByZ2JhKDcyLCAxNDYsIDI1NCwgMCkgMGRlZywgY3VycmVudENvbG9yIDI4Mi4wNGRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDMxOS44NmRlZywgcmdiYSg3MiwgMTQ2LCAyNTQsIDApIDM2MGRlZyk7CiAgaGVpZ2h0OiAyMXB4OwogIHdpZHRoOiAyMXB4Owp9 */
@keyframes _1luule41 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
[data-rk] ._1luule42 {
  animation: _1luule41 3s infinite linear;
}
[data-rk] ._1luule43 {
  background: conic-gradient(from 180deg at 50% 50%, rgba(72, 146, 254, 0) 0deg, currentColor 282.04deg, rgba(72, 146, 254, 0) 319.86deg, rgba(72, 146, 254, 0) 360deg);
  height: 21px;
  width: 21px;
}

/* vanilla-extract-css-ns:src/components/Dialog/Dialog.css.ts.vanilla.css?source=QGtleWZyYW1lcyBfOXBtNGtpMCB7CiAgMCUgewogICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDEwMCUpOwogIH0KICAxMDAlIHsKICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsKICB9Cn0KQGtleWZyYW1lcyBfOXBtNGtpMSB7CiAgMCUgewogICAgb3BhY2l0eTogMDsKICB9CiAgMTAwJSB7CiAgICBvcGFjaXR5OiAxOwogIH0KfQouXzlwbTRraTMgewogIGFuaW1hdGlvbjogXzlwbTRraTEgMTUwbXMgZWFzZTsKICBib3R0b206IC0yMDBweDsKICBsZWZ0OiAtMjAwcHg7CiAgcGFkZGluZzogMjAwcHg7CiAgcmlnaHQ6IC0yMDBweDsKICB0b3A6IC0yMDBweDsKICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk7CiAgei1pbmRleDogMjE0NzQ4MzY0NjsKfQouXzlwbTRraTUgewogIGFuaW1hdGlvbjogXzlwbTRraTAgMzUwbXMgY3ViaWMtYmV6aWVyKC4xNSwxLjE1LDAuNiwxLjAwKSwgXzlwbTRraTEgMTUwbXMgZWFzZTsKICBtYXgtd2lkdGg6IDEwMHZ3Owp9 */
@keyframes _9pm4ki0 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes _9pm4ki1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
[data-rk] ._9pm4ki3 {
  animation: _9pm4ki1 150ms ease;
  bottom: -200px;
  left: -200px;
  padding: 200px;
  right: -200px;
  top: -200px;
  transform: translateZ(0);
  z-index: 2147483646;
}
[data-rk] ._9pm4ki5 {
  animation: _9pm4ki0 350ms cubic-bezier(.15, 1.15, 0.6, 1.00), _9pm4ki1 150ms ease;
  max-width: 100vw;
}

/* vanilla-extract-css-ns:src/components/Dialog/DialogContent.css.ts.vanilla.css?source=Ll8xY2tqcG9rMSB7CiAgYm94LXNpemluZzogY29udGVudC1ib3g7CiAgbWF4LXdpZHRoOiAxMDB2dzsKICB3aWR0aDogMzYwcHg7Cn0KLl8xY2tqcG9rMiB7CiAgd2lkdGg6IDEwMHZ3Owp9Ci5fMWNranBvazMgewogIHdpZHRoOiA3NjhweDsKfQouXzFja2pwb2s0IHsKICBtaW4td2lkdGg6IDM2OHB4OwogIHdpZHRoOiAzNjhweDsKfQouXzFja2pwb2s2IHsKICBib3JkZXItd2lkdGg6IDBweDsKICBib3gtc2l6aW5nOiBib3JkZXItYm94OwogIHdpZHRoOiAxMDB2dzsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5fMWNranBvazEgewogICAgd2lkdGg6IDM2MHB4OwogIH0KICAuXzFja2pwb2syIHsKICAgIHdpZHRoOiA0ODBweDsKICB9CiAgLl8xY2tqcG9rMyB7CiAgICB3aWR0aDogNzIwcHg7CiAgfQogIC5fMWNranBvazQgewogICAgbWluLXdpZHRoOiAzNjhweDsKICAgIHdpZHRoOiAzNjhweDsKICB9Cn0KQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogNzY3cHgpIHsKICAuXzFja2pwb2s3IHsKICAgIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDA7CiAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMDsKICAgIG1hcmdpbi10b3A6IC0yMDBweDsKICAgIHBhZGRpbmctYm90dG9tOiAyMDBweDsKICAgIHRvcDogMjAwcHg7CiAgfQp9 */
[data-rk] ._1ckjpok1 {
  box-sizing: content-box;
  max-width: 100vw;
  width: 360px;
}
[data-rk] ._1ckjpok2 {
  width: 100vw;
}
[data-rk] ._1ckjpok3 {
  width: 768px;
}
[data-rk] ._1ckjpok4 {
  min-width: 368px;
  width: 368px;
}
[data-rk] ._1ckjpok6 {
  border-width: 0px;
  box-sizing: border-box;
  width: 100vw;
}
@media screen and (min-width: 768px) {
  [data-rk] ._1ckjpok1 {
    width: 360px;
  }
  [data-rk] ._1ckjpok2 {
    width: 480px;
  }
  [data-rk] ._1ckjpok3 {
    width: 720px;
  }
  [data-rk] ._1ckjpok4 {
    min-width: 368px;
    width: 368px;
  }
}
@media screen and (max-width: 767px) {
  [data-rk] ._1ckjpok7 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-top: -200px;
    padding-bottom: 200px;
    top: 200px;
  }
}

/* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=LnY5aG9yYjA6aG92ZXIgewogIGJhY2tncm91bmQ6IHVuc2V0Owp9 */
[data-rk] .v9horb0:hover {
  background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
  background: initial;
}

/* vanilla-extract-css-ns:src/components/ModalSelection/ModalSelection.css.ts.vanilla.css?source=Lmc1a2wwbDAgewogIGJvcmRlci1jb2xvcjogdHJhbnNwYXJlbnQ7Cn0= */
[data-rk] .g5kl0l0 {
  border-color: transparent;
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/DesktopOptions.css.ts.vanilla.css?source=Ll8xdnd0MGNnMCB7CiAgYmFja2dyb3VuZDogd2hpdGU7Cn0KLl8xdnd0MGNnMiB7CiAgbWF4LWhlaWdodDogNDU0cHg7CiAgb3ZlcmZsb3cteTogYXV0bzsKfQouXzF2d3QwY2czIHsKICBtaW4td2lkdGg6IDI0NnB4Owp9Ci5fMXZ3dDBjZzQgewogIG1pbi13aWR0aDogMTAwJTsKfQpAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgewogIC5fMXZ3dDBjZzMgewogICAgbWluLXdpZHRoOiAyODdweDsKICB9Cn0= */
[data-rk] ._1vwt0cg0 {
  background: white;
}
[data-rk] ._1vwt0cg2 {
  max-height: 454px;
  overflow-y: auto;
}
[data-rk] ._1vwt0cg3 {
  min-width: 246px;
}
[data-rk] ._1vwt0cg4 {
  min-width: 100%;
}
@media screen and (min-width: 768px) {
  [data-rk] ._1vwt0cg3 {
    min-width: 287px;
  }
}

/* vanilla-extract-css-ns:src/components/ConnectOptions/MobileOptions.css.ts.vanilla.css?source=Ll8xYW0xNDQxMCB7CiAgb3ZlcmZsb3c6IGF1dG87CiAgc2Nyb2xsYmFyLXdpZHRoOiBub25lOwogIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTsKfQouXzFhbTE0NDEwOjotd2Via2l0LXNjcm9sbGJhciB7CiAgZGlzcGxheTogbm9uZTsKfQ== */
[data-rk] ._1am14410 {
  overflow: auto;
  scrollbar-width: none;
  transform: translateZ(0);
}
[data-rk] ._1am14410::-webkit-scrollbar {
  display: none;
}