@font-face {
font-family: Manrope;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F.ttf) format("truetype")
}
@font-face {
font-family: Manrope;
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/manrope/v15/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk59E-_F.ttf) format("truetype")
}
html {
height: 100%;
font-size: 16px
}
body {
height: 100%;
min-height: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
html,
body {
-webkit-overflow-scrolling: touch
}
@supports (-webkit-hyphens: none) and (text-align-last: right) {
:after {
content: none
}
}
:root {
--tui-heading-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
--tui-text-font: "Manrope", -apple-system, "BlinkMacSystemFont", system-ui, "Roboto", "Segoe UI", "Helvetica Neue", sans-serif;
--tui-font-heading: var(--tui-heading-font);
--tui-font-heading-1: bold 3.125rem/3.5rem var(--tui-font-heading);
--tui-font-heading-2: bold 2.75rem/3rem var(--tui-font-heading);
--tui-font-heading-3: bold 2.25rem/2.5rem var(--tui-font-heading);
--tui-font-heading-4: bold 1.75rem/2rem var(--tui-font-heading);
--tui-font-heading-5: bold 1.5rem/1.75rem var(--tui-font-heading);
--tui-font-heading-6: bold 1.25rem/1.5rem var(--tui-font-heading);
--tui-font-text: var(--tui-text-font);
--tui-font-text-xl: normal 1.1875rem/1.75rem var(--tui-font-text);
--tui-font-text-l: normal 1.0625rem/1.75rem var(--tui-font-text);
--tui-font-text-l-2: normal 1.0625rem/1.5rem var(--tui-font-text);
--tui-font-text-m: normal 1rem/1.5rem var(--tui-font-text);
--tui-font-text-m-2: normal 1rem/1.25rem var(--tui-font-text);
--tui-font-text-s: normal .8125rem/1.25rem var(--tui-font-text);
--tui-font-text-s-2: normal .8125rem/1rem var(--tui-font-text);
--tui-font-text-xs: normal .6875rem/1rem var(--tui-font-text);
--tui-radius-xs: .25rem;
--tui-radius-s: .5rem;
--tui-radius-m: .75rem;
--tui-radius-l: .75rem;
--tui-radius-xl: 1.5rem;
--tui-height-xs: 1.5rem;
--tui-height-s: 2rem;
--tui-height-m: 2.75rem;
--tui-height-l: 3.5rem;
--tui-padding-s: .75rem;
--tui-padding-m: .75rem;
--tui-padding-l: 1rem;
--tui-duration: .3s;
--tui-backdrop: none;
--tui-disabled-opacity: .56;
--tui-autofill: #fff5c0;
--tui-base-01: #fff;
--tui-base-02: #f6f6f6;
--tui-base-03: #ededed;
--tui-base-04: #d7d7d7;
--tui-base-05: #b0b0b0;
--tui-base-06: #959595;
--tui-base-07: #808080;
--tui-base-08: #333;
--tui-base-09: #000;
--tui-primary: #526ed3;
--tui-primary-hover: #6c86e2;
--tui-primary-active: #314692;
--tui-primary-text: #fff;
--tui-secondary: #ebefff;
--tui-secondary-hover: #dfe3f3;
--tui-secondary-active: #d8ddf2;
--tui-accent: #ff7043;
--tui-accent-hover: #ff9a94;
--tui-accent-active: #e7716a;
--tui-accent-text: #fff;
--tui-selection: rgba(112, 182, 246, .12);
--tui-focus: rgba(51, 51, 51, .64);
--tui-clear: rgba(0, 0, 0, .04);
--tui-clear-disabled: rgba(0, 0, 0, .04);
--tui-clear-hover: rgba(0, 0, 0, .16);
--tui-clear-active: rgba(0, 0, 0, .2);
--tui-clear-inverse: rgba(255, 255, 255, .16);
--tui-clear-inverse-hover: rgba(255, 255, 255, .24);
--tui-clear-inverse-active: rgba(255, 255, 255, .4);
--tui-elevation-01: #fff;
--tui-elevation-02: #fff;
--tui-error-fill: #f45725;
--tui-error-bg: rgba(244, 87, 37, .12);
--tui-error-bg-hover: rgba(244, 87, 37, .24);
--tui-success-fill: #4ac99b;
--tui-success-bg: rgba(74, 201, 155, .12);
--tui-success-bg-hover: rgba(74, 201, 155, .24);
--tui-warning-fill: #ffc700;
--tui-warning-bg: rgba(255, 199, 0, .12);
--tui-warning-bg-hover: rgba(255, 199, 0, .24);
--tui-info-fill: #70b6f6;
--tui-info-bg: rgba(112, 182, 246, .12);
--tui-info-bg-hover: rgba(112, 182, 246, .24);
--tui-neutral-fill: #79818c;
--tui-neutral-bg: rgba(121, 129, 140, .12);
--tui-neutral-bg-hover: rgba(121, 129, 140, .24);
--tui-text-01: #1b1f3b;
--tui-text-02: rgba(27, 31, 59, .65);
--tui-text-03: rgba(27, 31, 59, .4);
--tui-link: #526ed3;
--tui-link-hover: #6c86e2;
--tui-positive: #3aa981;
--tui-positive-hover: #7ac5aa;
--tui-negative: #dd4c1e;
--tui-negative-hover: #e38163;
--tui-error-fill-night: #ff8c67;
--tui-error-bg-night: rgba(244, 87, 37, .32);
--tui-error-bg-night-hover: rgba(244, 87, 37, .4);
--tui-success-fill-night: #4ac99b;
--tui-success-bg-night: rgba(74, 201, 155, .32);
--tui-success-bg-night-hover: rgba(74, 201, 155, .4);
--tui-warning-fill-night: #ffc700;
--tui-warning-bg-night: rgba(255, 199, 0, .32);
--tui-warning-bg-night-hover: rgba(255, 199, 0, .4);
--tui-info-fill-night: #70b6f6;
--tui-info-bg-night: rgba(112, 182, 246, .32);
--tui-info-bg-night-hover: rgba(112, 182, 246, .4);
--tui-neutral-fill-night: #959ba4;
--tui-neutral-bg-night: rgba(149, 155, 164, .32);
--tui-neutral-bg-night-hover: rgba(149, 155, 164, .48);
--tui-autofill-night: #554a2a;
--tui-text-01-night: #ffffff;
--tui-text-02-night: rgba(255, 255, 255, .72);
--tui-text-03-night: rgba(255, 255, 255, .6);
--tui-link-night: #6788ff;
--tui-link-night-hover: #526ed3;
--tui-positive-night: #44c596;
--tui-positive-night-hover: #3aa981;
--tui-negative-night: #ff8c67;
--tui-negative-night-hover: #bb593a;
--tui-support-01: #a8cef1;
--tui-support-02: #3682db;
--tui-support-03: #8dda71;
--tui-support-04: #34b41f;
--tui-support-05: #e29398;
--tui-support-06: #b8474e;
--tui-support-07: #fcc068;
--tui-support-08: #ff8a00;
--tui-support-09: #dab3f9;
--tui-support-10: #7b439e;
--tui-support-11: #fee797;
--tui-support-12: #fcbb14;
--tui-support-13: #ea97c4;
--tui-support-14: #bd65a4;
--tui-support-15: #7fd7cc;
--tui-support-16: #2fad96;
--tui-support-17: #d4aca2;
--tui-support-18: #9d6f64;
--tui-support-19: #d2e9a2;
--tui-support-20: #aadc42;
--tui-support-21: #a0c5df;
--tui-chart-0: var(--tui-primary);
--tui-chart-1: var(--tui-support-13);
--tui-chart-2: var(--tui-support-21);
--tui-chart-3: var(--tui-support-11);
--tui-chart-4: var(--tui-base-05)
}
@charset "UTF-8";
:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
@font-face {
font-weight: 300;
font-family: Red-Hat-Display;
font-style: normal;
font-display: block;
src: url(/assets/fonts/red-hat/RedHatDisplay-Light.woff2) format("woff2"), url(/assets/fonts/red-hat/RedHatDisplay-Light.woff) format("woff"), url(/assets/fonts/red-hat/RedHatDisplay-Light.eot), url(/assets/fonts/red-hat/RedHatDisplay-Light.ttf) format("truetype")
}
@font-face {
font-weight: 400;
font-family: Red-Hat-Display;
font-style: normal;
font-display: block;
src: url(/assets/fonts/red-hat/RedHatDisplay-Regular.woff2) format("woff2"), url(/assets/fonts/red-hat/RedHatDisplay-Regular.woff) format("woff"), url(/assets/fonts/red-hat/RedHatDisplay-Regular.eot), url(/assets/fonts/red-hat/RedHatDisplay-Regular.ttf) format("truetype")
}
@font-face {
font-weight: 500;
font-family: Red-Hat-Display;
font-style: normal;
font-display: block;
src: url(/assets/fonts/red-hat/RedHatDisplay-Medium.woff2) format("woff2"), url(/assets/fonts/red-hat/RedHatDisplay-Medium.woff) format("woff"), url(/assets/fonts/red-hat/RedHatDisplay-Medium.eot), url(/assets/fonts/red-hat/RedHatDisplay-Medium.ttf) format("truetype")
}
@font-face {
font-weight: 600;
font-family: Red-Hat-Display;
font-style: normal;
font-display: block;
src: url(/assets/fonts/red-hat/RedHatDisplay-SemiBold.woff2) format("woff2"), url(/assets/fonts/red-hat/RedHatDisplay-SemiBold.woff) format("woff"), url(/assets/fonts/red-hat/RedHatDisplay-SemiBold.eot), url(/assets/fonts/red-hat/RedHatDisplay-SemiBold.ttf) format("truetype")
}
* {
box-sizing: border-box;
-webkit-appearance: none;
appearance: none;
-webkit-tap-highlight-color: transparent
}
*:focus {
outline: none
}
html {
--tui-font-text: Red-Hat-Display, sans-serif !important;
box-sizing: border-box;
height: auto !important;
overflow-x: hidden
}
html body {
position: relative;
min-width: 320px;
height: auto;
margin: 0;
padding: 0;
overflow-x: hidden;
background: var(--app-background);
font-size: .75rem;
letter-spacing: .03em
}
#loader {
position: fixed;
inset: 0;
z-index: 2147483001;
display: flex;
align-items: center;
justify-content: center;
background-color: #282935;
opacity: 1;
transition: opacity .4s ease-in-out, z-index .4s step-end
}
[_ngcontent-ng-c3858419520]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
app-my-trades,
app-buy-crypto {
display: block;
width: 100%
}
.wrapper[_ngcontent-ng-c3858419520] {
display: flex;
flex-direction: column;
min-height: 100vh
}
.wrapper[_ngcontent-ng-c3858419520]>[_ngcontent-ng-c3858419520]:first-child {
flex: 0
}
.wrapper[_ngcontent-ng-c3858419520]>[_ngcontent-ng-c3858419520]:nth-child(2) {
flex: 1;
align-self: stretch
}
.wrapper[_ngcontent-ng-c3858419520]>[_ngcontent-ng-c3858419520]:last-child {
flex: 0
}
.main-content[_ngcontent-ng-c3858419520] {
width: 100%;
padding: 0 20px 60px
}
body.hide-unused-ui[_nghost-ng-c3858419520] .main-content[_ngcontent-ng-c3858419520],
body.hide-unused-ui [_nghost-ng-c3858419520] .main-content[_ngcontent-ng-c3858419520] {
margin: 0;
padding: 0
}
.main-content[_ngcontent-ng-c3858419520]>* {
margin: 0 auto
}
@media (max-width: 651px) {
.main-content[_ngcontent-ng-c3858419520]>* {
margin: 0 auto 40px
}
}
@media (max-width: 651px) {
.main-content[_ngcontent-ng-c3858419520] {
padding: 0 var(--tui-padding-l) 60px
}
.footer[_ngcontent-ng-c3858419520] {
display: none
}
}
@keyframes tuiPresent {
to {
content: "1"
}
}
@keyframes tuiSkeletonVibe {
to {
opacity: .5
}
}
html,
.tui-zero-scrollbar {
scrollbar-width: none;
-ms-overflow-style: none
}
html::-webkit-scrollbar,
.tui-zero-scrollbar::-webkit-scrollbar,
html::-webkit-scrollbar-thumb,
.tui-zero-scrollbar::-webkit-scrollbar-thumb {
background: transparent;
width: 0;
height: 0
}
body {
font: var(--tui-font-text-s);
color: var(--tui-text-01);
background: var(--tui-base-01);
margin: 0
}
tui-root {
position: relative;
display: block;
flex: 1;
-webkit-tap-highlight-color: transparent
}
tui-root>.t-root-scrollbar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0
}
.t-root-content {
position: relative;
z-index: 0;
height: 100%
}
.t-overscroll-none {
overscroll-behavior: none
}
[_nghost-ng-c2951729464] {
display: none
}
[_nghost-ng-c2912582407] {
position: relative;
z-index: 0;
display: block;
height: 100%
}
[_nghost-ng-c2912582407]:before {
content: "";
display: block;
overflow: hidden
}
.t-position-fixed-offset[_ngcontent-ng-c2912582407] {
position: fixed;
left: 0;
top: 0;
pointer-events: none;
visibility: hidden;
width: 100%;
height: 100%
}
[_nghost-ng-c2662762397] {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: 0
}
.t-overlay[_ngcontent-ng-c2662762397],
.t-dialog[_ngcontent-ng-c2662762397] {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: flex-start;
outline: none;
overflow: auto;
overflow: overlay
}
.t-dialog[_ngcontent-ng-c2662762397] {
bottom: auto;
height: 100%
}
.t-overlay[_ngcontent-ng-c2662762397] {
height: 100%;
pointer-events: none;
touch-action: none;
opacity: 0;
letter-spacing: normal;
transition: opacity var(--tui-duration), letter-spacing .01s;
background: rgba(0, 0, 0, .75);
-webkit-backdrop-filter: var(--tui-backdrop, none);
backdrop-filter: var(--tui-backdrop, none)
}
.t-overlay_visible[_ngcontent-ng-c2662762397] {
opacity: 1;
letter-spacing: 1px
}
.t-dialog[_ngcontent-ng-c2662762397]:last-of-type {
z-index: 1
}
tui-alert-host>.t-wrapper {
position: fixed;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
pointer-events: none
}
tui-alert-host>.t-wrapper>* {
pointer-events: auto
}
[_nghost-ng-c2326231791] {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 0
}
[_nghost-ng-c3647597229] {
position: -webkit-sticky;
position: sticky;
top: 0;
left: 0;
z-index: 1;
min-width: calc(100% - 1px);
min-height: calc(100% - 1px);
max-width: calc(100% - 1px);
max-height: calc(100% - 1px);
float: left;
-webkit-margin-end: calc(-100% + 1px);
margin-inline-end: calc(-100% + 1px);
pointer-events: none
}
.t-bar[_ngcontent-ng-c3647597229] {
position: absolute;
right: 0;
bottom: 0;
pointer-events: auto
}
.t-bar_vertical[_ngcontent-ng-c3647597229] {
top: 0;
width: .875rem
}
.t-bar_horizontal[_ngcontent-ng-c3647597229] {
left: 0;
height: .875rem
}
.t-bar_has-horizontal[_ngcontent-ng-c3647597229] {
bottom: .5rem
}
.t-bar_has-vertical[_ngcontent-ng-c3647597229] {
right: .5rem
}
.t-thumb[_ngcontent-ng-c3647597229] {
transition-property: all;
transition-duration: .15s;
transition-timing-function: ease-in-out;
position: absolute;
border-radius: 6.25rem;
border: .25rem solid transparent;
cursor: pointer;
pointer-events: auto;
background: var(--tui-text-01);
background-clip: content-box;
box-sizing: border-box;
transition-property: width, height;
opacity: .2
}
.t-thumb[_ngcontent-ng-c3647597229]:hover {
opacity: .24
}
.t-thumb[_ngcontent-ng-c3647597229]:active {
opacity: .48
}
[data-mode=onDark][_nghost-ng-c3647597229] .t-thumb[_ngcontent-ng-c3647597229] {
background-color: var(--tui-text-01-night)
}
.t-bar_vertical[_ngcontent-ng-c3647597229] .t-thumb[_ngcontent-ng-c3647597229] {
right: 0;
width: .75rem;
min-height: 1.25rem
}
.t-bar_vertical[_ngcontent-ng-c3647597229]:hover .t-thumb[_ngcontent-ng-c3647597229],
.t-bar_vertical[_ngcontent-ng-c3647597229] .t-thumb[_ngcontent-ng-c3647597229]:active {
width: .875rem
}
.t-bar_horizontal[_ngcontent-ng-c3647597229] .t-thumb[_ngcontent-ng-c3647597229] {
bottom: 0;
height: .75rem;
min-width: 1.25rem
}
.t-bar_horizontal[_ngcontent-ng-c3647597229]:hover .t-thumb[_ngcontent-ng-c3647597229],
.t-bar_horizontal[_ngcontent-ng-c3647597229] .t-thumb[_ngcontent-ng-c3647597229]:active {
height: .875rem
}
[_ngcontent-ng-c3025980983]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
[_nghost-ng-c3025980983] tui-carousel fieldset {
padding: 0 !important
}
.rubic-header[_ngcontent-ng-c3025980983] {
position: relative;
display: flex;
gap: 15px;
align-items: center;
padding: 30px
}
.rubic-header__logo[_ngcontent-ng-c3025980983] {
display: block;
margin-right: 40px
}
.rubic-header__logo[_ngcontent-ng-c3025980983] img[_ngcontent-ng-c3025980983] {
display: block
}
.staking-button[_ngcontent-ng-c3025980983] {
margin-right: auto
}
.image[_ngcontent-ng-c3025980983] {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 100%
}
@media (max-width: 651px) {
.rubic-header[_ngcontent-ng-c3025980983] {
justify-content: space-between;
padding: var(--tui-radius-m) var(--tui-radius-l)
}
app-rubic-menu-toggler[_ngcontent-ng-c3025980983],
app-points-button[_ngcontent-ng-c3025980983],
app-language-selector[_ngcontent-ng-c3025980983],
app-history-button[_ngcontent-ng-c3025980983] {
display: none
}
button.theme-switcher[_ngcontent-ng-c3025980983],
button.swap-button[_ngcontent-ng-c3025980983],
button.staking-button[_ngcontent-ng-c3025980983] {
display: none
}
}
.large-iframe-header[_ngcontent-ng-c3025980983] {
justify-content: space-between
}
[_nghost-ng-c121344037] {
position: relative;
display: block;
overflow: hidden
}
._draggable[_nghost-ng-c121344037] {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
._draggable[_nghost-ng-c121344037]:hover {
cursor: grab
}
._draggable[_nghost-ng-c121344037]:active {
cursor: grabbing
}
.t-items[_ngcontent-ng-c121344037] {
display: flex
}
._transitioned[_nghost-ng-c121344037] .t-items[_ngcontent-ng-c121344037] {
transition-property: transform;
transition-duration: var(--tui-duration, .3s);
transition-timing-function: ease-in-out
}
.t-item[_ngcontent-ng-c121344037] {
display: flex;
flex-direction: column;
justify-content: center;
padding: var(--tui-carousel-padding, 0 1.25rem);
flex: 1;
min-width: 100%;
max-width: 100%;
box-sizing: border-box;
border: none;
margin: 0
}
.t-wrapper[_ngcontent-ng-c121344037] {
position: -webkit-sticky;
position: sticky;
left: 0;
right: 0;
min-width: 100%;
overflow: hidden
}
.t-scroller[_ngcontent-ng-c121344037] {
scrollbar-width: none;
-ms-overflow-style: none;
display: flex;
overflow: auto;
overscroll-behavior-x: none;
padding-bottom: 2rem;
margin-bottom: -2rem
}
.t-scroller[_ngcontent-ng-c121344037]::-webkit-scrollbar,
.t-scroller[_ngcontent-ng-c121344037]::-webkit-scrollbar-thumb {
background: transparent;
width: 0;
height: 0
}
.t-scroller[_ngcontent-ng-c121344037]:before,
.t-scroller[_ngcontent-ng-c121344037]:after {
content: "";
display: block;
min-width: 1rem
}
[_ngcontent-ng-c1638279096]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
[_nghost-ng-c1638279096] {
display: flex
}
[_nghost-ng-c1638279096] .back-button {
display: flex;
gap: var(--tui-padding-s);
align-items: center;
padding: 0 5px;
cursor: pointer
}
[_nghost-ng-c1638279096] .back-button__text {
display: block;
margin-right: auto;
margin-left: auto;
padding-right: 14px
}
[_nghost-ng-c1638279096] .back-button__image {
height: 12px
}
.swap-container[_ngcontent-ng-c1638279096] {
display: flex;
align-items: flex-start;
margin: 0 auto
}
.swap-container[_ngcontent-ng-c1638279096] .form[_ngcontent-ng-c1638279096] {
position: relative;
width: 600px;
margin-right: 10px;
margin-left: 10px;
transition: .2s ease-in-out
}
.swap-container[_ngcontent-ng-c1638279096] .form_tokens[_ngcontent-ng-c1638279096] {
width: 600px
}
.swap-container[_ngcontent-ng-c1638279096] .form_small[_ngcontent-ng-c1638279096] {
width: 360px
}
.swap-container[_ngcontent-ng-c1638279096] app-input-output-container[_ngcontent-ng-c1638279096]:first-child {
display: block;
margin-bottom: 1px
}
.swap-container[_ngcontent-ng-c1638279096] app-providers-list-general[_ngcontent-ng-c1638279096] {
display: block;
width: 360px;
height: 510px;
background: var(--secondary-background);
border-radius: 17px
}
.large-iframe-swap-container[_ngcontent-ng-c1638279096] {
flex-direction: column;
gap: 10px
}
.large-iframe-swap-container[_ngcontent-ng-c1638279096] app-cn-trade-info[_ngcontent-ng-c1638279096] {
width: 600px;
margin: 0 10px
}
@media (max-width: 651px) {
.swap-container[_ngcontent-ng-c1638279096] {
display: flex;
flex-direction: column;
gap: var(--tui-padding-l);
align-items: center;
width: 100%;
margin: 0 auto
}
.swap-container[_ngcontent-ng-c1638279096] .form[_ngcontent-ng-c1638279096] {
width: 360px;
overflow: hidden
}
.swap-container[_ngcontent-ng-c1638279096] app-providers-list-general[_ngcontent-ng-c1638279096] {
width: 360px;
height: auto;
overflow: hidden;
background: none;
border-radius: 0
}
}
[_ngcontent-ng-c3292167463]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
app-action-button[_ngcontent-ng-c3292167463] {
width: 100%
}
app-gas-form-hint[_ngcontent-ng-c3292167463] {
position: absolute;
left: 0
}
app-gas-form-hint.source-chain[_ngcontent-ng-c3292167463] {
top: 85px
}
app-gas-form-hint.target-chain[_ngcontent-ng-c3292167463] {
bottom: 110px
}
.form-links[_ngcontent-ng-c3292167463] {
display: flex;
gap: var(--tui-padding-s);
color: var(--tui-text-03)
}
.form-links_selected[_ngcontent-ng-c3292167463] {
color: var(--tui-text-01)
}
.actions[_ngcontent-ng-c3292167463] {
display: flex;
gap: 10px;
align-items: center;
margin-left: auto
}
app-target-network-address[_ngcontent-ng-c3292167463] {
display: block
}
.input-container[_ngcontent-ng-c3292167463] {
display: flex;
flex-direction: column;
gap: var(--tui-padding-s);
align-items: flex-end;
width: 100%
}
.buttons-container[_ngcontent-ng-c3292167463] {
display: flex;
gap: var(--tui-padding-l);
margin-top: var(--tui-padding-l)
}
app-form-switcher[_ngcontent-ng-c3292167463] {
display: flex;
justify-content: center;
height: 2px;
background: linear-gradient(90deg, var(--io-background) 0%, rgba(0, 0, 0, 0) 50%, var(--io-background) 100%)
}
@media (max-width: 651px) {
[_nghost-ng-c3292167463] .window-container {
padding: 0 !important;
background: none !important;
border-radius: 0 !important
}
[_nghost-ng-c3292167463] .window-container header {
padding: var(--tui-padding-l) !important;
background: var(--io-background);
border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
}
.input-container[_ngcontent-ng-c3292167463] {
gap: var(--tui-padding-xs);
align-items: flex-start
}
}
[_ngcontent-ng-c1960206831]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.window-container[_ngcontent-ng-c1960206831] {
padding: var(--tui-padding-m);
background: var(--secondary-background);
border-radius: var(--tui-radius-m)
}
.window-container>footer>*:first-child {
display: flex;
margin-top: var(--tui-padding-m)
}
header[_ngcontent-ng-c1960206831] {
padding: 8px var(--tui-padding-l) var(--tui-padding-m) var(--tui-padding-l)
}
header[_ngcontent-ng-c1960206831]:has(> *[_ngcontent-ng-c1960206831]:empty) {
display: none
}
header[_ngcontent-ng-c1960206831] h5[_ngcontent-ng-c1960206831] {
display: flex;
align-items: center;
height: 21px;
margin: 0;
font-size: 15px
}
header[_ngcontent-ng-c1960206831] h5[_ngcontent-ng-c1960206831]:empty {
display: none
}
@media (max-width: 651px) {
header[_ngcontent-ng-c1960206831] {
padding: var(--tui-padding-l) var(--tui-padding-m) var(--tui-padding-l)
}
.window-container[_ngcontent-ng-c1960206831] {
padding-top: 0
}
}
[_ngcontent-ng-c2924916738]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.form-header[_ngcontent-ng-c2924916738] {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: var(--tui-padding-s) var(--tui-padding-l) var(--tui-padding-m) var(--tui-padding-l);
font-weight: 700;
font-size: 15px
}
.form-header__links[_ngcontent-ng-c2924916738] {
display: flex;
gap: var(--tui-padding-s);
color: var(--tui-text-03)
}
.form-header__link[_ngcontent-ng-c2924916738] {
position: relative
}
.form-header__link-new[_ngcontent-ng-c2924916738] {
position: absolute;
top: -7px;
right: -17px;
padding: 0 3px;
color: #fff;
font-size: 9px;
line-height: 12px;
background: var(--tui-primary-active);
border-radius: 5px;
pointer-events: none
}
.form-header__link.selected[_ngcontent-ng-c2924916738] {
color: var(--tui-text-01)
}
.form-header__actions[_ngcontent-ng-c2924916738] {
display: flex;
gap: 10px;
align-items: center;
margin-left: auto
}
@media (max-width: 651px) {
.form-header[_ngcontent-ng-c2924916738] {
background: var(--tui-base-01);
border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
}
}
[_ngcontent-ng-c4227996157]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.io-container[_ngcontent-ng-c4227996157] {
display: flex;
gap: var(--tui-padding-m);
justify-content: center;
padding: var(--tui-padding-l);
background: var(--io-background);
border-radius: var(--tui-radius-m);
transition: .2s ease-in-out
}
.io-container_round-top[_ngcontent-ng-c4227996157] {
padding-bottom: var(--tui-padding-s);
border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
}
.io-container_round-bottom[_ngcontent-ng-c4227996157] {
padding-top: var(--tui-padding-s);
border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m)
}
.io-container_round-all[_ngcontent-ng-c4227996157] {
border-radius: var(--tui-radius-s)
}
.io-container_round-none[_ngcontent-ng-c4227996157] {
padding-top: var(--tui-padding-s);
border-radius: 0
}
.io-left[_ngcontent-ng-c4227996157],
.io-right[_ngcontent-ng-c4227996157] {
display: flex;
flex: 1;
align-items: center
}
@media (max-width: 651px) {
.io-container[_ngcontent-ng-c4227996157] {
flex-direction: column;
gap: 0;
justify-content: flex-start
}
.io-container_round-none[_ngcontent-ng-c4227996157],
.io-container_round-bottom[_ngcontent-ng-c4227996157] {
padding-top: var(--tui-padding-xl)
}
.io-container_margin-top[_ngcontent-ng-c4227996157] {
margin-top: 2px
}
.io-left[_ngcontent-ng-c4227996157] {
margin-bottom: var(--tui-padding-m)
}
.io-right[_ngcontent-ng-c4227996157] {
flex: none;
align-items: flex-start;
height: 60px
}
}
[_ngcontent-ng-c193438843]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.selector[_ngcontent-ng-c193438843] {
display: flex;
height: 50px
}
.selector[_ngcontent-ng-c193438843]:hover {
cursor: pointer
}
.selector__second-label[_ngcontent-ng-c193438843] {
color: var(--tui-text-03);
font-weight: 400;
font-size: 15px
}
.selector__main-label[_ngcontent-ng-c193438843] {
display: flex;
gap: var(--tui-padding-xs);
align-items: center;
color: #fff;
font-weight: 700;
font-size: 21px
}
.selector__labels[_ngcontent-ng-c193438843] {
display: flex;
flex-direction: column;
gap: var(--tui-padding-s);
justify-content: center
}
.selector__main-image[_ngcontent-ng-c193438843] {
box-sizing: content-box;
margin-top: -5px;
margin-left: -25px;
background: var(--io-background);
border: 5px solid var(--io-background);
border-radius: 100%
}
.selector__second-image-container[_ngcontent-ng-c193438843] {
display: flex;
align-items: center;
justify-content: center;
width: 67px;
background: #627eea;
border-radius: var(--tui-radius-m) 0 0 var(--tui-radius-m)
}
.selector__second-image[_ngcontent-ng-c193438843] {
margin-right: 22px;
border-radius: 100%
}
.selector__empty-container[_ngcontent-ng-c193438843] {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
width: 100%
}
.selector__empty[_ngcontent-ng-c193438843] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
height: 100%;
margin-right: -25px;
padding-left: 25px;
color: #fff;
font-weight: 700;
font-size: 1rem;
background: var(--tui-secondary);
border-radius: var(--tui-radius-m) 0 0 var(--tui-radius-m)
}
.selector__empty-gas-form[_ngcontent-ng-c193438843] {
width: 200px
}
.selector__empty-gas-form__disabled[_ngcontent-ng-c193438843] {
color: var(--tui-text-03)
}
.selector__empty[_ngcontent-ng-c193438843]:after {
position: absolute;
right: -25px;
z-index: 0;
width: 25px;
height: 100%;
background: var(--tui-secondary);
border-radius: 0 50px 50px 0;
content: ""
}
@media (max-width: 651px) {
.selector[_ngcontent-ng-c193438843] {
height: 40px
}
.selector__main-image[_ngcontent-ng-c193438843] {
width: 40px;
height: 40px
}
.selector__empty-container[_ngcontent-ng-c193438843] img[_ngcontent-ng-c193438843] {
margin-left: var(--tui-padding-s)
}
.selector__empty[_ngcontent-ng-c193438843] {
justify-content: flex-start;
padding-left: 16px;
font-weight: 400;
font-size: 18px;
border-radius: var(--tui-radius-s) 0 0 var(--tui-radius-s)
}
.selector__empty[_ngcontent-ng-c193438843]:after {
right: -18px
}
}
[_ngcontent-ng-c2221613504]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.amount-transput[_ngcontent-ng-c2221613504] {
width: 100%;
height: 35px
}
.amount-transput[_ngcontent-ng-c2221613504] [_ngcontent-ng-c2221613504]::placeholder {
letter-spacing: .6px
}
.amount-transput__input[_ngcontent-ng-c2221613504] {
width: 100%;
height: 21px;
padding: 0;
color: var(--tui-text-01);
font-weight: 400;
font-size: 21px;
letter-spacing: .1em;
text-align: right;
background-color: transparent;
border: none
}
.amount-transput__input[_ngcontent-ng-c2221613504]::-webkit-input-placeholder {
color: var(--tui-text-03)
}
@media (max-width: 651px) {
.amount-transput__input[_ngcontent-ng-c2221613504] {
color: var(--tui-text-01);
font-weight: 500;
font-size: 25px;
line-height: 35px;
letter-spacing: .25px;
text-align: left
}
.amount-transput__input[_ngcontent-ng-c2221613504]::placeholder {
color: var(--tui-text-03);
font-weight: 500;
font-size: 18px;
line-height: 18px;
letter-spacing: .54px
}
}
[_ngcontent-ng-c1866993751]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.user-balance-container[_ngcontent-ng-c1866993751] {
display: flex;
align-items: center
}
.user-balance-container__balance[_ngcontent-ng-c1866993751] {
margin-right: var(--tui-padding-xs);
color: var(--tui-text-03);
font-size: 15px;
line-height: 15px
}
.user-balance-container__max-button[_ngcontent-ng-c1866993751] {
margin-top: -2px;
background: linear-gradient(90deg, #209e62 0%, #0fa4ad 91.5%);
transition: .2s ease-in-out
}
.user-balance-container__max-button[_ngcontent-ng-c1866993751]:hover {
background: linear-gradient(90deg, #1c8c56 0%, #0d868c 91.5%)
}
.user-balance-container__max-button_disabled[_ngcontent-ng-c1866993751] {
color: var(--secondary-text);
cursor: default
}
@media (max-width: 651px) {
[_nghost-ng-c1866993751] {
width: 100%
}
.user-balance-container[_ngcontent-ng-c1866993751] {
justify-content: space-between;
width: 100%
}
}
[_ngcontent-ng-c311898964]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.switcher[_ngcontent-ng-c311898964] {
z-index: 999;
display: flex;
flex-direction: column;
gap: 2px;
align-items: center;
justify-content: center;
box-sizing: content-box;
width: 32px;
height: 32px;
padding: 0;
background-color: var(--io-background);
border: 2px solid var(--secondary-background);
border-radius: 50%;
transform: translateY(-50%);
cursor: pointer;
transition: .2s ease-in-out
}
.switcher__img-container[_ngcontent-ng-c311898964] {
display: flex;
flex-direction: column;
gap: 2px;
align-items: center;
justify-content: center;
transition: .2s ease-in-out
}
.switcher[_ngcontent-ng-c311898964]:hover {
background-color: var(--secondary-background)
}
.switcher[_ngcontent-ng-c311898964]:hover .switcher__img-container[_ngcontent-ng-c311898964] {
rotate: 180deg
}
.switcher[_ngcontent-ng-c311898964] img[_ngcontent-ng-c311898964]:first-child {
transform: rotate(180deg)
}
.disabled[_ngcontent-ng-c311898964] {
cursor: default;
opacity: .7
}
[_ngcontent-ng-c3825643994]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.tokens-rate[_ngcontent-ng-c3825643994] {
display: flex;
gap: var(--tui-padding-xs);
justify-content: end;
height: 15px
}
.tokens-rate__amounts[_ngcontent-ng-c3825643994] {
overflow: hidden;
color: var(--tui-text-03);
font-size: 15px;
line-height: 15px;
letter-spacing: .08em;
white-space: nowrap
}
.tokens-rate__direction-button[_ngcontent-ng-c3825643994] {
display: flex;
align-items: center;
width: 15px;
cursor: pointer
}
.tokens-rate__direction-button[_ngcontent-ng-c3825643994] svg path {
fill: var(--tui-text-03)
}
@media (max-width: 420px) {
.tokens-rate[_ngcontent-ng-c3825643994] {
justify-content: start
}
.tokens-rate__direction-button[_ngcontent-ng-c3825643994] {
display: none
}
}
button[_ngcontent-ng-c1134642537] {
width: 100%
}
[_ngcontent-ng-c2650786767]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
body.hide-unused-ui [_nghost-ng-c2650786767] {
display: flex;
align-items: center
}
@media (max-width: 651px) {
body.hide-unused-ui [_nghost-ng-c2650786767] {
position: initial !important
}
}
.refresh-button[_ngcontent-ng-c2650786767] {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
cursor: pointer
}
.refresh-button__icon[_ngcontent-ng-c2650786767] {
display: flex;
align-items: center;
width: 18px;
height: 16px
}
.refresh-button__icon[_ngcontent-ng-c2650786767] svg {
width: 100%;
height: 100%
}
.refresh-button__icon[_ngcontent-ng-c2650786767] svg path {
fill: var(--tui-text-03)
}
.refresh-button__icon_refreshing[_ngcontent-ng-c2650786767] {
animation: .9s linear .1s infinite _ngcontent-ng-c2650786767_refreshAnimation
}
.refresh-icon-tooltip[_ngcontent-ng-c2650786767] {
font-size: 15px
}
@keyframes _ngcontent-ng-c2650786767_refreshAnimation {
to {
transform: rotate(-360deg)
}
}
@keyframes _ngcontent-ng-c2650786767_timerAnimation {
to {
stroke-dashoffset: 0
}
}
[_nghost-ng-c1701931626] {
display: flex;
align-items: center
}
.image[_ngcontent-ng-c1701931626] {
display: flex;
align-items: center
}
.image[_ngcontent-ng-c1701931626] svg {
width: 20px;
height: 20px
}
.image-container[_ngcontent-ng-c1701931626] {
display: flex;
align-items: center;
cursor: pointer
}
[_ngcontent-ng-c1410483920]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.rubic-footer[_ngcontent-ng-c1410483920] {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 60px;
padding: 0 20px;
font-weight: 300
}
body.hide-unused-ui[_nghost-ng-c1410483920] .rubic-footer[_ngcontent-ng-c1410483920],
body.hide-unused-ui [_nghost-ng-c1410483920] .rubic-footer[_ngcontent-ng-c1410483920] {
display: none
}
.rubic-footer__nav[_ngcontent-ng-c1410483920] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
@media (max-width: 560px) {
.rubic-footer__nav[_ngcontent-ng-c1410483920] {
max-width: 320px
}
}
.rubic-footer__link[_ngcontent-ng-c1410483920] {
margin-right: 21px;
margin-bottom: 16px;
transition: .1s ease-in-out
}
.rubic-footer__link[_ngcontent-ng-c1410483920] img[_ngcontent-ng-c1410483920] {
display: block;
width: 22px;
height: 22px
}
.rubic-footer__link[_ngcontent-ng-c1410483920]:hover {
transform: scale(1.2)
}
.rubic-footer__copyright[_ngcontent-ng-c1410483920] {
font-size: 16px;
text-align: center
}
.rubic-footer__policy[_ngcontent-ng-c1410483920] {
color: var(--primary-color);
white-space: nowrap
}
[_ngcontent-ng-c4166899033]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.rubic-volume[_ngcontent-ng-c4166899033] {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 16px;
font-size: 16px
}
.rubic-volume__icon[_ngcontent-ng-c4166899033] {
width: 18px;
margin-right: 10px
}
.rubic-volume__title[_ngcontent-ng-c4166899033] {
display: flex;
align-items: center;
margin-right: 10px;
color: var(--primary-text)
}
.rubic-volume__value[_ngcontent-ng-c4166899033] {
color: var(--primary-color)
}
@media (max-width: 420px) {
.rubic-volume[_ngcontent-ng-c4166899033] {
flex-direction: column;
gap: 0
}
}
[_nghost-ng-c923492704] {
--tui-secondary: var(--tui-base-01);
--tui-secondary-hover: var(--tui-secondary);
--tui-secondary-active: #2c2d36
}
[_nghost-ng-c923492704] .image {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px
}
[_nghost-ng-c923492704] .image svg {
width: 100%;
height: 100%
}
[_nghost-ng-c3926154569] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: 0;
background: none;
font-size: inherit;
line-height: inherit;
font: var(--tui-font-text-s);
color: var(--tui-text-01);
position: relative;
display: inline-block;
flex-shrink: 0;
vertical-align: top;
border-radius: var(--tui-radius-m);
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-decoration: none;
outline: none;
color: inherit
}
[data-shape=rounded][_nghost-ng-c3926154569] {
border-radius: 6.25rem
}
[data-size=xs][_nghost-ng-c3926154569] {
height: var(--tui-height-xs);
font-weight: normal
}
[data-size=xs][data-shape=square][_nghost-ng-c3926154569],
[data-size=xs][tuiIconButton][_nghost-ng-c3926154569] {
width: var(--tui-height-xs)
}
[data-size=s][_nghost-ng-c3926154569] {
height: var(--tui-height-s);
font-weight: normal
}
[data-size=s][data-shape=square][_nghost-ng-c3926154569],
[data-size=s][tuiIconButton][_nghost-ng-c3926154569] {
width: var(--tui-height-s)
}
[data-size=m][_nghost-ng-c3926154569] {
height: var(--tui-height-m);
font: var(--tui-font-text-m);
font-weight: bold
}
[data-size=m][data-shape=square][_nghost-ng-c3926154569],
[data-size=m][tuiIconButton][_nghost-ng-c3926154569] {
width: var(--tui-height-m)
}
[data-size=l][_nghost-ng-c3926154569] {
height: var(--tui-height-l);
font: var(--tui-font-text-m);
font-weight: bold
}
[data-size=l][data-shape=square][_nghost-ng-c3926154569],
[data-size=l][tuiIconButton][_nghost-ng-c3926154569] {
width: var(--tui-height-l)
}
[data-size=xl][_nghost-ng-c3926154569] {
height: 3.75rem;
font: var(--tui-font-text-m);
font-weight: bold
}
[data-size=xl][data-shape=square][_nghost-ng-c3926154569],
[data-size=xl][tuiIconButton][_nghost-ng-c3926154569] {
width: 3.75rem
}
[tuiIconButton][_nghost-ng-c3926154569] {
font-size: 0 !important
}
[tuiIconButton][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[tuiIconButton][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
margin: 0 !important
}
.t-loader[_ngcontent-ng-c3926154569] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: default
}
.t-left[_ngcontent-ng-c3926154569] {
margin-right: .5rem
}
[data-size=s][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569] {
margin-right: .375rem
}
[data-size=xs][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569] {
margin-right: .25rem
}
.t-right[_ngcontent-ng-c3926154569] {
margin: 0 -.25rem 0 .25rem
}
[data-size=s][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
margin: 0 -.25rem 0 .375rem
}
[data-size=xs][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
margin: 0 -.125rem 0 .25rem
}
.t-icon[_ngcontent-ng-c3926154569] {
display: flex;
max-width: 100%;
max-height: 100%;
align-items: center;
justify-content: center
}
.t-left[_ngcontent-ng-c3926154569],
.t-right[_ngcontent-ng-c3926154569] {
display: flex;
align-items: center;
justify-content: center;
width: 1.5rem;
height: 1.5rem
}
[data-size=s][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[data-size=s][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569],
[data-size=xs][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[data-size=xs][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
width: 1rem;
height: 1rem
}
[tuiIconButton][data-appearance=icon][data-size=s][_nghost-ng-c3926154569] .t-left[_ngcontent-ng-c3926154569],
[tuiIconButton][data-appearance=icon][data-size=s][_nghost-ng-c3926154569] .t-right[_ngcontent-ng-c3926154569] {
width: 1.5rem;
height: 1.5rem
}
.t-wrapper[_ngcontent-ng-c3926154569] {
position: relative;
z-index: 0;
box-sizing: border-box;
cursor: pointer
}
[data-size=xs][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
padding: 0 var(--tui-padding, .375rem)
}
[data-size=xs][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569]:after {
border-width: 1px
}
[data-size=s][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
padding: 0 var(--tui-padding, .75rem)
}
[data-size=m][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
padding: 0 var(--tui-padding, 1.5rem)
}
[data-size=l][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
padding: 0 var(--tui-padding, 2.25rem)
}
[data-size=xl][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
padding: 0 var(--tui-padding, 2.5rem)
}
[data-shape=square][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569],
[tuiIconButton][_nghost-ng-c3926154569] .t-wrapper[_ngcontent-ng-c3926154569] {
padding: 0
}
.t-content[_ngcontent-ng-c3926154569] {
display: flex;
height: 100%;
align-items: center;
justify-content: center;
text-align: center
}
._loading[_nghost-ng-c3926154569] .t-content[_ngcontent-ng-c3926154569] {
opacity: 0
}
[_nghost-ng-c1724653580] {
display: inline-flex
}
.t-wrapper[_ngcontent-ng-c1724653580] {
border-radius: inherit;
height: inherit;
flex: 1 1 auto;
width: 100%
}
.t-dropdown[_ngcontent-ng-c1724653580] {
height: 100%
}
iframe[_ngcontent-ng-c2748178204] {
position: fixed;
right: 0;
bottom: 0;
z-index: 999999999;
opacity: 0;
transition: .2s ease-in-out
}
[_ngcontent-ng-c3106899423]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.burger-menu[_ngcontent-ng-c3106899423] {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 20px;
height: 14px
}
.burger-menu__line[_ngcontent-ng-c3106899423] {
width: 100%;
height: 2px;
background-color: var(--tui-link);
border-radius: 5px;
transition: .3s ease-in-out;
transition-property: opacity, transform
}
.burger-menu_opened[_ngcontent-ng-c3106899423] .burger-menu__line[_ngcontent-ng-c3106899423]:first-child {
transform: translateY(6px) rotate(45deg)
}
.burger-menu_opened[_ngcontent-ng-c3106899423] .burger-menu__line[_ngcontent-ng-c3106899423]:nth-child(2) {
opacity: 0
}
.burger-menu_opened[_ngcontent-ng-c3106899423] .burger-menu__line[_ngcontent-ng-c3106899423]:last-child {
transform: translateY(-6px) rotate(-45deg)
}
[_ngcontent-ng-c1631445157]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
[_nghost-ng-c1631445157] {
--tui-data-list-padding: 5px
}
tui-accordion tui-accordion-item .t-wrapper {
background: transparent !important
}
tui-accordion tui-accordion-item .t-wrapper .t-header {
background: transparent !important
}
tui-accordion tui-accordion-item tui-expand .t-content {
padding: 0 !important
}
tui-accordion tui-accordion-item tui-expand .t-content .t-wrapper {
border-bottom: 1px solid var(--tui-base-04);
border-radius: 0
}
tui-accordion tui-accordion-item tui-expand .t-content .t-wrapper :last-child {
border-bottom: none
}
.image[_ngcontent-ng-c1631445157] {
width: 24px;
height: 24px;
margin-right: 10px
}
.data-list[_ngcontent-ng-c1631445157] {
--tui-data-list-padding: 5px;
--tui-data-list-margin: 0px
}
.data-list__element[_ngcontent-ng-c1631445157] {
text-decoration: none
}
.data-list__element[_ngcontent-ng-c1631445157]:not(:last-child) {
margin-bottom: 5px
}
.data-list__element-container[_ngcontent-ng-c1631445157] {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%
}
.image[_ngcontent-ng-c1631445157] {
width: 24px;
height: 24px
}
.image[_ngcontent-ng-c1631445157] svg {
width: 100%;
height: 100%
}
a[_ngcontent-ng-c1631445157] {
display: flex
}
.tui-group {
position: relative;
z-index: 0;
display: flex
}
.tui-group>* {
flex: 1 1 0;
min-width: 0
}
.tui-group>*:nth-child(n) {
border-radius: 0
}
.tui-group>*:not(:last-child) {
margin-right: .125rem
}
.tui-group_collapsed>* {
z-index: 1
}
.tui-group_collapsed>*:not(:last-child) {
margin-right: -1px
}
.tui-group_collapsed>*._readonly,
.tui-group_collapsed>*._disabled,
.tui-group_collapsed>*._readonly:hover,
.tui-group_collapsed>*._disabled:hover {
z-index: 0
}
.tui-group_collapsed>*:hover,
.tui-group_collapsed>*._hovered,
.tui-group_collapsed>*._pressed {
z-index: 3
}
.tui-group_collapsed>*._invalid {
z-index: 2
}
.tui-group_collapsed>*._invalid:hover,
.tui-group_collapsed>*._invalid._hovered,
.tui-group_collapsed>*._invalid._pressed {
z-index: 4
}
.tui-group_collapsed>*._hosted_dropdown_focused,
.tui-group_collapsed>*._focus-visible,
.tui-group_collapsed>*._focused.ng-touched,
.tui-group_collapsed>*._focused.ng-untouched {
z-index: 5
}
.tui-group_collapsed>*._active,
.tui-group_collapsed>*[data-appearance=whiteblock-active] {
z-index: 6
}
.tui-group_collapsed>*._focus-visible._focused,
.tui-group_collapsed>*._focus-visible._active,
.tui-group_collapsed>*._focus-visible[data-appearance=whiteblock-active] {
z-index: 7
}
.tui-group_orientation_vertical {
display: inline-flex;
flex-direction: column
}
.tui-group_orientation_vertical>* {
min-height: auto;
flex: 0 0 auto
}
.tui-group_orientation_vertical>*:not(:last-child) {
margin-right: 0;
margin-bottom: .125rem
}
.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child) {
margin-right: 0;
margin-bottom: -1px
}
.tui-group_rounded.tui-group_orientation_horizontal>*:first-child {
border-top-left-radius: var(--tui-radius-m);
border-bottom-left-radius: var(--tui-radius-m)
}
.tui-group_rounded.tui-group_orientation_horizontal>*:last-child {
border-top-right-radius: var(--tui-radius-m);
border-bottom-right-radius: var(--tui-radius-m)
}
.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:first-child {
border-top-left-radius: var(--tui-radius-l);
border-bottom-left-radius: var(--tui-radius-l)
}
.tui-group_rounded.tui-group_orientation_horizontal.tui-group_radius_large>*:last-child {
border-top-right-radius: var(--tui-radius-l);
border-bottom-right-radius: var(--tui-radius-l)
}
.tui-group_rounded.tui-group_orientation_vertical>*:first-child {
border-top-left-radius: var(--tui-radius-m);
border-top-right-radius: var(--tui-radius-m)
}
.tui-group_rounded.tui-group_orientation_vertical>*:last-child {
border-bottom-left-radius: var(--tui-radius-m);
border-bottom-right-radius: var(--tui-radius-m)
}
.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:first-child {
border-top-left-radius: var(--tui-radius-l);
border-top-right-radius: var(--tui-radius-l)
}
.tui-group_rounded.tui-group_orientation_vertical.tui-group_radius_large>*:last-child {
border-bottom-left-radius: var(--tui-radius-l);
border-bottom-right-radius: var(--tui-radius-l)
}
@media screen and (max-width: 47.9625em) {
.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),
.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:first-child:not(:last-child),
.tui-group_rounded.tui-group_adaptive.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),
.tui-group_rounded.tui-group_adaptive.tui-group_orientation_horizontal>*:last-child:not(:first-child) {
border-radius: var(--tui-radius-m)
}
}
@media screen and (max-width: 47.9625em) {
.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:first-child:not(:last-child),
.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:first-child:not(:last-child),
.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical:not(.tui-group_collapsed)>*:last-child:not(:first-child),
.tui-group_rounded.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:last-child:not(:first-child) {
border-radius: var(--tui-radius-l)
}
}
@media screen and (max-width: 47.9625em) {
.tui-group_adaptive.tui-group_orientation_vertical {
width: 100%
}
.tui-group_adaptive.tui-group_orientation_vertical>*:nth-child(n):not(:only-child) {
border-radius: var(--tui-radius-m)
}
.tui-group_adaptive.tui-group_orientation_vertical>*:not(:last-child) {
margin-bottom: 1rem
}
.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child) {
border-radius: 0
}
.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child) {
border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
}
.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child) {
border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m)
}
.tui-group_adaptive.tui-group_orientation_vertical.tui-group_collapsed>*:not(:last-child) {
margin-bottom: -1px
}
}
@media screen and (max-width: 47.9625em) {
.tui-group_adaptive.tui-group_orientation_horizontal {
flex-direction: column;
width: 100%
}
.tui-group_adaptive.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child) {
border-radius: var(--tui-radius-m)
}
.tui-group_adaptive.tui-group_orientation_horizontal>*:not(:last-child) {
margin-right: 0;
margin-bottom: 1rem
}
.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child) {
border-radius: 0
}
.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child) {
border-radius: var(--tui-radius-m) var(--tui-radius-m) 0 0
}
.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child) {
border-radius: 0 0 var(--tui-radius-m) var(--tui-radius-m)
}
.tui-group_adaptive.tui-group_orientation_horizontal.tui-group_collapsed>*:not(:last-child) {
margin-right: 0;
margin-bottom: -1px
}
}
@media screen and (max-width: 47.9625em) {
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical>*:nth-child(n):not(:only-child) {
border-radius: var(--tui-radius-l)
}
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:nth-child(n):not(:only-child) {
border-radius: 0
}
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:first-child:not(:last-child) {
border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0
}
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_vertical.tui-group_collapsed>*:last-child:not(:first-child) {
border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l)
}
}
@media screen and (max-width: 47.9625em) {
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal>*:nth-child(n):not(:only-child) {
border-radius: var(--tui-radius-l)
}
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:nth-child(n):not(:only-child) {
border-radius: 0
}
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:first-child:not(:last-child) {
border-radius: var(--tui-radius-l) var(--tui-radius-l) 0 0
}
.tui-group_adaptive.tui-group_radius_large.tui-group_orientation_horizontal.tui-group_collapsed>*:last-child:not(:first-child) {
border-radius: 0 0 var(--tui-radius-l) var(--tui-radius-l)
}
}
.tui-group__auto-width-item {
min-width: auto;
flex: 0 0 auto
}
.tui-group .tui-group__inherit-item {
border-radius: inherit
}
.languages[_ngcontent-ng-c870829168] {
display: flex;
flex-wrap: wrap;
gap: 5px;
max-width: 300px;
padding: 5px
}
.languages__element[_ngcontent-ng-c870829168] {
flex: 1
}
.languages__element-icon[_ngcontent-ng-c870829168] {
width: 15px;
height: 15px;
margin-right: 10px;
border-radius: 3px
}
.languages__element-inner[_ngcontent-ng-c870829168] {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%
}
.active-lang[_ngcontent-ng-c870829168] {
width: 24px;
height: 24px
}
[_nghost-ng-c1829654827] {
position: relative
}
.history-button__container[_ngcontent-ng-c1829654827] {
display: flex;
align-items: center
}
.history-button__container[_ngcontent-ng-c1829654827] img[_ngcontent-ng-c1829654827] {
width: 24px;
height: 24px
}
.history-button__badge[_ngcontent-ng-c1829654827] {
position: absolute;
top: -8px;
right: -5px
}
tui-data-list {
--tui-data-list-padding: .25rem;
--tui-data-list-margin: .0625rem;
display: flex;
font: var(--tui-font-text-m);
flex-direction: column;
padding: calc(var(--tui-data-list-padding) - var(--tui-data-list-margin)) var(--tui-data-list-padding);
color: var(--tui-text-03)
}
tui-data-list:focus-within .t-trap {
display: none
}
tui-data-list:focus-within [tuiOption]._with-dropdown:not(:focus) {
background-color: transparent
}
tui-data-list[data-list-size=s] {
--tui-data-list-margin: 0rem
}
tui-data-list[data-list-size=s]>.t-empty {
display: flex;
align-items: center;
box-sizing: border-box;
margin: var(--tui-data-list-margin) 0;
font: var(--tui-font-text-s);
min-height: 2rem;
padding: .3125rem .5rem
}
tui-data-list[data-list-size=m]>.t-empty {
display: flex;
align-items: center;
box-sizing: border-box;
margin: var(--tui-data-list-margin) 0;
font: var(--tui-font-text-s);
min-height: 2.5rem;
padding: .375rem .5rem
}
tui-data-list[data-list-size=l] {
--tui-data-list-padding: .375rem;
--tui-data-list-margin: .125rem
}
tui-data-list[data-list-size=l]>.t-empty {
display: flex;
align-items: center;
box-sizing: border-box;
margin: var(--tui-data-list-margin) 0;
font: var(--tui-font-text-m);
min-height: 2.75rem;
padding: .375rem .625rem
}
tui-opt-group {
position: relative;
display: flex;
font: var(--tui-font-text-xs);
color: var(--tui-text-02);
flex-direction: column;
line-height: 1rem
}
tui-data-list[data-list-size=l] tui-opt-group {
font: var(--tui-font-text-s);
line-height: 1.25rem
}
tui-data-list[data-list-size=l] tui-opt-group:before {
padding-left: .625rem;
padding-right: .625rem
}
tui-data-list[data-list-size=l] tui-opt-group:after {
left: .625rem;
right: .625rem
}
tui-opt-group:empty:before,
tui-opt-group:empty:after {
display: none
}
tui-opt-group:before {
content: attr(data-label);
padding: var(--tui-data-list-padding) .5rem var(--tui-data-list-padding);
margin: var(--tui-data-list-margin) 0;
white-space: normal;
word-break: break-word
}
tui-opt-group:after {
position: absolute;
left: .5rem;
right: .5rem;
top: var(--tui-data-list-padding);
height: 1px;
background: var(--tui-base-03)
}
tui-opt-group:not(:empty)~tui-opt-group:before {
padding-top: calc(.75rem + var(--tui-data-list-padding))
}
tui-opt-group:not(:empty)~tui-opt-group[data-label=""]:before {
padding: var(--tui-data-list-padding) 0
}
tui-opt-group:not(:empty)~tui-opt-group:after {
content: ""
}
tui-opt-group[data-label=""]:before {
padding: 0;
margin: 0
}
[_ngcontent-ng-c3647753764]:root {
--app-background: #282935;
--primary-background: var(--tui-base-01);
--secondary-background: var(--tui-secondary);
--dropdpwn-background: rgba(60, 61, 68, .85);
--io-background: #222331;
--tui-primary: #00e28d;
--tui-primary-hover: #02b774;
--tui-primary-active: #02b774;
--tui-primary-text: #14141d;
--tui-secondary: #3b3d4f;
--tui-secondary-hover: #4c4e67;
--tui-secondary-active: #4c4e67;
--tui-elevation-01: var(--tui-secondary);
--tui-elevation-02: var(--tui-secondary);
--tui-clear: var(--primary-background);
--tui-link: white;
--tui-link-hover: white;
--tui-base-01: #2c2d3e;
--tui-base-02: #2c2d3e;
--tui-base-03: #2c2d3e;
--tui-base-04: #4d4d59;
--tui-text-01: white;
--tui-text-02: #9a9ab0;
--tui-text-03: #9a9ab0;
--tui-padding-xs: .25rem;
--tui-padding-s: .5rem;
--tui-padding-xl: 1.25rem;
--tui-padding-4xl: 2rem;
--tui-disabled-opacity: .5;
--tui-radius-l: 17px;
--tui-radius-m: 17px;
--tui-radius-s: 12px
}
.banner[_ngcontent-ng-c3647753764] {
position: relative;
display: flex;
justify-content: center;
height: 57px;
max-height: 57px;
overflow: hidden;
text-decoration: none;
background-image: url(/assets/banner/zero-fees-bg.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
cursor: pointer
}
body.hide-unused-ui[_nghost-ng-c3647753764] .banner[_ngcontent-ng-c3647753764],
body.hide-unused-ui [_nghost-ng-c3647753764] .banner[_ngcontent-ng-c3647753764] {
display: none
}
.banner__link[_ngcontent-ng-c3647753764] {
padding: 5px 13px;
font-weight: 900;
font-size: 20px;
text-decoration: none;
background-color: var(--tui-primary);
border-radius: 10px
}
.banner__container[_ngcontent-ng-c3647753764] {
position: relative;
z-index: 1;
display: flex;
gap: 14px;
align-items: center;
justify-content: center;
width: -moz-fit-content;
width: fit-content
}
.banner__text[_ngcontent-ng-c3647753764] {
color: #fff;
font-weight: 400;
font-size: 20px;
line-height: 140%;
letter-spacing: normal;
letter-spacing: 1px
}
.banner__text_bold[_ngcontent-ng-c3647753764] {
color: var(--tui-primary);
font-weight: 900
}
.banner__mobile-br[_ngcontent-ng-c3647753764] {
display: none
}
@media (max-width: 768px) {
.banner__text[_ngcontent-ng-c3647753764] {
font-size: 18px
}
}
@media (max-width: 651px) {
.banner[_ngcontent-ng-c3647753764] {
background-image: url(/assets/banner/zero-fees-mobile.png)
}
.banner__container[_ngcontent-ng-c3647753764] {
width: 100%
}
.banner__mobile-text[_ngcontent-ng-c3647753764] {
font-size: 20px
}
.banner__link[_ngcontent-ng-c3647753764] {
padding: 0 4px;
font-size: 15px
}
.banner__container[_ngcontent-ng-c3647753764] {
justify-content: space-around
}
.banner__text[_ngcontent-ng-c3647753764] {
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 1;
letter-spacing: normal;
display: block;
max-width: 280px;
letter-spacing: .5px;
text-align: left
}
}
@media (max-width: 460px) {
.banner[_ngcontent-ng-c3647753764] {
height: 49px
}
.banner__mobile-br[_ngcontent-ng-c3647753764] {
display: block
}
}