@import "https://fonts.googleapis.com/css2?family=Manrope:wght@500;800&display=swap";
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
html {
  height: 100%;
  font-size: 16px;
}
body {
  font: var(--tui-font-text-s);
  color: var(--tui-text-01);
  height: 100%;
  min-height: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html,
body {
  -webkit-overflow-scrolling: touch;
}
html {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
html::-webkit-scrollbar,
html::-webkit-scrollbar-thumb {
  background: transparent;
  width: 0;
  height: 0;
}
: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.5rem var(--tui-font-text);
  --tui-font-text-m: normal 0.9375rem/1.5rem var(--tui-font-text);
  --tui-font-text-s: normal 0.8125rem/1.25rem var(--tui-font-text);
  --tui-font-text-xs: normal 0.6875rem/1rem var(--tui-font-text);
  --tui-radius-xs: 0.25rem;
  --tui-radius-s: 0.5rem;
  --tui-radius-m: 0.625rem;
  --tui-radius-l: 0.625rem;
  --tui-height-xs: 1.5rem;
  --tui-height-s: 2rem;
  --tui-height-m: 2.75rem;
  --tui-height-l: 3.5rem;
  --tui-padding-s: 0.75rem;
  --tui-padding-m: 0.75rem;
  --tui-padding-l: 1rem;
  --tui-duration: 0.3s;
  --tui-disabled-opacity: 0.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, 0.12);
  --tui-focus: rgba(51, 51, 51, 0.64);
  --tui-clear: rgba(0, 0, 0, 0.08);
  --tui-clear-disabled: rgba(0, 0, 0, 0.04);
  --tui-clear-hover: rgba(0, 0, 0, 0.16);
  --tui-clear-active: rgba(0, 0, 0, 0.2);
  --tui-clear-inverse: rgba(255, 255, 255, 0.16);
  --tui-clear-inverse-hover: rgba(255, 255, 255, 0.24);
  --tui-clear-inverse-active: rgba(255, 255, 255, 0.4);
  --tui-elevation-01: #fff;
  --tui-elevation-02: #fff;
  --tui-error-fill: #f45725;
  --tui-error-bg: rgba(244, 87, 37, 0.12);
  --tui-error-bg-hover: rgba(244, 87, 37, 0.24);
  --tui-success-fill: #4ac99b;
  --tui-success-bg: rgba(74, 201, 155, 0.12);
  --tui-success-bg-hover: rgba(74, 201, 155, 0.24);
  --tui-warning-fill: #ffc700;
  --tui-warning-bg: rgba(255, 199, 0, 0.12);
  --tui-warning-bg-hover: rgba(255, 199, 0, 0.24);
  --tui-info-fill: #70b6f6;
  --tui-info-bg: rgba(112, 182, 246, 0.12);
  --tui-info-bg-hover: rgba(112, 182, 246, 0.24);
  --tui-neutral-fill: #79818c;
  --tui-neutral-bg: rgba(121, 129, 140, 0.12);
  --tui-neutral-bg-hover: rgba(121, 129, 140, 0.24);
  --tui-text-01: #1b1f3b;
  --tui-text-02: rgba(27, 31, 59, 0.65);
  --tui-text-03: rgba(27, 31, 59, 0.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, 0.32);
  --tui-error-bg-night-hover: rgba(244, 87, 37, 0.4);
  --tui-success-fill-night: #4ac99b;
  --tui-success-bg-night: rgba(74, 201, 155, 0.32);
  --tui-success-bg-night-hover: rgba(74, 201, 155, 0.4);
  --tui-warning-fill-night: #ffc700;
  --tui-warning-bg-night: rgba(255, 199, 0, 0.32);
  --tui-warning-bg-night-hover: rgba(255, 199, 0, 0.4);
  --tui-info-fill-night: #70b6f6;
  --tui-info-bg-night: rgba(112, 182, 246, 0.32);
  --tui-info-bg-night-hover: rgba(112, 182, 246, 0.4);
  --tui-neutral-fill-night: #959ba4;
  --tui-neutral-bg-night: rgba(149, 155, 164, 0.32);
  --tui-neutral-bg-night-hover: rgba(149, 155, 164, 0.48);
  --tui-autofill-night: #554a2a;
  --tui-text-01-night: #ffffff;
  --tui-text-02-night: rgba(255, 255, 255, 0.72);
  --tui-text-03-night: rgba(255, 255, 255, 0.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-support-22: #3c7ba8;
}
@charset "UTF-8";
:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
html.dark {
  --transparent-line: rgba(255, 255, 255, 0.1);
  --filter-inversion: invert(0);
  --primary-background: rgb(13, 13, 13);
  --form-background: rgb(3, 3, 3);
  --form-background-transparent: rgba(38, 40, 42, 0.9);
  --solid-background: rgb(0, 0, 0);
  --secondary-background: rgba(255, 255, 255, 0.1);
  --iframe-primary-background: rgb(44, 44, 44);
  --primary-text: rgb(255, 255, 255);
  --primary-text-invert: rgb(0, 0, 0);
  --secondary-text: rgba(255, 255, 255, 0.65);
  --tui-secondary: rgba(77, 77, 77, 0.1);
  --tui-secondary-hover: rgba(77, 77, 77, 0.05);
  --tui-secondary-active: rgba(77, 77, 77, 0.05);
  --tui-base-01: #181a19;
  --tui-base-02: init;
  --tui-text-01: var(--primary-text);
  --tui-text-02: var(--secondary-text);
  --selection-color: rgba(255, 255, 255, 0.05);
}
html.dark body {
  background: var(--primary-background);
}
*:focus {
  outline: none;
}
@font-face {
  font-family: AvenirNext-Regular;
  src: url(/assets/fonts/AvenirNext-Regular.woff) format("woff");
}
html {
  --tui-font-text: AvenirNext-Regular, 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(--primary-background);
}
#loader {
  position: fixed;
  inset: 0;
  z-index: 2147483001;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #181a19;
  opacity: 1;
  transition: opacity 0.4s ease-in-out, z-index 0.4s step-end;
  display: none;
}
#loader img {
  animation: 1.4s infinite 1s loader-icon-fadein;
}
@keyframes loader-icon-fadein {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
[_ngcontent-wgv-c73]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
app-my-trades,
app-buy-crypto {
  display: block;
  width: 100%;
}
.wrapper[_ngcontent-wgv-c73] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.wrapper[_ngcontent-wgv-c73] > [_ngcontent-wgv-c73]:first-child {
  flex: 0;
}
.wrapper[_ngcontent-wgv-c73] > [_ngcontent-wgv-c73]:nth-child(2) {
  flex: 1;
  align-self: stretch;
}
.wrapper[_ngcontent-wgv-c73] > [_ngcontent-wgv-c73]:last-child {
  flex: 0;
}
html.iframe-horizontal[_nghost-wgv-c73] .wrapper[_ngcontent-wgv-c73],
html.iframe-horizontal [_nghost-wgv-c73] .wrapper[_ngcontent-wgv-c73] {
  width: 1000px;
  margin: 0 auto;
}
.main-content[_ngcontent-wgv-c73] {
  width: 100%;
  padding: 0 20px 60px;
}
body.hide-unused-ui[_nghost-wgv-c73] .main-content[_ngcontent-wgv-c73],
body.hide-unused-ui [_nghost-wgv-c73] .main-content[_ngcontent-wgv-c73] {
  margin: 0;
  padding: 0;
}
.main-content[_ngcontent-wgv-c73] > * {
  margin: 0 auto;
}
.iframe-wrapper[_ngcontent-wgv-c73] {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1180px;
  min-height: 100vh;
  margin: 0 auto;
}
.iframe-content[_ngcontent-wgv-c73] {
  position: relative;
  width: 100%;
}
html.iframe-vertical[_nghost-wgv-c73] .iframe-content[_ngcontent-wgv-c73],
html.iframe-vertical [_nghost-wgv-c73] .iframe-content[_ngcontent-wgv-c73] {
  width: 350px;
}
.iframe-content[_ngcontent-wgv-c73] main[_ngcontent-wgv-c73] {
  padding: 0 !important;
}
.iframe-content[_ngcontent-wgv-c73] app-header[_ngcontent-wgv-c73] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2;
  padding: 15px 20px;
}
html.iframe-vertical[_nghost-wgv-c73]
  .iframe-content[_ngcontent-wgv-c73]
  app-header[_ngcontent-wgv-c73],
html.iframe-vertical
  [_nghost-wgv-c73]
  .iframe-content[_ngcontent-wgv-c73]
  app-header[_ngcontent-wgv-c73] {
  width: 350px;
  padding: 15px 10px;
}
[_nghost-wgv-c17] {
  position: relative;
  display: block;
  flex: 1;
}
.scrollbar[_ngcontent-wgv-c17] {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
}
.content[_ngcontent-wgv-c17] {
  position: relative;
  z-index: 0;
  height: 100%;
}
[_nghost-wgv-c16] {
  display: none;
}
[_nghost-wgv-c0] {
  position: relative;
  z-index: 0;
  display: block;
  height: 100%;
}
[_nghost-wgv-c0]:before {
  content: "";
  display: block;
  overflow: hidden;
}
.position-fixed-offset[_ngcontent-wgv-c0] {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  visibility: hidden;
  width: 100%;
  height: 100%;
}
[_nghost-wgv-c14] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
}
.t-text[_ngcontent-wgv-c14] {
  white-space: pre-wrap;
}
[_nghost-wgv-c11] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  min-width: calc(100% - 1px);
  min-height: calc(100% - 1px);
  float: left;
  margin-right: calc(-100% + 1px);
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: calc(-100% + 1px);
  margin-inline-end: calc(-100% + 1px);
  pointer-events: none;
}
.bar[_ngcontent-wgv-c11] {
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: auto;
}
.bar_vertical[_ngcontent-wgv-c11] {
  top: 0;
  width: 0.875rem;
}
.bar_horizontal[_ngcontent-wgv-c11] {
  left: 0;
  height: 0.875rem;
}
.bar_has-horizontal[_ngcontent-wgv-c11] {
  bottom: 0.5rem;
}
.bar_has-vertical[_ngcontent-wgv-c11] {
  right: 0.5rem;
}
.thumb[_ngcontent-wgv-c11] {
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
  position: absolute;
  border-radius: 6.25rem;
  border: 0.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: 0.2;
}
.thumb[_ngcontent-wgv-c11]:hover {
  opacity: 0.24;
}
.thumb[_ngcontent-wgv-c11]:active {
  opacity: 0.48;
}
[data-mode="onDark"][_nghost-wgv-c11] .thumb[_ngcontent-wgv-c11] {
  background-color: var(--tui-text-01-night);
}
.bar_vertical[_ngcontent-wgv-c11] .thumb[_ngcontent-wgv-c11] {
  right: 0;
  width: 0.75rem;
  min-height: 1.25rem;
}
.bar_vertical[_ngcontent-wgv-c11] .thumb[_ngcontent-wgv-c11]:active,
.bar_vertical[_ngcontent-wgv-c11]:hover .thumb[_ngcontent-wgv-c11] {
  width: 0.875rem;
}
.bar_horizontal[_ngcontent-wgv-c11] .thumb[_ngcontent-wgv-c11] {
  bottom: 0;
  height: 0.75rem;
  min-width: 1.25rem;
}
.bar_horizontal[_ngcontent-wgv-c11] .thumb[_ngcontent-wgv-c11]:active,
.bar_horizontal[_ngcontent-wgv-c11]:hover .thumb[_ngcontent-wgv-c11] {
  height: 0.875rem;
}
[_nghost-wgv-c2] {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0;
}
.dialog[_ngcontent-wgv-c2],
.overlay[_ngcontent-wgv-c2] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-start;
  outline: 0;
  overflow: auto;
  overflow: overlay;
}
.dialog[_ngcontent-wgv-c2] {
  bottom: auto;
  height: 100%;
}
.overlay[_ngcontent-wgv-c2] {
  height: 100vh;
  pointer-events: none;
  touch-action: none;
  opacity: 0;
  letter-spacing: normal;
  transition: opacity var(--tui-duration), letter-spacing 10ms;
  background: rgba(0, 0, 0, 0.75);
}
.overlay_visible[_ngcontent-wgv-c2] {
  opacity: 1;
  letter-spacing: 1px;
}
.dialog[_ngcontent-wgv-c2]:last-of-type {
  z-index: 1;
}
[_nghost-wgv-c10] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}
.wrapper[_ngcontent-wgv-c10] {
  width: 18rem;
  margin-left: auto;
  padding: 2rem 3rem 0 0;
  pointer-events: none;
}
tui-root._mobile[_nghost-wgv-c10] .wrapper[_ngcontent-wgv-c10],
tui-root._mobile [_nghost-wgv-c10] .wrapper[_ngcontent-wgv-c10] {
  padding: 1rem 1rem 0 0;
}
@media screen and (min-width: 80em) {
  .wrapper[_ngcontent-wgv-c10] {
    width: 23rem;
  }
}
.alert[_ngcontent-wgv-c10] {
  pointer-events: auto;
}
.alert[_ngcontent-wgv-c10]:not(:first-child) {
  margin-top: 0.75rem;
}
[_ngcontent-wgv-c71]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
.button-link[_ngcontent-wgv-c71] {
  display: inline-block;
  padding: 14px 20px;
  color: gray !important;
  font-size: 14px;
  text-decoration: none;
  border-radius: 10px;
  cursor: pointer;
}
.button-link[_ngcontent-wgv-c71]:hover {
  text-decoration: none;
  background-color: var(--tui-secondary-hover);
}
.button-link[_ngcontent-wgv-c71]:hover {
  transition: 0.3s ease-in-out;
}
.button-link[_ngcontent-wgv-c71]:not(.button-link_active) {
  background-color: transparent;
  color: var(--primary-text1);
}
.button-link[_ngcontent-wgv-c71]:not(.button-link_active):hover {
  background-color: var(--tui-secondary-hover);
}
.button-link[_ngcontent-wgv-c71]:active,
.button-link_active[_ngcontent-wgv-c71]:active {
  background-color: var(--primary-color);
}
html.dark[_nghost-wgv-c71] .button-link[_ngcontent-wgv-c71]:active,
html.dark [_nghost-wgv-c71] .button-link[_ngcontent-wgv-c71]:active,
html.dark[_nghost-wgv-c71] .button-link_active[_ngcontent-wgv-c71]:active,
html.dark [_nghost-wgv-c71] .button-link_active[_ngcontent-wgv-c71]:active {
  color: var(--primary-text) !important;
}
.button-link[_ngcontent-wgv-c71]:focus {
  text-decoration: none;
  border-color: var(--primary-color);
}
.button-link_disabled[_ngcontent-wgv-c71] {
  color: #909090 !important;
  pointer-events: none;
}
.rubic-header[_ngcontent-wgv-c71] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 30px 24px;
  max-width: 1600px;
  margin: auto;
}
@media (max-width: 420px) {
  .rubic-header[_ngcontent-wgv-c71] {
    padding: 5px 10px !important;
  }
  html.iframe[_nghost-wgv-c71]
    .rubic-header[_ngcontent-wgv-c71]
    > *[_ngcontent-wgv-c71],
  html.iframe
    [_nghost-wgv-c71]
    .rubic-header[_ngcontent-wgv-c71]
    > *[_ngcontent-wgv-c71] {
    transform: unset;
  }
}
html.iframe[_nghost-wgv-c71] .rubic-header[_ngcontent-wgv-c71],
html.iframe [_nghost-wgv-c71] .rubic-header[_ngcontent-wgv-c71] {
  margin-right: 50px;
  padding: 0 !important;
}
html.iframe[_nghost-wgv-c71]
  .rubic-header[_ngcontent-wgv-c71]
  app-iframe-logout-button[_ngcontent-wgv-c71],
html.iframe
  [_nghost-wgv-c71]
  .rubic-header[_ngcontent-wgv-c71]
  app-iframe-logout-button[_ngcontent-wgv-c71] {
  margin-left: 6px;
}
body.hide-unused-ui[_nghost-wgv-c71] .rubic-header[_ngcontent-wgv-c71],
body.hide-unused-ui [_nghost-wgv-c71] .rubic-header[_ngcontent-wgv-c71] {
  display: none;
}
.rubic-header__disabled-link[_ngcontent-wgv-c71] {
  color: #909090;
  font-size: 16px;
}
.rubic-header__nav[_ngcontent-wgv-c71],
.rubic-header__profile[_ngcontent-wgv-c71] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rubic-header__profile[_ngcontent-wgv-c71] {
  grid-gap: 25px;
}
html.iframe[_nghost-wgv-c71] .rubic-header__profile[_ngcontent-wgv-c71],
html.iframe [_nghost-wgv-c71] .rubic-header__profile[_ngcontent-wgv-c71] {
  grid-gap: 0;
}
html.iframe[_nghost-wgv-c71] .rubic-header__profile-user[_ngcontent-wgv-c71],
html.iframe [_nghost-wgv-c71] .rubic-header__profile-user[_ngcontent-wgv-c71] {
  margin-left: 6px;
}
.rubic-header__logo[_ngcontent-wgv-c71] {
  display: block;
  margin-right: 40px;
}
html.iframe-vertical[_nghost-wgv-c71] .rubic-header__logo[_ngcontent-wgv-c71],
html.iframe-vertical [_nghost-wgv-c71] .rubic-header__logo[_ngcontent-wgv-c71] {
  margin-right: auto;
}
.rubic-header__logo[_ngcontent-wgv-c71] img[_ngcontent-wgv-c71] {
  display: block;
}
.rubic-header__menu[_ngcontent-wgv-c71] {
  display: inline-flex;
  margin-right: auto;
}
.rubic-header__nav[_ngcontent-wgv-c71] {
  position: absolute;
  left: 50%;
  gap: 10px;
  width: 585px;
  transform: translate(-50%);
}
.rubic-header__profile-trades[_ngcontent-wgv-c71] {
  position: relative;
}
.rubic-header__buy-token[_ngcontent-wgv-c71] {
  flex-shrink: 0;
  margin: 0 25px;
}
.notification-counter[_ngcontent-wgv-c71] {
  position: absolute;
  top: -5px;
  right: 0;
}
.notification-counter[data-tui-host-status="default"][_ngcontent-wgv-c71] {
  color: #fff;
  background-color: var(--primary-color);
}
.notification-counter[data-tui-host-padding="m"][data-tui-host-size="s"][_ngcontent-wgv-c71] {
  padding: 1px 0.375rem 0;
}
@media (max-width: 1140px) {
  .rubic-header[_ngcontent-wgv-c71] {
    padding: 21px 20px 19px;
  }
  .rubic-header__profile-trades[_ngcontent-wgv-c71],
  .rubic-header__profile-user[_ngcontent-wgv-c71],
  .rubic-header__login[_ngcontent-wgv-c71],
  .rubic-header__nav[_ngcontent-wgv-c71] {
    display: none;
  }
  html.iframe[_nghost-wgv-c71] .rubic-header__profile-user[_ngcontent-wgv-c71],
  html.iframe
    [_nghost-wgv-c71]
    .rubic-header__profile-user[_ngcontent-wgv-c71] {
    display: block;
  }
  .rubic-header__logo[_ngcontent-wgv-c71] {
    margin-right: auto;
  }
  .rubic-header__menu[_ngcontent-wgv-c71] {
    order: 1;
    margin-right: 0;
    margin-left: 0;
  }
}
@media (max-width: 651px) {
  .rubic-header__logo[_ngcontent-wgv-c71] img[_ngcontent-wgv-c71] {
    width: 80px;
    margin-left: 20px;
  }
  .rubic-header__buy-token[_ngcontent-wgv-c71] {
    margin-right: 15px;
    margin-left: 15px;
  }
  .rubic-header__buy-token button[tuiButton][data-tui-host-size="l"] {
    height: 40px;
    font-size: 14px;
  }
  .rubic-header__buy-token button[tuiButton][data-tui-host-size="l"] .wrapper {
    padding: 0 20px !important;
  }
}
html.iframe-vertical[_nghost-wgv-c71]
  .rubic-header__logo[_ngcontent-wgv-c71]
  img[_ngcontent-wgv-c71],
html.iframe-vertical
  [_nghost-wgv-c71]
  .rubic-header__logo[_ngcontent-wgv-c71]
  img[_ngcontent-wgv-c71] {
  width: 80px;
}
.button-link_active[_ngcontent-wgv-c71]:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 10px;
  background-color: var(--tui-primary);
  border-radius: 50%;
}
.button-link_active[_ngcontent-wgv-c71] {
  color: var(--primary-text) !important;
}
[_ngcontent-wgv-c72]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
.rubic-footer[_ngcontent-wgv-c72] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding: 0 20px;
  margin: 1rem;
  font-weight: 300;
  max-width: 1600px;
  margin: auto;
  margin-bottom: 1rem;
}
body.hide-unused-ui[_nghost-wgv-c72] .rubic-footer[_ngcontent-wgv-c72],
body.hide-unused-ui [_nghost-wgv-c72] .rubic-footer[_ngcontent-wgv-c72] {
  display: none;
}
.rubic-footer__nav[_ngcontent-wgv-c72] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
@media (max-width: 560px) {
  .rubic-footer__nav[_ngcontent-wgv-c72] {
    max-width: 320px;
  }
}
.rubic-footer__link[_ngcontent-wgv-c72] {
  margin-right: 21px;
  margin-bottom: 16px;
  transition: 0.1s ease-in-out;
}
.rubic-footer__link[_ngcontent-wgv-c72] img[_ngcontent-wgv-c72] {
  display: block;
  width: 22px;
  height: 22px;
}
.rubic-footer__link[_ngcontent-wgv-c72]:hover {
  transform: scale(1.2);
}
.rubic-footer__copyright[_ngcontent-wgv-c72] {
  font-size: 16px;
  text-align: center;
}
.rubic-footer__policy[_ngcontent-wgv-c72] {
  color: var(--primary-color);
  white-space: nowrap;
}
.rubic-footer-left[_ngcontent-wgv-c72] {
  display: flex;
}
.footer-link[_ngcontent-wgv-c72] {
  border-radius: 6.25rem;
  color: var(--tui-colorfooter2);
  margin-right: 10px;
  text-decoration: none;
  padding: 5px 12px;
  display: inline-block;
  text-align: center;
}
.green[_ngcontent-wgv-c72] {
  background: rgba(214, 82, 0, 0.168627451);
  color: #d65200;
}
.rubic-footer-right[_ngcontent-wgv-c72] {
  display: flex;
}
.footer-img[_ngcontent-wgv-c72] {
  margin: 10px;
}
@media (max-width: 550px) {
  .rubic-footer[_ngcontent-wgv-c72] {
    display: block;
  }
  .rubic-footer-left[_ngcontent-wgv-c72] {
    display: block;
    justify-content: center;
  }
  .mobile[_ngcontent-wgv-c72] {
    display: flex;
    justify-content: center;
    padding: 5px;
  }
  .rubic-footer-right[_ngcontent-wgv-c72] {
    justify-content: center;
  }
}
svg[_ngcontent-wgv-c72] {
  color: var(--tui-colorsvg);
}
[_ngcontent-wgv-c147]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
[_nghost-wgv-c147] {
  position: relative;
  display: block;
  max-width: 1600px;
  margin: 0 auto;
}
html.iframe [_nghost-wgv-c147] {
  width: 100%;
}
html.iframe-horizontal [_nghost-wgv-c147] {
  max-width: unset;
}
body.hide-unused-ui [_nghost-wgv-c147] {
  display: inline;
}
.swap-form[_ngcontent-wgv-c147] {
  position: relative;
  min-height: 200px;
  padding: 24px;
  background: var(--form-background);
  border-radius: 19px;
}
html.iframe-horizontal[_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147],
html.iframe-horizontal [_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147] {
  display: flex;
  align-items: flex-end;
  min-height: 180px;
  margin-bottom: 0;
  padding: 0 20px 55px;
}
html.iframe-vertical[_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147],
html.iframe-vertical [_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147] {
  width: 350px;
  height: 500px;
  margin-bottom: 0;
  padding: 80px 10px 15px;
}
html.iframe:not(.dark)[_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147],
html.iframe:not(.dark) [_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147] {
  background-color: #fff;
}
body.hide-unused-ui[_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147],
body.hide-unused-ui [_nghost-wgv-c147] .swap-form[_ngcontent-wgv-c147] {
  margin: 0;
}
.swap-form_extended[_ngcontent-wgv-c147] {
  height: 660px;
}
.swap-form_limit-order[_ngcontent-wgv-c147] {
  min-height: auto;
  margin-bottom: 0;
  padding: 24px 24px 0;
  border-bottom: 0;
  border-radius: 19px 19px 0 0;
}
.swap-form[_ngcontent-wgv-c147] ~ *[_ngcontent-wgv-c147]:not(:last-child) {
  display: block;
  margin-bottom: 35px;
}
.swap-form__header[_ngcontent-wgv-c147] {
  display: flex;
  grid-gap: 20px;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}
.swap-form__title[_ngcontent-wgv-c147] {
  margin: 0 10px 0 0;
  color: var(--primary-text);
  font-weight: 300;
  font-size: 24px;
  letter-spacing: 1.5px;
}
.swap-form__settings-wrapper[_ngcontent-wgv-c147] {
  display: flex;
}
body.hide-unused-ui[_nghost-wgv-c147]
  .swap-form__settings-wrapper[_ngcontent-wgv-c147],
body.hide-unused-ui
  [_nghost-wgv-c147]
  .swap-form__settings-wrapper[_ngcontent-wgv-c147] {
  margin: 0;
}
.swap-form__settings[_ngcontent-wgv-c147] {
  display: flex;
  margin-left: 10px;
  cursor: pointer;
}
.swap-form__delimiter[_ngcontent-wgv-c147] {
  position: relative;
  background-color: var(--primary-background);
}
html.iframe-horizontal[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147],
html.iframe-horizontal
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147] {
  display: flex;
  align-items: center;
  margin: 0 5px;
  background-color: unset;
}
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147],
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147] {
  display: flex;
  justify-content: center;
  padding: 0;
  background: transparent;
}
body.hide-unused-ui[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:before,
body.hide-unused-ui
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:before {
  width: 100%;
}
body.hide-unused-ui[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:after,
body.hide-unused-ui
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:after {
  width: 0;
}
.swap-form__delimiter[_ngcontent-wgv-c147] > *[_ngcontent-wgv-c147] {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
html.iframe-horizontal[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]
  > *[_ngcontent-wgv-c147],
html.iframe-horizontal
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]
  > *[_ngcontent-wgv-c147] {
  position: static;
  left: unset;
  transform: unset;
}
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]
  > *[_ngcontent-wgv-c147],
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]
  > *[_ngcontent-wgv-c147] {
  position: static;
  left: unset;
  transform: none;
}
.swap-form__delimiter[_ngcontent-wgv-c147]:before,
.swap-form__delimiter[_ngcontent-wgv-c147]:after {
  position: absolute;
  top: 0;
  display: block;
  width: calc(50% - 17px);
  height: 1px;
  background-color: var(--transparent-line);
  opacity: 0.5;
  content: "";
}
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:before,
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:before,
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:after,
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147]:after {
  display: none;
}
.swap-form__delimiter[_ngcontent-wgv-c147]:after {
  right: 0;
}
.swap-form__delimiter_full[_ngcontent-wgv-c147]:before {
  width: 100%;
}
.swap-form__delimiter_full[_ngcontent-wgv-c147]:after {
  display: none;
}
.swap-form_limit-order[_ngcontent-wgv-c147]
  .swap-form__delimiter[_ngcontent-wgv-c147] {
  z-index: 99999;
}
.swap-form__content[_ngcontent-wgv-c147] {
  margin-top: 30px;
}
html.iframe-horizontal[_nghost-wgv-c147]
  .swap-form__content[_ngcontent-wgv-c147],
html.iframe-horizontal
  [_nghost-wgv-c147]
  .swap-form__content[_ngcontent-wgv-c147] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  margin-top: 0;
}
html.iframe-vertical[_nghost-wgv-c147] .swap-form__content[_ngcontent-wgv-c147],
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__content[_ngcontent-wgv-c147] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-top: 0;
}
html.iframe[_nghost-wgv-c147] .swap-form__block[_ngcontent-wgv-c147],
html.iframe [_nghost-wgv-c147] .swap-form__block[_ngcontent-wgv-c147] {
  display: flex;
}
html.iframe[_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-iframe-asset-type-indicator[_ngcontent-wgv-c147],
html.iframe
  [_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-iframe-asset-type-indicator[_ngcontent-wgv-c147] {
  margin-right: 10px;
}
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-instant-trade-bottom-form[_ngcontent-wgv-c147],
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-instant-trade-bottom-form[_ngcontent-wgv-c147],
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-bridge-bottom-form[_ngcontent-wgv-c147],
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-bridge-bottom-form[_ngcontent-wgv-c147],
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-cross-chain-bottom-form[_ngcontent-wgv-c147],
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-cross-chain-bottom-form[_ngcontent-wgv-c147],
html.iframe-vertical[_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-onramper-bottom-form[_ngcontent-wgv-c147],
html.iframe-vertical
  [_nghost-wgv-c147]
  .swap-form__block[_ngcontent-wgv-c147]
  app-onramper-bottom-form[_ngcontent-wgv-c147] {
  width: 100%;
}
.swap-form[_ngcontent-wgv-c147] app-onramper-widget[_ngcontent-wgv-c147] {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 9999;
  display: block;
}
app-swap-info-container[_ngcontent-wgv-c147],
app-analytics-link[_ngcontent-wgv-c147] {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 900px) {
  app-swap-info-container[_ngcontent-wgv-c147],
  app-analytics-link[_ngcontent-wgv-c147] {
    padding: 0 20px 20px;
  }
}
.close-widget-button[_ngcontent-wgv-c147] {
  display: none;
  width: 42px;
  margin-bottom: 13px;
}
.close-widget-button[_ngcontent-wgv-c147] app-rubic-button tui-wrapper {
  background: var(--form-background);
}
@media (max-width: 768px) {
  .close-widget-button[_ngcontent-wgv-c147] {
    display: block;
  }
}
@media (max-width: 651px) {
  .swap-form[_ngcontent-wgv-c147] {
    position: relative;
    padding: 20px 0;
    padding-bottom: 50px !important;
  }
  .swap-form__content[_ngcontent-wgv-c147] {
    margin-top: 0;
  }
  .swap-form__header[_ngcontent-wgv-c147] {
    padding: 0 20px;
  }
  .swap-form__title[_ngcontent-wgv-c147] {
    display: none;
  }
  .swap-form__delimiter[_ngcontent-wgv-c147]:before,
  .swap-form__delimiter[_ngcontent-wgv-c147]:after {
    width: calc(50% - 37px);
  }
  .swap-form__delimiter[_ngcontent-wgv-c147]:before {
    left: 20px;
  }
  .swap-form__delimiter[_ngcontent-wgv-c147]:after {
    right: 20px;
  }
  .swap-form__delimiter_full[_ngcontent-wgv-c147]:before {
    width: calc(100% - 40px);
  }
}
app-form-navigation[_ngcontent-wgv-c147] {
  display: none;
}
@media (max-width: 1140px) {
  app-form-navigation[_ngcontent-wgv-c147] {
    display: block;
    margin-bottom: 8px;
  }
  html.iframe[_nghost-wgv-c147] app-form-navigation[_ngcontent-wgv-c147],
  html.iframe [_nghost-wgv-c147] app-form-navigation[_ngcontent-wgv-c147] {
    display: none;
  }
}
.buttons-container[_ngcontent-wgv-c146] {
  display: flex;
  grid-gap: 8px;
  justify-content: center;
}
.buttons-container[_ngcontent-wgv-c146] app-rubic-button[_ngcontent-wgv-c146] {
  display: block;
  width: 100%;
  max-width: 160px;
}
.buttons-container[_ngcontent-wgv-c146] app-rubic-button[_ngcontent-wgv-c146] {
  --tui-height-l: 36px;
}
.buttons-container[_ngcontent-wgv-c146]
  app-rubic-button[_ngcontent-wgv-c146]
  .wrapper {
  padding: 0;
}
.buttons-container[_ngcontent-wgv-c146]
  app-rubic-button[_ngcontent-wgv-c146]
  .content {
  font-size: 14px;
}
[_ngcontent-wgv-c42]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
[_nghost-wgv-c42] {
  --tui-height-l: 50px;
  --tui-height-s: 35px;
  --tui-focus: transparent;
}
[_nghost-wgv-c42] [tuiButton] {
  font-weight: 500;
  font-size: 16px;
  border: none;
  transition: 0.3s;
}
[_nghost-wgv-c42]
  [tuiButton]._focused:not(-shadowcsshost [tuiButton]._pressed) {
  border-color: var(--primary-color);
}
[_nghost-wgv-c42] [tuiButton]._focused:after {
  border: 0;
}
[_nghost-wgv-c42] [tuiButton]._with-dropdown:focus {
  background-color: inherit;
}
[_nghost-wgv-c42] [tuiButton]._disabled {
  border: 0;
}
[_nghost-wgv-c42] [tuiButton]._disabled tui-wrapper {
  color: #909090b3;
  background-color: var(--primary-background);
  opacity: 1 !important;
}
html.iframe:not(.dark) [_nghost-wgv-c42] [tuiButton]._disabled tui-wrapper {
  background-color: var(--iframe-primary-background);
}
[_nghost-wgv-c42] [tuiButton][data-tui-host-size="l"] .wrapper {
  padding: 0 29px;
}
[_nghost-wgv-c42] [tuiButton][data-tui-host-size="s"] .wrapper {
  padding: 0 15px;
}
[_nghost-wgv-c42] [tuiButton] img {
  transition: 0.3s;
}
[_nghost-wgv-c42] [tuiButton].full-width {
  width: 100%;
}
[_nghost-wgv-c42] [tuiButton][data-appearance="outline"] {
  font-weight: 500;
  border: 1px solid var(--primary-color);
}
[_nghost-wgv-c42] [tuiButton][data-appearance="secondary"] {
  border: 0;
}
[_nghost-wgv-c42] [tuiButton][data-appearance="primary"] .wrapper {
  transition: none;
}
.loader {
  stroke: var(--primary-color) !important;
}
.tokens__btn[_nghost-wgv-c42]
  [tuiButton][data-tui-host-size="s"][_ngcontent-wgv-c42]
  .tokens__clear {
  margin-right: -5px;
}
@-webkit-keyframes _ngcontent-wgv-c3_tuiLoaderDashOffset {
  0%,
  100% {
    stroke-dashoffset: -66;
  }
  50% {
    stroke-dashoffset: -314;
  }
}
@keyframes _ngcontent-wgv-c3_tuiLoaderDashOffset {
  0%,
  100% {
    stroke-dashoffset: -66;
  }
  50% {
    stroke-dashoffset: -314;
  }
}
@-webkit-keyframes _ngcontent-wgv-c3_tuiLoaderRotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(1turn);
  }
  100% {
    transform: rotate(3turn);
  }
}
@keyframes _ngcontent-wgv-c3_tuiLoaderRotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(1turn);
  }
  100% {
    transform: rotate(3turn);
  }
}
[_nghost-wgv-c3] {
  position: relative;
  display: flex;
}
._loading[_nghost-wgv-c3] {
  overflow: hidden;
}
.t-content[_ngcontent-wgv-c3] {
  z-index: 0;
  min-width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.t-content_has-overlay[_ngcontent-wgv-c3] {
  opacity: 0.3;
}
.t-content_loading[_ngcontent-wgv-c3] {
  pointer-events: none;
}
.t-loader[_ngcontent-wgv-c3] {
  position: relative;
  left: -100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 100%;
  flex-shrink: 0;
  align-self: center;
  color: var(--tui-text-01);
  stroke: var(--tui-primary);
  -webkit-animation: tuiFadeIn var(--tui-duration);
  animation: tuiFadeIn var(--tui-duration);
}
.t-loader.t-loader_horizontal[_ngcontent-wgv-c3] {
  flex-direction: row;
}
.t-loader.t-loader_inherit-color[_ngcontent-wgv-c3] {
  color: inherit;
  stroke: currentColor;
}
.t-loader[data-tui-element-size="xs"][_ngcontent-wgv-c3] {
  font-size: 0.75rem;
  stroke-width: 38;
}
.t-loader[data-tui-element-size="s"][_ngcontent-wgv-c3] {
  font-size: 1rem;
  stroke-width: 25;
}
.t-loader[data-tui-element-size="m"][_ngcontent-wgv-c3] {
  font-size: 1.5rem;
  stroke-width: 17;
}
.t-loader[data-tui-element-size="l"][_ngcontent-wgv-c3] {
  font-size: 2.5rem;
  stroke-width: 15;
}
.t-loader[data-tui-element-size="xl"][_ngcontent-wgv-c3] {
  font-size: 3.5rem;
  stroke-width: 14;
}
.t-loader[data-tui-element-size="xxl"][_ngcontent-wgv-c3] {
  font-size: 5rem;
  stroke-width: 10;
}
.t-text[_ngcontent-wgv-c3] {
  font: var(--tui-font-text-s);
  color: var(--tui-text-01);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 1rem;
  color: inherit;
  max-width: 100%;
  text-align: center;
  stroke-width: 0;
}
.t-text_horizontal[_ngcontent-wgv-c3] {
  margin: 0 0 0 1rem;
}
.t-icon[_ngcontent-wgv-c3] {
  display: block;
  min-width: 1em;
  max-width: 1em;
  min-height: 1em;
  max-height: 1em;
  margin: 0.25rem -0.5em;
  border-radius: 100%;
  overflow: hidden;
  transform: scale(1, -1);
}
[_nghost-wgv-c3]:not(._animated-with-js) .t-icon[_ngcontent-wgv-c3] {
  -webkit-animation: 3s linear infinite _ngcontent-wgv-c3_tuiLoaderRotate;
  animation: 3s linear infinite _ngcontent-wgv-c3_tuiLoaderRotate;
}
.t-circle[_ngcontent-wgv-c3] {
  fill: none;
  stroke: inherit;
  stroke-width: inherit;
  -webkit-animation: 3s linear infinite _ngcontent-wgv-c3_tuiLoaderDashOffset;
  animation: 3s linear infinite _ngcontent-wgv-c3_tuiLoaderDashOffset;
}
[_nghost-wgv-c7] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  background: 0 0;
  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;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  font-weight: 700;
  outline: 0;
}
[disabled][_nghost-wgv-c7] {
  pointer-events: none;
}
[tuiIconButton][_nghost-wgv-c7] .left[_ngcontent-wgv-c7],
[tuiIconButton][_nghost-wgv-c7] .right[_ngcontent-wgv-c7] {
  margin: 0;
}
[data-tui-host-shape="rounded"][_nghost-wgv-c7] {
  border-radius: 6.25rem;
}
[data-size="xs"][_nghost-wgv-c7] {
  height: var(--tui-height-xs);
  font-weight: 400;
}
[data-size="xs"][data-tui-host-shape="square"][_nghost-wgv-c7],
[data-size="xs"][tuiIconButton][_nghost-wgv-c7] {
  height: var(--tui-height-xs);
  width: var(--tui-height-xs);
}
[data-size="s"][_nghost-wgv-c7] {
  height: var(--tui-height-s);
  font-weight: 400;
}
[data-size="s"][data-tui-host-shape="square"][_nghost-wgv-c7],
[data-size="s"][tuiIconButton][_nghost-wgv-c7] {
  height: var(--tui-height-s);
  width: var(--tui-height-s);
}
[data-size="m"][_nghost-wgv-c7] {
  height: var(--tui-height-m);
  font-size: 0.9375rem;
}
[data-size="m"][data-tui-host-shape="square"][_nghost-wgv-c7],
[data-size="m"][tuiIconButton][_nghost-wgv-c7] {
  height: var(--tui-height-m);
  width: var(--tui-height-m);
}
[data-size="l"][_nghost-wgv-c7] {
  height: var(--tui-height-l);
  font-size: 0.9375rem;
}
[data-size="l"][data-tui-host-shape="square"][_nghost-wgv-c7],
[data-size="l"][tuiIconButton][_nghost-wgv-c7] {
  height: var(--tui-height-l);
  width: var(--tui-height-l);
}
[data-size="xl"][_nghost-wgv-c7] {
  height: 3.75rem;
  font-size: 0.9375rem;
}
[data-size="xl"][data-tui-host-shape="square"][_nghost-wgv-c7],
[data-size="xl"][tuiIconButton][_nghost-wgv-c7] {
  height: 3.75rem;
  width: 3.75rem;
}
.loader[_ngcontent-wgv-c7] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
}
.left[_ngcontent-wgv-c7] {
  margin: 0 0.5rem 0 -0.25rem;
}
.right[_ngcontent-wgv-c7] {
  margin: 0 -0.25rem 0 0.5rem;
}
.icon[_ngcontent-wgv-c7] {
  display: block;
}
[data-size="s"][_nghost-wgv-c7] .icon[_ngcontent-wgv-c7],
[data-size="xs"][_nghost-wgv-c7] .icon[_ngcontent-wgv-c7] {
  width: 1rem;
  height: 1rem;
}
[tuiIconButton][_nghost-wgv-c7] .icon[_ngcontent-wgv-c7],
[tuiIconButton][_nghost-wgv-c7] .left[_ngcontent-wgv-c7],
[tuiIconButton][_nghost-wgv-c7] .right[_ngcontent-wgv-c7] {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.wrapper[_ngcontent-wgv-c7] {
  position: relative;
  z-index: 0;
  box-sizing: border-box;
  cursor: pointer;
}
[data-size="xs"][_nghost-wgv-c7] .wrapper[_ngcontent-wgv-c7] {
  padding: 0 0.5rem;
}
[data-size="s"][_nghost-wgv-c7] .wrapper[_ngcontent-wgv-c7] {
  padding: 0 0.75rem;
}
[data-size="m"][_nghost-wgv-c7] .wrapper[_ngcontent-wgv-c7] {
  padding: 0 1.5rem;
}
[data-size="l"][_nghost-wgv-c7] .wrapper[_ngcontent-wgv-c7] {
  padding: 0 2.25rem;
}
[data-size="xl"][_nghost-wgv-c7] .wrapper[_ngcontent-wgv-c7] {
  padding: 0 2.5rem;
}
[data-tui-host-shape="square"][_nghost-wgv-c7] .wrapper[_ngcontent-wgv-c7],
[tuiIconButton][_nghost-wgv-c7] .wrapper[_ngcontent-wgv-c7] {
  padding: 0;
}
.content[_ngcontent-wgv-c7] {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
._loading[_nghost-wgv-c7] .content[_ngcontent-wgv-c7] {
  opacity: 0;
}
[_nghost-wgv-c6] {
  transition-property: color, background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  border-radius: inherit;
}
[_nghost-wgv-c6]:after {
  transition-property: box-shadow;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  border: 1px solid currentColor;
  pointer-events: none;
  color: transparent;
}
._focused[_nghost-wgv-c6]:after {
  border-width: 2px;
  color: var(--tui-focus);
}
[data-state="disabled"][_nghost-wgv-c6] {
  pointer-events: none;
}
[_ngcontent-wgv-c91]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
@keyframes _ngcontent-wgv-c91_jump {
  0% {
    transform: scale(1);
  }
  to {
    transform: scale(1.07);
  }
}
.token-amount-input-container[_ngcontent-wgv-c91] {
  display: flex;
  justify-content: space-between;
  min-height: 105px;
  padding-bottom: 20px;
}
html.iframe-horizontal[_nghost-wgv-c91]
  .token-amount-input-container[_ngcontent-wgv-c91],
html.iframe-horizontal
  [_nghost-wgv-c91]
  .token-amount-input-container[_ngcontent-wgv-c91] {
  position: relative;
  width: 363px;
  height: 50px;
  min-height: 0;
  padding: 0 7px 0 16px;
  background: var(--primary-background);
  border-radius: 10px;
}
html.iframe:not(.dark)[_nghost-wgv-c91]
  .token-amount-input-container[_ngcontent-wgv-c91],
html.iframe:not(.dark)
  [_nghost-wgv-c91]
  .token-amount-input-container[_ngcontent-wgv-c91] {
  background-color: var(--iframe-primary-background);
}
.token-amount-input-container__wrapper[_ngcontent-wgv-c91] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 300px;
  height: 100%;
}
body.hide-unused-ui[_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91],
body.hide-unused-ui
  [_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91] {
  display: flex;
  gap: 10px;
  justify-content: initial;
  max-width: 300px;
  height: 100%;
}
html.iframe-horizontal[_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91],
html.iframe-horizontal
  [_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91] {
  justify-content: center;
}
html.iframe-horizontal[_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:first-child,
html.iframe-horizontal
  [_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:first-child {
  flex-direction: row-reverse;
  order: 2;
}
html.iframe-horizontal[_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:first-child
  app-select-asset-button-tokens[_ngcontent-wgv-c91],
html.iframe-horizontal
  [_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:first-child
  app-select-asset-button-tokens[_ngcontent-wgv-c91] {
  display: flex;
  align-items: center;
}
html.iframe-horizontal[_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:first-child
  app-user-balance-container[_ngcontent-wgv-c91],
html.iframe-horizontal
  [_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:first-child
  app-user-balance-container[_ngcontent-wgv-c91] {
  display: flex;
  align-items: center;
  margin-right: 10px;
  margin-left: 5px;
}
html.iframe-horizontal[_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:nth-child(2),
html.iframe-horizontal
  [_nghost-wgv-c91]
  .token-amount-input-container__wrapper[_ngcontent-wgv-c91]:nth-child(2) {
  order: 1;
}
.token-amount-input-container__wrapper[_ngcontent-wgv-c91]
  app-set-to-market-button[_ngcontent-wgv-c91] {
  display: block;
  margin-top: 10px;
}
.token-amount-input-container__input-label[_ngcontent-wgv-c91] {
  width: 100%;
  height: 35px;
  margin-bottom: 5px;
}
.token-amount-input-container__input-label[_ngcontent-wgv-c91]
  [_ngcontent-wgv-c91]::placeholder {
  letter-spacing: 0.6px;
}
.token-amount-input-container__input[_ngcontent-wgv-c91] {
  width: 100%;
  height: 100%;
  padding: 0;
  color: var(--primary-text);
  font-weight: 400;
  font-size: 22px;
  letter-spacing: 0.1em;
  text-align: left;
  background-color: transparent;
  border: none;
}
html.iframe-horizontal[_nghost-wgv-c91]
  .token-amount-input-container__input[_ngcontent-wgv-c91],
html.iframe-horizontal
  [_nghost-wgv-c91]
  .token-amount-input-container__input[_ngcontent-wgv-c91] {
  padding-left: 0;
  font-size: 20px;
  text-align: left;
}
.token-amount-input-container__iframe-info-cards[_ngcontent-wgv-c91] {
  position: absolute;
  bottom: -33px;
  left: 0;
  display: flex;
  align-items: center;
}
.token-amount-input-container__iframe-info-cards[_ngcontent-wgv-c91]
  app-usd-price-container[_ngcontent-wgv-c91] {
  margin-right: 5px;
}
@media (max-width: 651px) {
  .token-amount-input-container[_ngcontent-wgv-c91] {
    position: relative;
    height: auto;
    margin: 0;
    padding: 40px 20px 20px;
    flex-direction: row !important;
  }
  .token-amount-input-container__input[_ngcontent-wgv-c91] {
    max-width: 150px;
  }
  input[_ngcontent-wgv-c91] {
    font-size: 16px !important;
  }
}
@media (max-width: 420px) {
  .token-amount-input-container[_ngcontent-wgv-c91] {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
  }
  .token-amount-input-container__input[_ngcontent-wgv-c91] {
    padding-left: 0;
    text-align: left;
  }
  body.hide-unused-ui[_nghost-wgv-c91]
    .token-amount-input-container__wrapper[_ngcontent-wgv-c91],
  body.hide-unused-ui
    [_nghost-wgv-c91]
    .token-amount-input-container__wrapper[_ngcontent-wgv-c91] {
    flex-direction: row;
    align-items: center;
  }
}
.error-text[_ngcontent-wgv-c91] {
  font-size: 18px;
  line-height: 35px;
}
[_ngcontent-wgv-c88]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
html.iframe-vertical [_nghost-wgv-c88] {
  width: 100%;
}
.tokens[_ngcontent-wgv-c88] {
  font-size: 16px;
}
html.iframe-horizontal[_nghost-wgv-c88]
  .tokens[_ngcontent-wgv-c88]
  app-rubic-button
  button,
html.iframe-horizontal
  [_nghost-wgv-c88]
  .tokens[_ngcontent-wgv-c88]
  app-rubic-button
  button,
html.iframe-horizontal[_nghost-wgv-c88]
  .tokens[_ngcontent-wgv-c88]
  app-rubic-button
  tui-wrapper,
html.iframe-horizontal
  [_nghost-wgv-c88]
  .tokens[_ngcontent-wgv-c88]
  app-rubic-button
  tui-wrapper {
  box-shadow: none !important;
}
html.iframe-vertical[_nghost-wgv-c88] .tokens[_ngcontent-wgv-c88],
html.iframe-vertical [_nghost-wgv-c88] .tokens[_ngcontent-wgv-c88] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
html.iframe-vertical[_nghost-wgv-c88] .tokens__symbol[_ngcontent-wgv-c88],
html.iframe-vertical [_nghost-wgv-c88] .tokens__symbol[_ngcontent-wgv-c88],
html.iframe-vertical[_nghost-wgv-c88] .tokens__inner-text[_ngcontent-wgv-c88],
html.iframe-vertical [_nghost-wgv-c88] .tokens__inner-text[_ngcontent-wgv-c88] {
  font-size: 18px;
}
html.iframe-vertical[_nghost-wgv-c88]
  .tokens_disabled[_ngcontent-wgv-c88]
  .tokens__symbol[_ngcontent-wgv-c88]:after,
html.iframe-vertical
  [_nghost-wgv-c88]
  .tokens_disabled[_ngcontent-wgv-c88]
  .tokens__symbol[_ngcontent-wgv-c88]:after,
html.iframe-vertical[_nghost-wgv-c88]
  .tokens_disabled[_ngcontent-wgv-c88]
  .tokens__inner-text[_ngcontent-wgv-c88]:after,
html.iframe-vertical
  [_nghost-wgv-c88]
  .tokens_disabled[_ngcontent-wgv-c88]
  .tokens__inner-text[_ngcontent-wgv-c88]:after {
  display: none;
}
html.iframe-vertical[_nghost-wgv-c88]
  .tokens_disabled[_ngcontent-wgv-c88]
  .tokens__inner[_ngcontent-wgv-c88],
html.iframe-vertical
  [_nghost-wgv-c88]
  .tokens_disabled[_ngcontent-wgv-c88]
  .tokens__inner[_ngcontent-wgv-c88] {
  opacity: 0.5;
}
html.iframe-vertical[_nghost-wgv-c88] .tokens__clear[_ngcontent-wgv-c88],
html.iframe-vertical [_nghost-wgv-c88] .tokens__clear[_ngcontent-wgv-c88] {
  display: none;
}
html.iframe-vertical[_nghost-wgv-c88] .tokens__clear-mobile[_ngcontent-wgv-c88],
html.iframe-vertical
  [_nghost-wgv-c88]
  .tokens__clear-mobile[_ngcontent-wgv-c88] {
  position: relative;
  top: 2px;
  display: block !important;
}
.tokens__image-container[_ngcontent-wgv-c88] img[_ngcontent-wgv-c88] {
  border-radius: 25%;
}
.tokens__inner[_ngcontent-wgv-c88] {
  display: flex;
  grid-gap: 8px;
  align-items: center;
  padding-bottom: 1px;
}
.tokens__inner-text[_ngcontent-wgv-c88] {
  white-space: nowrap;
}
.tokens__image-container[_ngcontent-wgv-c88] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
}
.tokens__image-container[_ngcontent-wgv-c88] img[_ngcontent-wgv-c88] {
  width: initial;
  max-width: 18px;
  height: initial;
  max-height: 18px;
}
.tokens__symbol[_ngcontent-wgv-c88] {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
html.iframe-vertical[_nghost-wgv-c88] .tokens__symbol[_ngcontent-wgv-c88],
html.iframe-vertical [_nghost-wgv-c88] .tokens__symbol[_ngcontent-wgv-c88] {
  text-overflow: inherit;
}
.tokens__clear-container[_ngcontent-wgv-c88] {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.tokens__clear-container[_ngcontent-wgv-c88] span[_ngcontent-wgv-c88] {
  margin-right: 10px;
}
.tokens__container[_ngcontent-wgv-c88] {
  display: flex;
  grid-gap: 10px;
  align-items: center;
  flex-direction: row-reverse;
}
.tokens__container[_ngcontent-wgv-c88] img[_ngcontent-wgv-c88] {
  display: block;
}
.tokens__container[_ngcontent-wgv-c88] [tuiButton] {
  font-weight: 500;
}
@media (max-width: 651px) {
  .tokens[_ngcontent-wgv-c88] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-radius: 0;
  }
  .tokens__clear[_ngcontent-wgv-c88] {
    display: none;
  }
  .tokens__clear-mobile[_ngcontent-wgv-c88] {
    display: block;
    margin-left: 10px;
  }
}
.arrow[_ngcontent-wgv-c88] svg path {
  fill: var(--secondary-text);
}
[_ngcontent-wgv-c141]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
body.hide-unused-ui [_nghost-wgv-c141] {
  display: none;
}
.switcher[_ngcontent-wgv-c141] {
  z-index: 999;
  display: flex;
  box-sizing: content-box;
  padding: 0;
  background-color: var(--form-background);
  border-radius: 67px;
  cursor: pointer;
  position: relative;
}
html.iframe[_nghost-wgv-c141] .switcher[_ngcontent-wgv-c141],
html.iframe [_nghost-wgv-c141] .switcher[_ngcontent-wgv-c141] {
  height: 30px;
  background-color: unset;
}
.switcher[_ngcontent-wgv-c141] img[_ngcontent-wgv-c141] {
  margin: auto;
}
html.iframe-vertical[_nghost-wgv-c141]
  .switcher__iframe-arrow[_ngcontent-wgv-c141],
html.iframe-vertical
  [_nghost-wgv-c141]
  .switcher__iframe-arrow[_ngcontent-wgv-c141] {
  transform: rotate(90deg);
}
[_ngcontent-wgv-c112]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
html.iframe-horizontal [_nghost-wgv-c112] {
  display: flex;
}
html.iframe-horizontal[_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112],
html.iframe-horizontal
  [_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112] {
  position: relative;
  width: 363px;
  height: 50px;
  padding: 0 7px 0 16px;
  background: var(--primary-background);
  border-radius: 10px;
}
html.iframe-horizontal:not(.dark)[_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112],
html.iframe-horizontal:not(.dark)
  [_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112] {
  background-color: var(--iframe-primary-background);
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112] {
  width: 100%;
  padding: 0 !important;
  background-color: transparent;
}
.instant-trade-bottom-form__hint_error[_ngcontent-wgv-c112] {
  display: flex;
  align-items: center;
  width: 15px;
  margin-left: 10px;
  cursor: help;
}
.instant-trade-bottom-form__hint_error[_ngcontent-wgv-c112] svg path {
  fill: #dfcb5f;
}
.instant-trade-bottom-form__left-part[_ngcontent-wgv-c112] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
html.iframe-horizontal[_nghost-wgv-c112]
  .instant-trade-bottom-form__left-part[_ngcontent-wgv-c112],
html.iframe-horizontal
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__left-part[_ngcontent-wgv-c112] {
  order: 2;
  margin-left: auto;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__left-part[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__left-part[_ngcontent-wgv-c112] {
  width: 100%;
  margin-bottom: 6px;
}
.instant-trade-bottom-form__provider-badge[_ngcontent-wgv-c112] {
  padding: 2px 6px;
  color: var(--primary-text);
  font-weight: 300;
  font-size: 14px;
  text-transform: capitalize;
}
.instant-trade-bottom-form__providers[_ngcontent-wgv-c112] {
  display: block;
  margin-top: 30px;
  padding: 10px 30px 30px;
  border: 1px solid rgba(255, 255, 255, 0.1490196078);
  border-radius: 30px;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__body[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__body[_ngcontent-wgv-c112] {
  position: relative;
}
html.iframe-horizontal[_nghost-wgv-c112]
  .instant-trade-bottom-form__body[_ngcontent-wgv-c112],
html.iframe-horizontal
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__body[_ngcontent-wgv-c112] {
  height: 100%;
}
.instant-trade-bottom-form__body-top[_ngcontent-wgv-c112] {
  display: flex;
  justify-content: end;
  min-height: 60px;
  overflow: hidden;
}
html.iframe[_nghost-wgv-c112]
  .instant-trade-bottom-form__body-top[_ngcontent-wgv-c112],
html.iframe
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__body-top[_ngcontent-wgv-c112] {
  grid-gap: 0;
}
html.iframe-horizontal[_nghost-wgv-c112]
  .instant-trade-bottom-form__body-top[_ngcontent-wgv-c112],
html.iframe-horizontal
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__body-top[_ngcontent-wgv-c112] {
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: unset;
}
@media (max-width: 420px) {
  .instant-trade-bottom-form__body-top[_ngcontent-wgv-c112] {
    flex-direction: column;
    align-items: flex-end;
  }
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__body-top[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__body-top[_ngcontent-wgv-c112] {
  flex-direction: column;
  margin-bottom: 52px;
  overflow: visible;
}
.instant-trade-bottom-form__amount[_ngcontent-wgv-c112] {
  text-align: right;
}
html.iframe-horizontal[_nghost-wgv-c112]
  .instant-trade-bottom-form__amount[_ngcontent-wgv-c112],
html.iframe-horizontal
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__amount[_ngcontent-wgv-c112] {
  order: 1;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__amount[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__amount[_ngcontent-wgv-c112] {
  position: relative;
  display: flex;
  width: 100%;
  margin-bottom: 19px;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__amount[_ngcontent-wgv-c112]
  app-iframe-asset-type-indicator[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__amount[_ngcontent-wgv-c112]
  app-iframe-asset-type-indicator[_ngcontent-wgv-c112] {
  margin-right: 15px;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__amount_skeleton-container[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__amount_skeleton-container[_ngcontent-wgv-c112] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding-left: 16px;
  background-color: var(--primary-background);
  border-radius: 10px;
}
html.iframe-vertical:not(.dark)[_nghost-wgv-c112]
  .instant-trade-bottom-form__amount_skeleton-container[_ngcontent-wgv-c112],
html.iframe-vertical:not(.dark)
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__amount_skeleton-container[_ngcontent-wgv-c112] {
  background-color: var(--iframe-primary-background);
}
.instant-trade-bottom-form__amount_skeleton[_ngcontent-wgv-c112] {
  width: 200px;
  height: 40px;
}
.instant-trade-bottom-form__amount__output_error[_ngcontent-wgv-c112] {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 35px;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 2px;
}
.instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112] {
  max-width: 300px;
  overflow: auto;
  color: var(--primary-text);
  font-weight: 400;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 0.1em;
  scrollbar-width: none;
  transition: opacity ease-in-out 0.3s;
  text-align: left;
}
html.iframe-horizontal[_nghost-wgv-c112]
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112],
html.iframe-horizontal
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112] {
  margin-bottom: 0;
  font-size: 20px;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112] {
  flex: 1;
  width: 100%;
  max-width: unset;
  height: 50px;
  margin-bottom: 0;
  padding-left: 16px;
  font-size: 20px;
  line-height: 50px;
  text-align: left;
  background-color: var(--primary-background);
  border-radius: 10px;
}
html.iframe-vertical:not(.dark)[_nghost-wgv-c112]
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112],
html.iframe-vertical:not(.dark)
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112] {
  background-color: var(--iframe-primary-background);
}
.instant-trade-bottom-form__token-amount_loading[_ngcontent-wgv-c112] {
  opacity: 0.25;
}
.instant-trade-bottom-form__token-amount_placeholder[_ngcontent-wgv-c112] {
  color: #757575;
}
.instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112]::-webkit-scrollbar {
  display: none;
}
.instant-trade-bottom-form[_ngcontent-wgv-c112]
  app-tokens-rate[_ngcontent-wgv-c112] {
  display: block;
  margin-top: 6px;
}
html.iframe[_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112]
  app-tokens-rate[_ngcontent-wgv-c112],
html.iframe
  [_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112]
  app-tokens-rate[_ngcontent-wgv-c112] {
  margin-top: 0;
  margin-left: 4px;
}
.instant-trade-bottom-form__iframe-info[_ngcontent-wgv-c112] {
  position: absolute;
  bottom: -33px;
  left: 0;
  display: flex;
  align-items: center;
}
.instant-trade-bottom-form__iframe-info[_ngcontent-wgv-c112]
  > [_ngcontent-wgv-c112]:first-child {
  margin-right: 15px;
}
.instant-trade-bottom-form__iframe-info[_ngcontent-wgv-c112]
  > div[_ngcontent-wgv-c112] {
  white-space: nowrap;
}
html.iframe[_nghost-wgv-c112]
  .instant-trade-bottom-form__iframe-info[_ngcontent-wgv-c112]
  > div[_ngcontent-wgv-c112],
html.iframe
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__iframe-info[_ngcontent-wgv-c112]
  > div[_ngcontent-wgv-c112] {
  display: block;
  height: 27px;
  padding: 5px 10px;
  color: var(--tui-text-02);
  font-size: 12px;
  line-height: 17px;
  background-color: var(--primary-background);
  border-radius: 10px;
}
html.iframe:not(.dark)[_nghost-wgv-c112]
  .instant-trade-bottom-form__iframe-info[_ngcontent-wgv-c112]
  > div[_ngcontent-wgv-c112],
html.iframe:not(.dark)
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__iframe-info[_ngcontent-wgv-c112]
  > div[_ngcontent-wgv-c112] {
  background-color: var(--iframe-primary-background);
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__swap[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__swap[_ngcontent-wgv-c112] {
  padding: 0 !important;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form__swap[_ngcontent-wgv-c112]
  app-swap-button-container[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__swap[_ngcontent-wgv-c112]
  app-swap-button-container[_ngcontent-wgv-c112] {
  width: 100%;
  margin-top: 16px !important;
}
.instant-trade-bottom-form__swap[_ngcontent-wgv-c112]
  app-swap-button-container[_ngcontent-wgv-c112] {
  display: block;
  margin-top: 16px;
}
html.iframe-horizontal[_nghost-wgv-c112]
  .instant-trade-bottom-form__swap[_ngcontent-wgv-c112]
  app-swap-button-container[_ngcontent-wgv-c112],
html.iframe-horizontal
  [_nghost-wgv-c112]
  .instant-trade-bottom-form__swap[_ngcontent-wgv-c112]
  app-swap-button-container[_ngcontent-wgv-c112] {
  margin-top: 0;
  margin-left: 12px;
}
.instant-trade-bottom-form[_ngcontent-wgv-c112]
  app-target-network-address[_ngcontent-wgv-c112] {
  display: block;
  margin-top: 10px;
}
html.iframe-vertical[_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112]
  app-target-network-address[_ngcontent-wgv-c112],
html.iframe-vertical
  [_nghost-wgv-c112]
  .instant-trade-bottom-form[_ngcontent-wgv-c112]
  app-target-network-address[_ngcontent-wgv-c112] {
  margin-top: 15px;
}
@media (max-width: 651px) {
  .instant-trade-bottom-form[_ngcontent-wgv-c112] {
    padding: 20px;
  }
  .instant-trade-bottom-form__swap[_ngcontent-wgv-c112] {
    padding: 0 20px;
  }
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112] {
    margin-bottom: 0;
  }
}
@media (max-width: 420px) {
  .instant-trade-bottom-form__token-amount[_ngcontent-wgv-c112] {
    text-align: left;
  }
  .instant-trade-bottom-form[_ngcontent-wgv-c112]
    app-tokens-rate[_ngcontent-wgv-c112] {
    margin-left: 0;
  }
}
[_ngcontent-wgv-c107]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
html.iframe [_nghost-wgv-c107] {
  width: 180px;
}
[_ngcontent-wgv-c143]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
.swaps-header[_ngcontent-wgv-c143] {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}
.swaps-header__icons[_ngcontent-wgv-c143] {
  display: flex;
  margin-left: 20px;
}
.swaps-header__icons[_ngcontent-wgv-c143] img[_ngcontent-wgv-c143] {
  width: 30px;
  height: 30px;
}
.swaps-header__icon-wrapper[_ngcontent-wgv-c143] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  background: var(--form-background);
  border-radius: 50%;
}
.swaps-header__icon-wrapper[_ngcontent-wgv-c143]:nth-child(2) {
  margin-left: -15px;
}
.swaps-header__icon-wrapper[_ngcontent-wgv-c143] img[_ngcontent-wgv-c143] {
  border-radius: 50%;
}
.swaps-header__title[_ngcontent-wgv-c143] {
  margin-left: 12px;
  color: var(--primary-text);
  font-weight: 500;
  font-size: 16px;
}
.swaps-header__name[_ngcontent-wgv-c143] {
  color: var(--secondary-text);
  font-size: 14px;
}
.swaps-header[_ngcontent-wgv-c143] h3[_ngcontent-wgv-c143] {
  margin: 0;
}
[_ngcontent-wgv-c131]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
@media (max-width: 651px) {
  body.hide-unused-ui [_nghost-wgv-c131] {
    position: initial !important;
  }
}
tui-hosted-dropdown[_ngcontent-wgv-c131] .wrapper {
  display: flex;
  align-items: center;
}
img[_ngcontent-wgv-c131] {
  filter: grayscale(1);
}
[_nghost-wgv-c23] {
  display: inline-flex;
}
.wrapper[_ngcontent-wgv-c23] {
  border-radius: inherit;
  height: inherit;
  flex: 1 1 auto;
  width: 100%;
}
.content[_ngcontent-wgv-c23] {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
[_ngcontent-wgv-c142]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
.platform-tokens-amount[_ngcontent-wgv-c142] {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.7px;
}
@media (max-width: 420px) {
  .platform-tokens-amount[_ngcontent-wgv-c142] {
    max-width: 170px;
  }
}
.platform-tokens-amount__container[_ngcontent-wgv-c142] {
  display: inline-flex;
  max-height: 18px;
  overflow: hidden;
}
.platform-tokens-amount_inner-container[_ngcontent-wgv-c142] {
  display: flex;
  align-items: baseline;
  color: var(--primary-color);
}
.platform-tokens-amount_inner-container[_ngcontent-wgv-c142]
  > span[_ngcontent-wgv-c142] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 11px;
  text-align: center;
}
.platform-tokens-amount_inner-container[_ngcontent-wgv-c142]
  > span[_ngcontent-wgv-c142]:nth-child(3) {
  width: 6px;
}
.platform-tokens-amount_inner-container[_ngcontent-wgv-c142]
  > span[_ngcontent-wgv-c142]:nth-child(2n) {
  animation: _ngcontent-wgv-c142_slide 0.9s ease-out;
}
.platform-tokens-amount_inner-container[_ngcontent-wgv-c142]
  > span[_ngcontent-wgv-c142]:nth-child(2n + 1) {
  animation: _ngcontent-wgv-c142_slide 0.7s ease-out;
}
@keyframes _ngcontent-wgv-c142_slide {
  0% {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
[_ngcontent-wgv-c89]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
.user-balance-container[_ngcontent-wgv-c89] {
  margin-top: 10px;
}
body.hide-unused-ui[_nghost-wgv-c89]
  .user-balance-container[_ngcontent-wgv-c89],
body.hide-unused-ui
  [_nghost-wgv-c89]
  .user-balance-container[_ngcontent-wgv-c89] {
  margin-top: 0;
  margin-right: 10px;
  white-space: nowrap;
}
html.iframe[_nghost-wgv-c89] .user-balance-container[_ngcontent-wgv-c89],
html.iframe [_nghost-wgv-c89] .user-balance-container[_ngcontent-wgv-c89] {
  margin-top: 0;
}
.user-balance-container__balance[_ngcontent-wgv-c89] {
  margin-right: 10px;
  color: var(--secondary-text);
  font-size: 14px;
  line-height: 17px;
}
html.iframe[_nghost-wgv-c89]
  .user-balance-container__balance[_ngcontent-wgv-c89],
html.iframe
  [_nghost-wgv-c89]
  .user-balance-container__balance[_ngcontent-wgv-c89] {
  display: block;
  height: 27px;
  padding: 5px 10px;
  color: var(--tui-text-02);
  font-size: 12px;
  line-height: 17px;
  background-color: var(--primary-background);
  border-radius: 10px;
}
html.iframe:not(.dark)[_nghost-wgv-c89]
  .user-balance-container__balance[_ngcontent-wgv-c89],
html.iframe:not(.dark)
  [_nghost-wgv-c89]
  .user-balance-container__balance[_ngcontent-wgv-c89] {
  background-color: var(--iframe-primary-background);
}
.user-balance-container__max-button[_ngcontent-wgv-c89] {
  padding: 0;
  color: var(--primary-color);
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  background-color: transparent;
}
@media (max-width: 420px) {
  .user-balance-container__max-button[_ngcontent-wgv-c89] {
    font-size: 18px;
  }
}
.user-balance-container__max-button_disabled[_ngcontent-wgv-c89] {
  color: var(--secondary-text);
  cursor: default;
}
[_ngcontent-wgv-c100]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
[_ngcontent-wgv-c70]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
.menu-button[_ngcontent-wgv-c70] {
  display: none;
}
@media screen and (max-width: 1140px) {
  .menu-button[_ngcontent-wgv-c70] {
    display: block;
  }
}
.burger-menu[_ngcontent-wgv-c70] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 20px;
  height: 14px;
}
.burger-menu__line[_ngcontent-wgv-c70] {
  width: 100%;
  height: 2px;
  background-color: var(--primary-text);
  border-radius: 5px;
  transition: 0.3s ease-in-out;
  transition-property: opacity, transform;
}
.burger-menu_opened[_ngcontent-wgv-c70]
  .burger-menu__line[_ngcontent-wgv-c70]:first-child {
  transform: translateY(6px) rotate(45deg);
}
.burger-menu_opened[_ngcontent-wgv-c70]
  .burger-menu__line[_ngcontent-wgv-c70]:nth-child(2) {
  opacity: 0;
}
.burger-menu_opened[_ngcontent-wgv-c70]
  .burger-menu__line[_ngcontent-wgv-c70]:last-child {
  transform: translateY(-6px) rotate(-45deg);
}
.data-list[_ngcontent-wgv-c70] {
  min-width: 230px;
  padding: 16px 0;
}
.data-list__option[_ngcontent-wgv-c70] {
  justify-content: flex-start;
  height: 45px;
  min-height: initial !important;
  margin: 0;
  padding: 17px 28px;
  color: var(--primary-text);
  font-weight: 400;
  font-size: 18px;
  border: none;
  border-radius: 156px;
}
.data-list__option[_ngcontent-wgv-c70]:hover {
  color: var(--primary-color);
}
.data-list__option[_ngcontent-wgv-c70]:hover svg path[fill="black"] {
  fill: var(--primary-color);
}
.data-list__option[_ngcontent-wgv-c70]:hover svg rect[fill="black"] {
  fill: var(--primary-color);
}
.data-list__option[_ngcontent-wgv-c70]:active {
  color: #fff;
  background-color: var(--primary-color);
}
.data-list__option[_ngcontent-wgv-c70]:active a[_ngcontent-wgv-c70] {
  color: #fff;
}
.data-list__option_disabled[_ngcontent-wgv-c70] {
  color: #90909099;
}
.data-list__option_disabled[_ngcontent-wgv-c70]:hover,
.data-list__option_disabled[_ngcontent-wgv-c70]:active,
.data-list__option_disabled[_ngcontent-wgv-c70]:focus {
  color: #90909099;
  background: transparent;
  border-color: transparent;
  cursor: default;
}
.data-list__option_logout[_ngcontent-wgv-c70] {
  color: #d9573f;
}
.data-list__option[_ngcontent-wgv-c70]
  a:not(.new-btn):not(.btn):not(.minimal-btn):not(.rubic-btn) {
  color: var(--primary-text);
  text-decoration: none;
  transition: 0.35s color ease;
}
.data-list__option-image[_ngcontent-wgv-c70] {
  width: 24px;
  height: 20px;
  margin-right: 15px;
  text-align: center;
}
.data-list__option-image[_ngcontent-wgv-c70] svg {
  width: auto;
  height: 100%;
}
.data-list__option-image[_ngcontent-wgv-c70] svg path[fill="black"] {
  fill: var(--primary-text);
}
.data-list__option-image[_ngcontent-wgv-c70] svg rect[fill="black"] {
  fill: var(--primary-text);
}
.data-list__option-image[_ngcontent-wgv-c70] svg path[fill="white"] {
  fill: var(--primary-text);
}
.data-list__link[_ngcontent-wgv-c70] {
  text-decoration: none !important;
}
.data-list__link_modal[_ngcontent-wgv-c70] {
  position: relative;
  top: auto;
  right: auto;
  display: block;
}
.data-list__address[_ngcontent-wgv-c70] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: default;
}
.data-list__address[_ngcontent-wgv-c70]:hover {
  background: transparent;
}
.data-list__address[_ngcontent-wgv-c70] img[_ngcontent-wgv-c70] {
  margin-right: 18px;
}
.data-list[_ngcontent-wgv-c70] tui-opt-group[_ngcontent-wgv-c70] {
  margin: 0;
}
.data-list[_ngcontent-wgv-c70] tui-opt-group[_ngcontent-wgv-c70]:last-child {
  padding-bottom: 0;
}
tui-opt-group[_ngcontent-wgv-c70]:not(:empty)
  ~ tui-opt-group[_ngcontent-wgv-c70]:after {
  top: 0;
  background: #303030;
}
tui-opt-group[_ngcontent-wgv-c70]:not(:empty)
  ~ tui-opt-group[_ngcontent-wgv-c70]:before {
  display: none;
}
.rubic-menu__chain-icon[_ngcontent-wgv-c70] {
  width: auto;
  max-width: 18px;
  height: auto;
  margin-right: 5px;
  vertical-align: middle;
}
.rubic-menu__mobile[_ngcontent-wgv-c70] {
  display: none;
}
.rubic-menu__login[_ngcontent-wgv-c70] {
  margin: 0 auto;
}
.rubic-menu__bottom {
  display: flex;
  flex-direction: column;
  grid-gap: 2px;
  align-items: center;
  padding: 10px 6px;
  border-top: 1px solid rgba(225, 225, 225, 0.6);
}
.rubic-menu__bottom [tuiButton] {
  height: 45px;
  font-size: 14px !important;
}
.notification-counter[_ngcontent-wgv-c70] {
  position: absolute;
  top: 0;
  right: -5px;
}
.notification-counter_menu[_ngcontent-wgv-c70] {
  top: -4px;
  right: 8px;
}
@media (max-width: 651px) {
  .notification-counter[_ngcontent-wgv-c70] {
    position: absolute;
    top: 0;
    right: -5px;
    display: none;
  }
  .notification-counter_menu[_ngcontent-wgv-c70] {
    top: -4px;
    right: 8px;
  }
}
@media (max-width: 1140px) {
  .rubic-menu__mobile[_ngcontent-wgv-c70] {
    display: block;
  }
  .rubic-menu__container[_ngcontent-wgv-c70] {
    min-width: 153px;
  }
  .notification-counter[_ngcontent-wgv-c70] {
    display: block;
  }
}
@media (max-width: 651px) {
  .menu-button[_ngcontent-wgv-c70] [data-tui-host-size="l"][tuiIconButton] {
    width: 20px;
    height: 24px;
  }
  .menu-button[_ngcontent-wgv-c70]
    [data-tui-host-size="l"][tuiIconButton]._hovered,
  .menu-button[_ngcontent-wgv-c70]
    [data-tui-host-size="l"][tuiIconButton]._pressed,
  .menu-button[_ngcontent-wgv-c70]
    [data-tui-host-size="l"][tuiIconButton]._focused {
    background: transparent !important;
    box-shadow: none;
  }
  .menu-button[_ngcontent-wgv-c70]
    [data-tui-host-size="l"][tuiIconButton]._hovered
    .wrapper,
  .menu-button[_ngcontent-wgv-c70]
    [data-tui-host-size="l"][tuiIconButton]._pressed
    .wrapper,
  .menu-button[_ngcontent-wgv-c70]
    [data-tui-host-size="l"][tuiIconButton]._focused
    .wrapper {
    background: transparent;
  }
}
@media (max-width: 900px) {
  tui-opt-group[_ngcontent-wgv-c70]:before {
    content: none !important;
  }
  .button-wrapper[_ngcontent-wgv-c70] {
    padding: 5px 10px;
    background: #d65200;
    border-radius: 30px;
    color: #000 !important;
    font-weight: 900;
  }
  .button-wrapper[_ngcontent-wgv-c70] img[_ngcontent-wgv-c70] {
    margin-right: 0;
  }
}
[_ngcontent-wgv-c69]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
[_nghost-wgv-c69] {
  --tui-height-l: 50px;
  --tui-height-s: 35px;
  --tui-disabled-opacity: 1;
  --tui-focus: transparent;
}
[_nghost-wgv-c69] [tuiIconButton][_ngcontent-wgv-c69] {
  transition: 0.3s;
}
[_nghost-wgv-c69]
  [tuiIconButton][data-appearance="primary"][_ngcontent-wgv-c69] {
  border: 1px solid white;
}
[_nghost-wgv-c69] [tuiIconButton][_ngcontent-wgv-c69] img {
  width: 100px;
  max-width: 18px;
  height: auto;
  max-height: 15px;
}
[_nghost-wgv-c18] {
  position: relative;
  display: flex;
  font: var(--tui-font-text-m);
  flex-direction: column;
  box-sizing: border-box;
  margin: auto;
  border-radius: 1rem;
  border: 40px solid transparent;
}
[_nghost-wgv-c18]:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.48);
  content: "";
  border-radius: inherit;
  pointer-events: none;
}
[data-size="s"][_nghost-wgv-c18] {
  width: 30rem;
}
[data-size="s"][_nghost-wgv-c18] .content[_ngcontent-wgv-c18] {
  padding: 1.5rem;
}
[data-size="s"][_nghost-wgv-c18] .heading[_ngcontent-wgv-c18] {
  margin-bottom: 0.5rem;
}
[data-size="m"][_nghost-wgv-c18] {
  width: 42.5rem;
}
[data-size="m"][_nghost-wgv-c18] .heading[_ngcontent-wgv-c18] {
  margin-bottom: 0.75rem;
}
[data-size="l"][_nghost-wgv-c18] {
  width: 55rem;
}
[data-size="l"][_nghost-wgv-c18] .heading[_ngcontent-wgv-c18] {
  margin-bottom: 1rem;
}
[data-size="fullscreen"][_nghost-wgv-c18],
[data-size="page"][_nghost-wgv-c18] {
  width: 100vw;
  min-height: 100%;
  border-radius: 0;
  border: none;
  background: var(--tui-elevation-01);
  box-shadow: 0 4rem var(--tui-base-01);
}
[data-size="fullscreen"][_nghost-wgv-c18] .content[_ngcontent-wgv-c18],
[data-size="page"][_nghost-wgv-c18] .content[_ngcontent-wgv-c18] {
  padding: 3rem calc(50vw - (45rem / 2));
}
[data-size="fullscreen"][_nghost-wgv-c18] .heading[_ngcontent-wgv-c18],
[data-size="page"][_nghost-wgv-c18] .heading[_ngcontent-wgv-c18] {
  margin-bottom: 1rem;
}
[data-size="page"][_nghost-wgv-c18] .content[_ngcontent-wgv-c18] {
  padding: 0;
}
._centered[_nghost-wgv-c18] {
  text-align: center;
}
[_nghost-wgv-c18] tui-root._mobile[data-size][_nghost-wgv-c18],
tui-root._mobile [data-size][_nghost-wgv-c18] {
  min-width: 100vw;
  width: 100vw;
  max-width: 100vw;
  border-radius: 0;
  border: none;
  margin: auto 0 0;
}
[_nghost-wgv-c18]
  tui-root._mobile[data-size][_nghost-wgv-c18]
  .content[_ngcontent-wgv-c18],
tui-root._mobile [data-size][_nghost-wgv-c18] .content[_ngcontent-wgv-c18] {
  padding: 2rem 1.5rem;
}
[_nghost-wgv-c18]
  tui-root._mobile[data-size][_nghost-wgv-c18]
  .heading[_ngcontent-wgv-c18],
tui-root._mobile [data-size][_nghost-wgv-c18] .heading[_ngcontent-wgv-c18] {
  margin-bottom: 0.5rem;
}
.heading[_ngcontent-wgv-c18] {
  margin: 0;
  word-wrap: break-word;
}
.heading[_ngcontent-wgv-c18]:empty {
  display: none;
}
.header[_ngcontent-wgv-c18] {
  display: flex;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden;
}
[data-size="fullscreen"][_nghost-wgv-c18]
  tui-root._mobile[_nghost-wgv-c18]
  .header[_ngcontent-wgv-c18],
tui-root._mobile [_nghost-wgv-c18] .header[_ngcontent-wgv-c18] {
  flex: 1;
}
.content[_ngcontent-wgv-c18] {
  border-radius: inherit;
  padding: 2rem;
  background: var(--tui-base-01);
}
.content[_ngcontent-wgv-c18]:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.wrapper[_ngcontent-wgv-c18] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  order: -1;
}
.close[_ngcontent-wgv-c18] {
  transition-property: background;
  transition-duration: var(--tui-duration, 300ms);
  transition-timing-function: ease-in-out;
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  color: var(--tui-base-01);
  background: rgba(104, 104, 104, 0.96);
}
.close[_ngcontent-wgv-c18]:hover {
  background: rgba(159, 159, 159, 0.86);
}
[_nghost-wgv-c18]:not([data-size="fullscreen"]) .close[_ngcontent-wgv-c18] {
  -webkit-animation: tuiFadeIn var(--tui-duration);
  animation: tuiFadeIn var(--tui-duration);
}
[_nghost-wgv-c18]:not([data-size="fullscreen"]).ng-animating
  .close[_ngcontent-wgv-c18] {
  display: none;
}
tui-root._mobile[_nghost-wgv-c18] .close[_ngcontent-wgv-c18],
tui-root._mobile [_nghost-wgv-c18] .close[_ngcontent-wgv-c18] {
  position: absolute;
  top: 0;
  right: 0;
  background: 0 0;
  color: var(--tui-base-06);
}
tui-root._mobile[_nghost-wgv-c18] .close[_ngcontent-wgv-c18]:hover,
tui-root._mobile [_nghost-wgv-c18] .close[_ngcontent-wgv-c18]:hover {
  color: var(--tui-base-07);
}
.buttons[_ngcontent-wgv-c18] {
  margin-top: 1.25rem;
  text-align: right;
}
[_nghost-wgv-c5] {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  line-height: 0;
  height: 1.5rem;
  width: 1.5rem;
  fill: currentColor;
  font-size: 1rem;
}
.src[_ngcontent-wgv-c5] {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
[_ngcontent-wgv-c45]:root {
  --scroll-size: 0px;
  --primary-color: rgb(253, 99, 0);
  --secondary-color: white;
  --filter-inversion: invert(1);
  --accent-color: #9438a6;
  --transparent-line: rgba(0, 0, 0, 0.1);
  --primary-background: rgb(246, 246, 246);
  --form-background: rgb(255, 255, 255);
  --form-background-transparent: rgba(255, 255, 255, 0.9);
  --solid-background: rgb(255, 255, 255);
  --secondary-background: rgba(0, 0, 0, 0.035);
  --iframe-primary-background: rgb(244, 244, 244);
  --primary-text: rgb(0, 0, 0);
  --primary-text-invert: rgb(255, 255, 255);
  --secondary-text: rgba(0, 0, 0, 0.5);
  --tui-primary: rgb(253, 99, 0);
  --gradient: #fd6300;
  --tui-primary-hover: #ca4f00;
  --tui-primary-active: #ca4f00;
  --tui-primary-text: var(--primary-text-invert);
  --tui-secondary: rgba(255, 255, 255, 1);
  --tui-secondary-hover: rgba(255, 255, 255, 0.5);
  --tui-secondary-active: rgba(255, 255, 255, 0.5);
  --tui-secondary-text: var(--primary-text);
  --tui-link: var(--primary-text);
  --tui-link-hover: var(--primary-text);
  --tui-text-02: #3b3a3a;
  --tui-text-03: var(--tui-text-02);
  --selection-color: rgb(243 249 243);
  --error-color: #e9590c;
  --warning-color: #f2994a;
}
.modal[_ngcontent-wgv-c45] {
  position: relative;
  padding: 40px 20px 20px;
  font-weight: 300;
  border-radius: 10px;
}
body.hide-unused-ui[_nghost-wgv-c45] .modal[_ngcontent-wgv-c45],
body.hide-unused-ui [_nghost-wgv-c45] .modal[_ngcontent-wgv-c45] {
  padding: 0 20px 20px;
}
html.iframe-horizontal[_nghost-wgv-c45] .modal[_ngcontent-wgv-c45],
html.iframe-horizontal [_nghost-wgv-c45] .modal[_ngcontent-wgv-c45] {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  background: var(--tui-base-01);
}
html.iframe-vertical[_nghost-wgv-c45] .modal[_ngcontent-wgv-c45],
html.iframe-vertical [_nghost-wgv-c45] .modal[_ngcontent-wgv-c45] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 530px;
  margin: 0 auto;
}
.modal__privacy-policy[_ngcontent-wgv-c45] {
  margin-bottom: 10px;
}
html.iframe-horizontal[_nghost-wgv-c45] .modal__content[_ngcontent-wgv-c45],
html.iframe-horizontal [_nghost-wgv-c45] .modal__content[_ngcontent-wgv-c45] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 180px;
  max-height: 180px;
  padding: 0 30px;
}
.modal__title[_ngcontent-wgv-c45] {
  margin-top: 0;
  margin-bottom: 0;
  color: gray;
  font-weight: 300;
  font-size: 24px;
  line-height: 29px;
}
.modal__header[_ngcontent-wgv-c45] {
  margin-right: 40px;
}
.modal__header[_ngcontent-wgv-c45],
.modal__body[_ngcontent-wgv-c45] {
  margin-bottom: 30px;
}
body.hide-unused-ui[_nghost-wgv-c45] .modal__header[_ngcontent-wgv-c45],
body.hide-unused-ui [_nghost-wgv-c45] .modal__header[_ngcontent-wgv-c45],
body.hide-unused-ui[_nghost-wgv-c45] .modal__body[_ngcontent-wgv-c45],
body.hide-unused-ui [_nghost-wgv-c45] .modal__body[_ngcontent-wgv-c45] {
  margin-bottom: 5px;
}
html.iframe-vertical[_nghost-wgv-c45] .modal__body[_ngcontent-wgv-c45],
html.iframe-vertical [_nghost-wgv-c45] .modal__body[_ngcontent-wgv-c45] {
  margin-bottom: 11px;
}
.modal__footer[_ngcontent-wgv-c45] {
  text-align: center;
}
.modal__body[_ngcontent-wgv-c45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 37px 0;
}
html.iframe-horizontal[_nghost-wgv-c45] .modal__body[_ngcontent-wgv-c45],
html.iframe-horizontal [_nghost-wgv-c45] .modal__body[_ngcontent-wgv-c45] {
  flex-direction: row;
  justify-content: center;
  margin-bottom: 15px;
  padding: 0;
}
.modal__provider-icon[_ngcontent-wgv-c45] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 30px;
}
.modal__provider-icon[_ngcontent-wgv-c45] img[_ngcontent-wgv-c45] {
  width: 35px;
  height: 30px;
}
.modal__link[_ngcontent-wgv-c45] {
  color: var(--primary-color);
}
.modal__provider-button[_ngcontent-wgv-c45] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 65px;
  padding: 10px 20px;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
html.iframe-horizontal[_nghost-wgv-c45]
  .modal__provider-button[_ngcontent-wgv-c45],
html.iframe-horizontal
  [_nghost-wgv-c45]
  .modal__provider-button[_ngcontent-wgv-c45] {
  max-width: 240px;
}
.modal__provider-button[disabled][_ngcontent-wgv-c45] {
  cursor: not-allowed;
  opacity: 0.5;
}
.modal__provider-button[_ngcontent-wgv-c45]:not(:last-child) {
  margin-bottom: 20px;
}
html.iframe-horizontal[_nghost-wgv-c45]
  .modal__provider-button[_ngcontent-wgv-c45]:not(:last-child),
html.iframe-horizontal
  [_nghost-wgv-c45]
  .modal__provider-button[_ngcontent-wgv-c45]:not(:last-child) {
  margin-right: 20px;
  margin-bottom: 0;
}
.modal__provider-button[_ngcontent-wgv-c45]:not([disabled]):hover {
  transform: scale(1.03);
}
.modal__provider-button[_ngcontent-wgv-c45]:not(:last-child) {
  margin-bottom: 20px;
}
.modal__body[_ngcontent-wgv-c45] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 37px 0;
}
.modal__header[_ngcontent-wgv-c45],
.modal__body[_ngcontent-wgv-c45] {
  margin-bottom: 30px;
}
.modal__provider-button[_ngcontent-wgv-c45]:not(:last-child) {
  margin-bottom: 20px;
}
.modal__provider-button[_ngcontent-wgv-c45] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 65px;
  padding: 10px 20px;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}
.modal__provider-icon[_ngcontent-wgv-c45] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 30px;
}
[_nghost-def-c18] tui-root._mobile[data-size][_nghost-def-c18] .content[_ngcontent-def-c18], tui-root._mobile [data-size][_nghost-def-c18] .content[_ngcontent-def-c18] {
  padding: 2rem 1.5rem;
}
[data-size="s"][_nghost-def-c18] .content[_ngcontent-def-c18] {
  padding: 1.5rem;
}
.content[_ngcontent-def-c18] {
  border-radius: inherit;
  padding: 2rem;
  background: var(--tui-base-01);
}
tui-dialog > .content {
  background-color: var(--form-background-transparent) !important;
  border: 1px solid var(--transparent-line);
}