.spinner[data-v-821f04be]{align-items:center;display:flex;justify-content:center}.dot[data-v-821f04be]{animation:bounce-821f04be 1.4s ease-in-out infinite both;background-color:#fff;border-radius:9999px;flex-shrink:0;height:8px;margin:0 5px;opacity:.5;width:8px}.dot[data-v-821f04be]:first-child{animation-delay:-.32s}.dot[data-v-821f04be]:nth-child(2){animation-delay:-.16s}@keyframes bounce-821f04be{0%,80%,to{opacity:.5;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.SwapPayReceiveCard .top[data-v-d66d3be0]{background-color:#33363f!important;border-radius:16px;padding:24px}.SwapPayReceiveCard .top .ratio_ctn[data-v-d66d3be0]{-moz-column-gap:14px;column-gap:14px;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:5px}.SwapPayReceiveCard .top .ratio_ctn .ratio_ctn_item[data-v-d66d3be0]{align-items:center;background-color:#3d414a;border-radius:4px;color:#999a9f;cursor:pointer;display:flex;font-size:12px;font-style:normal;font-weight:400;height:24px;justify-content:center;padding:0 18px}@media (max-width:575.9px){.SwapPayReceiveCard .top .ratio_ctn .ratio_ctn_item[data-v-d66d3be0]{font-size:10px;height:20px;padding:0 13px}}.SwapPayReceiveCard .top .ratio_ctn .ratio_ctn_item[data-v-d66d3be0]:hover{background-color:#454851;color:#fff}@media (max-width:575.9px){.SwapPayReceiveCard .top .ratio_ctn[data-v-d66d3be0]{-moz-column-gap:10px;column-gap:10px}}.SwapPayReceiveCard .top .ratio_ctn_item--select[data-v-d66d3be0]{background-color:#454851!important;color:#fff!important}.SwapPayReceiveCard--black .top[data-v-d66d3be0]{background-color:#21242b!important}.SwapPayReceiveCard--black .ArrowBall[data-v-d66d3be0]{display:none!important}.SwapPayReceiveCard.size-small .top[data-v-d66d3be0]{border-radius:8px;padding:16px}.DvmRateBar[data-v-d66d3be0]{align-items:center;border-radius:16px;display:flex;font-size:16px;margin-top:10px;padding:24px 20px;width:100%}.SwapCurrencyCard[data-v-d66d3be0]{display:flex;flex-direction:column;width:100%}.SwapCurrencyCard .ratio_ctn_item--select[data-v-d66d3be0]{background:#ffe804!important;color:#fff!important}.SwapCurrencyCard[data-v-d66d3be0] .CoinInput{width:100%}.SwapCurrencyCard[data-v-d66d3be0] .CoinInput .n-input{--n-color: transparent;--n-color-focus: transparent;--n-color-disabled: transparent;--n-height: 40px !important;--n-text-color: #fff;--n-border: 0;--n-border-hover: 0;--n-border-focus: 0;--n-box-shadow-focus: none;--n-font-size: 36px !important}.SwapCurrencyCard[data-v-d66d3be0] .CoinInput .n-input .n-input-wrapper{padding-left:0!important;padding-right:0!important}.SwapCurrencyCard[data-v-d66d3be0] .CoinInput .n-input input{font-weight:500!important}@media (max-width:575.9px){.SwapCurrencyCard[data-v-d66d3be0] .CoinInput .n-input{--n-height: 32px !important;--n-font-size: 28px !important}}.SwapCurrencyCard[data-v-d66d3be0] .CoinInput .n-input.n-input--disabled{--n-border-disabled: none !important;--n-color-disabled: transparent !important;pointer-events:none;--n-placeholder-color-disabled: #999a9f !important}.SwapCurrencyCard[data-v-d66d3be0] .CoinInput .n-input.n-input--disabled .n-input-wrapper{cursor:pointer!important}.SwapCurrencyCard .head[data-v-d66d3be0]{align-items:center;display:flex}.SwapCurrencyCard .head .IconArea[data-v-d66d3be0]{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex;margin-left:auto}.SwapCurrencyCard .head .IconArea .Icon[data-v-d66d3be0]{height:20px;width:20px}.SwapCurrencyCard .head .ctn[data-v-d66d3be0]{background-color:#3d414a;border-radius:8px;display:flex;width:-moz-max-content;width:max-content}.SwapCurrencyCard .top[data-v-d66d3be0]{background-color:#252831;position:relative}.SwapCurrencyCard .top .ArrowBall[data-v-d66d3be0]{align-items:center;background-color:#33363f;border:6px solid #252831;border-radius:100%;bottom:-26px;display:flex;height:52px;justify-content:center;left:50%;position:absolute;transform:translate(-50%);width:52px;z-index:9}.SwapCurrencyCard .top .ctn_num[data-v-d66d3be0]{margin:24px 0}.SwapCurrencyCard .top .ctn_num h1[data-v-d66d3be0]{color:#333;font-size:36px;font-style:normal;font-weight:700}@media (max-width:575.9px){.SwapCurrencyCard .top .ctn_num[data-v-d66d3be0]{margin:18px 0}}.SwapCurrencyCard .top .coin_right[data-v-d66d3be0]{align-items:center;color:#999a9f;-moz-column-gap:4px;column-gap:4px;display:flex}.SwapCurrencyCard .top .coin_right h2[data-v-d66d3be0]{color:#999a9f;font-size:12px;font-style:normal;font-weight:400}.SwapCurrencyCard .top .coin_left[data-v-d66d3be0]{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex}@media (max-width:575.9px){.SwapCurrencyCard .top .coin_left[data-v-d66d3be0]{-moz-column-gap:10px;column-gap:10px}}.SwapCurrencyCard .top .coin_left .flex_top[data-v-d66d3be0]{align-items:center;-moz-column-gap:8px;column-gap:8px;display:flex;width:-moz-max-content;width:max-content}.SwapCurrencyCard .top .coin_left .flex_top-title[data-v-d66d3be0]{font-size:16px;font-weight:400}@media (max-width:575.9px){.SwapCurrencyCard .top .coin_left .flex_top-title[data-v-d66d3be0]{font-style:normal;font-weight:500;line-height:20px}}.SwapCurrencyCard .top .coin_left .flex_top h1[data-v-d66d3be0]{color:#333;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.SwapCurrencyCard .top .coin_left .flex_bottom[data-v-d66d3be0]{align-items:center;-moz-column-gap:2px;column-gap:2px;display:flex}.SwapCurrencyCard .top .coin_left .flex_bottom h2[data-v-d66d3be0]{color:#999;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.SwapCurrencyCard .top .coin_left .coinTip[data-v-d66d3be0]{bottom:0;position:absolute;right:-10px}.PopupCardInnerContents{padding-left:32px;padding-right:32px;padding-top:32px}@media (max-width:575.9px){.PopupCardInnerContents{padding-left:16px;padding-right:16px;padding-top:16px}}[data-v-8359fcc7] .MyEmpty{--medium-size: 88px !important;margin-top:-2px}[data-v-8359fcc7] .MyEmpty .no-data-table__text{font-size:12px;margin-top:-2px}.CoinLogo[data-v-8359fcc7]{border-radius:999px;height:30px;overflow:hidden;position:relative;width:30px}.CoinListItem[data-v-8359fcc7]{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex;position:relative}.CoinLogo-Balance[data-v-8359fcc7]{color:#999a9f;font-size:16px;font-weight:400;line-height:1.5}.CoinLogo-TokenName[data-v-8359fcc7]{color:#fff;font-size:16px;font-weight:500;line-height:1.5;white-space:nowrap}.coinSelectItem[data-v-8359fcc7]{margin-bottom:8px;padding-bottom:8px;padding-top:8px}.coinSelectItem[data-v-8359fcc7]:hover{background:#3d414a}[data-v-8359fcc7] .CustomHeader{color:red}[data-v-8359fcc7] .CustomInner{background:red;display:none}[data-v-8359fcc7] #popupHeaderClass{display:none}