.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: #F7FEFD;
    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: #F7FEFD;
  }
  .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;
}

.Tab.block {
  display: flex;
  align-items: center;
  grid-auto-flow: column;
  font-size: var(--font-md);
  color: rgba(255, 255, 255, 0.7);
  /* border: 0.5px solid #4FA480; */
}

.Tab-option-icon {
  width: 17px;
  margin-left: 0.5rem;
  display: block !important;
}

/* .textShort {
  color: #FF7878;
}
.textLong {
  color: #4FA480;
}
.textSwap {
  color: #D5D6D8;
} */

.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: #A9B1B2;
  display: flex;
  font-family: Poppins-SemiBold;
  border-bottom: 2px solid transparent;
}


.Tab.block .Tab-option.active {
  border-bottom: 2px solid #016D2D;
  color: #F7FEFD;

}
.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 #60AC7E;
  color: #60AC7E;
}
.Tab.block .Tab-option.longActive:hover{
  color: #60AC7E !important;
}

.Tab.block .Tab-option.swapActive{
  border-bottom: 2px solid #016D2D;
}

.swap-v2 .Tab-option {
  color: #A9B1B2 !important;
  font-size: 12px !important;
  font-weight: 400;
  font-family: Poppins-Regular !important;
}
.swap-v2 .Tab-option.active {
  color: #F7FEFD !important;
  border-bottom: 2px solid #007730 !important;
}

.Tab.block .Tab-option:hover{
  /* cursor: no-drop !important; */
  color: #F7FEFD !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; /* Internet Explorer 10+ */
  scrollbar-width: none; /* Firefox */
}

.Tab.inline::-webkit-scrollbar {
  display: none; /* Safari and Chrome */
}

.Tab.inline .Tab-option {
  cursor: pointer;
  display: inline-block;
  /* margin-right: 1.5rem; */
  font-size: var(--font-base);
  border-bottom: 1px solid transparent;
  color: #A9B1B2;
}

.Tab.inline .Tab-option:hover {
  opacity: 0.8;
}

.Tab.inline .Tab-option.active {
  opacity: 1;
  pointer-events: none;
  color: #F7FEFD !important;
  border-bottom: 2px solid #00481D;
}


.uniswap-tabs{margin-top:20px;display:flex !important}.uniswap-tabs .Tab-option{border:1px solid rgba(0,0,0,0) !important;align-items:center;background-color:#2c313a;border:1px solid #2c313a;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{background:rgba(0,255,26,.1019607843);border:1px solid #83e247;color:#4fa480 !important;font-weight:600;opacity:1;pointer-events:none}
.link-underline{text-decoration:underline;text-decoration-style:dashed;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer;display:inline-flex;color:#f7fefd}.link-underline:hover{color:#a9b1b2}
.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: #A9B1B2;
  background-color: #DFFE001A;
}
.action--active {
  /* background: #DFFE001A; */
  color: #F7FEFD !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:#313655;background:linear-gradient(270deg, #222328 0%, #222328 100%);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:#f7fefd}.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: #F7FEFD;
}

.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:#f7fefd;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:#00481d;color:#f7fefd;border-radius:4px;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(154,249,80,.1)}.button.secondary:not([disabled]):active{background:rgba(154,249,80,.2)}.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: #F7FEFD;
  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: #F7FEFD;
}

@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: #4FA480;
  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;
}

.chart-token-selector{border:none;background:rgba(0,0,0,0);color:#f7fefd;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)}.react-loading-skeleton{background:#212328 !important}.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent) !important;animation-duration:2s}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}.market-perp-select-container{gap:3px}.market-perp-select-container .left-icon-box,.market-perp-select-container .right-icon-box{cursor:pointer;position:absolute;background:#121315;padding:10px 3px;z-index:2}.market-perp-select-container .left-icon,.market-perp-select-container .right-icon{width:7px}.market-perp-select-container .left-icon-box{left:9px}.market-perp-select-container .right-icon-box{right:12px}.market-perp-select-container .market-perp-select{transition:all .15s linear;overflow-x:auto;display:flex;gap:12px;position:relative;scrollbar-width:none;width:100%}.market-perp-select-container .market-perp-select .select-item{transition:all .15s linear;display:inline-flex;flex:none;justify-content:center}.market-perp-select-container .market-perp-select .tabActive{font-weight:bold;font-family:Poppins-SemiBold !important}.market-perp-select-container .market-perp-select .tabActive:after{background-color:#007730 !important;bottom:0px !important;content:"";height:2px !important;position:absolute;width:100%;left:0}.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:#f7fefd;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:45rem;top:6.8rem;right:auto;right:initial;left:0;cursor:auto;background-color:#31343c;overflow-y:hidden}.chart-token-menu-items .menu-item{font-size:var(--font-sm);height:3.4rem;color:#a9b1b2}.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:#a9b1b2}.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:#a9b1b2;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:#a9b1b2;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%}@media(max-width: 1100px){.chart-token-menu-items.menu-items{top:5.05rem}}@media(max-width: 380px){.chart-token-selector{font-size:1.6rem}}
.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:#f7fefd !important}.miniSearch .Tokenselector-search-input::placeholder{color:#676767 !important}
.Token-icon{vertical-align:bottom;border-radius:50%}
.Market_filterHeader__FU730 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

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

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

.Market_tabOption__rfRt8:hover {
    opacity: .8;
}

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

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

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

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

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

.Market_filterBtn__Dq30m:hover {
    opacity: .8;
}

.Market_leaderText__0HbF4 {
    border-radius: 30px;
    background: #00481D;
    color: #F7FEFD;
}

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

.chart-token-list-perp thead{background-color:#121315 !important}.chart-token-list-perp .tdItem{color:#f7fefd}.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:Poppins-SemiBold !important}.market-perp .tabActive:after{background-color:#f7fefd;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%)}}
.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 #27272B;
  border-radius: 4px;
  min-width: 30rem;
}

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

.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:#171a1a;border-radius:6px}.buy-input.Exchange-swap-section .TokenSelector-box{display:flex;align-items:center;border-radius:1rem;color:#f7fefd;min-width:4.65rem;font-size:12px;line-height:2.5rem;justify-content:flex-end;width:-webkit-max-content;width:max-content}.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:#f7fefd;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-radius:var(--border-radius-sm);padding:0;background:linear-gradient(270deg, rgba(49, 54, 85, 0.9) 0%, rgba(37, 40, 65, 0.9) 100%);box-shadow:0px 4px 14px rgba(0,0,0,.25);margin-top:-2rem;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.PercentSelector .PercentSelector-item{padding:.5rem .75rem;cursor:pointer;border-radius:var(--border-radius-sm);width:4.5rem;text-align:center;font-size:1.4rem}.PercentSelector .PercentSelector-item:hover{background:rgba(180,187,255,.1)}.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: #A9B1B2;
}

.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:var(--border-radius-sm);right:0;padding:0;top:1.25rem;z-index:1;background:#212540}.Percentage-input-wrapper .Percentage-list li{padding:.5rem .75rem;cursor:pointer;border-radius:var(--border-radius-sm);width:4.5rem;text-align:center}.Percentage-input-wrapper .Percentage-list li:hover{background:rgba(58,63,121,.5607843137)}.Percentage-input-wrapper .Percentage-input{display:flex;align-items:center;border:1px solid #212540;border-radius:var(--border-radius-sm);padding-right:.5rem;line-height:1;background:#212540}.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:#121315}.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 rgba(255,255,255,.1607843137);background-color:#222328;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:#f7fefd;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}}
.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: #F7FEFD;
  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: #4FA480;
  /* font-weight: 800; */
}
.position-share .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #4FA480; */
}
.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: #F7FEFD;
  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:Poppins-SemiBold;font-size:15px;margin-right:4rem;cursor:pointer}.Chart-min-max-price{min-width:13rem}@keyframes use-color-change-green{0%{color:#4fa480}100%{color:#f7fefd}}@keyframes use-color-change-red{0%{color:#dd7789}100%{color:#f7fefd}}.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:#f7fefd;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}.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: #F7FEFD;
  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 .7rem}.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:#00481d;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:#f7fefd}.LeverageSlider .rc-slider-handle{background:#181823;border:solid 2px var(--primary-color);margin-top:-6px}.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:#f7fefd;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(13 171 12 / var(--tw-text-opacity));border:1px solid #0dab0c;-webkit-user-select:none;user-select:none;transform:scale(0.8)}.leverage-input-container{position:relative;border-radius:4px;border:1px solid #27272b;background:#171a1a;width:7.5rem;height:36px}.leverage-input{width:100%;border-radius:4px;text-align:right;width:7.5rem;height:36px;padding-right:20px;font-size:12px;text-align:left;color:#f7fefd}.leverage-input-suffix{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#f7fefd}
.dropdown-btn-menu{display:flex;gap:4px;align-items:center;font-weight:400;color:#a9b1b2;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:#a9b1b2;padding-bottom:1.5rem;font-size:var(--font-sm);padding:.85rem .8rem}.roi-menu-items .menu-item:hover{background:#4fa480 !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:#2d4133}.token-card-active{background-color:#2d4133 !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%)}}
.Exchange {
  /* max-width: 155rem; */
  margin: auto;
  justify-content: space-between;
}

.right-icon-box{
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  right: 12px;
  display: none;
  top: 2rem;
}
.left-icon-box {
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  top: 0rem;
  left: 37rem;
}
.right-icon-box-token-list {
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  right: 12px;
  top: 0rem;
}
.left-icon-box-token-list {
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  top: 0rem;
  left: 1.2rem;
}

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

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

.Exchange-list-tab-container {
  display: flex;
  align-items: center;
  padding:0 14px 0 14px;
}
.Exchange-list-tab-container .Tab.inline .Tab-option{
  padding: 0 6px 10px 6px;
  margin-right: 10px;
  position: relative;
  color: #A9B1B2;
  font-size: 12px;
  line-height: 20px;
  font-family: Poppins-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 #27272B;
} */

.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: #121315;
}
.token-large {
    display: block;
  }
.token-small {
  display: none !important;
}

.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: #F7FEFD;
  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;
  overflow-y: hidden;
  margin-right: 12px;
  transition: all .15s linear;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.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: #121315;
  border-radius: 0 !important;
  font-size: var(--font-base);
  padding: 14px 20px;
  display: flex;
  align-items: center;
}

.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: #A9B1B2;
  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: #A9B1B2;
  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 #27272B;
}

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: #121315;;
  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: 335px;
  }
}

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

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

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

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

.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: 1px solid #27272B !important;
  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: Poppins-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: #F7FEFD;
  /* outline: 1rem solid rgba(33, 37, 64, 1); */
  border-radius: 3px;   
  z-index: 1;
  cursor: pointer;
  font-size: var(--font-sm);
  background-color: #173d0e80 !important;
  border: none;
  margin-right: 1rem;
}

.Exchange-swap-max:hover {
  color: #FFFFFF !important;
  background-color: #00481D !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: 4px !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: #F7FEFD;
}

.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: #F7FEFD;
  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: #F7FEFD;
  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: #121315;;
  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: #121315;;
}

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

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

@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) {
  .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;
  }
  .token-large {
    display: none;
  }
  .token-small {
    display: flex !important;
  }

  .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 {
    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;
}

.TradeHistory{padding:10px;overflow-x:auto;max-height:29rem;min-height:29rem}.Claims-row{display:flex;flex-direction:row;padding:.1rem 1.5rem;align-items:center;flex:1 1}.Claims-card{border:.5px solid #27272b;font-size:var(--font-base);margin-bottom:.8rem;padding-bottom:1rem;border-radius:1rem}.Claims-title{border-bottom:1px solid #23263b;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:#f7fefd;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:#a9b1b2}.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:var(--font-xl);font-weight:700;margin:0}.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:#b7b7bd;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: #A9B1B2;
  /* background: #000000; */
}

.Footer h3 {
  font-size: 2.8rem;
  margin-top: 3rem;
  /* color: #4FA480; */
}
.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: #A9B1B2;
}
.line-center-left::after {
  content: "Join Our Community";
  position: absolute;
  color: #A9B1B2;
  bottom: 3.6rem;
  font-size: 2.2rem;
}
.Footer-link {
  color: #A9B1B2;
  font-size: var(--font-base);
  line-height: 1.85rem;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
.Footer-link:hover {
  color: #F7FEFD;
}

.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: #A9B1B2;
  display: block;
}
.Footer-links {
  margin-top: 8rem;
  padding-top: 30px;
  text-align: center;
  color: #F7FEFD;
  /* border-top: 1px solid #27272B; */
}
.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: #A9B1B2;
  background-color: #DFFE001A;
}
.action--active {
  /* background: #DFFE001A; */
  color: #F7FEFD !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: #F7FEFD;
  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: #4FA480;
  /* font-weight: 800; */
}
.position-share .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #4FA480; */
}
.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: #F7FEFD;
  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;max-height:29rem;min-height:29rem}.Claims-row{display:flex;flex-direction:row;padding:.1rem 1.5rem;align-items:center;flex:1 1}.Claims-card{border:.5px solid #27272b;font-size:var(--font-base);margin-bottom:.8rem;padding-bottom:1rem;border-radius:1rem}.Claims-title{border-bottom:1px solid #23263b;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:#f7fefd;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:#a9b1b2}.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:#a9b1b2;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:#a9b1b2;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.5fb8a67fdb033e49d325.svg) center}.rc-pagination-next{background:url(/static/media/next.1a4ed5723c2ab7cf9969.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:#f7fefd;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:#f7fefd}.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:#a9b1b2}.asset-menu-items-airdrop .airdrop-item:first-child{margin-top:0 !important}.airdrop-item:hover{background-color:#4fa480;color:#171717}.airdrop-active{background-color:#4fa480;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(79 164 128 / var(--tw-text-opacity))}.tableTab{border-color:rgba(0,0,0,0)}.activeTable{border-bottom-width:2px;--tw-border-opacity:1;border-color:rgb(79 164 128 / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(79 164 128 / 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:1px solid #212121;border-radius:4px;color:#a9b1b2;background-color:#212121}.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:#242e28;color:#4fa480}.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:#f7fefd;font-weight:500;text-align:center}.dropdown-btn-menu{display:flex;gap:4px;align-items:center;font-weight:400;color:#a9b1b2;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:#a9b1b2;padding-bottom:1.5rem;font-size:var(--font-sm);padding:.85rem .8rem}.phase-menu-items .menu-item:hover{background:#4fa480 !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:#121315}.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:#a9b1b2;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:#f7fefd;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 #4fa480}.select-active-bg{background:#282b33 !important}.premium-card{background:#121315;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)}
.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:#f7fefd;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:#4fa480;font-size:1.6rem;font-style:normal;font-weight:400;line-height:normal}.leaderboard-table-box{border:1px solid #34344c;border-radius:5px}.leaderboard-table{width:100%;border-spacing:0;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}.sort-th .sort{margin-left:.8rem;cursor:pointer}.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;text-align:right;width:16rem}.leaderboard-table th:nth-last-child(2),.leaderboard-table td:nth-last-child(2){padding-right:1.5rem;text-align:right;width:12rem}.leaderboard-table th{font-weight:normal;letter-spacing:.25px;color:#a9b1b2}.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){.leaderboard-table{display:none}.leaderboard-grid{display:block}}.homePop600{font-family:Poppins-SemiBold !important}.homePop400{font-family:Poppins-Regular !important}.homePop300{font-family:Poppins-Light !important}.homePop500{font-family:Poppins-Medium !important}.homePop{font-family:Poppins-Bold !important}.asset-menu-items{position:absolute;border:1px solid #27272b;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:#121315;border-radius:12px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.rewardsBox2{border:1px solid #34344c;background:#121315;border-radius:12px}.progress-bar-container{width:100%;background-color:#a9b1b2;border-radius:5px;position:relative;height:2px}.progress-bar{height:100%;background-color:#4fa480}.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:#121315;border-radius:12px;width:100%}.claimBtn{border:1px solid #4fa480}.claimBtn:disabled{opacity:.5}.tooltipBox .Tooltip-handle{width:100%;text-decoration:none}
.point-card .card-border{position:relative;border-radius:5px;background:#121315}.border-radius{border-radius:5px}.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}@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 #27272b;padding-bottom:10px}.padding-top{padding-top:10px}}.textColor{color:#a9b1b2;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 #4fa480 !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, #4FA480 0%, #0BE4C3 100%)}.progress-container{width:310px;border-radius:5px;margin-top:10px;color:#f7fefd;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:#4fa480;height:100%;border-radius:7px;transition:width .3s ease;width:0%}
.filterInput {
    border: 1px solid #565656;
    border-radius: 3px;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    padding: 4px 0;
    color: #F7FEFD;
}

.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: Poppins-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: #F7FEFD;
  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: #F7FEFD
}

@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 #27272b}.faucet-btn{background-color:#00481d !important;color:#a9b1b2 !important;width:19rem !important}.faucet-btn:hover{opacity:.8}.first-action{margin-right:1rem;margin-bottom:1rem}
.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}.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:Poppins-SemiBold !important}.homePop400{font-family:Poppins-Regular !important}.homePop300{font-family:Poppins-Light !important}.homePop500{font-family:Poppins-Medium !important}.homePop{font-family:Poppins-Bold !important}.asset-menu-items{position:absolute;border:1px solid #27272b;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(1, 127, 58, 0.2) 0.04%, rgba(2, 66, 30, 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:#4fa480}.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:#121315;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: #A9B1B2;
  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: #4FA480;
}
.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: #A9B1B2;
  font-size: var(--font-base);
  line-height: 1.85rem;
  font-weight: normal;
  text-decoration: none;
  cursor: pointer;
}
.HomeFooter-link:hover {
  color: #F7FEFD;
}

.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: #A9B1B2;
  display: block;
}
.HomeFooter-links {
  border-top: 1px solid #27272B;
  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: #A9B1B2;
  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: #A9B1B2;
  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: #A9B1B2;
  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: #A9B1B2;
  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: #F7FEFD;
}
.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: #4FA480;
  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: #A9B1B2;
  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: #A9B1B2;
  font-size: var(--font-md);
  line-height: 2.5rem;
  letter-spacing: 0px;
}

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

.Home-latest-info__description {
  letter-spacing: 0px;
  color: #A9B1B2;
  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: #F7FEFD;
  font-size: 3.8rem;
  line-height: 4.8rem;
}

.Home-faqs-introduction__description {
  letter-spacing: 0px;
  color: #A9B1B2;
  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: #F7FEFD;
}

.Home-faqs-content-main {
  overflow: hidden;
  height: 0px;
  visibility: hidden;
  padding: 0 0rem 0 3.1rem;
  letter-spacing: 0px;
  color: #A9B1B2;
  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: #A9B1B2;
  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: #F7FEFD;
  font-weight: 600;
  text-align: center;
}

.Home-feature-list h3 {
  color: #F7FEFD;
  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: #F7FEFD;
  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.25155025502035772069.svg) center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  margin-top: 20px;
}

.Home-tip-list h3 {
  color: #F7FEFD;
  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 #4FA480;
  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: #F7FEFD;
  font-family: Poppins-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.50d9060ab16218a19047.svg) no-repeat center;
  background-size: 100%;
}

.buy-read-more {
  color: #4FA480;
  color: var(--NN--main-color, #4FA480);
  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: #F7FEFD !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 #A9B1B2;
  background: rgba(1, 26, 4, 0.02);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.homeFeatureItem:hover .featureTitle{
  border: 1px solid #4FA480;
  background: #4FA480 !important;
  color: #000 !important;
}
.homeFeatureItem span{
  display: block;
}
.tradeBox{
  box-shadow: inset 0px 0px 20px 0px #A9B1B2;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.ecosystemBox{
  box-shadow: inset 0px 0px 20px 0px #A9B1B2;
  background: rgba(0, 0, 0, 0.01);
  border-radius: 20px;
}
.gradualBG{
  background: linear-gradient(90deg, #8C63FF 0%, #4FA480 100%) !important;
}
.bestBox{
  box-shadow: inset 0px 0px 20px 0px #A9B1B2;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.01);
}
.bestBox:hover{
  box-shadow: inset 0px 0px 20px 0px #4FA480;
  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: Poppins-Bold !important;
}
.homeTitle{
  text-shadow: 0px 4px 8px rgba(0, 29, 0, 0.65);
}
.homePop600{
  font-family: Poppins-SemiBold !important;
}
.homePop400{
  font-family: Poppins-Regular !important;
}
.homePop300{
  font-family: Poppins-Light !important;
}
.homePop500{
  font-family: Poppins-Medium !important;
}
.HomeFeature {
  text-align: left;
  font-size: 52px;
  line-height: 65px;
  --tw-text-opacity: 1;
  color: rgb(247 254 253 / 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(247 254 253 / 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: Poppins-Bold !important;
}
.tradeBtn:hover{
  opacity: 0.7;
}
.tradeItem{
  border: 0.5px solid #A9B1B2;
}
.tradeItem:hover{
  border-color: #4FA480 !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 #4FA480 !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: #4FA480;
  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 #4FA480 !important;
  background: rgba(0, 255, 26, 0.1);
}
.tokenBtn {
  margin-top: 25px;
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(79 164 128 / 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:#4FA480;
  position: absolute;
  filter: blur(30px);
  opacity: .7;
}
.liBg2{
  display: none;
  width: 60px;
  height: 30px;
  top: 40%;
  right: -25px;
  background: #4FA480;
  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 #4FA480;
}
.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: #F7FEFD;
}
.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: #F7FEFD;
  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: #4FA480;
  /* font-weight: 800; */
}
.position-share-referral .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #4FA480; */
}

.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: #F7FEFD;
  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}.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:#00481d;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:#f7fefd}
.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}.Rebate-amount .Tooltip-popup{min-width:20rem}
.referrals .firstBg{background:linear-gradient(90deg, #20232A -8%, #044F1A 131%)}.referrals .secondBg{background:linear-gradient(90deg, #5C6474 0%, #70809E 57%, #5C6474 100%)}.referrals .thirdBg{background:linear-gradient(90deg, #36342F 0%, #584A42 53%, #2E1C11 100%)}.referrals .defaultBg{background:#20232a}.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;border:.5px solid #34344c !important;font-size:1.6rem !important;overflow:hidden !important;border-radius:4rem !important}.referral-tab-block .muted{border:0 !important;border-radius:3px !important;color:#a9b1b2 !important;font-size:20px}.referral-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:1px solid #34344c;color:rgba(255,255,255,.7) !important;border-bottom:0 !important;padding:12px 0 !important}.referral-tab-block .active{background-color:#00481d !important;color:#f7fefd !important}.referral-tab-block .Tab-option:last-child{border-right:0 !important}.referral-input{border-radius:4px;border:1px solid #27272b}.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:#f7fefd;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 #27272b;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:#a9b1b2;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:#f7fefd;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:#a9b1b2;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:5px;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:#f7fefd;margin-bottom:1.5rem;text-align:center}.info-card .card-data{margin-top:26px;font-size:18px;line-height:27px;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.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:#a9b1b2}.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:#a9b1b2 !important}.referral-table tbody tr{border-bottom:1px solid #353333}.referral-table tbody tr:last-child{border:none !important}.referral-table td{padding-top:20px;padding-bottom:20px;color:#f7fefd !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:5px;font-size:var(--font-base);flex-direction:column;background:#121315}.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:#f7fefd;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(247 254 253 / 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:12px;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:#121315;overflow:hidden}.Stats-row .label{font-size:15px;line-height:18px;color:#a9b1b2}.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:#f7fefd;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:#4fa480;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:#a9b1b2}.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:#f7fefd}.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:Poppins-SemiBold !important}.homePop400{font-family:Poppins-Regular !important}.homePop300{font-family:Poppins-Light !important}.homePop500{font-family:Poppins-Medium !important}.homePop{font-family:Poppins-Bold !important}.asset-menu-items{position:absolute;border:1px solid #27272b;border-radius:.5rem;background:#121315;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:#121315;border-radius:12px}.rewardsBox2{background:#121315;border-radius:12px}.progress-bar-container{width:100%;background-color:#a9b1b2;border-radius:5px;position:relative;height:2px}.progress-bar{height:100%;background-color:#4fa480}.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:#121315;border-radius:12px;width:100%}.claimBtn{border:1px solid #4fa480}.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:#252525}
.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:Poppins-SemiBold !important}.homePop400{font-family:Poppins-Regular !important}.homePop300{font-family:Poppins-Light !important}.homePop500{font-family:Poppins-Medium !important}.homePop{font-family:Poppins-Bold !important}.quick-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liquidityContainer{max-width:435px;width:100%;background:#121315;border-radius:8px;padding:31px 20px;border:solid 1px #292929}.removeContainer{max-width:498px;width:100%;background:#121315;border-radius:8px;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:#f7fefd;font-size:3.41rem;font-weight:500}.Tab-description{letter-spacing:0px;color:#a9b1b2;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:#a9b1b2;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:#f7fefd}.App-card-title-mark .App-card-title-mark-subtitle{font-size:1.2rem;line-height:1.5rem;letter-spacing:0px;color:#a9b1b2}.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:#a9b1b2;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:#a9b1b2;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(79,164,128,.4941176471);border:1px solid #34344c;display:flex;justify-content:center;align-items:center;color:#f7fefd;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:Poppins-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:#f7fefd;-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:Poppins-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, #4FA480 0%, #0BE4C3 100%);color:#000}.swapNew{max-height:100% !important}.swapNew thead tr th{padding:16px 20px;color:#a9b1b2}.swapTitle{color:rgba(255,255,255,.8)}.swapText{font-size:16px;font-weight:500;line-height:23px;letter-spacing:0px;color:#f7fefd}.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:#00481d}.leaderText{border-radius:30px;background:rgba(0,72,29,.7019607843);color:#f7fefd}.leaderText2{border-radius:30px;color:#f7fefd;border:1px solid #00481d}.swapHeader{padding:12px;background:#121315}.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 #00481d;border-radius:12px;overflow:hidden}.manageItem{width:50%;text-align:center;padding:11px 0;font-size:16px;line-height:24px;color:#f7fefd;cursor:pointer}.manageItem:hover{background-color:#00481d}.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:#4fa480;-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 #00481d;border-radius:5px}.PositionDropdown-dots-icon{font-size:1rem;border:none;color:#a9b1b2;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:#f7fefd;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:#f7fefd;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:#a9b1b2}.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:#a9b1b2;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:#a9b1b2;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:#a9b1b2;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:#a9b1b2;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:#a9b1b2;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:#f7fefd}.sideSwap .tdItem{padding-left:20px;padding-right:20px}.tabsBox{display:flex;align-items:center}.tabOption{padding:6px 10px;font-size:16px;font-family:Poppins-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: #F7FEFD;
}

.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: Poppins-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%)}}
.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: #F7FEFD;
  background-color: #121315;
}
.liquidityManage .bannerBg{
  background: linear-gradient(3deg, #121315 2.91%, #002604 97.38%);
  border-radius: 4px;
}
.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:#a9b1b2}.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:#a9b1b2;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 0px;margin:0 30px;cursor:pointer;font-size:14px;font-weight:500;color:#a9b1b2;transition:color .3s}.campaign-center-container .campaign-tabs .tab:hover{color:#f7fefd}.campaign-center-container .campaign-tabs .tab.active{color:#f7fefd}.campaign-center-container .campaign-tabs .tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#f7fefd}.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:#121315;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:#a9b1b2}.campaign-center-container .campaign-card .campaign-status .status-badge.ongoing{border:.5px solid #00c785;background-color:rgba(0,199,133,.1411764706);color:#0ec173}.campaign-center-container .campaign-card .campaign-status .end-time{font-size:12px;color:#a9b1b2}.campaign-center-container .campaign-card .join-now-button{height:40px;margin:0 20px 20px 20px;border-radius:4px;background:linear-gradient(90deg, #049255 34.91%, #038692 122.49%);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:#a9b1b2;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: Poppins-Bold;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/Poppins-Bold.266c2af2fa67dafa3c34.ttf);
}
@font-face {
  font-family: Poppins-SemiBold;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/Poppins-SemiBold.b2a13c0b605b121902db.ttf);
}
@font-face {
  font-family: Poppins-Regular;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/Poppins-Regular.4603832ffdb676d05a8f.ttf);
}
@font-face {
  font-family: Poppins-Light;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/Poppins-Light.27d899b25a1e5dc41462.ttf);
}
@font-face {
  font-family: Poppins-Medium;
  font-display: swap;
  font-style: normal;
  src: url(/static/media/Poppins-Medium.4cbed326d43a3e353c4e.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;
}
.\!top-\[2rem\] {
  top: 2rem !important;
}
.\!top-\[55px\] {
  top: 55px !important;
}
.-bottom-\[20px\] {
  bottom: -20px;
}
.-left-\[48px\] {
  left: -48px;
}
.-left-\[8px\] {
  left: -8px;
}
.-right-\[12px\] {
  right: -12px;
}
.-right-\[17px\] {
  right: -17px;
}
.-right-\[27px\] {
  right: -27px;
}
.-right-\[4px\] {
  right: -4px;
}
.-top-0 {
  top: -0px;
}
.-top-\[10px\] {
  top: -10px;
}
.-top-\[1px\] {
  top: -1px;
}
.-top-\[4px\] {
  top: -4px;
}
.-top-\[8px\] {
  top: -8px;
}
.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-\[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-\[10\.8\%\] {
  right: 10.8%;
}
.right-\[10px\] {
  right: 10px;
}
.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-\[20px\] {
  top: 20px;
}
.top-\[21px\] {
  top: 21px;
}
.top-\[23px\] {
  top: 23px;
}
.top-\[28px\] {
  top: 28px;
}
.top-\[50\%\] {
  top: 50%;
}
.top-\[unset\] {
  top: auto;
  top: initial;
}
.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;
}
.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-\[12px\] {
  margin-left: 12px;
  margin-right: 12px;
}
.mx-\[14px\] {
  margin-left: 14px;
  margin-right: 14px;
}
.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-\[20px\] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.my-\[34px\] {
  margin-top: 34px;
  margin-bottom: 34px;
}
.my-\[5px\] {
  margin-top: 5px;
  margin-bottom: 5px;
}
.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-\[32px\] {
  margin-right: 32px !important;
}
.\!mt-\[-3px\] {
  margin-top: -3px !important;
}
.\!mt-\[0\] {
  margin-top: 0 !important;
}
.\!mt-\[0px\] {
  margin-top: 0px !important;
}
.\!mt-\[11rem\] {
  margin-top: 11rem !important;
}
.\!mt-\[13\.5rem\] {
  margin-top: 13.5rem !important;
}
.\!mt-\[30px\] {
  margin-top: 30px !important;
}
.\!mt-\[4rem\] {
  margin-top: 4rem !important;
}
.\!mt-\[5\.5rem\] {
  margin-top: 5.5rem !important;
}
.\!mt-\[60px\] {
  margin-top: 60px !important;
}
.\!mt-\[6rem\] {
  margin-top: 6rem !important;
}
.\!mt-\[7\.5rem\] {
  margin-top: 7.5rem !important;
}
.\!mt-\[8\.5rem\] {
  margin-top: 8.5rem !important;
}
.\!mt-\[8rem\] {
  margin-top: 8rem !important;
}
.\!mt-\[9\.5rem\] {
  margin-top: 9.5rem !important;
}
.\!mt-\[9rem\] {
  margin-top: 9rem !important;
}
.-mb-\[10px\] {
  margin-bottom: -10px;
}
.-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-\[7px\] {
  margin-left: -7px;
}
.-ml-\[8px\] {
  margin-left: -8px;
}
.-ml-\[9px\] {
  margin-left: -9px;
}
.-mt-\[10px\] {
  margin-top: -10px;
}
.-mt-\[15px\] {
  margin-top: -15px;
}
.-mt-\[8px\] {
  margin-top: -8px;
}
.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-\[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-\[25px\] {
  margin-bottom: 25px;
}
.mb-\[27px\] {
  margin-bottom: 27px;
}
.mb-\[28px\] {
  margin-bottom: 28px;
}
.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-\[42px\] {
  margin-bottom: 42px;
}
.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-\[72px\] {
  margin-bottom: 72px;
}
.mb-\[7px\] {
  margin-bottom: 7px;
}
.mb-\[84px\] {
  margin-bottom: 84px;
}
.mb-\[8px\] {
  margin-bottom: 8px;
}
.mb-\[9px\] {
  margin-bottom: 9px;
}
.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\.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-\[20px\] {
  margin-left: 20px;
}
.ml-\[23px\] {
  margin-left: 23px;
}
.ml-\[24px\] {
  margin-left: 24px;
}
.ml-\[2px\] {
  margin-left: 2px;
}
.ml-\[3px\] {
  margin-left: 3px;
}
.ml-\[40px\] {
  margin-left: 40px;
}
.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-\[15px\] {
  margin-right: 15px;
}
.mr-\[1px\] {
  margin-right: 1px;
}
.mr-\[20px\] {
  margin-right: 20px;
}
.mr-\[2px\] {
  margin-right: 2px;
}
.mr-\[2rem\] {
  margin-right: 2rem;
}
.mr-\[32px\] {
  margin-right: 32px;
}
.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-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-\[-20px\] {
  margin-top: -20px;
}
.mt-\[-2px\] {
  margin-top: -2px;
}
.mt-\[-40px\] {
  margin-top: -40px;
}
.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;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.\!h-\[17px\] {
  height: 17px !important;
}
.\!h-\[25px\] {
  height: 25px !important;
}
.\!h-\[32px\] {
  height: 32px !important;
}
.\!h-\[36px\] {
  height: 36px !important;
}
.h-24 {
  height: 6rem;
}
.h-3 {
  height: 0.75rem;
}
.h-5 {
  height: 1.25rem;
}
.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-\[16px\] {
  height: 16px;
}
.h-\[17px\] {
  height: 17px;
}
.h-\[185px\] {
  height: 185px;
}
.h-\[18px\] {
  height: 18px;
}
.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-\[21px\] {
  height: 21px;
}
.h-\[22px\] {
  height: 22px;
}
.h-\[24px\] {
  height: 24px;
}
.h-\[256px\] {
  height: 256px;
}
.h-\[25px\] {
  height: 25px;
}
.h-\[265px\] {
  height: 265px;
}
.h-\[26px\] {
  height: 26px;
}
.h-\[27px\] {
  height: 27px;
}
.h-\[28px\] {
  height: 28px;
}
.h-\[29px\] {
  height: 29px;
}
.h-\[2px\] {
  height: 2px;
}
.h-\[300px\] {
  height: 300px;
}
.h-\[30px\] {
  height: 30px;
}
.h-\[31px\] {
  height: 31px;
}
.h-\[320px\] {
  height: 320px;
}
.h-\[32px\] {
  height: 32px;
}
.h-\[33px\] {
  height: 33px;
}
.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-\[42px\] {
  height: 42px;
}
.h-\[43px\] {
  height: 43px;
}
.h-\[458px\] {
  height: 458px;
}
.h-\[45px\] {
  height: 45px;
}
.h-\[47px\] {
  height: 47px;
}
.h-\[48px\] {
  height: 48px;
}
.h-\[49px\] {
  height: 49px;
}
.h-\[4px\] {
  height: 4px;
}
.h-\[4rem\] {
  height: 4rem;
}
.h-\[50px\] {
  height: 50px;
}
.h-\[52px\] {
  height: 52px;
}
.h-\[55px\] {
  height: 55px;
}
.h-\[56px\] {
  height: 56px;
}
.h-\[5rem\] {
  height: 5rem;
}
.h-\[60px\] {
  height: 60px;
}
.h-\[65px\] {
  height: 65px;
}
.h-\[67px\] {
  height: 67px;
}
.h-\[68px\] {
  height: 68px;
}
.h-\[78px\] {
  height: 78px;
}
.h-\[7px\] {
  height: 7px;
}
.h-\[80px\] {
  height: 80px;
}
.h-\[86px\] {
  height: 86px;
}
.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-\[100\%\] {
  max-height: 100%;
}
.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-\[300px\] {
  min-height: 300px;
}
.min-h-\[34px\] {
  min-height: 34px;
}
.min-h-\[45\.5px\] {
  min-height: 45.5px;
}
.min-h-\[60px\] {
  min-height: 60px;
}
.min-h-\[60vh\] {
  min-height: 60vh;
}
.\!w-\[148px\] {
  width: 148px !important;
}
.\!w-\[14rem\] {
  width: 14rem !important;
}
.\!w-\[15rem\] {
  width: 15rem !important;
}
.\!w-\[17px\] {
  width: 17px !important;
}
.\!w-\[22px\] {
  width: 22px !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-2\/3 {
  width: 66.666667%;
}
.w-28 {
  width: 7rem;
}
.w-3 {
  width: 0.75rem;
}
.w-8 {
  width: 2rem;
}
.w-\[0\.5px\] {
  width: 0.5px;
}
.w-\[10\%\] {
  width: 10%;
}
.w-\[100\%\] {
  width: 100%;
}
.w-\[105px\] {
  width: 105px;
}
.w-\[110px\] {
  width: 110px;
}
.w-\[112px\] {
  width: 112px;
}
.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-\[16px\] {
  width: 16px;
}
.w-\[16rem\] {
  width: 16rem;
}
.w-\[17px\] {
  width: 17px;
}
.w-\[188px\] {
  width: 188px;
}
.w-\[18px\] {
  width: 18px;
}
.w-\[19px\] {
  width: 19px;
}
.w-\[2\.2rem\] {
  width: 2.2rem;
}
.w-\[20\%\] {
  width: 20%;
}
.w-\[200px\] {
  width: 200px;
}
.w-\[20px\] {
  width: 20px;
}
.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-\[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-\[36rem\] {
  width: 36rem;
}
.w-\[38rem\] {
  width: 38rem;
}
.w-\[39px\] {
  width: 39px;
}
.w-\[3rem\] {
  width: 3rem;
}
.w-\[40\%\] {
  width: 40%;
}
.w-\[400px\] {
  width: 400px;
}
.w-\[40px\] {
  width: 40px;
}
.w-\[42px\] {
  width: 42px;
}
.w-\[43px\] {
  width: 43px;
}
.w-\[44\%\] {
  width: 44%;
}
.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-\[56px\] {
  width: 56px;
}
.w-\[57\%\] {
  width: 57%;
}
.w-\[58px\] {
  width: 58px;
}
.w-\[5rem\] {
  width: 5rem;
}
.w-\[6\%\] {
  width: 6%;
}
.w-\[6\.5rem\] {
  width: 6.5rem;
}
.w-\[60\%\] {
  width: 60%;
}
.w-\[64rem\] {
  width: 64rem;
}
.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-\[97px\] {
  width: 97px;
}
.w-\[9px\] {
  width: 9px;
}
.w-\[auto\] {
  width: auto;
}
.w-\[calc\(100\%-468px\)\] {
  width: calc(100% - 468px);
}
.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;
}
.\!min-w-0 {
  min-width: 0px !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-\[110px\] {
  min-width: 110px;
}
.min-w-\[120px\] {
  min-width: 120px;
}
.min-w-\[150px\] {
  min-width: 150px;
}
.min-w-\[154px\] {
  min-width: 154px;
}
.min-w-\[15rem\] {
  min-width: 15rem;
}
.min-w-\[17rem\] {
  min-width: 17rem;
}
.min-w-\[180px\] {
  min-width: 180px;
}
.min-w-\[18rem\] {
  min-width: 18rem;
}
.min-w-\[190px\] {
  min-width: 190px;
}
.min-w-\[24rem\] {
  min-width: 24rem;
}
.min-w-\[300px\] {
  min-width: 300px;
}
.min-w-\[50px\] {
  min-width: 50px;
}
.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-\[100vw\] {
  max-width: 100vw;
}
.max-w-\[126\.4rem\] {
  max-width: 126.4rem;
}
.max-w-\[134px\] {
  max-width: 134px;
}
.max-w-\[200px\] {
  max-width: 200px;
}
.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-\[42rem\] {
  max-width: 42rem;
}
.max-w-\[432px\] {
  max-width: 432px;
}
.max-w-\[550px\] {
  max-width: 550px;
}
.max-w-\[754px\] {
  max-width: 754px;
}
.max-w-\[76px\] {
  max-width: 76px;
}
.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));
}
.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));
}
.\!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 {
  resize: both;
}
.list-disc {
  list-style-type: disc;
}
.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));
}
.grid-cols-4 {
  grid-template-columns: repeat(4, 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;
}
.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-0 {
  gap: 0px;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.gap-\[0\.5rem\] {
  gap: 0.5rem;
}
.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-\[3px\] {
  gap: 3px;
}
.gap-\[3rem\] {
  gap: 3rem;
}
.gap-\[4\.6rem\] {
  gap: 4.6rem;
}
.gap-\[4px\] {
  gap: 4px;
}
.gap-\[56px\] {
  gap: 56px;
}
.gap-\[5px\] {
  gap: 5px;
}
.gap-\[6px\] {
  gap: 6px;
}
.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-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-8 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}
.self-center {
  align-self: center;
}
.overflow-hidden {
  overflow: hidden;
}
.\!overflow-visible {
  overflow: visible !important;
}
.overflow-x-auto {
  overflow-x: auto;
}
.overflow-y-auto {
  overflow-y: auto;
}
.overflow-x-visible {
  overflow-x: visible;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.whitespace-pre-wrap {
  white-space: pre-wrap;
}
.break-words {
  overflow-wrap: break-word;
}
.\!rounded-\[3px\] {
  border-radius: 3px !important;
}
.\!rounded-\[4px\] {
  border-radius: 4px !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-\[24px\] {
  border-radius: 24px;
}
.rounded-\[26px\] {
  border-radius: 26px;
}
.rounded-\[2px\] {
  border-radius: 2px;
}
.rounded-\[2rem\] {
  border-radius: 2rem;
}
.rounded-\[30px\] {
  border-radius: 30px;
}
.rounded-\[3px\] {
  border-radius: 3px;
}
.rounded-\[40px\] {
  border-radius: 40px;
}
.rounded-\[4px\] {
  border-radius: 4px;
}
.rounded-\[50\%\] {
  border-radius: 50%;
}
.rounded-\[5px\] {
  border-radius: 5px;
}
.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-\[4px\] {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.rounded-t-\[4px\] {
  border-top-left-radius: 4px;
  border-top-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-\[8px\] {
  border-bottom-left-radius: 8px;
}
.rounded-bl-none {
  border-bottom-left-radius: 0px;
}
.rounded-br-\[8px\] {
  border-bottom-right-radius: 8px;
}
.rounded-br-md {
  border-bottom-right-radius: 0.375rem;
}
.rounded-br-none {
  border-bottom-right-radius: 0px;
}
.rounded-tl-\[4px\] {
  border-top-left-radius: 4px;
}
.rounded-tl-\[6px\] {
  border-top-left-radius: 6px;
}
.rounded-tr-\[4px\] {
  border-top-right-radius: 4px;
}
.rounded-tr-\[5px\] {
  border-top-right-radius: 5px;
}
.rounded-tr-\[6px\] {
  border-top-right-radius: 6px;
}
.rounded-tr-md {
  border-top-right-radius: 0.375rem;
}
.\!border-0 {
  border-width: 0px !important;
}
.border {
  border-width: 1px;
}
.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-\[\#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-\[\#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-\[\#00481D\] {
  --tw-border-opacity: 1;
  border-color: rgb(0 72 29 / 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-\[\#1C5B40\] {
  --tw-border-opacity: 1;
  border-color: rgb(28 91 64 / 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-\[\#323030\] {
  --tw-border-opacity: 1;
  border-color: rgb(50 48 48 / var(--tw-border-opacity));
}
.border-\[\#34344C\] {
  --tw-border-opacity: 1;
  border-color: rgb(52 52 76 / 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-\[\#F7FEFD\] {
  --tw-border-opacity: 1;
  border-color: rgb(247 254 253 / var(--tw-border-opacity));
}
.border-b-gray-400 {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.\!bg-\[\#00481D80\] {
  background-color: #00481D80 !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-\[unset\] {
  background-color: transparent !important;
  background-color: initial !important;
}
.bg-\[\#00481D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 72 29 / var(--tw-bg-opacity));
}
.bg-\[\#00481d66\] {
  background-color: #00481d66;
}
.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-\[\#0D0F12\] {
  --tw-bg-opacity: 1;
  background-color: rgb(13 15 18 / var(--tw-bg-opacity));
}
.bg-\[\#0ea89c17\] {
  background-color: #0ea89c17;
}
.bg-\[\#121315\;\] {
  background-color: #121315;;
}
.bg-\[\#121315\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 19 21 / var(--tw-bg-opacity));
}
.bg-\[\#121512\] {
  --tw-bg-opacity: 1;
  background-color: rgb(18 21 18 / var(--tw-bg-opacity));
}
.bg-\[\#131722\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 23 34 / var(--tw-bg-opacity));
}
.bg-\[\#16171A\;\] {
  background-color: #16171A;;
}
.bg-\[\#17191B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 25 27 / var(--tw-bg-opacity));
}
.bg-\[\#171A08\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 26 8 / var(--tw-bg-opacity));
}
.bg-\[\#171A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(23 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#18191B\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 25 27 / var(--tw-bg-opacity));
}
.bg-\[\#181A1A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(24 26 26 / var(--tw-bg-opacity));
}
.bg-\[\#1A1A1D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 26 29 / var(--tw-bg-opacity));
}
.bg-\[\#1A1B1E\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 27 30 / var(--tw-bg-opacity));
}
.bg-\[\#1A1C1F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 28 31 / var(--tw-bg-opacity));
}
.bg-\[\#1A1E1D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(26 30 29 / var(--tw-bg-opacity));
}
.bg-\[\#1C1C1C\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 28 28 / var(--tw-bg-opacity));
}
.bg-\[\#1C1F26\] {
  --tw-bg-opacity: 1;
  background-color: rgb(28 31 38 / var(--tw-bg-opacity));
}
.bg-\[\#1D2023\] {
  --tw-bg-opacity: 1;
  background-color: rgb(29 32 35 / 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-\[\#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-\[\#2B2A2A\] {
  --tw-bg-opacity: 1;
  background-color: rgb(43 42 42 / var(--tw-bg-opacity));
}
.bg-\[\#2D413380\] {
  background-color: #2D413380;
}
.bg-\[\#2E282480\] {
  background-color: #2E282480;
}
.bg-\[\#2E3030\] {
  --tw-bg-opacity: 1;
  background-color: rgb(46 48 48 / var(--tw-bg-opacity));
}
.bg-\[\#2F2F2F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(47 47 47 / var(--tw-bg-opacity));
}
.bg-\[\#2b6a2b4d\] {
  background-color: #2b6a2b4d;
}
.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-\[\#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-\[\#373943\] {
  --tw-bg-opacity: 1;
  background-color: rgb(55 57 67 / 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-\[\#4FA4801A\] {
  background-color: #4FA4801A;
}
.bg-\[\#4FA480\] {
  --tw-bg-opacity: 1;
  background-color: rgb(79 164 128 / 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-\[\#7BDF7F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(123 223 127 / var(--tw-bg-opacity));
}
.bg-\[\#83E2471A\] {
  background-color: #83E2471A;
}
.bg-\[\#83E247\] {
  --tw-bg-opacity: 1;
  background-color: rgb(131 226 71 / var(--tw-bg-opacity));
}
.bg-\[\#8C9E10\] {
  --tw-bg-opacity: 1;
  background-color: rgb(140 158 16 / var(--tw-bg-opacity));
}
.bg-\[\#9AE060\] {
  --tw-bg-opacity: 1;
  background-color: rgb(154 224 96 / var(--tw-bg-opacity));
}
.bg-\[\#A9B1B2\] {
  --tw-bg-opacity: 1;
  background-color: rgb(169 177 178 / 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-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;
}
.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);
}
.\!p-10 {
  padding: 2.5rem !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-\[0px\] {
  padding: 0px;
}
.p-\[1\.5rem\] {
  padding: 1.5rem;
}
.p-\[10px\] {
  padding: 10px;
}
.p-\[12px\] {
  padding: 12px;
}
.p-\[13px\] {
  padding: 13px;
}
.p-\[16px\] {
  padding: 16px;
}
.p-\[17px\] {
  padding: 17px;
}
.p-\[18px\] {
  padding: 18px;
}
.p-\[20px\] {
  padding: 20px;
}
.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-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.\!px-\[0px\] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.\!px-\[18px\] {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.\!px-\[33px\] {
  padding-left: 33px !important;
  padding-right: 33px !important;
}
.\!py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.\!py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.\!py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.\!py-\[16px\] {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.\!py-\[24px\] {
  padding-top: 24px !important;
  padding-bottom: 24px !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-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-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.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-\[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-\[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-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-\[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-\[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-\[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-\[2rem\] {
  padding-left: 2rem !important;
}
.\!pl-\[36px\] {
  padding-left: 36px !important;
}
.\!pl-\[42px\] {
  padding-left: 42px !important;
}
.\!pl-\[4rem\] {
  padding-left: 4rem !important;
}
.\!pr-8 {
  padding-right: 2rem !important;
}
.\!pr-\[10px\] {
  padding-right: 10px !important;
}
.\!pr-\[11px\] {
  padding-right: 11px !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-\[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-\[20px\] {
  padding-left: 20px;
}
.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-\[28px\] {
  padding-top: 28px;
}
.pt-\[2rem\] {
  padding-top: 2rem;
}
.pt-\[30px\] {
  padding-top: 30px;
}
.pt-\[33px\] {
  padding-top: 33px;
}
.pt-\[3px\] {
  padding-top: 3px;
}
.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-\[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-\[20px\] {
  font-size: 20px;
}
.text-\[22px\] {
  font-size: 22px;
}
.text-\[24px\] {
  font-size: 24px;
}
.text-\[26px\] {
  font-size: 26px;
}
.text-\[28px\] {
  font-size: 28px;
}
.text-\[32px\] {
  font-size: 32px;
}
.text-\[34px\] {
  font-size: 34px;
}
.text-\[3rem\] {
  font-size: 3rem;
}
.text-\[48px\] {
  font-size: 48px;
}
.text-\[50px\] {
  font-size: 50px;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.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-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-\[12px\] {
  line-height: 12px;
}
.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-\[19px\] {
  line-height: 19px;
}
.leading-\[2\.2rem\] {
  line-height: 2.2rem;
}
.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-\[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-\[56px\] {
  line-height: 56px;
}
.leading-\[60px\] {
  line-height: 60px;
}
.leading-\[66px\] {
  line-height: 66px;
}
.leading-normal {
  line-height: 1.5;
}
.\!text-\[\#4FA480\] {
  --tw-text-opacity: 1 !important;
  color: rgb(79 164 128 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#A9B1B2\] {
  --tw-text-opacity: 1 !important;
  color: rgb(169 177 178 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#DFFE00\] {
  --tw-text-opacity: 1 !important;
  color: rgb(223 254 0 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#F7FEFD\] {
  --tw-text-opacity: 1 !important;
  color: rgb(247 254 253 / var(--tw-text-opacity)) !important;
}
.\!text-\[\#FFFFFF80\] {
  color: #FFFFFF80 !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-\[\#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-\[\#0DAB0C\] {
  --tw-text-opacity: 1;
  color: rgb(13 171 12 / var(--tw-text-opacity));
}
.text-\[\#151515\] {
  --tw-text-opacity: 1;
  color: rgb(21 21 21 / var(--tw-text-opacity));
}
.text-\[\#15C378\] {
  --tw-text-opacity: 1;
  color: rgb(21 195 120 / var(--tw-text-opacity));
}
.text-\[\#169649\] {
  --tw-text-opacity: 1;
  color: rgb(22 150 73 / var(--tw-text-opacity));
}
.text-\[\#1EE379\] {
  --tw-text-opacity: 1;
  color: rgb(30 227 121 / 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-\[\#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-\[\#4FA480\] {
  --tw-text-opacity: 1;
  color: rgb(79 164 128 / var(--tw-text-opacity));
}
.text-\[\#55B87C\] {
  --tw-text-opacity: 1;
  color: rgb(85 184 124 / var(--tw-text-opacity));
}
.text-\[\#55C687\] {
  --tw-text-opacity: 1;
  color: rgb(85 198 135 / 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-\[\#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-\[\#83E247\] {
  --tw-text-opacity: 1;
  color: rgb(131 226 71 / 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-\[\#8A918C\] {
  --tw-text-opacity: 1;
  color: rgb(138 145 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-\[\#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-\[\#9f9f9f\] {
  --tw-text-opacity: 1;
  color: rgb(159 159 159 / 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-\[\#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-\[\#AFAFAF\] {
  --tw-text-opacity: 1;
  color: rgb(175 175 175 / 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-\[\#B7B7BD\] {
  --tw-text-opacity: 1;
  color: rgb(183 183 189 / 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-\[\#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-\[\#C5A349\] {
  --tw-text-opacity: 1;
  color: rgb(197 163 73 / var(--tw-text-opacity));
}
.text-\[\#C5C5C5\] {
  --tw-text-opacity: 1;
  color: rgb(197 197 197 / 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-\[\#CCCCCC\] {
  --tw-text-opacity: 1;
  color: rgb(204 204 204 / var(--tw-text-opacity));
}
.text-\[\#CFFE00\] {
  --tw-text-opacity: 1;
  color: rgb(207 254 0 / var(--tw-text-opacity));
}
.text-\[\#D07C8A\] {
  --tw-text-opacity: 1;
  color: rgb(208 124 138 / var(--tw-text-opacity));
}
.text-\[\#D3D3D3\] {
  --tw-text-opacity: 1;
  color: rgb(211 211 211 / 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-\[\#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-\[\#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-\[\#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-\[\#F5A74B\] {
  --tw-text-opacity: 1;
  color: rgb(245 167 75 / var(--tw-text-opacity));
}
.text-\[\#F7FEFDCC\] {
  color: #F7FEFDCC;
}
.text-\[\#F7FEFD\] {
  --tw-text-opacity: 1;
  color: rgb(247 254 253 / var(--tw-text-opacity));
}
.text-\[\#FAF600\] {
  --tw-text-opacity: 1;
  color: rgb(250 246 0 / var(--tw-text-opacity));
}
.text-\[\#FDFDFD\] {
  --tw-text-opacity: 1;
  color: rgb(253 253 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-\[\#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-\[\#FFD43D\] {
  --tw-text-opacity: 1;
  color: rgb(255 212 61 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF4D\] {
  color: #FFFFFF4D;
}
.text-\[\#FFFFFF80\] {
  color: #FFFFFF80;
}
.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-\[\#a9b1b2\] {
  --tw-text-opacity: 1;
  color: rgb(169 177 178 / var(--tw-text-opacity));
}
.text-\[\#aaa\] {
  --tw-text-opacity: 1;
  color: rgb(170 170 170 / 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\(--text-gray\)\] {
  color: #A9B1B2;
  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-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));
}
.underline {
  text-decoration-line: underline;
}
.\!no-underline {
  text-decoration-line: none !important;
}
.no-underline {
  text-decoration-line: none;
}
.decoration-\[\#A9B1B2\] {
  text-decoration-color: #A9B1B2;
}
.\!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-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;
}
.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-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

html,
body,
#root {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #F7FEFD;
  font-size: 10px;
  background-color: #000;
  background-image: url(/static/media/background.3024ff0ea9c13689574a.png);
}

body {
  margin: 0;
  font-family: "Poppins-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: #A9B1B2;
  border-radius: 1.5rem;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b3b4c2;
}
:root {
  --main-bg-color: #101124;
  --dark-blue: #31343C;
  --dark-blue-bg: #16182e;
  --dark-blue-accent: #A9B1B2;
  --primary-btn-bg: #4FA480;
  --primary-btn-hover: #4FA480;
  --primary-btn-active: #4FA480;
  --primary-color: #4FA480;
  --dark-blue-hover: #34344C;
  --dark-blue-border: #ffffff29;
  --dark-blue-active: #818cef33;
  --text-gray: #A9B1B2;
  --warning-yellow: rgb(243, 181, 12);
  --avax-red: #DD7789;
  --rolluxTestnet-blue: #28a0f0;
  --border-radius-sm: 2rem;
  --error-red: #DD7789;
  --error-red-hover: #ff687e;
  --green: #4FA480;
  --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: #F7FEFD
}

.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: #F7FEFD;
  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 #4FA480;
}

.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: #F7FEFD;
}

.label,
.label a {
  color: #A9B1B2;
}

ul li {
  padding-bottom: 1.5rem;
}

a.plain {
  text-decoration: none;
}

.checkbox:checked:before {
  background-color: green;
}

.default-btn-radius {
  border-radius: 5px;
  background: #4FA480;
  background: var(--NN--main-color, #4FA480);
  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: #4FA480;
  /* 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: #4FA480;
  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: #F7FEFD;
  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: #A9B1B2;
  color: var(--text-gray);
}


.color-text{
  color: #4FA480;
  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: #A9B1B2;
  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: #4FA480;
  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\.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-\[\#00481d99\]:hover {
  background-color: #00481d99;
}

.hover\:bg-\[\#202226\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(32 34 38 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#252525\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2B2F36\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(43 47 54 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2E3136\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(46 49 54 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#2a2a2a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(42 42 42 / var(--tw-bg-opacity));
}

.hover\:bg-\[\#4FA4801A\]:hover {
  background-color: #4FA4801A;
}

.hover\:bg-\[\#4FA480\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(79 164 128 / var(--tw-bg-opacity));
}

.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-\[\#55B87C\]:hover {
  --tw-text-opacity: 1;
  color: rgb(85 184 124 / var(--tw-text-opacity));
}

.hover\:text-\[\#A9B1B2\]:hover {
  --tw-text-opacity: 1;
  color: rgb(169 177 178 / var(--tw-text-opacity));
}

.hover\:text-black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:underline:hover {
  text-decoration-line: underline;
}

.hover\:opacity-70:hover {
  opacity: 0.7;
}

.hover\:opacity-80:hover {
  opacity: 0.8;
}

.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-0:focus {
  outline-width: 0px;
}

@media not all and (min-width: 1024px) {

  .max-lg\:w-full {
    width: 100%;
  }
}

@media not all and (min-width: 800px) {

  .max-md\:bottom-\[5px\] {
    bottom: 5px;
  }

  .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\: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\:h-\[6rem\] {
    height: 6rem;
  }

  .max-md\:\!w-full {
    width: 100% !important;
  }

  .max-md\:w-\[12rem\] {
    width: 12rem;
  }

  .max-md\:w-\[6rem\] {
    width: 6rem;
  }

  .max-md\:w-full {
    width: 100%;
  }

  .max-md\:max-w-full {
    max-width: 100%;
  }

  .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\: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\:\!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\: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-\[15px\] {
    padding-left: 15px;
    padding-right: 15px;
  }

  .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-\[50\%\] {
    width: 50%;
  }

  .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\:justify-start {
    justify-content: flex-start;
  }

  .sm\:justify-between {
    justify-content: space-between;
  }

  .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\:px-\[50px\] {
    padding-left: 50px;
    padding-right: 50px;
  }

  .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-\[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\:left-\[26px\] {
    left: 26px;
  }

  .md\:top-0 {
    top: 0px;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:\!mt-\[10\.5rem\] {
    margin-top: 10.5rem !important;
  }

  .md\:\!mt-\[10\.7rem\] {
    margin-top: 10.7rem !important;
  }

  .md\:\!mt-\[11\.5rem\] {
    margin-top: 11.5rem !important;
  }

  .md\:\!mt-\[13\.5rem\] {
    margin-top: 13.5rem !important;
  }

  .md\:\!mt-\[8\.5rem\] {
    margin-top: 8.5rem !important;
  }

  .md\:\!mt-\[92px\] {
    margin-top: 92px !important;
  }

  .md\:\!mt-\[9rem\] {
    margin-top: 9rem !important;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:ml-\[12px\] {
    margin-left: 12px;
  }

  .md\:ml-\[24px\] {
    margin-left: 24px;
  }

  .md\:ml-\[6px\] {
    margin-left: 6px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mt-\[0px\] {
    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-\[56px\] {
    margin-top: 56px;
  }

  .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-\[220px\] {
    height: 220px;
  }

  .md\:h-\[265px\] {
    height: 265px;
  }

  .md\:h-\[80px\] {
    height: 80px;
  }

  .md\:w-\[124px\] {
    width: 124px;
  }

  .md\:w-\[22\%\] {
    width: 22%;
  }

  .md\:w-\[24\%\] {
    width: 24%;
  }

  .md\:w-\[26\%\] {
    width: 26%;
  }

  .md\:w-\[280px\] {
    width: 280px;
  }

  .md\:w-\[310px\] {
    width: 310px;
  }

  .md\:w-\[32\%\] {
    width: 32%;
  }

  .md\:w-\[33\%\] {
    width: 33%;
  }

  .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-\[unset\] {
    width: auto;
    width: initial;
  }

  .md\:w-auto {
    width: auto;
  }

  .md\:min-w-\[214px\] {
    min-width: 214px;
  }

  .md\:min-w-\[220px\] {
    min-width: 220px;
  }

  .md\:min-w-\[300px\] {
    min-width: 300px;
  }

  .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-\[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\:bottom-\[unset\] {
    bottom: auto;
    bottom: initial;
  }

  .lg\:top-0 {
    top: 0px;
  }

  .lg\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .lg\:mb-0 {
    margin-bottom: 0px;
  }

  .lg\:ml-\[10px\] {
    margin-left: 10px;
  }

  .lg\:ml-\[24px\] {
    margin-left: 24px;
  }

  .lg\:ml-\[25px\] {
    margin-left: 25px;
  }

  .lg\:ml-\[48px\] {
    margin-left: 48px;
  }

  .lg\:mt-0 {
    margin-top: 0px;
  }

  .lg\:block {
    display: block;
  }

  .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-\[61\.5\%\] {
    width: 61.5%;
  }

  .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-\[calc\(100\%-260px\)\] {
    max-width: calc(100% - 260px);
  }

  .lg\:max-w-\[calc\(100\%-335px\)\] {
    max-width: calc(100% - 335px);
  }

  .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-end {
    justify-content: flex-end;
  }

  .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: #121315 !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:#a9b1b2;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}.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{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:space-between;position:relative;padding-left:3.2rem;padding-right:3.2rem;background:rgba(0,0,0,0) 0% 0% no-repeat padding-box}.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:#a9b1b2;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:#f7fefd}.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:#f7fefd;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:#f7fefd}.App-card-long_sub__info___subtitle{font-size:1.2rem;line-height:1.5rem;font-weight:normal;letter-spacing:0px;color:#a9b1b2}.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:#a9b1b2}.App-card-long_sub:first-child{display:flex;align-items:center}.App-card-long_sub__title{color:#a9b1b2;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:#f7fefd;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:#f7fefd}.App-card-info-subtitle{font-size:12px;line-height:1.5rem;font-weight:normal;letter-spacing:0px;color:#a9b1b2}.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:#f7fefd;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:1rem;display:inline-flex;align-items:center;color:#f7fefd;position:relative}.mobile-menu-divider{height:1px;background:#4e516a}.App-card-divider{height:1px;background:#27272b;margin:1.05rem -1.5rem}.App-card-divider:last-child{display:none}.line-divider{height:1px;background:#27272b;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:#f7fefd;letter-spacing:0px}.section-title-content .section-title-content__description{font-size:1.8rem;line-height:2.3rem;letter-spacing:0px;color:#a9b1b2;margin-top:.4rem;max-width:62rem}.section-title-content .section-title-content__description span{cursor:pointer;color:#f7fefd}.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:#f7fefd;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:1rem;font-size:var(--font-base);background:#121315}.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:#f7fefd;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:#a9b1b2;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:#a9b1b2;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:#f7fefd;border-radius:4px;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:#f7fefd;text-decoration:none;background:linear-gradient(90deg, #4FA480 0%, #4FA480 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:#a9b1b2;opacity:1}a.App-cta.transparent:hover,button.App-cta.transparent:hover:enabled{color:#f7fefd;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:#f7fefd;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:#f7fefd;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:#121315}.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:#f7fefd;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:#333957;color:#f7fefd;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:#f7fefd;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:#f7fefd;border-radius:.6rem}.Toastify__toast--default .Toastify__close-button{color:#f7fefd}.Toastify__toast--default .Toastify__close-button:hover{color:#f7fefd;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:var(--green)}.positive-background{background:linear-gradient(45deg, rgb(10, 115, 75) 0%, rgb(12, 154, 100) 100%)}.negative{color:var(--error-red)}.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:#f7fefd;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}@keyframes spin-animation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.bgDe{background:#121315}.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%, #121315 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 #121315}.collapseBox{scrollbar-width:thin;scrollbar-color:#121315 #121315}.collapseBox:hover{scrollbar-width:thin;scrollbar-color:#343434 #121315}.collapseBox::-webkit-scrollbar{width:2px !important}.collapseBox::-webkit-scrollbar-track{background:#121315}.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 .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 .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 {
  opacity: 1;
}

.single-toast {
  background: rgba(43, 49, 85, 0.85);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  color: #F7FEFD;
  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: #F7FEFD;
}
.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: #A9B1B2;
}
.go-back a {
  color: #F7FEFD
}

@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: #A9B1B2;
  /* color: #A9B1B2; */
}

.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: #A9B1B2;
}

.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:#f7fefd !important}.user-address{margin-left:1rem;margin-right:1rem}.App-header-user-address:hover{background:#222328}.App-header-user-address:active{background:#222328}.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:#222328}.menu-items .menu-item{display:flex !important;align-items:center;font-size:var(--font-base);color:#a9b1b2;padding-bottom:1.5rem;font-size:var(--font-sm);padding:.85rem .8rem}.menu-items .menu-item:hover{background:rgba(255,255,255,.1019607843) !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:#00481d;padding:.45rem 1.4rem;display:inline-flex;align-items:center;border:none;color:#f7fefd;font-size:var(--font-sm);cursor:pointer;border:1px solid #00481d;border-radius:var(--border-radius-sm);border-radius:.5rem;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:#f7fefd;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: 5px;
  /* border: 1px solid #A9B1B2; */
  border-radius: var(--border-radius-sm);
  height: 3.6rem;
  display: inline-flex;
  align-items: center;
  color: #F7FEFD;
  border-radius: 0.5rem;
}

.App-header-language {
  margin-left: 0;
}

.network-dropdown {
  display: inline-flex;
}
.network-dropdown-items {
  min-width: 17rem;
  padding-bottom: 0.8rem;
  background: #222328;
}
.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: #222328;
  cursor: pointer;
}
.App-header-network:active {
  background: #222328;
}
/* .network-dropdown:active {
  background: #222328;
} */

.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: #A9B1B2;
  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: #F7FEFD;
}

.network-option-img-label {
  font-size: var(--font-md);
  line-height: 2rem;
  letter-spacing: 0.29px;
  color: #F7FEFD;
}

.dropdown-label {
  color: #A9B1B2;
  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;
}

.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: #A9B1B2;
}

.sub-menu-active {
  color: #55B87C;
  position: relative;
}
/* .sub-menu-active::after {
  content: "";
  height: 2px;
  width: 100%;
  background-color: #4FA480;
  position: absolute;
  bottom: -17px;
} */

.App-header.large {
  /* height: 6.2rem; */
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  /* background: #1A1A1D !important; */
}
.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: #121315;
  /* 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; */
}

.App-sub-header-link-container {
  text-align: center;
}

.App-header-swap {
  display: block;
  color: #A9B1B2;
  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: #A9B1B2;
  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: #F7FEFD;
  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: #F7FEFD;
  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: #A9B1B2;
  font-size: 15px;
  line-height: 1.8rem;
  font-weight: normal;
}

.App-header-container-left .a.active,
.App-header-container-left a.active {
  color: #55B87C;
}

.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: #F7FEFD;
  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: 1rem;
  display: inline-flex;
  align-items: center;
  color: #F7FEFD;
  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;
  color: #F7FEFD;
  position: relative;
  padding: 0 1.7rem;
  color: #a0a3c4;
  font-weight: bold;
  width: 6rem;
}

.App-header-more .menu-items {
  left: -3.2rem;
  top: 3px;
  background: #1A1A1A;
  width: 172px;
  padding: 6px 3px;
  border-radius: 4px;
}

.App-header-more .menu-item-header {
  padding: 0.6rem 0.8rem !important;
  margin: 7px 12px;
  background: #313131;
  border-radius: 2px;
}
.App-header-more .menu-item-header:hover {
  background: #55565B !important;
}
.App-header-more .active::after {
  display: none;
}

.App-header-more .active {
  background: #55565B !important;
}

.more-btn-menu {
  display: flex;
  align-items: flex-end;
  font-weight: bold;
  color: #A9B1B2;
  height: 54px;
  padding: 1rem 1.7rem;
  justify-content: center;
  font-size: 32px;
}
.more-btn-menu-home {
  display: flex;
  align-items: center;
  font-weight: 100;
  color: #A9B1B2;
  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: #F7FEFD;
}
.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: #F7FEFD;
}

.switch-swap-trade .default-btn-radius {
  border-radius: 0 !important;
}

.switch-swap-trade .active {
  background-color: #4FA480 !important;
  opacity: 1 !important;
  color: #0e0f1f !important;
}
.swap-slippage {
  gap: 0.2rem;
  align-items: center;
  cursor: pointer;
}
.swap-link {
  background: #4FA48033;
  color: #4FA480;
  cursor: pointer;
  text-decoration: none;
  padding: 8px;
  border-radius: 3px;
  font-size: 14px;
  align-items: center;
}
.swap-link .Exchange-info-label {
  color: #4FA480;
  cursor: pointer;
  text-decoration: none;
}
/* .swap-link:hover {
  color: rgb(255, 255, 255);
} */
.menu-info {
  flex-wrap: wrap;
  color: #F7FEFD;
  font-size: 15px;
}
.menu-info .desc {
  margin-top: 0.5rem;
  font-size: 12px;
  font-weight: 350;
  line-height: normal;
  color: #B0B0B0;
}
.menu-item-icon {
  width: 38px !important;
  height: 38px !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: #A9B1B2;
  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 {
  opacity: 0.8;
}
.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: Poppins-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: #00481D;
  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:#f7fefd;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 #27272b;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: #00481D;
  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: #F7FEFD !important;
}

.tabActive:after {
    background-color: #F7FEFD;
    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: #A9B1B2;
}

.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%)}}
.chart-token-selector{border:none;background:rgba(0,0,0,0);color:#f7fefd;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)}.react-loading-skeleton{background:#212328 !important}.react-loading-skeleton::after{background:linear-gradient(to right, transparent, rgba(180, 187, 255, 0.1019607843), transparent) !important;animation-duration:2s}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}.market-perp-select{scroll-behavior:smooth;overflow-x:auto;white-space:nowrap}.market-perp-select .tabActive{font-weight:bold;font-family:Poppins-SemiBold !important}.market-perp-select .tabActive:after{background-color:#007730 !important;bottom:-5px !important;content:"";height:2px !important;position:absolute;width:100%;left:0}.market-perp-select-container{position:relative;overflow:hidden;transition:box-shadow .3s ease}.market-perp-select-container-noLeft::before{display:none}.market-perp-select-container-noRight::after{display:none}.market-perp-select-container::before,.market-perp-select-container::after{content:"";position:absolute;top:calc(50% - 15px);width:30px;height:30px;pointer-events:none;z-index:1}.market-perp-select-container::before{left:20px;background:linear-gradient(to right, rgba(18, 19, 21, 0.8), transparent)}.market-perp-select-container::after{right:20px;background:linear-gradient(to left, rgba(18, 19, 21, 0.8), transparent)}.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:#f7fefd;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:45rem;top:6.8rem;right:auto;right:initial;left:0;cursor:auto;background-color:#31343c;overflow-y:hidden}.chart-token-menu-items .menu-item{font-size:var(--font-sm);height:3.4rem;color:#a9b1b2}.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:#a9b1b2}.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:#a9b1b2;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:#a9b1b2;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%}@media(max-width: 1100px){.chart-token-menu-items.menu-items{top:5.05rem}}@media(max-width: 380px){.chart-token-selector{font-size:1.6rem}}
.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:Poppins-SemiBold;font-size:15px;margin-right:4rem;cursor:pointer}@keyframes use-color-change-green{0%{color:#4fa480}100%{color:#f7fefd}}@keyframes use-color-change-red{0%{color:#dd7789}100%{color:#f7fefd}}.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:#f7fefd;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}
.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: #F7FEFD;
  opacity: 0.8;
}
.order-list li button:hover {
  opacity: 1;
}

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

.dropdown-btn-menu{display:flex;gap:4px;align-items:center;font-weight:400;color:#a9b1b2;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:#a9b1b2;padding-bottom:1.5rem;font-size:var(--font-sm);padding:.85rem .8rem}.roi-menu-items .menu-item:hover{background:#4fa480 !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:#2d4133}.token-card-active{background-color:#2d4133 !important}
.PositionsList .mobile{display:none}.PositionsList .pc{display:block}@media(max-width: 1024px){.mobile{display:block !important}.pc{display:none !important}}
.Exchange {
  /* max-width: 155rem; */
  margin: auto;
  justify-content: space-between;
}

.right-icon-box{
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  right: 12px;
  display: none;
  top: 2rem;
}

.left-icon-box {
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  top: 2rem;
  left: 37rem;
}
.right-icon-box-token-list {
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  right: 12px;
  top: 0rem;
}
.left-icon-box-token-list {
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  top: 0rem;
  left: 1.2rem;
}
.right-icon-box{
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  right: 12px;
  display: none;
  top: 2rem;
}

.left-icon-box {
  cursor: pointer;
  position: absolute;
  background: #1A1E2C;
  padding: 10px 3px;
  z-index: 2;
  display: none;
  top: 2rem;
  left: 37rem;
}

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

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

.Exchange-list-tab-container {
  display: flex;
  align-items: center;
  padding:0 14px 0 14px;
}
.Exchange-list-tab-container .Tab.inline .Tab-option{
  padding: 0 6px 10px 6px;
  margin-right: 10px;
  position: relative;
  color: #A9B1B2;
  font-size: 12px;
  line-height: 20px;
  font-family: Poppins-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 #27272B;
} */

.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: #121315;
}

.token-large {
  display: block;
}
.token-small {
  display: none !important;
}

.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: #F7FEFD;
  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;
  overflow-y: hidden;
  margin-right: 12px;
  transition: all .15s linear;
  scrollbar-width: none;
  scroll-behavior: smooth;
}

.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: #121315;
  border-radius: 0 !important;
  font-size: var(--font-base);
  padding: 14px 20px;
  display: flex;
  align-items: center;
}

.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: #A9B1B2;
  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: #A9B1B2;
  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 #27272B;
}

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: #121315;;
  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: 335px;
  }
}

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

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

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

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

.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: 0px solid #27272B;
  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: Poppins-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: #F7FEFD;
  /* outline: 1rem solid rgba(33, 37, 64, 1); */
  border-radius: 3px;   
  z-index: 1;
  cursor: pointer;
  font-size: var(--font-sm);
  background-color: #173d0e80 !important;
  border: none;
  margin-right: 1rem;
}

.Exchange-swap-max:hover {
  color: #FFFFFF !important;
  background-color: #00481D !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: 4px !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: #F7FEFD;
}

.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: #F7FEFD;
  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: #F7FEFD;
  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: #121315;;
  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: #121315;;
}

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

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

@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) {
  .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;
  }

  .token-large {
    display: none;
  }
  .token-small {
    display: flex !important;
  }

  .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 {
    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;
}

.scrolling{background-color:#2e3c2e;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:#383838 !important;color:#f7fefd !important}.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:#a9b1b2;display:flex;justify-content:center;align-items:center;padding:9px 15px;height:36px;border-radius:4px;border:1px solid rgba(47,47,47,.5019607843);background:rgba(47,47,47,.5019607843);cursor:pointer}.market-page .filter-btn-active{border-radius:4px;background:#00481d;padding:4px 10px;display:flex;justify-content:center;align-items:center;gap:6px}.market-page .filter-btn-active .active{background-color:#55be13 !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:4px;border:1px solid #292929;background:#16171a;height:36px;line-height:36px;width:100%;color:#9f9f9f;font-size:16px;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:#00481d;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:4px;border:1px solid #00481d;background-color:#00481d;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}}
/* 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:#2e3c2e;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:20px;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:#121315;border-radius:4px;overflow:hidden;border:1px solid rgba(0,0,0,0);cursor:pointer;width:calc((100% - 32px)/3)}.market-list-item-new:hover{border:1px solid #83e247}.market-list-item-new .progress-state-live{font-size:12px;font-weight:500;color:#7bdf7f !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:#a9b1b2}.video-overlay{position:absolute;width:15rem;height:10rem;top:-5px}@keyframes flash{0%{background-color:#121315}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 #83e247;background-color:#2e4321}60%{transform:translate(-2px, -2px)}70%{transform:translate(2px, 2px)}80%{transform:translate(-2px, 2px)}90%{transform:translate(2px, -2px)}100%{background-color:#121315}}@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:#a9b1b2;width:100%;padding:3px}.market-list-item-new{width:100%}}.market-list-item-new .react-loading-skeleton{background:#16171a !important}@keyframes react-loading-skeleton{0%{transform:translateX(-100%)}60%{transform:translateX(100%)}100%{transform:translateX(100%)}}
.kingBg{background:linear-gradient(90deg, #1D2E26 0%, #0A1211 100%);position:relative}.kingBg .king-title{border-radius:24px;background:linear-gradient(90deg, #B6D859 0%, #1F8DB5 100%);color:#fff;font-family:Poppins-Medium;font-size:12px;font-style:normal;width:14rem;height:26px;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%, -50%);top:0px}.kingBg .progress-bar{border-radius:2px;border:1px solid #7bdf7f}.kingBg .progress-bar .bar{border-radius:2px;background:#7bdf7f}.kingBg .progress-val{color:#7bdf7f}.kingBg .trade-now-btn{font-family:Poppins-Medium;font-size:14px;font-style:normal;font-weight:500;border-radius:4px;border:1px solid #29b560;height:29px;display:flex;justify-content:center;align-items:center;color:#29b560;position:absolute;right:16px;top:25px}.listedBg{position:relative;background:linear-gradient(90deg, #332525 0%, #24221C 100%)}.listedBg .king-title{border-radius:24px;background:linear-gradient(90deg, #EEB757 0%, #DD544A 100%);color:#fff;font-family:Poppins-Medium;font-size:12px;font-style:normal;width:14rem;height:26px;display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%, -50%);top:0px}.listedBg .progress-bar{border-radius:2px;border:1px solid #dd584a}.listedBg .progress-bar .bar{border-radius:2px;background:linear-gradient(90deg, #EDB256 0%, #DD584A 100%)}.listedBg .progress-val{color:#dd594a}.listedBg .trade-now-btn{font-family:Poppins-Medium;font-size:14px;font-style:normal;font-weight:500;border-radius:4px;border:1px solid #ebaa54;height:29px;display:flex;justify-content:center;align-items:center;color:#ebaa54;position:absolute;right:16px;top:25px}.king-banner{display:flex;align-items:center;padding:22px 16px;border-radius:4px;position:relative;cursor:pointer}.king-banner .ca-value{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}.king-banner .king-token-card{flex:1 1;gap:16px;display:flex}.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:#a9b1b2}@media(max-width: 1000px){.kingBg .trade-now-btn{top:20px}.listedBg .trade-now-btn{top:20px}.king-token-card{flex-wrap:wrap;gap:20px !important}.king-token-card .token-text-desc{margin-bottom:20px;overflow-wrap:break-word;word-break:break-all}.king-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:#a9b1b2;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}}
.Contest_headerContainer__Hptg1 {
    margin-bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

@media (min-width: 800px) {

    .Contest_headerContainer__Hptg1 {
        flex-direction: row;
    }
}

.Contest_headerContent__yfyZX {
    margin-bottom: 2rem;
    width: 100%;
    padding-right: 0px;
}

@media (min-width: 800px) {

    .Contest_headerContent__yfyZX {
        margin-bottom: 0px;
        width: 56%;
        padding-right: 2rem;
    }
}

.Contest_headerImage__sZsWE {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

@media (min-width: 800px) {

    .Contest_headerImage__sZsWE {
        width: 36%;
    }
}

.Contest_headerImage__sZsWE img {
    max-width: 100%;
    height: auto;
}

.Contest_mainTitle__NJzVG {
    margin-bottom: 4px;
    font-size: 24px;
    line-height: 30px;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_mainTitle__NJzVG {
        font-size: 32px;
        line-height: 38px;
    }
}

.Contest_mainTitle__NJzVG {
    font-family: Poppins-Medium !important;
}

.Contest_subTitle__pAJh\+ {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 22px;
    --tw-text-opacity: 1;
    color: rgb(169 177 178 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_subTitle__pAJh\+ {
        margin-bottom: 36px;
    }
}

.Contest_subTitle__pAJh\+ {
    font-family: Poppins-Regular !important;
}

.Contest_buttonGroup__xuhDY {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
}

.Contest_primaryButton__pVs9R {
    padding: 13px 18px;
    font-size: 16px;
    font-family: Poppins-Medium !important;
    color: #474747;
    background-color: #ECECEC;
    line-height: 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: opacity 0.2s;
}

.Contest_primaryButton__pVs9R:hover {
    opacity: 0.8;
}

.Contest_secondaryButton__qvoMb {
    padding: 13px 24px;
    font-size: 16px;
    min-width: 124px;
    font-family: Poppins-Medium !important;
    color: #F7FEFD;
    line-height: 24px;
    background-color: transparent;
    border-radius: 6px;
    border: 1px solid #797979;
    cursor: pointer;
    transition: opacity 0.2s;
    display: flex;
    align-items: center;
}

.Contest_secondaryButton__qvoMb:hover {
    opacity: 0.8;
}

.Contest_contentContainer__TFzBe {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.Contest_contentTitle__CqMTb {
    margin-bottom: 12px;
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_contentTitle__CqMTb {
        font-size: 28px;
        line-height: 38px;
    }
}

.Contest_contentTitle__CqMTb {
    font-family: Poppins-Medium !important;
}

.Contest_contentSubtitle__dTYjP {
    margin-bottom: 40px;
    max-width: 1100px;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    --tw-text-opacity: 1;
    color: rgb(169 177 178 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_contentSubtitle__dTYjP {
        margin-bottom: 64px;
    }
}

.Contest_contentSubtitle__dTYjP {
    font-family: Poppins-Regular !important;
}

.Contest_filterHeader__cGdeM {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

@media (min-width: 800px) {

    .Contest_filterHeader__cGdeM {
        flex-direction: row;
        align-items: center;
    }
}

.Contest_tabsBox__PsxW0 {
    display: flex;
    width: 100%;
    align-items: center;
}

@media (min-width: 800px) {

    .Contest_tabsBox__PsxW0 {
        width: auto;
    }
}

.Contest_tabsBox__PsxW0 {
    overflow-x: auto;
}

.Contest_tabOption__DhcKY {
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 18px;
    color: rgb(169 177 178 / var(--tw-text-opacity));
    --tw-text-opacity: 0.7;
}

@media (min-width: 400px) {

    .Contest_tabOption__DhcKY {
        font-size: 12px;
    }
}

@media (min-width: 800px) {

    .Contest_tabOption__DhcKY {
        padding-left: 30px;
        padding-right: 30px;
        font-size: 16px;
    }
}

.Contest_tabOption__DhcKY {
    font-family: Poppins-Medium !important;
    white-space:nowrap;
}

.Contest_tabOption__DhcKY:hover .Contest_tabText__S2uTP {
    background: linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Contest_tabOption2__Gdri9 {
    cursor: pointer;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 14px;
    line-height: 18px;
    color: rgb(169 177 178 / var(--tw-text-opacity));
    --tw-text-opacity: 0.7;
}
@media (min-width: 800px) {

    .Contest_tabOption2__Gdri9 {
        padding-left: 60px;
        padding-right: 60px;
        font-size: 16px;
    }
}
.Contest_tabOption2__Gdri9 {
    font-family: Poppins-Medium !important;
    white-space: nowrap;
}

.Contest_tabOption2__Gdri9:hover .Contest_tabText__S2uTP {
    background: linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.Contest_activeOption__y\+\+Cf {
    background-color: #121315;
}

.Contest_activeOption__y\+\+Cf .Contest_tabText__S2uTP {
    background: linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Contest_filterBox__krCZY {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

@media (min-width: 800px) {

    .Contest_filterBox__krCZY {
        width: auto;
        justify-content: flex-start;
    }
}

.Contest_dayIndicator__6-RJI {
    white-space: nowrap;
    border-radius: 4px;
    --tw-bg-opacity: 1;
    background-color: rgb(247 254 253 / var(--tw-bg-opacity));
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 12px;
    line-height: 16px;
    --tw-text-opacity: 1;
    color: rgb(71 71 71 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_dayIndicator__6-RJI {
        padding-left: 12px;
        padding-right: 12px;
        font-size: 16px;
    }
}

.Contest_dayIndicator__6-RJI {
    font-family: Poppins-Medium !important;
}

.Contest_countdownIndicator__1-r0r {
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_countdownIndicator__1-r0r {
        font-size: 14px;
    }
}

.Contest_countdownIndicator__1-r0r {
    font-family: Poppins-Regular !important;
}

.Contest_tableBox__yF12S {
    padding: 15px 0px;
    background: #121315;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    border-top-left-radius: 0px !important;
}

.Contest_tableBox__yF12S tr th:first-child {
    padding-left: 14px !important;
}

@media (min-width: 800px) {

    .Contest_tableBox__yF12S tr th:first-child {
        padding-left: 30px !important;
    }
}

.Contest_tableBox__yF12S tr td:first-child {
    padding-left: 14px !important;
}

@media (min-width: 800px) {

    .Contest_tableBox__yF12S tr td:first-child {
        padding-left: 30px !important;
    }
}

.Contest_tableBox__yF12S tr th:last-child {
    padding-right: 14px !important;
}

@media (min-width: 800px) {

    .Contest_tableBox__yF12S tr th:last-child {
        padding-right: 30px !important;
    }
}

.Contest_tableBox__yF12S tr td:last-child {
    padding-right: 14px !important;
}

@media (min-width: 800px) {

    .Contest_tableBox__yF12S tr td:last-child {
        padding-right: 30px !important;
    }
}
.Contest_tableBox__yF12S th{
    padding-left: 10px !important;
    padding-right: 10px !important;
}
.Contest_rankBadge__WOYsh {
    font-weight: 500;
    color: #F7FEFD;
}

.Contest_rankFirst__2Dbi\+ {
    background-color: #FFD700;
    color: #000000;
}

.Contest_rankSecond__NGMq4 {
    background-color: #C0C0C0;
    color: #000000;
}

.Contest_rankThird__frlS0 {
    background-color: #CD7F32;
    color: #000000;
}

.Contest_tableScrollShadow__4UB\+h {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(to right, rgba(18, 19, 21, 1), rgba(18, 19, 21, 0));
    pointer-events: none;
    z-index: 1;
    display: none;
}

.Contest_tableScrollShadowRight__Q3w6T {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 100%;
    background: linear-gradient(to left, rgba(18, 19, 21, 1), rgba(18, 19, 21, 0));
    pointer-events: none;
    z-index: 1;
    display: none;
}

/* Winner Section Styles */
.Contest_winnerSection__VxbcN {
    margin-bottom: 16px;
    border-radius: 4px;
    border-top-left-radius: 0px;
    --tw-bg-opacity: 1;
    background-color: rgb(18 19 21 / var(--tw-bg-opacity));
    padding: 1rem;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
}
@media (min-width: 800px) {

    .Contest_winnerSection__VxbcN {
        padding: 2rem;
    }
}

.Contest_dayNavigation__wOTmV {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    border-bottom-width: 1px;
    border-color: rgba(38,35,35,0.5);
    padding-bottom: 1rem;
}

@media (min-width: 800px) {

    .Contest_dayNavigation__wOTmV {
        flex-direction: row;
        gap: 0px;
    }
}

.Contest_daySelector__wb4ck {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.Contest_daySelectorTitle__RUtzi {
    margin-bottom: 0.5rem;
    font-size: 16px;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
    font-family: Poppins-Medium !important;
}

.Contest_dayButtonsContainer__MFFIK {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 0.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

@media (min-width: 800px) {

    .Contest_dayButtonsContainer__MFFIK {
        flex-wrap: wrap;
        justify-content: space-between;
        padding-bottom: 0px;
    }
}

.Contest_dayButton__ifmxv {
    cursor: pointer;
    border-radius: 37px;
    background-color: transparent;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    --tw-text-opacity: 1;
    color: rgb(169 177 178 / var(--tw-text-opacity));
    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;
}
.Contest_activeDayButton__T7cau{
    background-color: #36373A;
}
.Contest_activeDayButton__T7cau span {
    background: linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Contest_seasonLabel__qJ0vz {
    font-size: 0.875rem;
    color: #A9B1B2;
}

.Contest_winnerDisplay__K\+oom {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    min-height: 300px;
}

.Contest_winnerBadge__OJrU1 {
    position: absolute;
    top: 47px;
    left: 50%;
    transform: translateX(-50%);
    background: #B6F808;
    color: #474747;
    padding: 0.25rem 0.9rem;
    border-radius: 14px;
    font-size: 13px;
    font-family: Poppins-Medium !important;
    z-index: 1;
}

.Contest_winnerTokenContainer__7aoUL {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding:53px 0;
}

.Contest_winnerTokenImage__09tug {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 1rem;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.Contest_winnerTokenIcon__rVf24 {
    width: 100%;
    height: 100%;
}

.Contest_winnerInfo__ST2bn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.3rem;
}

.Contest_winnerLabel__P6DhR {
    font-size: 16px;
    font-family: Poppins-Medium !important;
    line-height: 24px;
    background: linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.Contest_winnerScore__X-sxm {
    font-size: 14px;
    color: #F7FEFD;
    line-height: 24px;
    font-family: Poppins-Medium !important;
}

.Contest_leaderboardLink__u-aDG {
    color: #F7FEFD;
    text-decoration: underline;
    cursor: pointer;
}

.Contest_disclaimerText__NX4LU {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 30px;
    color: #A9B1B2;
}

.Contest_disclaimerSection__WH3gL {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(38, 35, 35, 0.5);
}

.Contest_disclaimerTitle__6TJDb {
    font-size: 16px;
    font-family: Poppins-Medium !important;
    color: #F7FEFD;
    margin-bottom: 0.5rem;
}

.Contest_disclaimerLink__F2J4P {
    color: #F7FEFD;
    text-decoration: underline;
    cursor: pointer;
}

/* Leaderboard Modal Styles */
.Contest_leaderboardModal__0jbyO {
    padding: 0px;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
}
@media (min-width: 800px) {

    .Contest_leaderboardModal__0jbyO {
        padding: 1.5rem;
    }
}

.Contest_leaderboardTitle__FMBi3 {
    margin-bottom: 1rem;
    padding-top: 1rem;
    text-align: center;
    font-size: 18px;
}

@media (min-width: 800px) {

    .Contest_leaderboardTitle__FMBi3 {
        margin-bottom: 1.5rem;
        padding-top: 0px;
        font-size: 20px;
    }
}

.Contest_leaderboardTitle__FMBi3 {
    font-family: Poppins-Medium !important;
}

.Contest_leaderboardSearch__5rJPL {
    margin-bottom: 1rem;
}

@media (min-width: 800px) {

    .Contest_leaderboardSearch__5rJPL {
        margin-bottom: 1.5rem;
    }
}

.Contest_leaderboardSearchInput__0HbiW {
    width: 100%;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(255,255,255,0.1);
    background-color: rgba(255,255,255,0.05);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    font-size: 14px;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_leaderboardSearchInput__0HbiW {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.Contest_leaderboardTableContainer__7l9MZ {
    position: relative;
    margin-bottom: 1rem;
}

@media (min-width: 800px) {

    .Contest_leaderboardTableContainer__7l9MZ {
        margin-bottom: 1.5rem;
    }
}

.Contest_leaderboardTableScroll__9\+PI9 {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.Contest_leaderboardTable__jme5N {
    width: 100%;
    min-width: 800px;
    border-collapse: collapse;
}

.Contest_leaderboardTable__jme5N th {
    border-bottom-width: 1px;
    border-color: rgba(38,35,35,0.5);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: left;
    font-size: 12px;
    --tw-text-opacity: 1;
    color: rgb(169 177 178 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_leaderboardTable__jme5N th {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.Contest_leaderboardTable__jme5N th {
    font-family: Poppins-Medium !important;
}

.Contest_leaderboardTable__jme5N td {
    border-bottom-width: 1px;
    border-color: rgba(38,35,35,0.3);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    text-align: left;
    font-size: 12px;
    --tw-text-opacity: 1;
    color: rgb(247 254 253 / var(--tw-text-opacity));
}

@media (min-width: 800px) {

    .Contest_leaderboardTable__jme5N td {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 14px;
    }
}

.Contest_tableScrollShadowLeft__orfp-,
.Contest_tableScrollShadowRight__Q3w6T {
    position: absolute;
    top: 0;
    height: 100%;
    width: 30px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.Contest_tableScrollShadowLeft__orfp- {
    left: 0;
    background: linear-gradient(to right, rgba(18, 19, 21, 1), rgba(18, 19, 21, 0));
}

.Contest_tableScrollShadowRight__Q3w6T {
    right: 0;
    background: linear-gradient(to left, rgba(18, 19, 21, 1), rgba(18, 19, 21, 0));
}

.Contest_tableScrollShadowVisible__mR7Hk {
    opacity: 1;
}

.Contest_leaderboardPagination__AY\+42 {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding-bottom: 1rem;
}

@media (min-width: 800px) {

    .Contest_leaderboardPagination__AY\+42 {
        padding-bottom: 0px;
    }
}

.Contest_paginationButton__aGY4l {
    display: flex;
    height: 2rem;
    width: 2rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background-color: transparent;
    font-size: 14px;
    --tw-text-opacity: 1;
    color: rgb(169 177 178 / var(--tw-text-opacity));
    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;
}

.Contest_paginationButton__aGY4l:hover {
    background: rgba(255, 255, 255, 0.05);
}

.Contest_paginationButtonActive__tncpQ {
    background: rgba(255, 255, 255, 0.1);
    color: #F7FEFD;
}

.Contest_disabledOption__F9S3j {
    color: #676767;
    cursor: not-allowed;
}
.Contest_disabledOption__F9S3j:hover .Contest_tabText__S2uTP{
    background: transparent !important;
    background-clip: border-box !important;
    background-clip: initial !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: unset !important;
}
.Contest_comingSoonBadge__OnJwj {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #B6F808;
    margin-left: 5px;
}

.Contest_disabledDayButton__wiGRZ {
    opacity: 0.5;
    cursor: not-allowed;
}

.Contest_loadingIndicator__Ken3v {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 100%;
    color: #A9B1B2;
}

.Contest_noDataMessage__d3rlr {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 100%;
    color: #7c7c7c;
    font-size: 12px;
}

/* Add styles for the table cells */
.Contest_tdItem__PdeWh {
    padding: 12px 16px;
    vertical-align: middle;
}

.Contest_tdText__gghMJ {
    font-size: 14px;
    font-weight: 500;
    color: #F7FEFD;
}
.Contest_seasonTopList__Qadsc {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

.Contest_seasonTopItem__38e-3 {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom: 10px;
}

.Contest_topBadge__x-TmW {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 24px;
    color: #474747;
}

.Contest_topBadge1__QLJvQ {
    background: linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);
}

.Contest_topBadge2__eKAv5 {
    background: linear-gradient(90deg, #FF8A39 -7.33%, #F7D72A 129.67%);
}

.Contest_topBadge3__GjOo3 {
    background: linear-gradient(90deg, #5691FF -7.33%, #F7D72A 129.67%);
}

.Contest_topItemContent__2glrN {
    width: 67%;
}

@media (min-width: 400px) {

    .Contest_topItemContent__2glrN {
        width: 52%;
    }
}

@media (min-width: 800px) {

    .Contest_topItemContent__2glrN {
        width: 40%;
    }
}

.Contest_topItemContent__2glrN {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    justify-content: space-between;
}

.Contest_topGroup__WeR\+X {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 10px;
}

.Contest_topGroupBadge__d7Dnz {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    border-radius: 20px;
    line-height: 24px;
    font-weight: 500;
    color: #474747;
}

.Contest_topGroupItems__04C7B {
    width: 67%;
}

@media (min-width: 400px) {

    .Contest_topGroupItems__04C7B {
        width: 52%;
    }
}

@media (min-width: 800px) {

    .Contest_topGroupItems__04C7B {
        width: 40%;
    }
}

.Contest_topGroupItems__04C7B {
    display: flex;
    flex-direction: column;
}

.Contest_topGroupItem__wuSXd {
    display: flex;
    align-items: center;
    padding: 15px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    justify-content: space-between;
    margin-bottom: 5px;
}

.Contest_topGroupItem__wuSXd:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 8px;
}

.Contest_topGroupItem__wuSXd:first-child {
    border-top-right-radius: 8px;
}

.Contest_topTokenInfo__-zmq0 {
    display: flex;
    align-items: center;
}

.Contest_topTokenIcon__soLRa {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.Contest_topScoreInfo__TMG2I {
    color: #F7FEFD;
    font-size: 14px;
}

.Contest_emptyTopItem__McZHV {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.Contest_emptyIcon__ao6rc {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #373737;
}

.Contest_noDataMessage__d3rlr {
    text-align: center;
    color: #A9B1B2;
    padding: 50px 0;
}

.Contest_checkLeaderboardLink__gwi4J {
    text-align: center;
}

.Contest_checkLeaderboardLink__gwi4J a {
    text-decoration: underline;
    font-size: 14px;
}
.Contest_checkLeaderboardLink__gwi4J a:hover {
    opacity: 0.7;
}
.Contest_dayKingContainer__O9BDi {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    padding-top: 40px;
    width: 100%;
    text-align: center;
}

.Contest_kingBadge__IYZEt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 28px;
    border-radius: 14px;
    font-weight: 600;
    font-size: 14px;
    background: #B6F808;
    color: #000;
    z-index: 1;
    margin-bottom: -8px;
}
.Contest_kingCircleContainer__1uMUM {
    position: relative;
    margin-bottom: 16px;
}
  
.Contest_kingCircle__bYgmn {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    border: 2px solid #B6F808;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.Contest_kingCircleEmpty__Qua6E {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    border: 2px solid #B6F808;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.3);
}
.Contest_kingImage__tqSzL {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.Contest_kingLabel__JqNge {
    font-size: 18px;
    font-weight: 600;
    color: #F7FEFD;
    margin-bottom: 8px;
}
.Contest_kingScore__ZOlv3 {
    font-size: 14px;
    color: #F7FEFD;
    margin-right: 3px;
    line-height: 23px;
  }
  
.Contest_selectedDay__2BpqX{
    font-size: 16px;
    background: linear-gradient(90deg, #B6F808 -7.33%, #F7D72A 129.67%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* 流动性提供者奖励表格容器 */
.Contest_rewardsTableContainer__fD0Zw {
  margin-top: 30px;
  background-color: #121315;
  border-radius: 8px;
  padding: 20px;
}

.Contest_rewardsTableTitle__Dxkdg {
  font-size: 18px;
  font-weight: 500;
  color: #F7FEFD;
  margin-bottom: 20px;
}

/* Token选择器样式 */
.Contest_tokenTabsContainer__CY9Yh {
  margin-bottom: 20px;
  overflow-x: auto;
}

.Contest_tokenTabs__EhXIL {
  display: flex;
  gap: 10px;
}

.Contest_tokenTab__GWnwJ {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  background-color: #1A1C1F;
  border-radius: 6px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.2s;
}

.Contest_tokenTab__GWnwJ:hover {
  background-color: #232529;
}

.Contest_activeTokenTab__NA10f {
  border-color: #4FA480;
  background-color: #1A1C1F;
}

.Contest_tokenTabIcon__HNEVC {
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 50%;
}

/* 表格内部样式 */
.Contest_rewardsTable__UgIKN {
  width: 100%;
  border-collapse: collapse;
}

.Contest_rewardsTable__UgIKN th, 
.Contest_rewardsTable__UgIKN td {
  padding: 12px 16px;
  text-align: left;
  border-bottom: 1px solid #232529;
}

.Contest_rewardsTable__UgIKN th {
  color: #676767;
  font-size: 14px;
  font-weight: 400;
}

.Contest_rewardsTable__UgIKN td {
  color: #F7FEFD;
  font-size: 14px;
}

.Contest_sortableHeader__aTguN {
  cursor: pointer;
  position: relative;
}

.Contest_sortableHeader__aTguN:hover {
  color: #F7FEFD;
}

.Contest_sortIcon__qdAzP {
  margin-left: 5px;
  display: inline-block;
}

.Contest_addressCell__0V50x {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Contest_addressLink__KEqut {
  color: #4FA480;
  text-decoration: none;
}

.Contest_addressLink__KEqut:hover {
  text-decoration: underline;
}

.Contest_loadingCell__O7C2L, 
.Contest_emptyCell__T3qcf {
  text-align: center;
  padding: 30px 0;
  color: #676767;
}

/* 分页样式 - 如果需要自定义 */
.Contest_rewardsPagination__GCDpm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  gap: 15px;
}

.Contest_pageButton__OeUKB {
  padding: 8px 16px;
  background-color: #1A1C1F;
  border: none;
  border-radius: 4px;
  color: #F7FEFD;
  cursor: pointer;
  transition: background-color 0.2s;
}

.Contest_pageButton__OeUKB:hover:not(:disabled) {
  background-color: #232529;
}

.Contest_pageButton__OeUKB:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.Contest_pageInfo__gVnAn {
  color: #676767;
  font-size: 14px;
}
.Contest_contestTable__EwFUn{
    width: 100%;
}
.chart-token-list {
    width: 100%;
    overflow-x: auto;
    position: relative;
}

.chart-token-list table {
    width: 100%;
    border-collapse: collapse;
}

.chart-token-list th {
    padding: 15px 10px;
    text-align: left;
    font-size: 14px;
    font-family: Poppins-Medium !important;
    color: #A9B1B2;
}

.chart-token-list td {
    padding: 10px;
    text-align: left;
    font-size: 14px;
    font-family: Poppins-Regular !important;
    color: #F7FEFD;
    border-bottom: 1px solid rgba(38, 35, 35, 0.5);
}

.tdItem {
    padding: 15px 10px;
}

.tdText {
    font-size: 14px;
    font-family: Poppins-Regular !important;
    color: #F7FEFD;
}

@media (max-width: 768px) {
    .chart-token-list {
        -webkit-overflow-scrolling: touch;
    }
}
.constestModal .Modal-content {
    max-width: 95vw;
}
@media (min-width: 1024px) {

    .constestModal .Modal-content {
        max-width: 100vw;
    }
}
.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: #F7FEFD;
  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: #F7FEFD;
}
.pagination .active{
  border-bottom: 2px solid #F7FEFD;
}
.pagination .button{
  border-radius: 0 !important;
}
@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;
  }
}

.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: #F7FEFD;
  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: #4FA480;
  /* font-weight: 800; */
}
.position-share-referral .pnl {
  font-weight: bold;
  font-size: 3.85rem;
  margin: 0;
  line-height: 1;
  /* color: #4FA480; */
}

.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: #F7FEFD;
  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;
  }
} */

.firstBg{background:linear-gradient(0deg, #AC813B 0%, #D3993B 66%, #AC813B 100%)}.secondBg{background:linear-gradient(0deg, #5C6474 0%, #70809E 57%, #5C6474 100%)}.thirdBg{background:linear-gradient(0deg, #67422C 0%, #7A4C30 53%, #67422C 100%)}.defaultBg{background:#20232a}.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 .raised-tab-btn{display:flex;align-items:center;justify-content:center;border-radius:2px;border:1.5px solid rgba(154,224,96,.2);background:rgba(26,26,29,.7);gap:6px;width:156px;height:38px;color:#c6c6c6;font-family:Poppins-SemiBold;font-size:16px;cursor:pointer}.create-token-page .raised-tab .raised-tab-btn:hover{border-radius:2px;border:1.5px solid #9ae060;background:rgba(26,26,29,.7)}.create-token-page .raised-tab .btn-active{border-radius:2px;border:1.5px solid #9ae060;background:rgba(26,26,29,.7)}.create-token-page .create-token-content{background-color:#16171a;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 rgba(154,224,96,.2);background:#1c1c1f;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 rgba(154,224,96,.2);background:rgba(26,26,29,.7);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:999}.upload-image .delete-icon:hover{opacity:.8}
.dashboard-center-tab-block{width:54rem !important;grid-column-gap:0px !important;border-radius:3px !important;color:#f7fefd !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:rgba(154,224,96,.1) !important;color:#a9b1b2;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:#142614 !important;color:#f7fefd !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:#121315;border-radius:3px}.token-detail-page .token-detail-content .view-info .token-market-info .market-row{width:19%;height:55px;border-radius:4px;background:#1c1c1f;display:flex;justify-content:center;padding-left:13px;color:#a9b1b2;font-size:12px;flex-direction:column}.token-detail-page .token-detail-content .view-info .token-kline{border-radius:3px;background:#121315;display:flex;width:100%;height:360px;justify-content:center;align-items:center}.token-detail-page .token-detail-content .token-detail-trade .trade-tabs{background:#121315;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:#f7fefd;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:#333332}.token-detail-page .token-detail-content .token-detail-trade .progress-bar{height:15px;width:100%;border-radius:5px;background:linear-gradient(90deg, #00481D 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}.token-detail-page .tabs-btn:hover{opacity:.8}.token-detail-page .text-line{color:#f7fefd;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:#171a1a}.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:#f7fefd;border-radius:2px;background:#2a2c32;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:#f7fefd}.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 #27272b;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: #121315;
  border: 1px solid #121315;
}

.bouncing-loading-loader > div {
  width: 1.6rem;
  height: 1.6rem;
  margin: 4.65rem 0.31rem;
  background: #83E247;
  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:#a9b1b2;font-size:14px;font-style:normal;font-weight:400}.trade-progress-info .progress-bar-bg{background:#333332 !important;border-radius:30px !important}.trade-progress-info .progress-bar{background:linear-gradient(90deg, rgba(96, 172, 126, 0.5) 0%, #60AC7E 100%) !important;border-radius:30px !important}
.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: #F7FEFD;
    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: #F7FEFD
  }
  .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;
    }
  }
  
.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: #F7FEFD;
    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: #F7FEFD
  }
  .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;
    }
  }
  
.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: #F7FEFD;
    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: #F7FEFD
  }
  .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;
    }
  }
  
.chart-token-list-farm thead tr th{
    padding-bottom: 15px;
}
.chart-token-list-farm tbody tr:first-child td{
    padding-top:22px;
}
.chart-token-list-farm tbody tr td:first-child{
    padding-left: 0 !important;
}
.chart-token-list-farm tbody tr td:last-child{
    padding-right: 0 !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%)}}
.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:rgba(194,200,255,.039);padding:.45rem 1.4rem;border-radius:2px;color:#4fa480;font-size:14px;font-style:normal;font-weight:400;display:flex}.BuyCp-getToken a:hover{color:#4fa480 !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}.Tab-title{letter-spacing:0px;color:#f7fefd;font-size:3.41rem;font-weight:500}.Tab-description{letter-spacing:0px;color:#a9b1b2;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:#a9b1b2;opacity:1}.GlpSwap-content .GlpSwap-box{max-width:47.95rem;border-radius:1rem;background:#121315;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(79,164,128,.2) !important;border:0 !important}.GlpSwap-box .Exchange-swap-option-tabs .Tab-option:hover{background:rgba(79,164,128,.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:#f7fefd}.App-card-title-mark .App-card-title-mark-subtitle{font-size:1.2rem;line-height:1.5rem;letter-spacing:0px;color:#a9b1b2}.PoolsSwap-token-list{border-radius:4px;padding:1.5rem;padding-top:0;text-align:left;background:#121315 !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:#a9b1b2;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:#a9b1b2}.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:#f7fefd}.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:#f7fefd}.AppOrder-ball:hover{background:#00481d !important;color:#fff}.AppOrder-ball:active{background:#00481d}.AppOrder-ball:hover .AppOrder-ball-icon{opacity:1;color:#fff}.baseInfo-item .label{color:#a9b1b2;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:#f7fefd !important}.selling:hover{color:#f7fefd !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:#4fa480 !important}
.AssetDropdown-wrapper{position:relative}.asset-menu-items{position:absolute;border:1px solid #27272b;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:#f7fefd;opacity:.8}.dropdown-arrow:hover{opacity:1}.asset-item{display:flex;align-items:center;cursor:pointer;color:#a9b1b2;text-decoration:none;padding:.85rem .8rem;font-size:var(--font-sm);text-align:left;padding-right:30px}.asset-item:hover{background:#34344c;color:#f7fefd}.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}}
.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:rgba(194,200,255,.039);padding:.45rem 1.4rem;border-radius:2px;color:#4fa480;font-size:14px;font-style:normal;font-weight:400;display:flex}.BuyCp-getToken a:hover{color:#4fa480 !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}.Tab-title{letter-spacing:0px;color:#f7fefd;font-size:3.41rem;font-weight:500}.Tab-description{letter-spacing:0px;color:#a9b1b2;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:#a9b1b2;opacity:1}.GlpSwap-content .GlpSwap-box{max-width:47.95rem;border-radius:1rem;background:#121315;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(79,164,128,.2) !important;border:0 !important}.GlpSwap-box .Exchange-swap-option-tabs .Tab-option:hover{background:rgba(79,164,128,.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:#f7fefd}.App-card-title-mark .App-card-title-mark-subtitle{font-size:1.2rem;line-height:1.5rem;letter-spacing:0px;color:#a9b1b2}.PoolsSwap-token-list{border-radius:4px;padding:1.5rem;padding-top:0;text-align:left;background:#121315 !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:#a9b1b2;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:#a9b1b2}.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:#f7fefd}.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:#f7fefd}.AppOrder-ball:hover{background:#00481d !important;color:#fff}.AppOrder-ball:active{background:#00481d}.AppOrder-ball:hover .AppOrder-ball-icon{opacity:1;color:#fff}.baseInfo-item .label{color:#a9b1b2;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:#f7fefd !important}.selling:hover{color:#f7fefd !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:#4fa480 !important}
.active-trade-tab{width:114px;height:45px;border-radius:4px 4px 0px 0px;background:#121315;color:#55b87c !important;font-family:Poppins-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-swap-page{border-radius:4px;padding-bottom:12px}.spot-swap-page .button:disabled{background-color:rgba(0,72,29,.8);color:rgba(247,254,253,.8)}.spot-swap-page .spot-tab-1 .Tab-option{height:59px;gap:6px;font-family:Poppins-Medium;font-size:14px;color:#a9b1b2;cursor:pointer;background-color:#0e0d0d}.spot-swap-page .spot-tab-1 .active-spot-tab-swap{border-radius:4px 0px 0px 0px;background:#121315;color:#fff}.spot-swap-page .spot-tab-1 .active-spot-tab-bot{border-radius:0px 4px 0px 0px;background:#121315;color:#fff}.spot-swap-page .spot-tab-sub{font-family:Poppins-Medium;font-size:12px;color:#676767;cursor:pointer}.spot-swap-page .spot-tab-sub .active-spot-sub-tab{position:relative;color:#f7fefd}.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:0px 0px 4px 4px;opacity:.95;background:#17191b;margin-top:6px}.spot-swap-page .spot-token-input{border-radius:4px 4px 0px 0px;background:#181a1a;border:1px solid rgba(0,0,0,0)}.spot-swap-page .spot-token-input:focus{box-shadow:0px 0px 7px 0px #013516;border:1px solid #242424}.spot-swap-page .spot-token-input:focus-within{box-shadow:0px 0px 7px 0px #013516;border:1px solid #242424}.spot-swap-page .spot-token-input:hover{box-shadow:0px 0px 7px 0px #013516;border:1px solid #242424}.spot-swap-page .spot-token-input .max-input{border-radius:4px;background-color:rgba(23,61,14,.5019607843);padding:3px 5px;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.5019607843);font-family:Poppins-Medium;font-size:10px;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:#121315;color:#f7fefd}.active-list-tab{color:#f7fefd;border-radius:4px 4px 0px 0px;background:#121315}
.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:#232528}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 #83e247;background-color:#343639}60%{transform:translate(-2px, -2px)}70%{transform:translate(2px, 2px)}80%{transform:translate(-2px, 2px)}90%{transform:translate(2px, -2px)}100%{background-color:#232528}}@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:#a9b1b2;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:#1a1c1f;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:#a9b1b2}.trade-history .pagination .pagination-btn{color:#a9b1b2}.dex-btn{border-radius:4px;border:.5px solid #5aa95d;background-color:rgba(0,199,133,.1019607843);height:17px;color:#5aa95d;font-family:Poppins-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:#a9b1b2}.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:#f7fefd;font-family:Poppins-Medium}.expiry-dropdown .Dropdown-current .Dropdown-current-arrow{font-size:14px;margin-bottom:0px}.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:#a9b1b2;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 #2e502f;background:rgba(0,199,133,.05);height:24px;color:#65a282;font-family:Poppins-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}@keyframes animation-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.trend-card{border-radius:8px;box-shadow:0px 1px 3px 0px rgba(0,0,0,.1),0px 1px 2px 0px rgba(0,0,0,.06)}.trend-card .Tooltip-handle{text-decoration-thickness:.1px !important}@media(max-width: 1100px){.trend-card{width:100% !important}}
.table-search-token{margin-left:0px}.table-search-token .Tokenselector-search-input{height:28px !important;font-size:12px;font-family:Poppins-Regular;font-weight:400;border:1px solid #232222}.table-search-token .Tokenselector-search-input::placeholder{color:#3f3d3d}.table-wrapper{display:block;width:100%;font-size:var(--font-base);overflow-x:hidden;overflow-y:auto;max-height:550px;min-height:220px}.table-wrapper .pagination{justify-content:center;margin-top:10px}.table-wrapper .pagination .secondary{font-size:12px;width:24px;height:24px;padding:0}.table-wrapper .pagination .pagination-btn.active{border-color:#a9b1b2}.table-wrapper .pagination .pagination-btn{color:#a9b1b2}.token--table{border-collapse:collapse;margin:0;padding:0;width:100%;table-layout:fixed;font-size:var(--font-base);max-height:450px}.token--table th{font-weight:normal;letter-spacing:.25px;color:#7b7b7b}.token--table th,.token--table td{padding:.625em;text-align:left;white-space:nowrap}@media(max-width: 800px){.token--table{width:auto;margin-bottom:1.5rem}.table-wrapper{overflow-x:auto}.table-head{white-space:nowrap}}
/* 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;
}