.currency-display{font-variant-numeric:tabular-nums;white-space:nowrap;display:inline-flex;align-items:baseline}[dir=ltr] .currency-display .sign,[dir=ltr] .currency-display .symbol{margin-right:2px}[dir=rtl] .currency-display .sign,[dir=rtl] .currency-display .symbol{margin-left:2px}.currency-display .number{font-feature-settings:"tnum";unicode-bidi:plaintext}.currency-display .number:after{content:attr(data-unit)}[dir=ltr] .currency-display .number:after{margin-left:1px}[dir=rtl] .currency-display .number:after{margin-right:1px}[dir=ltr] .is-rtl .sign,[dir=ltr] .is-rtl .symbol{margin-right:0;margin-left:2px}[dir=rtl] .is-rtl .sign,[dir=rtl] .is-rtl .symbol{margin-left:0;margin-right:2px}.is-rtl .number{unicode-bidi:isolate}[dir=ltr] .is-rtl .number{direction:ltr}[dir=rtl] .is-rtl .number{direction:rtl}[dir=ltr] .is-suffix .symbol.suffix{margin-left:2px;margin-right:0}[dir=rtl] .is-suffix .symbol.suffix{margin-right:2px;margin-left:0}[dir=ltr] .is-suffix.is-rtl .symbol.suffix{margin-left:0;margin-right:2px}[dir=rtl] .is-suffix.is-rtl .symbol.suffix{margin-right:0;margin-left:2px}.exchange-success-modal .arco-modal-footer{display:flex;gap:12px;flex-wrap:wrap}.exchange-confirm-modal .secondary-btn,.exchange-success-modal .secondary-btn{background-color:var(--color_bg_btn_secondary)}.exchange-confirm-modal .secondary-btn:hover,.exchange-success-modal .secondary-btn:hover{opacity:.8;background-color:var(--color_bg_btn_secondary);color:var(--color_text_1)}.exchange-container[data-v-7ad28f55]{padding-top:100px;padding-bottom:100px;display:flex;flex-direction:column;align-items:center}[dir=ltr] .exchange-container[data-v-7ad28f55]{background:linear-gradient(180deg,#000,#1b1b1b)}[dir=rtl] .exchange-container[data-v-7ad28f55]{background:linear-gradient(-180deg,#000,#1b1b1b)}[dir=ltr] .exchange-container.is-light[data-v-7ad28f55]{background:linear-gradient(180deg,#fff,#f7f7f7)!important}[dir=rtl] .exchange-container.is-light[data-v-7ad28f55]{background:linear-gradient(-180deg,#fff,#f7f7f7)!important}.exchange-container.is-light .content[data-v-7ad28f55]{background:var(--color_bg_fg)}[dir=ltr] .exchange-container.is-light .content[data-v-7ad28f55]:before{background:linear-gradient(180deg,#dadada,#ebebeb)}[dir=rtl] .exchange-container.is-light .content[data-v-7ad28f55]:before{background:linear-gradient(-180deg,#dadada,#ebebeb)}.exchange-container.is-light .fiat-input-content[data-v-7ad28f55]{background-color:var(--color_bg_input)}.exchange-container.is-light .circle-background[data-v-7ad28f55]{background-color:var(--color_bg_fg)}.exchange-container.is-light .circle-background .circle[data-v-7ad28f55]{background-color:var(--color_bg_input)}.exchange-container .fiat-input-content[data-v-7ad28f55]{width:100%;position:relative;background-color:var(--color_bg_fg);border-radius:8px;padding:20px 16px 32px;border:1px solid transparent}.exchange-container .fiat-input-content.is-error[data-v-7ad28f55]{border-color:var(--color_primary_red)}.exchange-container .fiat-input-content .fiat-input-error[data-v-7ad28f55]{position:absolute;bottom:16px;color:var(--color_primary_red);font-size:12px;line-height:16px}[dir=ltr] .exchange-container .fiat-input-content .fiat-input-error[data-v-7ad28f55]{right:16px;text-align:right}[dir=rtl] .exchange-container .fiat-input-content .fiat-input-error[data-v-7ad28f55]{left:16px;text-align:left}.exchange-container .fiat-input-content .top-half-circle[data-v-7ad28f55]{position:absolute;bottom:-1px;z-index:900}[dir=ltr] .exchange-container .fiat-input-content .top-half-circle[data-v-7ad28f55]{left:50%;transform:translate(-50%)}[dir=rtl] .exchange-container .fiat-input-content .top-half-circle[data-v-7ad28f55]{right:50%;transform:translate(50%)}.exchange-container .fiat-input-content .currency-input[data-v-7ad28f55]{flex:1}.exchange-container .fiat-input-content .currency-input .small-placeholder[data-v-7ad28f55] .arco-input::-moz-placeholder{font-size:18px!important}.exchange-container .fiat-input-content .currency-input .small-placeholder[data-v-7ad28f55] .arco-input::placeholder{font-size:18px!important}.exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input-wrapper{height:32px;line-height:32px;background:transparent!important}[dir=ltr] .exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input-wrapper{padding-right:0}[dir=rtl] .exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input-wrapper{padding-left:0}.exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input-wrapper .arco-input-size-medium{color:var(--color_text_1);font-size:24px;font-weight:700}.exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input-wrapper .arco-input::-moz-placeholder{font-size:24px;font-weight:700;color:var(--color_text_3)}.exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input-wrapper .arco-input::placeholder{font-size:24px;font-weight:700;color:var(--color_text_3)}.exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input-focus{border-color:transparent!important}.exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input{padding:0;caret-color:var(--color_primary_brand)}[dir=ltr] .exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input{text-align:right}[dir=rtl] .exchange-container .fiat-input-content .currency-input[data-v-7ad28f55] .arco-input{text-align:left}.exchange-container .circle-background[data-v-7ad28f55]{position:absolute;width:48px;height:48px;top:50%;z-index:899;background:var(--color_bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}[dir=ltr] .exchange-container .circle-background[data-v-7ad28f55]{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .exchange-container .circle-background[data-v-7ad28f55]{right:50%;transform:translate(50%,-50%)}.exchange-container .circle-background .circle[data-v-7ad28f55]{width:36px;height:36px;background:#0f0f0f;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .6s ease;transform-origin:center center}[dir=ltr] .exchange-container .circle-background .circle.rotation[data-v-7ad28f55]{transform:rotate(180deg)}[dir=rtl] .exchange-container .circle-background .circle.rotation[data-v-7ad28f55]{transform:rotate(-180deg)}.exchange-container .content[data-v-7ad28f55]{border-radius:16px;padding:32px;background:var(--color_bg);z-index:1;position:relative}.exchange-container .content[data-v-7ad28f55]:before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(180deg,#414141,#000);z-index:-1;padding:1.5px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:destination-out}.exchange-container .currency-select-content[data-v-7ad28f55]{padding:8px;background-color:var(--color_bg_fg);border:1px solid var(--color_border);border-radius:8px}.exchange-container .currency-select-content .currency-list[data-v-7ad28f55]{margin-top:4px;display:flex;flex-direction:column;gap:4px}.exchange-container .currency-select-content .currency-item[data-v-7ad28f55]{padding:12px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:4px}.exchange-container .currency-select-content .currency-item[data-v-7ad28f55]:hover{background-color:var(--color_bg_input)}[dir=ltr] .exchange-container .currency-select-content[data-v-7ad28f55] .arco-input-prefix{padding-right:4px}[dir=rtl] .exchange-container .currency-select-content[data-v-7ad28f55] .arco-input-prefix{padding-left:4px}[dir=ltr] .exchange-container .currency-select-content[data-v-7ad28f55] .arco-input-wrapper{padding-left:10px}[dir=rtl] .exchange-container .currency-select-content[data-v-7ad28f55] .arco-input-wrapper{padding-right:10px}.exchange-container .currency-select-content[data-v-7ad28f55] .arco-input-focus{border-color:var(--color_primary_brand)}.exchange-container .currency-select-content[data-v-7ad28f55] .arco-input::-moz-placeholder{font-size:12px;color:var(--color_text_3)}.exchange-container .currency-select-content[data-v-7ad28f55] .arco-input::placeholder{font-size:12px;color:var(--color_text_3)}@media only screen and (max-width:768px){.exchange-container[data-v-7ad28f55]{padding:12px 15px;background:transparent!important}.exchange-container .content[data-v-7ad28f55]{padding:0}.exchange-container .content[data-v-7ad28f55]:before{display:none}}