.exchangeMobileModal .exchangeMask,.exchangeMobileModal .mobileExchangeContent{background:#000;bottom:0;height:100%;opacity:.6;pointer-events:all;position:fixed;width:100%;z-index:9998}[dir=ltr] .exchangeMobileModal .exchangeMask,[dir=ltr] .exchangeMobileModal .mobileExchangeContent{left:0}[dir=rtl] .exchangeMobileModal .exchangeMask,[dir=rtl] .exchangeMobileModal .mobileExchangeContent{right:0}.exchangeMobileModal .mobileExchangeContent{background:var(--color-bg-3);border-radius:18px 18px 0 0;display:flex;flex-direction:column;height:80%;opacity:1;z-index:9999}.exchangeMobileModal .mobileExchangeContent .title{align-items:center;display:flex;justify-content:space-between;padding:24px 15px}.exchangeMobileModal .mobileExchangeContent .coinSelect{border:.5px solid var(--color-border-1);border-radius:5px;display:flex;margin:0 15px;padding:2px}.exchangeMobileModal .mobileExchangeContent .coinSelect .content{align-items:center;display:flex;flex-direction:column!important;justify-content:center;padding:8px 0;width:50%}.exchangeMobileModal .mobileExchangeContent .coinSelect .selected{background:var(--color-bg-4);border-radius:4px}.exchangeMobileModal .mobileExchangeContent .coinSelect .selected span{color:var(--color-text-1)!important}.exchangeMobileModal .mobileExchangeContent .optionList{display:flex;flex:1;flex-direction:column;overflow:auto}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput{display:flex;flex:1;flex-direction:column}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .arco-input-wrapper{background:transparent;border:.5px solid var(--color-border-1);border-radius:20px;height:35px;margin:12px 15px;width:calc(100% - 30px)}[dir=ltr] .exchangeMobileModal .mobileExchangeContent .optionList .searchInput .arco-input-wrapper .arco-input-prefix{padding-right:4px}[dir=rtl] .exchangeMobileModal .mobileExchangeContent .optionList .searchInput .arco-input-wrapper .arco-input-prefix{padding-left:4px}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .arco-input-wrapper .arco-input::-moz-placeholder{color:var(--color-text-2);font-size:12px}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .arco-input-wrapper .arco-input::placeholder{color:var(--color-text-2);font-size:12px}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .arco-input-focus{border:1px solid var(--color-bg-button-new)}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .select_content{flex:1;overflow-y:scroll}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .select_content .option{align-items:center;cursor:pointer;display:flex;height:62px;justify-content:space-between;padding:12px}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .select_content .option .value{align-items:end;display:flex;flex-direction:column;justify-content:space-between}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .select_content .option .not_show{display:none}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .select_content .selectOption{background:var(--color-bg-4)}.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .select_content .option:hover{background:var(--color-bg-4);border-radius:4px}.exchangeMobileModal .mobileExchangeContent .optionList .empty_content,.exchangeMobileModal .mobileExchangeContent .optionList .searchInput .select_content .empty{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.exchangeMobileModal .mobileExchangeContent .optionList .empty_content{background:var(--color-bg-2);border-radius:8px;padding:48px 8px}.exchangeMobileModal .mobileExchangeContent .optionList .empty_content .button{display:flex;justify-content:center}.exchangeMobileModal .mobileExchangeContent .optionList .empty_content .button div{align-items:center;display:flex;flex-direction:column}.exchangeMobileModal .mobileExchangeContent .optionList .empty_content .button div label{align-items:center;border:1px solid var(--color-border-1);border-radius:50%;display:flex;padding:14px}.exchangeMobileModal .mobileExchangeContent .content{display:flex;flex-direction:column;padding:0 15px}.exchangeMobileModal .mobileExchangeContent .content .box{align-items:center;border:.5px solid var(--color-border-1);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:16px}.exchangeMobileModal .mobileExchangeContent .content .box label{align-items:center;background:var(--color-bg-4);border-radius:12px;display:flex;padding:12px;width:-moz-fit-content;width:fit-content}[dir=ltr] .exchangeMobileModal .mobileExchangeContent .content .box label{margin-right:12px}[dir=rtl] .exchangeMobileModal .mobileExchangeContent .content .box label{margin-left:12px}.exchangeMobileModal .mobileExchangeContent .content .box div{display:flex;flex-direction:column;justify-content:space-between}.exchangeMobileModal .mobileExchangeContent .content .box .table{display:flex;flex-direction:row}.exchangeMobileModal .mobileExchangeContent .exchangeContent{display:flex;flex-direction:column;padding:0 15px}.exchangeMobileModal .mobileExchangeContent .exchangeContent .title{align-items:center;display:flex;justify-content:space-between;padding:24px 0!important}.exchangeMobileModal .mobileExchangeContent .exchangeContent .exchange{align-items:center;display:flex;justify-content:center;margin-bottom:40px;margin-top:16px;width:100%}.exchangeMobileModal .mobileExchangeContent .exchangeContent .exchange div{align-items:center;display:flex;flex-direction:column;min-width:160px}.exchangeMobileModal .mobileExchangeContent .exchangeContent .detail{background:var(--color-bg-4);border-radius:6px;display:flex;flex-direction:column;padding:16px 12px}.exchangeMobileModal .mobileExchangeContent .exchangeContent .detail div{align-items:center;display:flex;height:16px;justify-content:space-between;margin-bottom:16px}.exchangeMobileModal .mobileExchangeContent .exchangeContent .footer{margin-top:30px}.exchangeMobileModal .mobileExchangeContent .exchangeContent .footer .footer_button{align-items:center;background:var(--color-bg-button-new);border-radius:6px;color:var(--color-text-button-new);cursor:pointer;display:flex;font-size:16px;font-weight:500;height:48px;justify-content:center;line-height:48px;margin-bottom:0!important;margin-top:0!important;text-align:center}.exchangeMobileModal .mobileExchangeContent .exchangeContent .footer .footer_button .loading-spinner{border:2px solid var(--color-text-2);border-radius:50%;border-top:2px solid transparent;display:inline-block;height:20px;width:20px}[dir=ltr] .exchangeMobileModal .mobileExchangeContent .exchangeContent .footer .footer_button .loading-spinner{animation:spin-ltr 1s linear infinite}[dir=rtl] .exchangeMobileModal .mobileExchangeContent .exchangeContent .footer .footer_button .loading-spinner{animation:spin-rtl 1s linear infinite}@keyframes spin-ltr{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes spin-rtl{0%{transform:rotate(0)}to{transform:rotate(-1turn)}}.exchangeMobileModal .mobileExchangeContent .exchangeContent .footer .exchange{background:var(--color-bg-4);color:var(--color-text-1);font-size:16px;font-weight:500}.exchangeMobileModal .slide-up-enter-from{opacity:0;transform:translateY(100%)}.exchangeMobileModal .slide-up-enter-active{transition:transform .3s ease,opacity .3s ease}.exchangeMobileModal .slide-up-enter-to,.exchangeMobileModal .slide-up-leave-from{opacity:1;transform:translateY(0)}.exchangeMobileModal .slide-up-leave-active{transition:transform .3s ease,opacity .3s ease}.exchangeMobileModal .slide-up-leave-to{opacity:0;transform:translateY(100%)}