/* 自適應 */
:root {
  --designWidth: 1920;  /* 设计稿宽度(移动端一般为750rem) */
  font-size: calc(100vw / var(--designWidth));  /* 令 `100vw / 750rem` 得到 1rem 对应的 rem 实际值 */
}
@media screen and (max-width: 992px) {
  :root {
    font-size: 0.5166666666666667px;
  }
}
@media screen and (min-width:1920px) {
  :root {
    font-size: 1px;
  }
}
.iconfont {
  font-size: 16rem !important;
}
/* .icon {
  width: 16rem !important;
  height: 16rem !important;
} */
/* .layout header {
  min-width: 100% !important;
} */
.footer-container {
  width: 100% !important;
}
/* 自適應 */
#root{padding:0 0 20rem 0;background: #FFFFFF !important;}
.icon-symbol {
  width: 1em; height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.classic-dark #root{background: #151926 !important;}
.hold_finances-banner{margin-right:-8rem;margin-top:-64px;position:relative}
.hold_finances-banner .dual-sub-header{font-size:16rem;color:#fff;margin-top:20rem;max-width:1066rem;text-align:center;color: #565D73;line-height:100%;}
.classic-dark .hold_finances-banner .dual-sub-header{
  color:#989FB3;
}
.banner-m-font{margin:0 auto;display:flex;justify-content: space-between;position:relative;height:100%;padding-top: 66rem;padding-bottom: 54rem;}
.banner-m-font>div,.banner-m-font>h2{color:#fff;box-sizing: border-box;}
.amm-top-block {
  padding-top: 136rem;
}
.dual-main-title {color: #04091A;font-weight: 700;font-size: 52rem;line-height:100%;margin-bottom:24rem}
.classic-dark  .dual-main-title {color:#FFFFFF;}
.full-screen-banner{width:100%;height:490rem;position:relative;background-image: url(/images/amm_banner.png);background-position:0% 0%;
  background-repeat:no-repeat;background-size:cover;display:flex;justify-content:space-between;align-items:center;flex-direction:column;}
.classic-dark .full-screen-banner{background-image: url(/images/amm_banner_dark.png);}
.right-cover{position:absolute;right:0;bottom:56rem;pointer-events:none;height: 170rem;}
.content-area{margin:0 auto 30rem auto;}
.coin-search-container{
  border: 1rem solid #E6E9F2;
  display: flex;
  align-items: center;
  padding: 4rem 0 4rem 16rem;
  margin-right: 32rem;
  width: 262rem;
  height: 40rem;
  position: relative;
  border-radius: 4rem;
  box-sizing: border-box;
}
.searchInputActive {
  border: 1rem solid #2354E6 !important;
}
.coin-search-container input:focus {
  outline: 0;
}
.coin-search-container:focus-within {
  border: 1rem solid #2354E6 !important;
}
.classic-dark .coin-search-container{
  background: #292F40;
  border: none;
}
.coin-search-container input{
  border:none;
  width: 100%;
  padding: 5rem 0;
  font-weight: 500;
  font-size: 14rem;
  caret-color: #2354E6;
  color: #ADB5CC;
}

.coin-search-container input::-webkit-input-placeholder {
  color: #C2C4CC !important;
}
.classic-dark .coin-search-container input::-webkit-input-placeholder {
  /* color: #565D73; */
  color: #989FB3 !important;
}
.right-helper{
  font-size: 16rem;
}
.right-helper > a, .right-helper .ann-social-link{
  font-weight: 500;
}
.right-helper svg+span, .right-helper span, .right-helper a{
  color: #04091A;
  cursor: pointer;
}
.classic-dark .right-helper span, .classic-dark .right-helper a {
  color: #FFFFFF;
}

.right-helper .myliq, .icon-a-24rem-liudong, .icon-a-24rem-jilu {
  color: var(--color-text-1) !important;
}
.right-helper .myliq:hover, .icon-a-24rem-liudong:hover, .icon-a-24rem-jilu:hover {
  color: var(--color-brand-1) !important;
}
.helper-video-open {
  background: transparent;
  border-radius: 0;
  display: block;
  width: 100%;
  font-size: 14rem;
  height: 46rem;
  line-height: 46rem;
  padding: 0 16rem;
  cursor: pointer;
  margin: 0;
  box-sizing: border-box;

}

.right-helper .ammfaq{
  position: relative;
}

.right-helper .ammfaq > a{
}
.amm-social-link{color: #04091A;margin-left: 35rem;position: relative;}
.classic-dark  .amm-social-link{color: #FFFFFF;}
.amm-social-link:hover{color: var(--color-brand-1);}
.amm-social-link:hover .more-arrow{transform: rotate(180deg);}
.amm-social-link ul{display: none; position: absolute;background: #FFFFFF;border-radius: 8rem;box-shadow: 0rem 4rem 6rem rgba(4, 9, 25, 0.05);z-index: 1;width: 240rem;right:0;overflow: hidden;top:50rem;}
.classic-dark .amm-social-link ul {
  background: #1F2433;
}
.en-body .amm-social-link ul{width: 290rem;}
.amm-social-link:hover ul{display: block;}
.amm-social-link ul li {
  color: #000000;
}
.classic-dark .amm-social-link ul li {
  color: #FFFFFF;
}
.amm-social-link ul li a{    
  background: transparent;
  border-radius: 0;
  display: block;
  width: 100%;
  font-size: 14rem;
  height: 46rem;line-height: 46rem;
  padding: 0 15rem;cursor: pointer;
  margin: 0;
  box-sizing: border-box;
  justify-content: space-between;
}
.amm-social-link ul li :hover{background: #F2F7FF;}
.classic-dark .amm-social-link ul li :hover{background: #0F1F4D;}
.double-icon{margin-right:12rem;}
.double-icon img{width:24rem;z-index:1;background: white;border-radius: 50%;}
.double-icon img:last-child{margin-left:-8rem;z-index:2;}
.amm-btn-red{background: none;border:none;background-color: var(--color-brand-1);color: #ffffff;padding:5rem 16rem;border-radius:4rem;display: inline-block;font-size: 12rem;cursor: pointer;font-weight: 600;min-height: 32rem;}
/* .classic-dark .amm-btn-red {
  background: #292F40;
  color: #FFFFFF;
} */
.no-data{width: 100rem;height: 66rem;background-image: url('/images/noorder.svg');background-size: 100% 100%;background-repeat: no-repeat;margin: 50rem auto 0 auto;}
.classic-dark .no-data,.dark-body .no-data{background-image: url('/images/noorder_night.svg');}
.no-data-text{width: 100rem;font-size: 16rem;margin: 20rem auto;text-align: center;}
.sorting-icon{position:relative;display:inline-block;margin-left:4rem;cursor:pointer}
.sorting-icon i{display:inline-block;width:0;height:0;border-style:solid;border-width:3rem;position:absolute;left:3rem}
/* i.sorting-icon-up{border-color:transparent transparent #B0AFB1 transparent;top:3rem}
i.sorting-icon-down{border-color:#B0AFB1 transparent transparent transparent;top:10rem}
i.sorting-icon-up.active{border-color:transparent transparent var(--brandColor) transparent}
i.sorting-icon-down.active{border-color:var(--brandColor) transparent transparent transparent} */
.top-switch-banner{height: 64rem;background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(8rem);line-height: 54rem;margin-top: -64rem;position: relative;z-index:1;margin-bottom: 48rem;border-top:1rem solid #FFFFFF;width: 100%;}
.classic-dark .top-switch-banner{background: rgba(255, 255, 255, 0.06);border-top: 1rem solid rgba(255, 255, 255, 0.12);;}
.top-switch-banner-inner{margin:0 auto;height:100%;}
.top-switch-banner-inner .left-router a{color: #C2C5CC !important;margin-right: 32rem;font-weight: 500;font-size: 16rem;height: 100%;display: inline-flex;align-items:center;box-sizing: border-box;opacity: 0.8;
  font-weight:500;}
.top-switch-banner-inner a.active{border-bottom: 4rem solid #17E6A1;opacity: 1;color: #04091A !important;}
.classic-dark .top-switch-banner-inner .left-router a{
  color: #474F66 !important;
}
.classic-dark .top-switch-banner-inner .left-router a.active{
  color: #FFFFFF !important;
}
/* tutorial doc */
.tutorial-doc {
  margin-top: 140rem;
}
.main-content-title {
  font-weight:500;
  font-size: 40rem;
  line-height: 40rem;
  color: #04091A;
  margin-top: 72rem;
  margin-bottom: 54rem;
}
.header-ctrl {
  padding-bottom:16rem;
}
.classic-dark .main-content-title {
  color: #FFFFFF;
}
.tutorial-doc__title {
  font-weight:500;
  font-size: 40rem;
  line-height: 40rem;
  color: #04091A;
  margin-bottom: 48rem;
}
.classic-dark .tutorial-doc__title  {
  color: #FFFFFF;
}
.tutorial-doc__content {
  display: flex;
  box-sizing: border-box;
  margin-bottom: 180rem;
}

.tutorial-doc__item {
  box-sizing: border-box;
}

.tutorial-doc__item__inner{
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.tutorial-doc__item__img {
  display: block;
  width: 100%;
  margin-bottom: 32rem;
}

.tutorial-doc__item__title {
  margin-bottom: 16rem;
  font-weight: 600;
  font-size: 24rem;
  /* line-height: 100%; */
  align-items: center;
  color: #04091A;
  text-overflow: ellipsis;
  overflow: hidden;
  /* width: 100%; */
  white-space: nowrap;
}
.classic-dark .tutorial-doc__item__title {
  color: #FFFFFF;
}
.tutorial-doc__item__desc {
  text-align: justify;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* max-height: calc(22rem * 2); */
  font-size: 16rem;
  line-height: 150%;
  color: #04091A;
  margin-bottom: 0;
}
.classic-dark .tutorial-doc__item__desc {
  color: #FFFFFF;
}
.liuidityadd-out{background-color: #FFFFFF;margin-top: 30rem;align-items: flex-start;border-radius: 8rem;overflow: hidden;position: relative;box-shadow: 0rem 0rem 12rem rgba(23, 56, 153, 0.05);}
.classic-dark .liuidityadd-out{
  box-shadow: 0rem 0rem 24rem rgba(0, 0, 0, 0.16);
  border-radius: 8rem;
  background: #151926 !important;
}
.left-panel {
  flex: 1 0 560rem;
  min-width: 560rem
}
.addliq-panel{
  min-width: 480rem;
  flex: 0 0 480rem;
  /* width:560rem; */
  box-sizing: border-box;
  background: #fff;
  position: relative;
  padding-bottom: 32rem;
  border-radius: 8rem;
  box-shadow: -6rem 0rem 12rem rgba(23, 56, 153, 0.02);
  overflow: hidden;
}
.classic-dark .addliq-panel{
  box-shadow: 0rem 0rem 24rem rgba(0, 0, 0, 0.16);
  background-color: #151926 !important;
}
.addliq-panel-inner {
  padding: 0 32rem;
}
.classic-dark .addliq-panel-inner {
  background: #151926 !important;
}
.liquidity_btn_box {display: flex;align-items: center;justify-content: space-between;position: relative;}
.left-tab-group {
  width: 100%;
}
.left-tab-group > div {
  color: #999;
  font-size: 16rem;
  /* padding-bottom: 8rem; */
  display: inline-block;
  cursor: pointer;
  width: 50%;
  text-align: center;
  background: #F8FAFD;
  height: 87rem;
  font-size: 24rem;
  line-height: 87rem;
  letter-spacing: 0.4rem;
  color: var(--colorgray2);
}
.classic-dark .left-tab-group div {
  background: #1F2433;
  color: #989FB3;
}
.left-tab-group .active {
  /* box-shadow: inset 0rem -2rem 0rem var(--brandColor); */
  color: var(--colorgray3);
  background: #FFFFFF;
}
.classic-dark .left-tab-group .active {
  background: #151926;
}
.slipage-setting-icon{
  /* transform: translateY(-50%); */
  font-size: 18rem;
  cursor: pointer;
  position: relative;
  /* top: 50%; */
  /* right: 20rem; */
  width: 20rem;
  height: 20rem;
  margin-left: 7rem;
}
.selectBox p {
  /* margin-top: 18rem; */
  margin-bottom: 12rem;
  font-size: 12rem;
  color: #2A2F40;
}
.classic-dark .selectBox p {
  color: #606880;
}
.css-bgvzuu-indicatorSeparator{background-color: #e6e6e6;}
.selectBox .double-icon img{
  width: 16rem;
}
.submitbtn{outline: 0;border: 0;width: 100%;background: #2354E6;height: 52rem;line-height: 48rem;text-align: center;color: #fff;margin-top: 16rem;border-radius: 8rem;font-size: 16rem;cursor: pointer;display: flex;justify-content: center;align-items: center;font-weight:600;}
.submitbtn:hover {
  background: #1B41B2;
}
/* .submitbtn:hover{background: var(--linearGradient1)} */
.submitbtn[disabled], .submitbtn[disabled]:hover {
  background: #F5F6FA !important;
  color: #565D73 !important;
}
.classic-dark .submitbtn{
  background: #2354E6;
}
.classic-dark .submitbtn[disabled], .classic-dark .submitbtn[disabled]:hover {
  background: #1F2433 !important;
  color: #606880 !important;
}

.liq-bottom-price-percent{padding:16rem;background-color: #F8FAFD;position:relative;}
.myliq-remove:before, .liq-panel-bottom:before{content:'';position: absolute;top: 0;left: 16rem;width: calc(100% - 32rem);height: 1rem;background-color: #E6E9F2;z-index: 1;} {
}
.liq-bottom-price-percent-radius-top {
  border-top-left-radius: 8rem;
  border-top-right-radius: 8rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.liq-bottom-price-percent-radius-bottom {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 8rem;
  border-bottom-right-radius: 8rem;
}
.classic-dark .myliq-remove:before, .classic-dark .liq-panel-bottom:before{background-color: #0F1526} {
}
.classic-dark .liq-bottom-price-percent{background-color: #292F40;}
.all-in{color:var(--brandColor);cursor:pointer;position: absolute;right: 10rem;}
.agreement {
  margin-top: 32rem;
  display: flex;
}

.agreementCheck {
  margin-top: 2rem;
  margin-right: 10rem;
}

.agreementLink {
  color: #8D93A6;
  font-size: 16rem;
}

.agreementLink a {
  box-sizing: border-box;
  margin: 0;
  min-width: 0;
  color: var(--brandColor);
}
.myliq-remove{
  background-color: #F8FAFD;
  border-radius: 0 0 8rem 8rem;
  padding: 20rem 16rem;
  position: relative;
}
.classic-dark .myliq-remove{
  background-color: #292F40 !important;
}
.remove-lq-amounts-coin{margin-top: 8rem;width: calc(50% - 5rem);border-radius: 8rem;display: flex;padding:12rem 8rem;box-sizing: border-box;height: 74rem;border: 1rem solid #E6E9F2 !important;}
.classic-dark .remove-lq-amounts-coin {
  border: 1rem solid #292F40 !important;
}
.remove-lq-amounts-coin .icon-16{margin-right: 10rem;min-width: 16rem;}
.remove-lq-amounts-coin .flex-vertical span:last-child{margin-top: 10rem;}
.dark-body .selectBox .r-sel__control{border-color: #666;}
.classic-dark .selectBox .r-sel__control{border-color: #666;}
.dark-body {
  box-shadow: inset 0rem -1rem 0rem #333;
}
.liq-bottom-price-percent-row{display: flex; justify-content: space-between;}

.liq-bottom-price-percent-row span:last-child{color:var(--colorFont1) !important;font-weight:600;}
.light-bold-text {
  color:var(--colorFont1) !important;font-weight:600;
}

.selectBox .r-sel__control--is-focused .r-sel__single-value{display: none !important;}

.amm-status-block {
  background: linear-gradient(90.01deg, rgba(86, 255, 123, 0.03) 1.28%, rgba(165, 133, 255, 0.045) 33.16%, rgba(107, 149, 255, 0.05) 61.35%, rgba(0, 194, 255, 0.035) 78.04%), rgba(255, 255, 255, 0.6);
  border: 1rem solid #FFFFFF;
  box-shadow: 0rem 8rem 24rem rgba(140, 171, 217, 0.16);
  backdrop-filter: blur(40rem);
  border-radius: 8rem;
  padding: 24rem 32rem;
  display: flex;
  flex-direction: column;
  /* flex-wrap: wrap; */
  margin-right: 122rem;
  /* max-width: 476rem; */
  align-self: end;
  margin-bottom: 114rem;
}
.amm-statis-block-bottom {
  display: flex;
}
.classic-dark .amm-status-block {
  background: linear-gradient(90.01deg, rgba(86, 255, 123, 0.03) 1.28%, rgba(165, 133, 255, 0.045) 33.16%, rgba(107, 149, 255, 0.05) 61.35%, rgba(0, 194, 255, 0.035) 78.04%), #151926;
  border-radius: 8rem;
  box-shadow: none;
  border: 1rem solid transparent;
}


.amm-status-block__title {
  width: 100%;
  /* flex: 1 0 100%; */
  font-weight: 400;
  font-size: 20rem;
  line-height: 20rem;
  color: #000000;
  margin-bottom: 24rem;
  /* padding-left: 32rem; */
}
.classic-dark .amm-status-block__title {
  color: #FFFFFF;
}
.amm-status-block__item {
  /* max-width: 50%; */
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-sizing: border-box;
  /* padding-left: 32rem; */
}
.amm-status-block__item__title {
  font-weight: 700;
  font-size: 36rem;
  line-height: 36rem;
  color: #11AD7A;
  margin-bottom: 12rem;
  overflow: hidden;
}
.amm-status-block__item__sub-title {
  font-weight: 600;
  font-size: 14rem;
  line-height: 150%;
  color: #8D93A6;
  margin-bottom: 0;
}
.classic-dark .amm-status-block__item__sub-title {
  color: #606880;
}

.amm-sts-block{box-sizing: border-box; padding: 24rem;width: 280rem;height: 108rem;background:rgba(0, 70, 85,0.2);border-radius: 8rem;}
.amm-sts-block p{text-align: left;}
.amm-sts-block .amm-sts-title{font-size: 14rem;font-weight: 400;line-height: 14rem;}
.amm-sts-value{font-size: 24rem;}
.react-table tbody tr:hover {
  background-color: #F2F7FF;
}
.react-table tr>td:first-child, .react-table tr>th:first-child {
  padding-left: 24rem;
}
.react-table tr>td:last-child, .react-table tr>th:last-child {
  padding-right: 24rem;
}
.react-table thead tr:hover {
  background: transparent;
}
.react-table tr:hover .amm-btn-red {
  background-color: #1b41b2;
  color: #ffffff;
  /* background: var(--brandColor); */
  /* color: white; */
}
.classic-dark .react-table tbody tr:hover {
  background-color: #0F1F4D;
}

.react-table th {background: transparent !important;text-align: left;font-size:16rem;color:#8D93A6;padding: 16rem 12rem 16rem 2rem;}
.react-table thead tr[role="row"] {
  height: auto !important;
}

.classic-dark .react-table th {
  color:#606880
}
.classic-dark .input-container, .react-table td {
  border-color: transparent !important;
  display: flex;
  align-items: center;
}
.react-table td{border-bottom: 1rem solid transparent;text-align: left;font-weight: 500;min-height:96rem;box-sizing:border-box;}
.react-table td:not(:last-child){padding-right: 24rem;}
.react-table .amm-rate-span{background:none !important;border-radius: 0;padding: 0;}
.amm-rate-span{color:#8D93A6;display: inline-block;}
.react-table .amm-rate-red{color:var(--warningColor);background-color:none;border-bottom: 1rem dashed var(--warningColor);}
.react-table .amm-rate-green{color:#11AD7A;background-color:none; border-bottom: 1rem dashed #11AD7A;}
.text-green {
  color: #13BF86;
}
.text-red {
  color: var(--warningColor);
}
.react-table tr>th:first-child{
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 6rem;
}
.react-table tr>th:last-child{
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 6rem;
}
.classic-dark .table-td {
  color: #ffffff;
}
.td-aligner {
  text-align: right;
}
.yellow-tag{height: 18rem;line-height: 19rem;font-size: 12rem;background: #FF9500;border-radius: 12rem;padding: 0 10rem;color:#fff;display: inline-block;margin-left: 3rem;}
.coinname-affix{margin-left: 4rem;}
.slipagesetting-popup-body p{margin-top: 20rem;}
.slipagesetting-popup-body ul{display: flex;}
.slipagesetting-popup-body ul li{cursor: pointer; margin-right:16rem;text-align: center; width:52rem;height: 32rem;line-height: 33rem;border-radius: 16rem;border:1rem solid #e6e6e6;}
.slipagesetting-popup-body ul li.active{color:var(--brandColor);border-color:var(--brandColor)!important;}
.slippage-danger{color: var(--warningColor) !important}
.liq-success-popup-content h3{text-align: center;font-size: 20rem;margin-top: 16rem;}
.liq-success-popup-content .common-btn-primary{height: 32rem; line-height: 32rem;}
.pop-success-info{margin-top: 24rem;}
.pop-success-info-row{display: flex; justify-content: space-between;align-items: center;margin-top: 8rem;}
.pop-success-info-row-value{font-weight: 500;}
.tableWrap button[disabled]{background: none;color:#ccc}
.full-width{width: 100% !important;}
.select-option-container{padding-left: 16rem;cursor: pointer;}
.react-select__option{
  background: #FFFFFF !important;
  height: 100%;
}

.classic-dark .react-select__option{
  background:#1F2433 !important;
}
.classic-dark .react-select__option:hover{
  background: #0F1F4D !important;
}
.react-select__option:hover{
  background: #F2F7FF !important;
}
.react-select__option_selected{background: #eee;}
.no-scroll {overflow: hidden;width: 100%;height: 100%}
.common-popup-wrapper {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 100002;height: 100vh;}
.bg-color{background-color: rgba(0,0,0,.45);}
.common-popup-nowrapper{background-color: transparent}
.popup-container{background: #fff;margin: auto;border-radius: 8rem;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 100002}
.alert-type1{width: 400rem;height: 300rem;}
.alert-type1-img{width: 120rem;height: 120rem;margin: 40rem auto 24rem;display: block;}
.alert-type1-title{margin-top: 16rem;color: #333;font-size: 20rem;font-weight: 600;text-align: center;}
.alert-btn{background: var(--brandColor);border-radius: 4rem;padding: 6rem 16rem;margin: 24rem auto;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.alert-type1-btn{width: 88rem;height: 20rem;color: #fff;white-space: nowrap}
.popup-close{width: 16rem;height: 16rem;position: absolute;top: 15rem;right: 24rem;background: url("/images/close.svg") no-repeat;cursor: pointer;background-size: contain;}
.popup-l-close{width: 12rem;height: 12rem;position: absolute;top: 4rem;right: 4rem;background: url("/images/close_white.svg") no-repeat;background-size: contain;cursor: pointer;}
.alert-title{color: #333;padding: 14rem 24rem;font-size: 18rem;font-weight: 500;border-bottom: 1rem solid #F0F0F0;}
.alert-content{margin: 24rem;color: #333;font-size: 14rem;max-width: 352rem;line-height: 20rem;}
.alert-type2-btn{margin:24rem 24rem 24rem auto;width: fit-content;height: 32rem;color: #fff;}
.alert-type3{position: absolute;background: var(--brandColor);color: #fff;z-index: 100002;border-radius: 4rem;width: 257rem;padding: 16rem;left: 20vw;bottom: 23vh;}
.lead-nub{display: block;position: absolute;border: solid 10rem;border-top-color: transparent!important;border-left-color: transparent!important;border-bottom-color: transparent!important; border-right-color: var(--brandColor) !important;left: -19rem;top: 50%; transform: translateY(-50%);}
.alert-font-title{color: #fff;font-size: 14rem;line-height: 20rem;margin-bottom: 8rem;}
.title-lt{font-size: 12rem;margin-bottom: 0;margin-top: 8rem;}
.alert-type3-step{position: absolute;background: #FFFFFF;padding: 3rem 8rem;color: var(--brandColor);font-size: 12rem;font-weight: 500;line-height: 18rem;border-radius: 4rem;right: 16rem;bottom: 16rem;cursor: pointer}
.alert-myCanvas{width: 100vw;height:100vh;position: fixed;left: 0;top: 0;z-index: 100001;opacity:0.45;}
.alert-type4{left:50%;bottom: 14vh;transform: translateX(-50%);}
.lead-nub-type4{border-right-color: transparent!important;border-left-color: transparent!important;border-top-color: transparent!important; border-bottom-color: var(--brandColor) !important;left: 50%;top: -19rem; transform: translateX(-50%);}
.alert-type5{right: 100rem;top: 245rem;right: 140rem;top: 350rem;left: initial;bottom: initial;}
.alert-type7{left: 60vw;bottom: auto;top: 420rem};
.lead-nub-type7{border-left-color: transparent!important;border-bottom-color: transparent!important;border-top-color: transparent!important; border-right-color: var(--brandColor) !important;top: 50%;right: -19rem; transform: translateY(-50%);}
.alert-type6{left: 50%;top: 45%;bottom: auto; transform: translateX(-50%)};
.lead-nub-type7{border-right-color: transparent!important;border-bottom-color: transparent!important;border-top-color: transparent!important; border-left-color: var(--brandColor) !important;top: 50%;left: auto;right: -19rem; transform: translateY(-50%);}
.alert-font-title2 {color: #333;font-size: 14rem;line-height: 20rem;font-size: 12rem;margin-top: 38rem;margin-left: 24rem;position: absolute;bottom: 24rem;}
.alert-type9{bottom: 10rem;left: 50%;transform: translateX(-50%);}
.alert-jump-font{color: var(--brandColor);font-size: 14rem;text-decoration: underline;cursor: pointer;}
.alert-video{margin:24rem 40rem}
.alert-typeLast-btn{width: 156rem;color: #fff;margin-left: 490rem;}
.alert-radio-font{color: #666;font-size: 14rem;line-height: 20rem;}
.alert-radio-margin{margin-top: 16rem}
.alert-big-font{font-size: 14rem;}
.title2-lt{margin-bottom: 0;margin-top: 8rem;}
.icon-arrow_down {font-size: 12rem !important;}
.load-button {
  font-weight: 600;
  font-size: 20rem;
  line-height: 16rem;
  letter-spacing: 0.4rem;
  color: #2354E6;
  margin-top: 24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.load-button__text {
  margin-right: 4rem;
  font-size: 20rem;
}
.icon-arrow {
  width: 20rem;
  height: 20rem;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
/* .r-sel__control{
  border-color: #e6e6e6;
  height: 40rem;
  border-radius: 4rem;
} */
.r-sel__control {
  min-height: 40rem;
  background: transparent !important;
  border: 1rem solid #E6E9F2 !important;
  border-radius: 8rem;
  height: 100%
}

.classic-dark .r-sel__control {
  border: 1rem solid #292F40 !important;
}
.lq-coin-select-container {
  background: transparent !important;
  margin-top: 12rem;
  height: 52rem;
  caret-color: #2354E6;
}
.css-f3idvt {
  color: #2354E6;
}
.lq-coin-select-container input {
  background: transparent !important;
  border: 1rem solid #E6E9F2 !important;
}
.classic-dark .lq-coin-select-container input {
  border: 1rem solid #292F40 !important;
}
.css-bgvzuu-indicatorSeparator {
  /* display: none; */
  background: #E6E9F2;
}
.classic-dark .css-bgvzuu-indicatorSeparator {
  background: transparent;
}
.css-19bqh2r {
  fill: #B8BDCC;
}
.classic-dark .css-19bqh2r {
  fill: #292F40;
}
.rates_wrappper {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

.react-select__option_selected {
  background: #F2F7FF;
}
.fullscreen-mode-container {
  position: fixed;
  left: 0;
  top: 0;
  background: #FFFFFF;
  width: calc(100% - (100% - 100vw)); // deduct the width of body's scrollbar to avoid the view jitter.
  height: 100%;
  z-index: 1200;
  box-sizing: border-box;
  z-index: 10000;
  margin-right: calc(100% - 100vw);
}
.classic-dark .fullscreen-mode-container {
  background: #151926;
}
.fullscreen-mode-container .react-table {
  margin-top: 32rem;
}
.fullscreen-mode-container .react-table thead{
  padding-bottom: 16rem;
  display: block;
}
.fullscreen-mode-container__title {
  padding: 26rem 0 22rem 0;
  background: #FFFFFF;
  border: 1rem solid #EEF1FA;
  box-shadow: 0rem 6rem 20rem rgba(19, 60, 158, 0.04);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fullscreen-mode-container__title .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}
.classic-dark .fullscreen-mode-container__title {
  background: #292F40;
  box-shadow: 0rem 6rem 20rem rgba(19, 60, 158, 0.04);
  border: 1rem solid #292F40;
}
.fullscreen-mode-container__title__text {
  font-size: 24rem;
  margin-bottom: 0 !important;
}
.classic-dark .fullscreen-mode-container__title__text {
  color: #FFFFFF;
}
.close-icon-btn {
  width: 16rem;
  height: 16rem;
  cursor: pointer;
}
.fullscreen-mode-container__content {
  padding: 0 0 40rem 0;
  overflow-y: scroll;
  max-height: calc(100vh - 140rem);
}
.fullscreen-mode-container__content .react-table thead {
  position: sticky;
  background-color: var(--color-bg-3);
  top: 0;
  z-index: 100;
}
.operate-wrapper {
  padding: 22rem 0;
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  background: #FFFFFF;
  box-shadow: 0rem -6rem 20rem rgba(19, 60, 158, 0.04);
  z-index: 10001;
}
.classic-dark .operate-wrapper {
  background: #292F40;
  box-shadow: 0rem -6rem 20rem rgba(19, 60, 158, 0.04);
}
.operate-wrapper .load-button {
  margin-top: 0;
}
.medium-text-16 {
  font-size: 16rem;
  font-weight: 500;
}
.bold-text-16 {
  font-size: 16rem !important;
  font-weight: 600 !important;
}
.medium-text-light-16 {
  font-size: 16rem !important;
  font-weight: 400 !important;
}
.medium-text-light-14 {
  font-size: 14rem;
  font-weight: 400;
  color: #8D93A6;
}
.classic-dark .medium-text-light-16 {
  color: #606880;
}
.pair-text {
  font-size:16rem;
  color: #04091A;
}
.classic-dark .pair-text {
  color: #FFFFFF;
}

.container {
  width: 1440rem;
}
@media (min-width: 1920px) {
  .container {
    width: 1440rem;
  }
}
.bottom-border-dashed{
  border-bottom: 1rem dashed #ccc
}
.bottom-border-dashed{
  border-bottom: 1rem dashed #606880;
}
.caret-down {
  cursor:pointer;
}
.left-chart-title {
  font-size: 20rem;
  margin-bottom: 24rem;
  color: #04091A;
}
.classic-dark .left-chart-title {
  color: #FFFFFF;
}

.mantine-v753eg {
  margin-top: 5rem !important;
}
.light-font-2 {
  color: var(--colorFont3);
}
.classic-dark .light-font-2{
  color: #606880;
}
.amount-info {
  /* color: #04091A; */
  color: #4D5366;
}
.classic-dark .amount-info {
  color: #989FB3;
  /* color: #565D73; */
}
.amount-info__value{
  color: #04091A !important;
}
.classic-dark .amount-info__value {
  color: #FFFFFF !important;
}
.liq-sel-title {
  margin-top: 24rem;
}
.mantine-radio-group-radio {
  position: relative;
}
.styled-checkbox:disabled+label {
  color: var(--colorFont1) !important;
}
.classic-dark .styled-checkbox:disabled+label {
  color: #FFFFFF !important;
}
/* 
.styled-checkbox:checked+label:before {
  background: #2354E6 !important;
}
.classic-dark .styled-checkbox:checked+label:after {
  background: #000000 !important;
  box-shadow: 2rem 0 0 #000000, 4rem 0 0 #000000, 4rem -2rem 0 #000000, 4rem -4rem 0 #000000, 4rem -6rem 0 #000000, 4rem -8rem 0 #000000 !important;
} */
/* .agreement .styled-checkbox+label {
  align-items: flex-start;
}
.styled-checkbox + label::before {
  border: 1rem solid #E6E9F2;
}
.classic-dark .styled-checkbox + label::before {
  border: 1rem solid #292F40;
  background: #292F40;
} */
.agreement .styled-checkbox+label {
  align-items: flex-start;
}
.agreement .styled-checkbox + label:before {
  margin-top: 3rem;
}
.styled-checkbox:checked+label:after {
  content: none !important;
}
.styled-checkbox+label:before {
  border: none !important;
  top: 0;
  flex: 1 0 16rem;
  background: url('/images/checkbox-unselect-light.svg') !important;
}
.classic-dark .styled-checkbox+label:before {
  background: url('/images/checkbox-unselect-dark.svg') !important;
}
.styled-checkbox:checked+label:before {
  background: url('/images/checkbox-selected-light.svg')!important;
}
.classic-dark .styled-checkbox:checked+label:before {
  background: url('/images/checkbox-selected-dark.svg')!important;
}
.styled-checkbox:disabled + label:before {
  background: #E6E9F2 !important;
}
.classic-dark .styled-checkbox:disabled + label:before {
  background: #252B3A !important;
  border: 1rem solid #0F1526 !important;
}
/* .agreement .styled-checkbox+label:before {
  top: 0;
  flex: 1 0 16rem;
  margin-top: 3rem;
}
.agreement .styled-checkbox:checked+label:after {
  left: 3.5rem;
  top: 10.5rem;
} */
.classic-dark .mantine-radio-group-radio {
  border-color: #0F1526 !important;
  background: #1F2433 !important;
}
.mantine-radio-group-radio:checked {
  border-color: #2354E6 !important;
  background: #2354E6 !important;
}
.mantine-radio-group-radio:checked:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 50%;
  border-radius: 50%;
  background: #FFFFFF;

}
.classic-dark .mantine-radio-group-radio:checked:before {
  background: #151926;
}
.css-1pcexqc-container {
  height: 52rem;
}
.css-1pcexqc-container .css-bg1rzq-control {
  height: 100%;
}

.css-1pcexqc-container .css-bg1rzq-control .css-1hwfws3 {
  height: 100%;
  padding: 2rem 14rem;
}
.r-sel__control {
  height: 100%;
}
.r-sel__control--is-focused {
  border: 1rem solid transparent !important; 
}
.css-1thkkgx-indicatorContainer,.css-1thkkgx-indicatorContainer:hover,.css-16pqwjk-indicatorContainer,.css-16pqwjk-indicatorContainer:hover {
  color: #B8BDCC;
  padding: 0 20rem 0 15rem;
  border-left: 1rem solid var(--color-divider-1);
}
.classic-dark .css-1thkkgx-indicatorContainer,.classic-dark .css-1thkkgx-indicatorContainer:hover,.classic-dark .css-16pqwjk-indicatorContainer,.classic-dark .css-16pqwjk-indicatorContainer:hover {
  color: #0F1526;
  padding: 0 20rem 0 15rem;
  border-left: 1rem solid #0F1526;
}
.css-1thkkgx-indicatorContainer {
  color: #B8BDCC;
}
.r-sel__indicator-separator {
  display: none;
}
.lq-coin-select-container span.right-coin {
  right: 16rem;
}
.right-coin {
  color: #B8BDCC;
  font-weight: 500;
  font-size: 14rem;
}
.classic-dark .right-coin {
  color: #474F66;
}
.mantine-radio-group-label {
  color: #565D73 !important;
}
.selectBox .main-title, .liq-sel-title .main-title {
  color: #2A2F40 !important;
}
.classic-dark .selectBox .main-title, .classic-dark .liq-sel-title .main-title {
  /* color: #474F66 !important; */
  color: #FFFFFF !important;
}
.main-title, .liq-sel-title {
  font-size: 12rem !important;
}
.lq-coin-select-container > .input-deco {
  border-radius: 8rem;
}
.light-text {
  font-weight: 300;
}
.medium-text {
  font-weight: 500;
}
.bold-text {
  font-weight: 500;
}
.css-1xr9j97-menu, .css-1lc4w1h-menu {
  border-radius: 8rem;
  overflow: hidden;
}
.css-1lc4w1h-menu {
  box-shadow: 0rem 0rem 24rem rgba(70, 100, 140, 0.15);
}
.class-dark .css-1xr9j97-menu {
  box-shadow: 0rem 0rem 24rem rgba(0, 0, 0, 0.15);
}
.chart-legend-wrapper {
  margin-right: 6rem;
  margin-bottom: 32rem;
  display: flex;
}
.chart-legend-item {
  display: flex;
  align-items: center;
  margin-right: 24rem;
}
.chart-legend-item-color {
  width: 10rem;
  height: 1rem;
  margin-right: 8rem;
}
.chart-legend-item-text {
  font-size: 14rem;
  font-weight: 500;
  color: #8D93A6;
}
.classic-dark .chart-legend-item-text {
  color: #606880;
}
.chart-tooltip {
  box-shadow: 0rem 4rem 24rem rgba(4, 9, 25, 0.08);
  border-radius: 8rem;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  padding: 12rem;
}
.classic-dark .chart-tooltip {
  background: #2A3246;;
}
.chart-tooltip__profit {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.chart-tooltip__profit:not(:last-child) {
  margin-bottom: 8rem;
}
.chart-tooltip__profit__title {
  display: inline-block;
  font-size: 14rem;
  font-weight: 500;
  margin-right: 30rem;
  color: #8D93A6;
  flex: 0 1 auto;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.classic-dark .chart-tooltip__profit__title {
  color: #989FB3;
}
.chart-tooltip__profit__title__color {
  display: inline-block;
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  margin-right: 8rem;
}
.chart-tooltip__profit__value {
  display: inline-block;
  color: #04091A;
  flex: 1 0;
  text-align: right;
}
.classic-dark .chart-tooltip__profit__value {
  color: #FFFFFF;
}
.liq-pool-popover-content {
  width: 281rem !important;
  padding: 12rem !important;
  border-radius: 8rem !important;
}
.liq-pool-popover-content .dashed-divider {
  border-bottom: 1rem solid #0F1526;
}
.classic-dark .liq-pool-popover-content .dashed-divider {
  border-bottom: 1rem solid #E6E9F2;
  opacity: 0.12;
}
.classic-dark .liq-pool-popover-content {
  background: rgba(27, 65, 178, 0.9) !important;
  color: #FFFFFF !important;
  
}
.classic-dark .liq-pool-popover-content svg.popup-arrow {
  color:rgba(27, 65, 178, 0.9) !important;
}
.liq-pool-popover-content {
  background:#04091A !important;
}
.liq-pool-popover-content svg.popup-arrow {
  color:#04091A !important;
}
.css-1ykh2p4 .r-sel__input > input {
  caret-color: #2354E6;
}
.sorting-icon {
  position: relative;
  cursor: pointer;
  width: 16rem;
  height: 15rem;
}

i.sorting-icon-up {
  top: 0;
  border-color: transparent transparent #C2C4CC transparent;
}
.classic-dark i.sorting-icon-up {
  border-color: transparent transparent #292F40 transparent;
}
.sorting-icon-up--active {
  border-color: transparent transparent var(--brandColor) transparent !important;
}

i.sorting-icon-down {
  top: 10rem;
  border-color: #C2C4CC transparent transparent transparent;
}
.classic-dark i.sorting-icon-down {
  border-color: #292F40 transparent transparent transparent;
}
.sorting-icon-down--active {
  border-color: var(--brandColor) transparent transparent transparent !important;
}

.sorting-icon i {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4rem;
  position: absolute;
  left: 3rem;
}
.text-normal {
  color: #04091A;
}
.classic-dark .text-normal {
  color: #FFFFFF;
}
.flex-central {
  display: flex;
  justify-content: center;
  align-items: center;
}

.deco-line {
  position: relative;
}
.deco-line::before {
  content: '';
  display: block;
  position: absolute;
  width: 1rem;
  height: 12rem;
  background-color: var(--color-divider-1);
  right: -17.5rem;
  top: 50%;
  transform: translateY(-50%);
}