/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
* {
  box-sizing: border-box;
}
:root {
  --navbar-index: 2;
  --max-layout-index: 2;
  --over-layout-index: 3;
  --sheet-dialog-max-width: 600px;
}
.neutral-bg {
  --background: var(--neutral-100);
  background-color: var(--background);
}
.white-bg {
  --background: var(--white);
  background-color: var(--background);
}
.transparent-bg {
  --background: transparent;
  background-color: var(--background);
}
body {
  -webkit-font-smoothing: antialiased;
  color: var(--black);
  background-color: var(--background);
  --body-width: 425px;
  --body-max-width: 800px;
  --body-height: 600px;
  width: var(--body-width);
  min-height: var(--body-height);
  margin-inline: auto;
  font-family:
    Aeonik Pro,
    sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  display: grid;
}
body._6cgQfa_isDialog {
  width: 100%;
  height: auto;
  min-height: 100vh;
  margin: auto;
}
:root:has(body._6cgQfa_isTab) {
  background-color: var(--neutral-200);
}
body._6cgQfa_isTab {
  --body-height: initial;
  --body-width: 500px;
  border-inline: 1px solid var(--neutral-300);
  height: auto;
  min-height: 100vh;
  margin-inline: auto;
}
body._6cgQfa_isSidepanel {
  --body-width: 100%;
  --body-height: 100%;
  --sidepanel-border-radius: 16px;
}
body._6cgQfa_isSidepanel #root {
  width: 100%;
  max-width: var(--body-max-width);
  margin-inline: auto;
}
:root:has(body._6cgQfa_isSidepanel) {
  height: 100%;
}
body.isIframe {
  --body-height: initial;
  --body-width: initial;
  height: var(--body-height);
  background-color: #0000;
  display: block;
}
:root:has(body._6cgQfa_pageLayout) {
  background-color: var(--background);
}
body._6cgQfa_pageLayout {
  --body-width: 100%;
  border: none;
  width: 100%;
  height: 100vh;
  min-height: auto;
}
.popup-only {
  display: none;
}
body:not(._6cgQfa_pageLayout):not(._6cgQfa_isTab):not(._6cgQfa_isDialog)
  .popup-only {
  display: block;
}
body._6cgQfa_isDialog:not(._6cgQfa_pageLayout) {
  max-width: 425px;
}
#root {
  height: 100%;
}
@keyframes _6cgQfa_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation: 0.2s _6cgQfa_fadeIn;
}
#friendly-captcha {
  position: fixed;
  top: 2000px;
}
.parent-hover .content-hover {
  color: var(--parent-content-color);
}
@media (hover: hover) {
  .parent-hover:hover .content-hover {
    color: var(--parent-hovered-content-color);
    background-color: var(--parent-hovered-content-background-color);
  }
}
.underline {
  text-decoration: underline;
}
@media (hover: hover) {
  .hover\:color-primary:hover {
    color: var(--primary);
  }
  .hover\:underline:hover {
    text-decoration: underline;
  }
  .hover\:no-underline:hover {
    text-decoration: none;
  }
}
input::placeholder {
  color: var(--neutral-500);
}
._visuallyHidden_1hgyy_1 {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}
._decorator_1hgyy_11 {
  --toggle-color: var(--neutral-500);
  border: 1px solid var(--toggle-color);
  cursor: pointer;
  background: 0 0;
  border-radius: 12px;
  outline: none;
  width: 40px;
  height: 24px;
  margin: 0;
  display: block;
  position: relative;
}
._label_1hgyy_25 {
  position: relative;
}
@media (hover: hover) {
  ._label_1hgyy_25:hover ._decorator_1hgyy_11 {
    --toggle-color: var(--neutral-700);
  }
}
._input_1hgyy_35 {
  position: absolute;
  bottom: 50%;
  left: 50%;
}
._input_1hgyy_35:active + ._decorator_1hgyy_11 {
  --toggle-color: var(--neutral-800);
}
._input_1hgyy_35:checked + ._decorator_1hgyy_11 {
  --toggle-color: var(--black);
}
@media (hover: hover) {
  ._label_1hgyy_25:hover ._input_1hgyy_35:checked + ._decorator_1hgyy_11 {
    --toggle-color: var(--neutral-700);
  }
}
._input_1hgyy_35:active:checked + ._decorator_1hgyy_11 {
  --toggle-color: var(--neutral-800);
}
:focus-visible._input_1hgyy_35:focus + ._decorator_1hgyy_11 {
  box-shadow:
    0 0 0 1px var(--white),
    0 0 0 3px var(--black);
}
._circle_1hgyy_67 {
  background-color: var(--toggle-color);
  border-radius: 10px;
  width: 20px;
  height: 20px;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  top: 1px;
  left: 1px;
}
._input_1hgyy_35:checked + ._decorator_1hgyy_11 ._circle_1hgyy_67 {
  transform: translate(16px);
}
._uitext_tij8c_1 {
  margin: 0;
}
.f8WfWa_root {
  position: relative;
}
.f8WfWa_media {
  display: block;
}
.f8WfWa_activeIndicatorClip {
  --circle-radius: 5px;
  -webkit-mask-image: radial-gradient(
    circle var(--circle-radius) at calc(100% - var(--circle-radius) + 1px)
      calc(100% - var(--circle-radius) + 1px),
    transparent var(--circle-radius),
    purple 0
  );
  -webkit-mask-image: radial-gradient(
    circle var(--circle-radius) at calc(100% - var(--circle-radius) + 1px)
      calc(100% - var(--circle-radius) + 1px),
    transparent var(--circle-radius),
    purple 0
  );
  mask-image: radial-gradient(
    circle var(--circle-radius) at calc(100% - var(--circle-radius) + 1px)
      calc(100% - var(--circle-radius) + 1px),
    transparent var(--circle-radius),
    purple 0
  );
}
.f8WfWa_activeIndicator {
  background-color: var(--positive-500);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: 1px;
  right: 1px;
}
.EyUuEa_button {
  cursor: pointer;
  background-color: var(--button-background);
  color: var(--button-text);
}
.EyUuEa_button:disabled {
  cursor: default;
  background-color: var(--button-disabled-background, var(--button-background));
}
.EyUuEa_asButton {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.EyUuEa_primary.EyUuEa_primary {
  --button-background: var(--black);
  --button-background-hover: var(--neutral-800);
  --button-text: var(--white);
}
.EyUuEa_regular.EyUuEa_regular {
  --button-background: var(--neutral-100);
  --button-background-hover: var(--neutral-200);
  --button-text: var(--black);
}
.EyUuEa_neutral.EyUuEa_neutral {
  --button-background: var(--neutral-100);
  --button-background-hover: var(--neutral-200);
}
.EyUuEa_primary:disabled {
  background-color: var(--neutral-600);
  --button-text: var(--neutral-400);
}
.EyUuEa_primary:focus-visible,
.EyUuEa_regular:focus-visible,
.EyUuEa_neutral:focus-visible {
  outline: 2px solid var(--black);
  outline-offset: 2px;
}
.EyUuEa_ghost {
  --button-background-hover: var(--neutral-200);
  background-color: #0000;
  border-radius: 4px;
  padding: 4px;
}
.EyUuEa_ghost:not(:disabled):active {
  background-color: var(--neutral-400);
}
.EyUuEa_danger.EyUuEa_danger {
  --button-background: var(--negative-100);
  --button-text: var(--negative-500);
  --button-text-hover: var(--negative-600);
  --button-background-hover: var(--negative-200);
}
.EyUuEa_danger:disabled {
  cursor: default;
  --button-disabled-background: var(--negative-300);
}
.EyUuEa_warning.EyUuEa_warning {
  --button-background: var(--notice-100);
  --button-text: var(--notice-500);
  --button-text-hover: var(--notice-600);
  --button-background-hover: var(--notice-200);
}
.EyUuEa_warning:disabled {
  cursor: default;
  --button-disabled-background: var(--notice-300);
}
.EyUuEa_text-primary {
  --button-text: var(--black);
  --button-text-hover: var(--primary);
  background-color: #0000;
  border-radius: 0;
  padding: 0;
}
@media (hover: hover) {
  .EyUuEa_button:not(:disabled):hover {
    color: var(--button-text-hover, var(--button-text));
    background-color: var(--button-background-hover, var(--button-background));
  }
}
@property --angle {
  syntax: '<angle>';
  inherits: true;
  initial-value: 0deg;
}
@keyframes EyUuEa_rotate-gradient {
  0% {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}
.EyUuEa_loading-border.EyUuEa_loading-border {
  --button-background: var(--white);
  --button-text: var(--black);
  --angle: 0deg;
  background:
    linear-gradient(var(--button-background), var(--button-background))
      padding-box,
    conic-gradient(from var(--angle), var(--neutral-300), var(--black))
      border-box;
  border: 2px solid #0000;
  border-radius: 16px;
  animation: 2.5s linear infinite EyUuEa_rotate-gradient;
}
.Lci9EG_button {
  text-align: center;
  transition: transform 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.Lci9EG_hiddenButton {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.Lci9EG_content {
  white-space: nowrap;
  transition:
    transform 0.3s ease-in-out,
    opacity 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
}
.Lci9EG_hold {
  transform: scale(0.97);
}
.Lci9EG_text,
.Lci9EG_submitting .Lci9EG_submittingText,
.Lci9EG_success .Lci9EG_successText,
.Lci9EG_error .Lci9EG_errorText {
  opacity: 1;
  transform: translate(-50%, -50%);
}
.Lci9EG_submittingText,
.Lci9EG_successText,
.Lci9EG_errorText {
  opacity: 0;
  transform: translate(-50%, 50%);
}
.Lci9EG_submitting .Lci9EG_text,
.Lci9EG_success .Lci9EG_text,
.Lci9EG_error .Lci9EG_text,
.Lci9EG_success .Lci9EG_submittingText,
.Lci9EG_error .Lci9EG_submittingText {
  opacity: 0;
  transform: translate(-50%, -150%);
}
.Lci9EG_background {
  position: absolute;
  inset: 0;
}
.Lci9EG_holdBackground {
  transition: all 0.15s ease-in;
  transform: translate(-100%);
}
.Lci9EG_hold .Lci9EG_holdBackground,
.Lci9EG_submitting .Lci9EG_holdBackground,
.Lci9EG_success .Lci9EG_holdBackground,
.Lci9EG_error .Lci9EG_holdBackground {
  transition-duration: var(--hold-duration);
  transform: translate(0%);
}
.Lci9EG_successBackground,
.Lci9EG_errorBackground {
  transition-duration: 0.3s;
  transform: translate(-100%);
}
.Lci9EG_success .Lci9EG_successBackground,
.Lci9EG_error .Lci9EG_errorBackhround {
  transform: translate(0%);
}
@keyframes Lci9EG_appear {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.Lci9EG_holdHintContainer {
  z-index: var(--over-layout-index);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 84px;
  left: 0;
  right: 0;
}
.Lci9EG_holdHint {
  background-color: #37373780;
  border-radius: 100px;
  padding: 12px 24px;
  animation: 0.2s ease-out both Lci9EG_appear;
}
.dza3ZW_adjustForNavigationBar > * {
  margin-top: calc(0px - var(--navigation-bar-height));
}
.dza3ZW_hideScrollbar {
  scrollbar-width: none;
}
.dza3ZW_hideScrollbar::-webkit-scrollbar {
  display: none;
}
.evbVHW_column > * {
  flex-shrink: 0;
}
:where(.G7wiZq_anchor) {
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  color: inherit;
  font-family: inherit;
}
:where(.kgAHAa_button) {
  cursor: pointer;
  color: currentColor;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  line-height: inherit;
  background: 0 0;
  border: none;
  margin: 0;
  padding: 0;
}
:where(.bz_EOa_anchor) {
  -webkit-text-decoration: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  color: inherit;
  font-family: inherit;
}
.CJjftq_root {
  --highlight-color: var(--neutral-100);
}
@container style(--color-scheme:dark) {
  .CJjftq_root {
    --highlight-color: var(--neutral-200);
  }
}
.CJjftq_option {
  text-align: start;
  width: 100%;
  padding-block: 0;
  padding-inline: 8px;
  display: block;
}
.CJjftq_decoration {
  border-radius: 12px;
  padding: 8px;
}
.CJjftq_option.CJjftq_highlighted .CJjftq_decoration {
  background-color: var(--highlight-color);
}
@media (hover: hover) {
  .CJjftq_option:hover .CJjftq_decoration {
    background-color: var(--highlight-color);
  }
}
.CJjftq_option {
  outline: none;
}
.CJjftq_option:focus:focus-visible .CJjftq_decoration {
  background-color: var(--highlight-color);
}
.HjgJza_hiddenScrollbar::-webkit-scrollbar {
  visibility: hidden;
  width: 0;
}
@keyframes _3ANLXG_slideUp {
  0% {
    opacity: 0.4;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._3ANLXG_slideUp {
  will-change: transform, opacity;
  animation: 0.15s _3ANLXG_slideUp;
}
@keyframes _3ANLXG_slideUpNoFadeIn {
  0% {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
._3ANLXG_slideUpNoFadeIn {
  will-change: transform;
  animation: 0.15s _3ANLXG_slideUpNoFadeIn;
}
@keyframes _3ANLXG_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _3ANLXG_fadeInFrom80Percent {
  0% {
    opacity: 0.8;
  }
  to {
    opacity: 1;
  }
}
._3ANLXG_dialog::backdrop {
  background: #0009;
  animation: 0.15s linear _3ANLXG_fadeIn;
}
._3ANLXG_dialog._3ANLXG_slideUpNoFadeIn::backdrop {
  animation: 0.15s linear _3ANLXG_fadeInFrom80Percent;
}
._3ANLXG_dialog._3ANLXG_displayGrid:modal {
  display: grid;
}
:root {
  --always-white: #fff;
  --always-black: #16161a;
  --always-primary: #2962ef;
  --black: #16161a;
  --white: #fff;
  --whiteR: 255;
  --whiteG: 255;
  --whiteB: 255;
  --neutral-100: #f5f5f7;
  --neutral-200: #f0f0f2;
  --neutral-300: #e6e7e9;
  --neutral-400: #cdced3;
  --neutral-500: #9c9fa8;
  --neutral-600: #81848e;
  --neutral-700: #71727d;
  --neutral-800: #44444e;
  --neutral-900: #2d2d31;
  --primary-100: #f2f7ff;
  --primary-200: #e8f0ff;
  --primary-300: #c7dbff;
  --primary-400: #4375f1;
  --primary-500: #2962ef;
  --primary-600: #255ce5;
  --primary: var(--primary-500);
  --actions-default: #2962ef;
  --actions-hover: #4375f1;
  --actions-pressed: #2558d9;
  --actions-disabled: #bcd1fc;
  --actions-on-disabled: #f2f7ff;
  --z-index-0: #fff;
  --z-index-1: #fff;
  --z-index-2: #f5f5f7;
  --positive-100: #edfcf2;
  --positive-200: #dbf3e5;
  --positive-300: #99dbb4;
  --positive-400: #1fc260;
  --positive-500: #01a643;
  --negative-100: #fcf2ef;
  --negative-200: #ffe6e6;
  --negative-300: #ffd0c9;
  --negative-400: #ff847b;
  --negative-500: #ff4a4a;
  --negative-600: #db3a48;
  --notice-100: #fff9f0;
  --notice-200: #fff1de;
  --notice-300: #ffe4c2;
  --notice-400: #fec375;
  --notice-500: #ff9d1c;
  --notice-600: #e58b0b;
  --elevation-100: 0px 2px 4px #16161a0f;
  --elevation-200: 0px 0px 0px 1px #15151f0f, 0px 8px 28px #16161a14;
  --elevation-300: 0px 24px 48px -16px #15151f3d, 0px 4px 8px -2px #15151f14;
  --deprecated--bl16ap8: 0px 8px 16px #15151f1f;
  --deprecated--bl8ap8: 0px 4px 8px #15151f14;
  --background: var(--neutral-100);
  --background-transparent: #16161ae6;
  --z-index-1-inverted: var(--neutral-100);
  --light-background-transparent: #ffffff40;
}
._41rCVG_theme-dark {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --color-scheme: dark;
  --black: #fff;
  --white: #16161a;
  --whiteR: 22;
  --whiteG: 22;
  --whiteB: 26;
  --neutral-100: #1d1d21;
  --neutral-200: #29292c;
  --neutral-300: #2d2d32;
  --neutral-400: #45464a;
  --neutral-500: #70737b;
  --neutral-600: #868990;
  --neutral-700: #9da0a6;
  --neutral-800: #cecfd1;
  --neutral-900: #e8e8e8;
  --primary-100: #252c3d;
  --primary-200: #26365a;
  --primary-300: #2a5a8c;
  --primary-400: #08c;
  --primary-500: #00a3f5;
  --primary: var(--primary-500);
  --actions-default: #296df5;
  --actions-hover: #3c7af6;
  --actions-pressed: #2f63ca;
  --actions-disabled: #264688;
  --actions-on-disabled: #93b3f5;
  --z-index-0: #16161a;
  --z-index-1: #1d1d21;
  --z-index-2: #29292c;
  --positive-100: #29342f;
  --positive-200: #2d4435;
  --positive-300: #256f44;
  --positive-400: #31b566;
  --positive-500: #4fbf67;
  --negative-100: #382328;
  --negative-200: #4e272a;
  --negative-300: #8a393b;
  --negative-400: #e85555;
  --negative-500: #ff5c5c;
  --negative-600: #ff847b;
  --notice-100: #352b1e;
  --notice-200: #4e371b;
  --notice-300: #8a5a1b;
  --notice-400: #d0821c;
  --notice-500: #ff9d1c;
  --notice-600: #feb85b;
  --elevation-100: 0px 2px 4px #0000003d;
  --elevation-200:
    0px 8px 12px #0000001f, 0px 2px 4px #00000029, inset 0px 1px 0px #ffffff0d;
  --elevation-300:
    0px 24px 48px #0000003d, 0px 4px 16px #00000029, inset 0px 1px 0px #ffffff14;
  --background: var(--z-index-0);
  --z-index-1-inverted: var(--white);
  --background-transparent: #ffffffe6;
  --light-background-transparent: #16161a40;
}
._41rCVG_theme-dark .theme-dark-invert {
  filter: invert() hue-rotate(180deg) contrast(90%);
}
._41rCVG_theme-dark select option {
  background-color: var(--z-index-1);
  color: var(--black);
}
.cA3u3W_input {
  background-color: var(--neutral-200);
  border: 1px solid var(--neutral-200);
  border-radius: 8px;
  width: 100%;
  padding: 9px 12px;
}
.cA3u3W_height40 {
  padding-top: 7px;
  padding-bottom: 7px;
}
.cA3u3W_input:focus-visible {
  outline-offset: 0;
  outline: 2px solid var(--primary-300);
  border: 1px solid var(--primary);
}
.cA3u3W_input.cA3u3W_error {
  border: 1px solid var(--negative-500);
}
.cA3u3W_input.cA3u3W_error:focus-visible {
  outline-color: var(--negative-300);
}
.cA3u3W_input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  content: url(close-primary.c0665779.svg);
  width: 24px;
  height: 24px;
}
.cA3u3W_input[type='search'].cA3u3W_darkTheme::-webkit-search-cancel-button {
  content: url(close-primary-dark.97ce6485.svg);
}
.cA3u3W_input::placeholder {
  color: var(--neutral-500);
}
@keyframes zu0CNq_scaleUpDown {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  to {
    transform: scale(1);
  }
}
@keyframes zu0CNq_fullRotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.zu0CNq_animatedDecoration {
  animation:
    3s ease-in-out infinite zu0CNq_scaleUpDown,
    10s linear infinite zu0CNq_fullRotate;
}
.zu0CNq_fancyBackground {
  opacity: 0.25;
  filter: blur(60px);
  background: conic-gradient(
    from 180deg,
    red 0deg,
    #fff627d9 78.75deg,
    #53ff5a 136.875deg,
    #0ff 200.625deg,
    #0500ff 268.125deg,
    #700092 307.5deg,
    red 360deg
  );
  border-radius: 400px;
  position: absolute;
  inset: 0;
}
.zu0CNq_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
      81deg,
      #cd657f 0%,
      #8a6df1 20%,
      #71a1f3 35%,
      #3bb1ed 50%,
      #71a1f3 65%,
      #8a6df1 80%,
      #cd657f 100%
    )
    0 0/200% 200%;
  -webkit-background-clip: text;
  background-clip: text;
  animation: 4s linear infinite zu0CNq_gradientMove;
}
@keyframes zu0CNq_gradientMove {
  0% {
    background-position: 0%;
  }
  to {
    background-position: 200%;
  }
}
@keyframes CVpv0W_spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.CVpv0W_spinnerStyle {
  --spinner-offset: 430;
  --track-color: var(--neutral-200);
  animation: 0.6s linear infinite CVpv0W_spin;
  display: block;
}
@keyframes CVpv0W_dash75 {
  0% {
    stroke-dasharray: 70.6858 282.743;
  }
  50% {
    stroke-dasharray: 212.058 282.743;
  }
  to {
    stroke-dasharray: 70.6858 282.743;
  }
}
.CVpv0W_fillStyle {
  stroke: currentColor;
  stroke-dasharray: 70.6858 282.743;
  animation: 2s ease-in-out infinite CVpv0W_dash75;
}
.CVpv0W_trackStyle {
  stroke: var(--track-color);
}
:where(._0gbpWG_anchor) {
  color: inherit;
  font-family: inherit;
}
._0gbpWG_anchor {
  text-decoration: none;
}
@media (hover: hover) {
  ._0gbpWG_anchor:hover {
    text-decoration: underline;
  }
}
.aZtxgG_wrap {
  border-bottom: 1px solid var(--neutral-300);
  display: flex;
  position: relative;
}
.aZtxgG_wrap.aZtxgG_secondary {
  border: 1px solid var(--neutral-300);
  background-color: var(--neutral-300);
  border-radius: 8px;
  display: flex;
}
.aZtxgG_wrap:focus-within:focus-visible {
  box-shadow:
    0 0 0px 1px var(--white),
    0 0 0px 3px var(--primary);
}
.aZtxgG_wrap.aZtxgG_spreadChildrenEvenly > * {
  flex: 1;
}
.aZtxgG_radio,
.aZtxgG_link {
  text-align: center;
  cursor: pointer;
  color: var(--neutral-500);
  padding-bottom: 8px;
  text-decoration: none;
  position: relative;
}
.aZtxgG_wrap.aZtxgG_primary .aZtxgG_radio.aZtxgG_radioChecked,
.aZtxgG_wrap.aZtxgG_primary .aZtxgG_link.aZtxgG_activeLink {
  color: var(--black);
}
.aZtxgG_radio:focus-within:has(:focus-visible) {
  outline: 1px solid var(--primary);
}
.aZtxgG_wrap.aZtxgG_secondary .aZtxgG_radio,
.aZtxgG_wrap.aZtxgG_secondary .aZtxgG_link {
  white-space: nowrap;
  z-index: 2;
  height: 32px;
  color: var(--black);
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}
.aZtxgG_activeDecorator {
  color: #0000;
  background-color: currentColor;
  height: 1px;
}
.aZtxgG_wrap.aZtxgG_secondary .aZtxgG_activeDecorator {
  z-index: -1;
  border-radius: 6px;
  height: calc(100% - 4px);
  padding: 0 16px;
  inset: 2px;
}
.aZtxgG_radio > .aZtxgG_activeDecorator,
.aZtxgG_link > .aZtxgG_activeDecorator {
  width: 100%;
  position: absolute;
  bottom: -1px;
}
.aZtxgG_wrap.aZtxgG_secondary .aZtxgG_radio > .aZtxgG_activeDecorator {
  width: calc(100% - 4px);
  bottom: 2px;
}
.aZtxgG_radio:hover,
.aZtxgG_radio:focus-within,
.aZtxgG_link:hover {
  color: var(--black);
}
.aZtxgG_wrap.aZtxgG_secondary .aZtxgG_radio:hover .aZtxgG_activeDecorator,
.aZtxgG_wrap.aZtxgG_secondary
  .aZtxgG_radio:focus-within
  .aZtxgG_activeDecorator {
  color: var(--neutral-100);
}
.aZtxgG_wrap.aZtxgG_primary .aZtxgG_activeLink > .aZtxgG_activeDecorator,
.aZtxgG_wrap.aZtxgG_primary .aZtxgG_input:checked + .aZtxgG_activeDecorator {
  color: var(--black);
  height: 2px;
}
.aZtxgG_wrap.aZtxgG_secondary .aZtxgG_activeLink + .aZtxgG_activeDecorator,
.aZtxgG_wrap.aZtxgG_secondary .aZtxgG_input:checked + .aZtxgG_activeDecorator {
  color: var(--white);
}
.aZtxgG_radioDisabled,
.aZtxgG_radioDisabled:hover,
.aZtxgG_radioDisabled:focus-within {
  cursor: not-allowed;
  opacity: 0.6;
  color: var(--neutral-400);
}
.aZtxgG_hidden {
  opacity: 0;
}
.aZtxgG_input {
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
  bottom: 0;
}
._55OMAG_hoverNoUnderline {
  text-decoration: underline;
}
@media (hover: hover) {
  ._55OMAG_hoverUnderline:hover {
    text-decoration: underline;
  }
  ._55OMAG_hoverNoUnderline:hover {
    text-decoration: none;
  }
}
._55OMAG_visuallyHiddenInput {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.CaYX_a_zstack {
  grid-template-columns: minmax(0, 100%);
  height: 100%;
  display: grid;
}
.CaYX_a_zstack > * {
  grid-area: 1/1/1/1;
}
.CaYX_a_hideLowerElements > * + * {
  visibility: hidden;
  height: 0;
}
.P0RGCq_backdrop {
  z-index: var(--over-layout-index);
  opacity: 1;
  backdrop-filter: blur(4px);
  background-color: #0003;
  position: fixed;
  inset: 0;
}
.P0RGCq_dialog {
  z-index: var(--over-layout-index);
  background-color: var(--white);
  will-change: transform, opacity, filter;
  flex-direction: column;
  display: flex;
  position: fixed;
  overflow: hidden;
}
.P0RGCq_dialogFullscreen {
  border-radius: 0;
  inset: 0;
}
.P0RGCq_dialogCentered {
  border-radius: 16px;
  width: calc(100% - 32px);
  max-width: 480px;
  max-height: 70vh;
  top: max(10vh, 100px);
  left: 50%;
  transform: translate(-50%);
}
.P0RGCq_dialogContentHeight.P0RGCq_dialogFullscreen {
  border-radius: 16px 16px 0 0;
  height: auto;
  inset: auto 0 0;
}
.P0RGCq_dialogContentHeight.P0RGCq_dialogCentered {
  max-height: min(70vh, max-content);
  height: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}
.P0RGCq_dialogContentHeight .P0RGCq_content {
  flex: 0 auto;
}
.P0RGCq_header {
  flex-shrink: 0;
  grid-template-columns: 32px 1fr 32px;
  align-items: center;
  padding: 16px;
  display: grid;
}
.P0RGCq_headerTitle {
  text-align: center;
  grid-column: 2;
}
.P0RGCq_headerTitleStart {
  text-align: left;
  grid-column: 1/3;
  justify-self: start;
}
.P0RGCq_header > .P0RGCq_closeButton {
  grid-column: 3;
  justify-self: end;
}
.P0RGCq_closeButton {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--black);
  background: 0 0;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}
.P0RGCq_closeButton:hover {
  background-color: var(--neutral-200);
}
.P0RGCq_content {
  overscroll-behavior-y: contain;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
  overflow: hidden auto;
}
.P0RGCq_content::-webkit-scrollbar {
  visibility: hidden;
  width: 0;
}
@media (prefers-reduced-motion: reduce) {
  .P0RGCq_dialog,
  .P0RGCq_backdrop {
    transition: none;
    animation: none;
  }
}
._567ZoW_item {
  --list-item-background-hover: var(--neutral-100);
  background-color: var(--list-item-background);
  border-radius: 12px;
  padding: 12px;
}
@container style(--color-scheme:dark) {
  ._567ZoW_item {
    --list-item-background-hover: var(
      --list-item-background-hover-dark,
      --list-item-background-hover
    );
  }
}
@media (hover: hover) {
  ._567ZoW_item:hover {
    background-color: var(--list-item-background-hover);
  }
}
._7cxQSG_stickyBottomSheet {
  z-index: 2;
  padding-bottom: calc(16px + var(--technical-panel-bottom-height, 0px));
  position: sticky;
  bottom: 0;
}
._7cxQSG_content {
  background-color: var(--background-color, var(--white));
  box-shadow: var(--elevation-300);
  border-radius: 24px;
  position: relative;
}
._7cxQSG_backdrop {
  backdrop-filter: blur(5px);
  width: min(100% + 32px, 100vw);
  max-width: 100vw;
  position: absolute;
  top: 24px;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}
.kZwMga_actionItemBackdropButton {
  z-index: 0;
  border-radius: 12px;
  position: absolute;
  inset: -8px -12px -8px -8px;
}
.kZwMga_actionItem > :not(.kZwMga_actionItemBackdropButton) {
  z-index: 1;
}
.kZwMga_actionItem:hover .kZwMga_actionItemBackdropButton {
  background-color: var(--neutral-200);
}
.otVAUG_dayPicker {
  width: 100%;
}
.otVAUG_calendar {
  grid-template-rows: repeat(7, 1fr);
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
  display: grid;
}
.otVAUG_dayName {
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}
.otVAUG_emptyDay {
  padding: 8px;
}
.otVAUG_dayButton {
  cursor: pointer;
  color: var(--neutral-900);
  background: 0 0;
  border: none;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  font-weight: 500;
}
.otVAUG_dayButton:hover:not([data-disabled]) {
  background-color: var(--neutral-100);
}
.otVAUG_dayButton:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.otVAUG_dayButton[data-selected] {
  background-color: var(--primary);
  color: var(--always-white);
}
.otVAUG_dayButton[data-selected]:hover {
  background-color: var(--primary);
}
.otVAUG_dayButton[data-disabled] {
  color: var(--neutral-400);
  cursor: not-allowed;
  opacity: 0.5;
}
.otVAUG_navButton {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: flex;
}
.otVAUG_navButton:hover {
  background-color: var(--neutral-200);
}
.otVAUG_navButton:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.otVAUG_triggerButton:hover {
  background-color: var(--neutral-200);
}
@keyframes RhLcMW_spin {
  to {
    transform: rotate(-360deg);
  }
}
.RhLcMW_updateIconLoading {
  animation: 1s linear infinite RhLcMW_spin;
}
.RhLcMW_filterOption {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 12px;
  outline: none;
  width: 100%;
  padding: 12px 16px;
  display: block;
}
@media (hover: hover) {
  .RhLcMW_filterOption:hover {
    background-color: var(--neutral-200);
  }
}
.RhLcMW_filterOption:focus-visible {
  background-color: var(--neutral-200);
}
.gwLWjq_frame {
  background-color: var(--frame-background-color);
  border: 2px solid var(--frame-border-color, var(--neutral-200));
  border-radius: 16px;
  padding: 6px;
}
@media (hover: hover) {
  .gwLWjq_interactive:enabled:hover {
    background-color: var(--neutral-100);
  }
}
.gwLWjq_interactive:disabled {
  opacity: 0.6;
}
._5AYana_formContainer {
  background-color: var(--z-index-1);
  border-radius: 24px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 24px #00000014;
}
._5AYana_absoluteFooter {
  bottom: var(--technical-panel-bottom-height, 0px);
  width: var(--body-width);
  max-width: var(--body-max-width);
  background-color: var(--light-background-transparent);
  backdrop-filter: blur(16px);
  padding-inline: 16px;
  position: fixed;
  left: 50%;
  transform: translate(-50%);
}
._5AYana_absoluteHeader {
  width: var(--body-width);
  max-width: var(--body-max-width);
  pointer-events: none;
  z-index: 1;
  justify-content: flex-end;
  padding-inline: 12px;
  display: flex;
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translate(-50%);
}
._5AYana_absoluteHeader > * {
  pointer-events: auto;
}
._5AYana_reverseButton {
  background-color: var(--white);
  border: 2px solid var(--z-index-2);
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  bottom: calc(50% - 20px);
  left: calc(50% - 20px);
}
@media (hover: hover) {
  ._5AYana_reverseButton:hover {
    background-color: var(--z-index-2);
  }
}
._5AYana_skeleton {
  background-color: var(--neutral-100);
  border-radius: 6px;
}
._5AYana_skeletonCircle {
  background-color: var(--neutral-100);
  border-radius: 50%;
}
._5AYana_errorTint ._5AYana_skeleton,
._5AYana_errorTint ._5AYana_skeletonCircle {
  background-color: var(--negative-200);
}
._5AYana_errorCard {
  border: 1px solid var(--negative-300);
  background-image: linear-gradient(
    113deg,
    var(--negative-200) 0%,
    var(--negative-300) 100%
  );
  color: var(--negative-500);
  border-radius: 24px;
  padding: 12px 16px;
}
._5AYana_errorReloadButton {
  width: 36px;
  height: 36px;
  color: var(--negative-500);
  background-color: #fff6;
  border-radius: 18px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition:
    background-color 0.12s,
    transform 0.12s;
  display: flex;
}
@media (hover: hover) {
  ._5AYana_errorReloadButton:hover {
    background-color: #ffffffb3;
  }
}
._5AYana_errorReloadButton:active svg {
  transition: transform 0.2s;
  transform: rotate(-90deg);
}
._5AYana_errorReloadButton svg {
  transition: transform 0.2s;
}
._5AYana_skeletonDetails {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  border-radius: 20px;
  padding: 16px;
}
._5AYana_skeletonDetailsToggleWrapper {
  justify-content: center;
  margin-top: -14px;
  display: flex;
}
._5AYana_skeletonDetailsToggle {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  height: 24px;
  padding: 4px 12px;
  display: flex;
}
._3PZFPW_root {
  box-sizing: border-box;
  flex-direction: column;
  height: 100%;
  min-height: 480px;
  padding: 16px 20px 24px;
  display: flex;
}
._3PZFPW_topRow {
  justify-content: flex-end;
  display: flex;
}
._3PZFPW_closeButton {
  width: 32px;
  height: 32px;
  color: var(--neutral-700);
  cursor: pointer;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}
._3PZFPW_closeButton:hover {
  background-color: var(--neutral-200);
}
._3PZFPW_slideArea {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}
._3PZFPW_slide {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 360px;
  display: flex;
}
._3PZFPW_illustration {
  object-fit: contain;
  filter: drop-shadow(0 8px 24px #2018321f);
  width: 220px;
  height: 220px;
  display: block;
}
._3PZFPW_footer {
  margin-top: 24px;
}
._3PZFPW_dot {
  background-color: var(--neutral-300);
  box-sizing: content-box;
  cursor: pointer;
  background-clip: content-box;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  padding: 8px 4px;
  transition: background-color 0.2s;
}
._3PZFPW_dot:hover {
  background-color: var(--neutral-500);
}
._3PZFPW_dotActive,
._3PZFPW_dotActive:hover {
  background-color: var(--neutral-800);
}
.EHb_cq_row {
  border-radius: 13px;
  margin-inline: 8px;
  padding: 8px 16px;
  transition: background-color 0.15s;
  display: block;
}
@media (hover: hover) {
  .EHb_cq_row:hover {
    background-color: var(--neutral-100);
  }
}
.vF7axq_card {
  border-radius: 13px;
  margin-inline: 8px;
  padding: 16px;
  transition: background-color 0.15s;
  display: block;
}
@media (hover: hover) {
  .vF7axq_card:hover {
    background-color: var(--neutral-100);
  }
}
.dCGlAa_chipsContainer {
  flex-shrink: 0;
  position: relative;
}
.dCGlAa_chipsScroll {
  scrollbar-width: none;
  align-items: center;
  gap: 4px;
  padding: 8px 58px 8px 16px;
  display: flex;
  overflow-x: auto;
}
.dCGlAa_chipsScroll::-webkit-scrollbar {
  display: none;
}
.dCGlAa_chip {
  border: 2px solid var(--neutral-300);
  background: var(--white);
  cursor: pointer;
  white-space: nowrap;
  letter-spacing: 0.4px;
  height: 32px;
  color: var(--black);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}
.dCGlAa_chip:hover {
  background-color: var(--neutral-100);
}
.dCGlAa_chipActive,
.dCGlAa_chip[aria-selected='true'] {
  border-color: var(--primary);
  color: var(--primary);
  scroll-margin-left: 16px;
  scroll-margin-right: 58px;
}
.dCGlAa_globeButtonWrapper {
  background: var(--white);
  align-items: center;
  width: 32px;
  padding: 0 16px 0 0;
  display: flex;
  position: absolute;
  top: 8px;
  bottom: 8px;
  right: 0;
}
.dCGlAa_globeButton {
  border: 2px solid var(--neutral-300);
  background: var(--white);
  cursor: pointer;
  height: 32px;
  box-shadow:
    -2px 0 4px 1px var(--white),
    -6px 0 6px 2px var(--white);
  border-radius: 999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%);
}
.dCGlAa_globeButton:hover {
  background-color: var(--neutral-100);
}
.dCGlAa_tooltip {
  background-color: var(--black);
  color: var(--white);
  box-shadow: var(--elevation-200);
  z-index: 10;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  display: flex;
}
.dCGlAa_tooltipKbd {
  background-color: var(--neutral-700);
  color: var(--white);
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 11px;
  line-height: 16px;
}
.dCGlAa_sectionHeader {
  padding: 8px 16px 4px;
}
.dCGlAa_panelRoot {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}
.dCGlAa_fixedHeader {
  background: var(--white);
  flex-shrink: 0;
}
.dCGlAa_scrollArea {
  overscroll-behavior-y: contain;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.dCGlAa_scrollArea::-webkit-scrollbar {
  visibility: hidden;
  width: 0;
}
.dCGlAa_tokenList {
  flex: 1;
}
.dCGlAa_tokenRow {
  cursor: pointer;
  text-align: left;
  width: 100%;
  min-height: 48px;
  color: inherit;
  background: 0 0;
  border: none;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}
.dCGlAa_tokenRow:hover,
.dCGlAa_tokenRow[data-active-item] {
  background-color: var(--neutral-100);
}
.dCGlAa_tokenIconWrapper {
  background: var(--neutral-100);
  border-radius: 50%;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: relative;
}
.dCGlAa_networkBadge {
  border: 2px solid var(--white);
  background: var(--neutral-100);
  border-radius: 4px;
  line-height: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.dCGlAa_tokenInfo {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}
.dCGlAa_tokenName,
.dCGlAa_tokenMeta {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dCGlAa_tokenValues {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  max-width: 60%;
  display: flex;
  overflow: hidden;
}
.dCGlAa_tokenValues > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  max-width: 100%;
  overflow: hidden;
}
.dCGlAa_emptyState {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 48px 16px;
  display: flex;
}
.dCGlAa_searchWrapper {
  flex-shrink: 0;
  padding: 4px 16px 8px;
}
.dCGlAa_skeletonRow {
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 12px 16px;
  display: flex;
}
.dCGlAa_skeletonIcon {
  background: var(--neutral-100);
  border-radius: 50%;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
}
.dCGlAa_skeletonInfo {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.dCGlAa_skeletonLineLg {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 40%;
  height: 14px;
}
.dCGlAa_skeletonLineSm {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 24%;
  height: 10px;
}
.dCGlAa_skeletonValues {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 6px;
  display: flex;
}
.dCGlAa_skeletonValueLg {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 64px;
  height: 14px;
}
.dCGlAa_skeletonValueSm {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 40px;
  height: 10px;
}
.kyrKMW_searchWrapper {
  flex-shrink: 0;
  padding: 4px 16px 8px;
}
.kyrKMW_scrollArea {
  overscroll-behavior-y: contain;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.kyrKMW_scrollArea::-webkit-scrollbar {
  visibility: hidden;
  width: 0;
}
.kyrKMW_searchInputWrapper {
  position: relative;
}
.kyrKMW_searchIcon {
  pointer-events: none;
  width: 24px;
  height: 24px;
  color: var(--neutral-500);
  position: absolute;
  top: 10px;
  left: 12px;
}
.kyrKMW_errorCaption {
  padding: 6px 16px 0;
}
.kyrKMW_sectionHeader {
  padding: 8px 16px 4px;
}
.kyrKMW_row {
  cursor: pointer;
  text-align: left;
  background: 0 0;
  border: none;
  outline: none;
  width: 100%;
  padding: 0 8px;
  display: block;
}
.kyrKMW_rowInner {
  border-radius: 12px;
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 4px 8px;
  display: flex;
}
.kyrKMW_row[data-active-item] .kyrKMW_rowInner {
  background-color: var(--neutral-100);
}
@media (hover: hover) {
  .kyrKMW_row:hover .kyrKMW_rowInner {
    background-color: var(--neutral-100);
  }
}
.kyrKMW_emptyState {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 48px 16px;
  display: flex;
}
.kyrKMW_skeletonRow {
  align-items: center;
  gap: 12px;
  min-height: 60px;
  padding: 12px 16px;
  display: flex;
}
.kyrKMW_skeletonAvatar {
  background: var(--neutral-100);
  border-radius: 10px;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}
.kyrKMW_skeletonInfo {
  flex-direction: column;
  flex: 1;
  gap: 6px;
  min-width: 0;
  display: flex;
}
.kyrKMW_skeletonLineLg {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 40%;
  height: 14px;
}
.kyrKMW_skeletonLineSm {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 24%;
  height: 10px;
}
._2EbdxW_list {
  align-items: stretch;
  gap: 8px;
  display: flex;
}
._2EbdxW_list > li {
  flex: 1 0 0;
  min-width: 0;
}
._2EbdxW_actionButton {
  --btn-bg-color: var(--z-index-2);
  --btn-active-bg-color: var(--neutral-300);
  --btn-icon-color: var(--black);
  --btn-text-color: var(--neutral-700);
  --btn-hover-text-color: var(--black);
  background-color: var(--btn-bg-color);
  width: 100%;
  height: 56px;
  color: var(--btn-text-color);
  border: none;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: flex;
}
._2EbdxW_actionButtonPrimary {
  --btn-bg-color: var(--black);
  --btn-active-bg-color: var(--neutral-800);
  --btn-icon-color: var(--white);
  --btn-text-color: var(--white);
  --btn-hover-text-color: var(--white);
}
._2EbdxW_icon {
  width: 24px;
  height: 24px;
  color: var(--btn-icon-color);
  justify-content: center;
  align-items: center;
  display: flex;
}
._2EbdxW_icon svg {
  width: 24px;
  height: 24px;
}
._2EbdxW_actionButton:focus {
  outline: none;
}
._2EbdxW_actionButton:focus:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
._2EbdxW_actionButton:active {
  background-color: var(--btn-active-bg-color);
}
@media (hover: hover) {
  ._2EbdxW_actionButton:not(:disabled):hover {
    background-color: var(--btn-active-bg-color);
    --btn-text-color: var(--btn-hover-text-color);
  }
}
@keyframes nHMuKG_appear {
  0% {
    opacity: 0;
    transform: translateY(5px);
  }
  1% {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.nHMuKG_walletNameContent {
  animation: 0.15s ease-in-out both nHMuKG_appear;
}
.nHMuKG_networksTooltip {
  background-color: var(--black);
  color: var(--white);
  box-shadow: var(--elevation-200);
  z-index: 10;
  border-radius: 8px;
  flex-direction: column;
  gap: 6px;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}
.nHMuKG_networksTooltipAmounts {
  align-items: center;
  gap: 4px;
  margin-left: 4px;
  display: inline-flex;
}
._3R1sEW_siteLink {
  border-radius: 8px;
  padding: 12px 18px 12px 8px;
}
@media (hover: hover) {
  ._3R1sEW_siteLink:hover {
    background-color: var(--neutral-200);
  }
}
._3Wg8va_banner {
  border-radius: 20px;
  width: 100%;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
._3Wg8va_step {
  border-radius: 12px;
  width: 20px;
  height: 2px;
}
._3Wg8va_steps {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
}
._3Wg8va_closeButton {
  color: var(--always-black);
  background-color: var(--always-white);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  padding: 4px;
  position: absolute;
  top: 8px;
  right: 8px;
}
._3Wg8va_image {
  object-fit: contain;
  width: 238px;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (hover: hover) {
  ._3Wg8va_closeButton:hover {
    color: #44444e;
  }
}
._3Wg8va_container {
  border-radius: var(--card-border-radius);
  background-color: var(--white);
  padding: 88px;
  display: grid;
  position: relative;
  overflow: hidden;
}
@keyframes _3Wg8va_appear {
  0% {
    opacity: 0;
    filter: blur(20px);
  }
  to {
    opacity: 1;
    filter: blur();
  }
}
._3Wg8va_dnaPreview {
  animation: 0.4s ease-out 0.2s both _3Wg8va_appear;
}
@keyframes _3Wg8va_leftArrow {
  0%,
  to {
    transform: translate(-10px);
  }
  50% {
    transform: translate(0);
  }
}
._3Wg8va_leftArrow {
  animation: 0.8s ease-in-out infinite _3Wg8va_leftArrow;
}
@keyframes _3Wg8va_rightArrow {
  0%,
  to {
    transform: translate(10px);
  }
  50% {
    transform: translate(0);
  }
}
._3Wg8va_rightArrow {
  animation: 0.8s ease-in-out infinite _3Wg8va_rightArrow;
}
.-A9hzW_button {
  color: var(--always-black);
  background-color: var(--always-white);
  border-radius: 12px;
  justify-content: center;
  min-width: 104px;
  padding-block: 8px;
  display: flex;
}
@media (hover: hover) {
  .-A9hzW_button:hover {
    color: #44444e;
  }
}
.fJ5IxW_mediaWrapper {
  border-radius: 19px;
}
@media (hover: hover) {
  .fJ5IxW_link:hover .fJ5IxW_mediaWrapper {
    outline: 2px solid var(--primary);
  }
}
._6IKIKa_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    80deg,
    #cd657f 7.13%,
    #8a6df1 34.59%,
    #71a1f3 62.04%,
    #3bb1ed 90.33%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
._7scVbW_overviewHeader {
  background-color: var(--white);
  height: 52px;
  padding: 16px 16px 0;
}
._7scVbW_overviewHeaderTopLine {
  justify-content: space-between;
  align-items: center;
  min-width: 0;
  height: 36px;
  display: flex;
}
._7scVbW_overviewBalanceRow {
  background-color: var(--white);
  align-items: center;
  gap: 12px;
  padding-inline: 16px;
  display: flex;
}
._7scVbW_tabsScrollArea {
  box-sizing: content-box;
  scrollbar-width: none;
  margin-bottom: -2px;
  padding-bottom: 2px;
  overflow: auto hidden;
}
._7scVbW_tabsScrollArea::-webkit-scrollbar {
  display: none;
}
@keyframes nsGwZa_appear {
  0% {
    opacity: 0.8;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.nsGwZa_appear {
  will-change: transform, opacity;
  animation: 0.15s nsGwZa_appear;
}
@keyframes nsGwZa_fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.nsGwZa_dialog::backdrop {
  background: #0009;
  animation: 0.15s linear nsGwZa_fadeIn;
}
@keyframes NIJSBW_rotate {
  to {
    transform: rotate(360deg);
  }
}
.NIJSBW_loadingShield {
  justify-content: center;
  align-items: center;
  display: flex;
  -webkit-mask: url(shield-mask.d88ea658.svg) 50% / contain no-repeat;
  mask: url(shield-mask.d88ea658.svg) 50% / contain no-repeat;
}
.NIJSBW_loadingShield div {
  background: conic-gradient(var(--black), var(--white));
  flex-shrink: 0;
  width: 200%;
  height: 200%;
  animation: 1s linear infinite NIJSBW_rotate;
}
@keyframes NIJSBW_appear {
  0% {
    opacity: 0;
    transform: translateY(100px) scale(0.2);
  }
  to {
    opacity: 1;
    transform: translateY(-65%) scale(1);
  }
}
@keyframes NIJSBW_subtlePulse {
  0% {
    opacity: 1;
    transform: translateY(-65%) scale(1);
  }
  50% {
    opacity: 0.85;
    transform: translateY(-65%) scale(1.1);
  }
  to {
    opacity: 1;
    transform: translateY(-65%) scale(1);
  }
}
.NIJSBW_backgroundGradientContainer {
  pointer-events: none;
  justify-content: center;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.NIJSBW_backgroundGradient {
  background: radial-gradient(
    ellipse at 50% 50%,
    var(--security-gradient-background-color) 0%,
    transparent 50%
  );
  flex-shrink: 0;
  width: 1000px;
  height: 600px;
  animation:
    2s cubic-bezier(0.34, 1.56, 0.64, 1) both NIJSBW_appear,
    2s ease-in-out 2s infinite NIJSBW_subtlePulse;
  position: relative;
}
.lYh-Oa_wallet,
.lYh-Oa_portfolio {
  border: 2px solid var(--neutral-200);
}
.lYh-Oa_portfolio {
  background-color: var(--neutral-200);
  width: '100%';
  border-radius: 20px;
  margin-block: 4px;
  padding: 12px;
}
.lYh-Oa_portfolioIcon {
  color: var(--neutral-200);
  border-radius: 12px;
  width: 40px;
  height: 40px;
}
@media (hover: hover) {
  .lYh-Oa_wallet:has(.lYh-Oa_addressHint:hover) {
    --copy-button-text-color: var(--black);
  }
}
@supports (anchor-name: --name) {
  @media (hover: hover) {
    .lYh-Oa_wallet:has(.lYh-Oa_addressHint:hover) + * {
      --copy-button-text-color: var(--black);
    }
  }
}
._0tMn3a_input {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
  line-height: inherit;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  padding: 0;
  display: block;
}
@keyframes Huqr9a_pulse-color {
  0% {
    color: var(--black);
  }
  50% {
    color: var(--neutral-500);
  }
  to {
    color: var(--black);
  }
}
.Huqr9a_pulse {
  animation: 1.25s infinite Huqr9a_pulse-color;
}
._4J9VDW_errorButton {
  cursor: pointer;
  border: 1px solid var(--negative-300);
  color: var(--negative-500);
  background-color: #0000;
  border-radius: 1000px;
  padding-block: 11px;
  padding-inline: 15px;
}
@media (hover: hover) {
  ._4J9VDW_errorButton:enabled:hover {
    background-color: var(--negative-100);
    border-color: var(--negative-400);
  }
}
.UHpAGG_touchId {
  border: 1px solid var(--neutral-300);
  width: 56px;
  height: 56px;
  color: var(--neutral-500);
  border-radius: 50%;
  padding: 7px;
}
.UHpAGG_touchIdPopup {
  background-color: var(--black);
  white-space: nowrap;
  border-radius: 4px;
  padding: 4px 8px;
  display: none;
  position: absolute;
  top: 64px;
  left: 50%;
  transform: translate(-50%);
}
@media (hover: hover) {
  .UHpAGG_touchId:hover {
    color: var(--primary);
  }
  .UHpAGG_touchId:hover + .UHpAGG_touchIdPopup {
    display: block;
  }
}
.UHpAGG_touchId:focus-visible {
  color: var(--primary);
  outline: none;
}
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace;
  font-size: 1em;
}
a {
  background-color: #0000;
}
abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='button']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='reset']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring {
  outline: 1px dotted buttontext;
}
[type='button']:-moz-focusring {
  outline: 1px dotted buttontext;
}
[type='reset']:-moz-focusring {
  outline: 1px dotted buttontext;
}
[type='submit']:-moz-focusring {
  outline: 1px dotted buttontext;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
[type='number']::-webkit-inner-spin-button {
  height: auto;
}
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template,
[hidden] {
  display: none;
}
@font-face {
  font-family: Aeonik Pro;
  src:
    url(assets/AeonikPro-Regular.397ead0a.woff2) format('woff2'),
    url(assets/AeonikPro-Regular.2b6e2f45.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Aeonik Pro;
  src:
    url(assets/AeonikPro-Medium.2d0f6942.woff2) format('woff2'),
    url(assets/AeonikPro-Medium.d0f35822.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}
.-t1O6q_nameInputWrapper {
  grid-template-columns: auto auto;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  display: inline-grid;
}
.-t1O6q_nameField {
  min-width: 1ch;
  max-width: 100%;
  display: inline-grid;
}
.-t1O6q_nameField:after,
.-t1O6q_nameField > input {
  font: inherit;
  letter-spacing: inherit;
  text-align: center;
  grid-area: 1/1;
  margin: 0;
  padding: 0;
}
.-t1O6q_nameField:after {
  content: attr(data-value) ' ';
  visibility: hidden;
  white-space: pre;
}
.-t1O6q_nameInput {
  color: inherit;
  background: 0 0;
  border: none;
  outline: none;
  width: 100%;
  min-width: 1ch;
}
.-t1O6q_nameInput::placeholder {
  color: var(--neutral-500);
}
.-t1O6q_clearButton {
  background: var(--neutral-300);
  width: 20px;
  height: 20px;
  color: var(--always-white);
  cursor: pointer;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}
.-t1O6q_clearButton:hover {
  background: var(--neutral-400);
}
.f-7KdG_row {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  border-radius: 20px;
  width: 100%;
  margin-block: 4px;
}
.Jc6KPG_root {
  z-index: 1000;
  pointer-events: none;
  position: fixed;
  inset: 0;
}
.Jc6KPG_dragArea {
  pointer-events: none;
  position: absolute;
  inset: 16px;
}
.Jc6KPG_pill {
  pointer-events: auto;
  background: var(--z-index-1);
  text-align: left;
  color: var(--black);
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
  border: none;
  border-radius: 40px;
  outline: none;
  align-items: center;
  font-family: inherit;
  display: flex;
  position: fixed;
  overflow: hidden;
  box-shadow: 0 8px 12px #0000001f;
}
.Jc6KPG_pill:active {
  cursor: grabbing;
  box-shadow: 0 12px 24px #0000002e;
}
.Jc6KPG_pill img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.Jc6KPG_measureWrap {
  flex-shrink: 0;
  align-items: center;
  width: max-content;
  padding: 8px 16px;
  display: inline-flex;
}
.Jc6KPG_pill:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}
.Jc6KPG_iconSlot {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.Jc6KPG_spinnerCenter {
  color: var(--neutral-500);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.Jc6KPG_iconBack {
  background: var(--white);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.Jc6KPG_iconFront {
  background: var(--white);
  border: 1.5px solid var(--white);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.Jc6KPG_iconSingle {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  position: absolute;
  inset: 4px;
  overflow: hidden;
}
.Jc6KPG_chainBadge {
  background: var(--white);
  border: 1px solid var(--white);
  border-radius: 4px;
  width: 14px;
  height: 14px;
  position: absolute;
  bottom: 2px;
  right: 2px;
  overflow: hidden;
}
.Jc6KPG_chainBadgeFront {
  background: var(--white);
  border: 1px solid var(--white);
  z-index: 1;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: -3px;
  right: -3px;
  overflow: hidden;
}
.Jc6KPG_statusBadge {
  width: 32px;
  height: 32px;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 4px;
}
.Jc6KPG_statusBadgeOverlay {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.Jc6KPG_iconLayer {
  position: absolute;
  inset: 0;
}
.Jc6KPG_statusBadgeSuccess {
  background: var(--positive-500, #1cba75);
}
.Jc6KPG_statusBadgeFailed {
  background: var(--negative-500, #ff4242);
}
.Jc6KPG_body {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
  position: relative;
}
.Jc6KPG_iconWrap {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
}
.Jc6KPG_textReveal {
  transform-origin: 0;
  will-change: transform, opacity;
  align-items: center;
  min-width: 0;
  display: flex;
}
.Jc6KPG_text {
  white-space: nowrap;
  letter-spacing: -0.18px;
  flex-direction: column;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}
.Jc6KPG_subtitle {
  color: var(--neutral-700);
  align-items: center;
  display: inline-flex;
}
.Jc6KPG_subtitleSide {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 30vw;
  overflow: hidden;
}
.Jc6KPG_arrowSlot {
  width: 22px;
  height: 20px;
  color: var(--neutral-700);
  flex-shrink: 0;
  position: relative;
  top: -1px;
  overflow: hidden;
}
.Jc6KPG_arrowSlot:before,
.Jc6KPG_arrowSlot:after {
  content: '';
  z-index: 1;
  pointer-events: none;
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.Jc6KPG_arrowSlot:before {
  background: linear-gradient(to right, var(--z-index-1) 0%, transparent 100%);
  left: 0;
}
.Jc6KPG_arrowSlot:after {
  background: linear-gradient(to left, var(--z-index-1) 0%, transparent 100%);
  right: 0;
}
.Jc6KPG_arrowGlyph {
  width: 14px;
  height: 14px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
  left: 0;
}
.Jc6KPG_counter {
  color: var(--neutral-200);
  background-color: var(--neutral-800);
  border-radius: 999px;
  margin-left: 8px;
  padding: 2px 8px 3px;
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
}
.Jc6KPG_loaderLine {
  pointer-events: none;
  z-index: 2;
  height: 6px;
  position: absolute;
  top: -3px;
  left: 0;
  right: 0;
}
.Jc6KPG_loaderBlob,
.Jc6KPG_loaderStretch {
  background: radial-gradient(
    ellipse 50% 50% at center,
    var(--neutral-400) 0%,
    transparent 100%
  );
  border-radius: 50%;
  height: 6px;
  position: absolute;
  top: 0;
}
.Jc6KPG_loaderSolid {
  background: radial-gradient(
    ellipse 50% 50% at center,
    var(--solid-color, transparent) 0%,
    transparent 100%
  );
  border-radius: 50%;
  height: 6px;
  position: absolute;
  top: 0;
}
.JrGTDW_root {
  z-index: 1050;
  pointer-events: none;
  position: fixed;
  inset: 0;
}
.JrGTDW_pill {
  pointer-events: auto;
  background: var(--z-index-1);
  color: var(--black);
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  border: none;
  border-radius: 40px;
  outline: none;
  align-items: center;
  font-family: inherit;
  display: flex;
  position: fixed;
  top: 16px;
  left: 50%;
  overflow: hidden;
  translate: -50%;
  box-shadow: 0 8px 12px #0000001f;
}
.JrGTDW_pill img {
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.JrGTDW_measureWrap {
  flex-shrink: 0;
  align-items: center;
  gap: 12px;
  width: max-content;
  padding: 8px 20px 8px 24px;
  display: inline-flex;
}
.JrGTDW_iconWrap {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  display: flex;
  position: relative;
}
.JrGTDW_coinIcon {
  background: var(--white);
  border-radius: 50%;
  width: 28px;
  height: 28px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.JrGTDW_spinner,
.JrGTDW_withdrawArrow {
  color: var(--neutral-500);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.JrGTDW_statusBadge {
  width: 28px;
  height: 28px;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.JrGTDW_statusBadgeSuccess {
  background: var(--positive-500, #1cba75);
}
.JrGTDW_statusBadgeFailed {
  background: var(--negative-500, #ff4242);
}
.JrGTDW_textReveal {
  transform-origin: 0;
  will-change: transform, opacity;
  align-items: center;
  min-width: 0;
  display: flex;
}
.JrGTDW_text {
  white-space: nowrap;
  letter-spacing: -0.18px;
  flex-direction: column;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}
.JrGTDW_subtitle {
  color: var(--neutral-700);
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
}
.JrGTDW_arrowSlotDown {
  width: 28px;
  height: 40px;
  color: var(--neutral-500);
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.JrGTDW_arrowSlotDown:before,
.JrGTDW_arrowSlotDown:after {
  content: '';
  z-index: 1;
  pointer-events: none;
  height: 8px;
  position: absolute;
  left: 0;
  right: 0;
}
.JrGTDW_arrowSlotDown:before {
  background: linear-gradient(to bottom, var(--z-index-1) 0%, transparent 100%);
  top: 0;
}
.JrGTDW_arrowSlotDown:after {
  background: linear-gradient(to top, var(--z-index-1) 0%, transparent 100%);
  bottom: 0;
}
.JrGTDW_arrowGlyphDown {
  width: 28px;
  height: 28px;
  margin-left: -14px;
  position: absolute;
  top: 0;
  left: 50%;
}
.jQlK-W_stepper {
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: flex;
}
.jQlK-W_step {
  align-items: center;
  gap: 8px;
  display: flex;
}
.jQlK-W_stepIndicator {
  width: 24px;
  height: 24px;
  position: relative;
}
.jQlK-W_stepIcon {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.jQlK-W_stepCircle {
  letter-spacing: -0.18px;
  width: 20px;
  height: 20px;
  color: var(--always-white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
  display: flex;
}
.jQlK-W_stepCircleActive {
  background: var(--black);
}
.jQlK-W_stepCircleFuture {
  background: var(--neutral-600);
}
.jQlK-W_stepCircleConfirmed {
  background: var(--positive-500);
}
.jQlK-W_failedDot {
  background: var(--negative-500);
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.jQlK-W_label {
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  transition: color 0.3s;
}
.jQlK-W_connector {
  color: var(--neutral-400);
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}
.pq0nQW_container {
  justify-content: center;
  align-items: center;
  height: 72px;
  display: flex;
  position: relative;
  overflow: visible;
}
.pq0nQW_singleIcon {
  will-change: transform;
  justify-content: center;
  align-items: center;
  display: flex;
}
.pq0nQW_itemsRow {
  will-change: transform;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.pq0nQW_iconItem {
  will-change: transform;
  position: absolute;
}
.pq0nQW_arrowIcon {
  color: var(--neutral-500);
  flex-shrink: 0;
}
.pq0nQW_resultIcon {
  will-change: transform;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
.pq0nQW_statusBadge {
  color: var(--white);
  aspect-ratio: 1;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
.pq0nQW_statusBadgeSuccess {
  background: var(--positive-500, #1cba75);
}
.pq0nQW_statusBadgeFailed {
  background: var(--negative-500, #ff4242);
}
._2x9Fqa_root {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}
._2x9Fqa_topHalf {
  flex: 1;
  place-content: center;
  justify-items: center;
  padding: 32px 16px 16px;
}
._2x9Fqa_titleContainer {
  width: 100%;
  height: 32px;
  position: relative;
}
._2x9Fqa_titleItem {
  white-space: nowrap;
  will-change: transform, opacity;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}
._2x9Fqa_dots {
  vertical-align: baseline;
  gap: 2px;
  margin-left: 2px;
  display: inline-flex;
}
._2x9Fqa_dots span {
  background: currentColor;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  animation: 1.4s infinite _2x9Fqa_jump;
  display: inline-block;
}
._2x9Fqa_dots span:nth-child(2) {
  animation-delay: 0.15s;
}
._2x9Fqa_dots span:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes _2x9Fqa_jump {
  0%,
  60%,
  to {
    opacity: 0.4;
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-4px);
  }
}
._2x9Fqa_bottom {
  justify-items: center;
  padding: 16px;
}
._2x9Fqa_errorMessage {
  width: 100%;
  color: var(--negative-500);
  text-align: center;
  overflow-wrap: anywhere;
  font-size: 13px;
}
._2x9Fqa_buttonSlot {
  justify-content: center;
  width: 100%;
  display: flex;
}
._2x9Fqa_tokenWithChain {
  width: 72px;
  height: 72px;
  position: relative;
}
._2x9Fqa_chainBadge {
  border: 2px solid var(--white);
  border-radius: 50%;
  display: flex;
  position: absolute;
  bottom: -2px;
  right: -2px;
  overflow: hidden;
}
._2x9Fqa_spinnerSlot {
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
}
@media (prefers-reduced-motion: reduce) {
  ._2x9Fqa_dots span {
    animation: none;
  }
  ._2x9Fqa_titleItem {
    will-change: auto;
  }
}
.ai34fq_backdrop {
  z-index: calc(var(--over-layout-index) + 1);
  background-color: #0003;
  position: fixed;
  inset: 0;
}
.ai34fq_container {
  z-index: calc(var(--over-layout-index) + 1);
  background-color: var(--white);
  border-radius: 16px 16px 0 0;
  padding: 24px;
  transition:
    opacity 0.2s,
    transform 0.2s;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
@media (width>=500px) {
  .ai34fq_container {
    border-radius: 16px;
    width: calc(100% - 32px);
    max-width: 480px;
    bottom: 24px;
    left: 50%;
    right: auto;
    transform: translate(-50%);
  }
}
.ai34fq_container[data-open='false'] {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(16px);
}
@media (width>=500px) {
  .ai34fq_container[data-open='false'] {
    transform: translate(-50%, 16px) scale(0.96);
  }
}
.ai34fq_container[data-open='true'] {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transform: translateY(0);
}
@media (width>=500px) {
  .ai34fq_container[data-open='true'] {
    transform: translate(-50%);
  }
}
.HA1j3a_styledOl {
  counter-reset: styledCounter1;
  padding-inline-start: 32px;
  list-style: none;
}
.HA1j3a_styledOl li {
  counter-increment: styledCounter1;
}
.HA1j3a_styledOl li + li {
  margin-top: 20px;
}
.HA1j3a_styledOl li:before {
  content: counter(styledCounter1);
  vertical-align: top;
  text-align: center;
  background-color: var(--always-black);
  width: 24px;
  height: 24px;
  color: var(--always-white);
  border-radius: 50%;
  margin-inline: -32px 8px;
  line-height: 24px;
  display: inline-block;
}
.yj7NBG_container {
  background-color: var(--neutral-100);
  border: 1px solid var(--neutral-100);
  border-radius: 16px;
  margin: 0;
  padding: 12px 16px;
}
.yj7NBG_unstyled {
  background-color: none;
  border: none;
}
@media (hover: hover) {
  .yj7NBG_hoverable:hover {
    border: 1px solid var(--neutral-400);
  }
}
.FqKekq_container {
  animation: 0.15s ease-in-out FqKekq_appear;
}
@keyframes FqKekq_appear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.FqKekq_dots div {
  transform-origin: 50% 100%;
  animation: 2s infinite FqKekq_jump;
}
.FqKekq_dots div:first-child {
  animation-delay: 0s;
}
.FqKekq_dots div:nth-child(2) {
  animation-delay: 0.15s;
}
.FqKekq_dots div:nth-child(3) {
  animation-delay: 0.3s;
}
@keyframes FqKekq_jump {
  0%,
  20%,
  40%,
  50%,
  to {
    transform: translateY(0) scale(1);
  }
  30% {
    transform: translateY(-4px) scale(0.95, 1.15);
  }
  45% {
    transform: translateY(0) scale(1.05, 0.95);
  }
}
.FqKekq_title {
  opacity: 1;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.FqKekq_title.FqKekq_hidden {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, calc(20px - 50%));
}
.FqKekq_title.FqKekq_gone {
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, calc(-50% - 20px));
}
.P8wlIW_buttonOption {
  --nft-option-box-shadow:
    0px 0px 0px 2px var(--box-backgound-color, var(--white)),
    0px 0px 0px 4px var(--primary);
}
@media (hover: hover) {
  .P8wlIW_buttonOption:hover {
    box-shadow: var(--nft-option-box-shadow);
  }
}
.P8wlIW_highlighted {
  box-shadow: var(--nft-option-box-shadow);
}
.pW3ITG_select {
  color: var(--black);
  cursor: pointer;
}
@media (hover: hover) {
  .pW3ITG_select:hover {
    color: var(--primary);
  }
}
._7iJdzW_card {
  border: 1px solid var(--notice-300);
  background-image: linear-gradient(
    113deg,
    var(--notice-200) 0%,
    var(--notice-300) 100%
  );
  color: var(--notice-600);
  border-radius: 24px;
  padding: 12px 16px;
}
._7iJdzW_cardError {
  border-color: var(--negative-300);
  background-image: linear-gradient(
    113deg,
    var(--negative-200) 0%,
    var(--negative-300) 100%
  );
  color: var(--negative-500);
}
.ff9gcG_card {
  border: 1px solid var(--primary-300);
  background-image: linear-gradient(
    113deg,
    var(--primary-200) 0%,
    var(--primary-300) 100%
  );
  color: var(--primary-600);
  border-radius: 24px;
  padding: 12px 16px;
}
.a8Tiea_button {
  cursor: pointer;
  color: inherit;
  background: 0 0;
  border: none;
  padding: 0;
  transition: transform 0.1s;
}
.a8Tiea_chevron {
  width: 20px;
  height: 20px;
  color: var(--neutral-500);
  transition: color 0.15s;
}
@media (hover: hover) {
  .a8Tiea_button:hover .a8Tiea_chevron {
    color: var(--neutral-800);
  }
}
.a8Tiea_button:active {
  transform: scale(0.97);
}
.a8Tiea_tooltip {
  background-color: var(--black);
  color: var(--white);
  box-shadow: var(--elevation-200);
  z-index: 10;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  display: flex;
}
.a8Tiea_tooltipKbd {
  background-color: var(--neutral-700);
  color: var(--white);
  border-radius: 4px;
  padding: 1px 3px;
  font-size: 11px;
  line-height: 16px;
}
.fDrZua_root {
  flex-direction: column;
  height: 100%;
  min-height: 0;
  display: flex;
}
.fDrZua_header {
  flex-shrink: 0;
  grid-template-columns: 1fr auto auto auto;
  align-items: center;
  gap: 4px;
  padding: 16px;
  display: grid;
}
.fDrZua_title {
  justify-self: start;
}
.fDrZua_searchWrapper {
  flex-shrink: 0;
  padding: 0 16px 8px;
}
.fDrZua_ecosystemHint {
  margin: 0 16px 8px;
}
.fDrZua_scrollArea {
  overscroll-behavior-y: contain;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.fDrZua_scrollArea::-webkit-scrollbar {
  visibility: hidden;
  width: 0;
}
.fDrZua_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fDrZua_sectionHeader {
  background: var(--white);
  z-index: 1;
  padding: 6px 16px 2px;
  position: sticky;
  top: 0;
}
.fDrZua_row {
  cursor: pointer;
  text-align: left;
  width: 100%;
  min-height: 40px;
  color: inherit;
  background: 0 0;
  border: none;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  display: flex;
}
.fDrZua_row:hover,
.fDrZua_row[data-active-item] {
  background-color: var(--neutral-100);
}
.fDrZua_rowMain {
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}
.fDrZua_rowValue {
  text-align: right;
  flex-shrink: 0;
}
.fDrZua_emptyState {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 24px 16px;
  display: flex;
}
.fDrZua_footer {
  border-top: 1px solid var(--neutral-200);
  flex-shrink: 0;
  padding: 8px 16px 16px;
}
.zO2sTW_gridWrapper {
  padding: 4px 16px 16px;
}
.zO2sTW_grid {
  outline: none;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  display: grid;
}
.zO2sTW_gridItem {
  cursor: pointer;
  text-align: left;
  color: inherit;
  font: inherit;
  background: 0 0;
  border: none;
  border-radius: 8px;
  outline: none;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 0;
  display: flex;
}
.zO2sTW_gridItemContent {
  aspect-ratio: 1;
  border-radius: 8px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.zO2sTW_gridItem[data-active-item] .zO2sTW_gridItemContent {
  box-shadow:
    0 0 0 2px var(--white),
    0 0 0 4px var(--primary);
}
@media (hover: hover) {
  .zO2sTW_gridItem:hover .zO2sTW_gridItemContent {
    box-shadow:
      0 0 0 2px var(--white),
      0 0 0 4px var(--primary);
  }
}
.zO2sTW_gridItemLabel {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zO2sTW_placeholder {
  -webkit-user-select: none;
  user-select: none;
  background-image: linear-gradient(#faecff 0%, #cbdaff 100%);
  border-radius: 8px;
  place-content: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  line-height: 1;
  display: grid;
}
.zO2sTW_skeletonSquare {
  background: var(--neutral-100);
  border-radius: 8px;
  width: 100%;
  height: 100%;
}
.zO2sTW_skeletonLabel {
  background: var(--neutral-100);
  border-radius: 8px;
  width: 70%;
  height: 12px;
}
.zO2sTW_quantityBadge {
  background: #0009;
  border-radius: 8px;
  padding: 2px 6px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.zO2sTW_chipSkeleton {
  background: var(--neutral-100);
  border-radius: 999px;
  flex-shrink: 0;
  width: 88px;
  height: 32px;
}
.gGTYlq_shortcutBadge {
  background-color: var(--neutral-200);
  color: var(--neutral-700);
  border-radius: 4px;
  align-items: center;
  padding: 1px 6px;
  font-size: 11px;
  line-height: 16px;
  display: inline-flex;
}
.pj2HhW_container {
  background-color: var(--white);
  border: 2px solid var(--neutral-200);
  text-align: left;
  border-radius: 20px;
  width: 100%;
  padding: 12px 12px 16px 16px;
  display: block;
  position: relative;
}
.pj2HhW_containerOverlay {
  border-radius: inherit;
  cursor: pointer;
  background: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.pj2HhW_contentLayer {
  pointer-events: none;
  position: relative;
}
.pj2HhW_row {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
.pj2HhW_label {
  flex-shrink: 0;
}
.pj2HhW_name {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.pj2HhW_rightAction {
  color: var(--neutral-500);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
.pj2HhW_rightActionButton {
  color: var(--primary-500);
  pointer-events: auto;
  position: relative;
}
.pj2HhW_addressRow {
  grid-template-columns: auto minmax(min-content, 1fr);
  justify-content: start;
  align-items: center;
  min-width: 0;
  display: grid;
}
.pj2HhW_addressHead {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.pj2HhW_addressTail {
  white-space: nowrap;
}
.pj2HhW_skeletonAvatar {
  background: var(--neutral-100);
  border-radius: 8px;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.pj2HhW_skeletonLineLg {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 120px;
  height: 14px;
}
.pj2HhW_skeletonLineSm {
  background: var(--neutral-100);
  border-radius: 4px;
  width: 80px;
  height: 10px;
}
.IhSCKG_detailsContainer {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  border-radius: 20px;
  padding: 16px;
}
.IhSCKG_detailsToggleWrapper {
  justify-content: center;
  margin-top: -14px;
  display: flex;
}
.IhSCKG_detailsToggle {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  color: var(--neutral-500);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 4px 8px 4px 12px;
  transition:
    background-color 0.15s,
    transform 0.1s;
  display: flex;
}
.IhSCKG_detailsToggle:hover {
  background-color: var(--neutral-100);
}
.IhSCKG_detailsToggle:active {
  transform: scale(0.97);
}
.IhSCKG_detailLinkRow {
  text-align: left;
  width: 100%;
  display: block;
}
.IhSCKG_detailLinkRow > * {
  width: 100%;
}
.IhSCKG_detailLinkChevron {
  width: 20px;
  height: 20px;
  color: var(--neutral-400);
  transition: color 0.15s;
  display: block;
}
.IhSCKG_detailLinkButton:hover .IhSCKG_detailLinkChevron,
.IhSCKG_detailLinkRow:hover .IhSCKG_detailLinkChevron {
  color: var(--black);
}
.IhSCKG_tooltip {
  background-color: var(--black);
  max-width: 240px;
  color: var(--white);
  box-shadow: var(--elevation-200);
  z-index: 10;
  border-radius: 8px;
  padding: 8px 12px;
}
.cxivAa_container {
  flex-direction: column;
  width: 100%;
  display: flex;
}
.cxivAa_header {
  flex-shrink: 0;
  grid-template-columns: 32px 1fr 32px;
  align-items: center;
  padding: 16px;
  display: grid;
}
.cxivAa_headerLeft {
  grid-column: 1;
  justify-self: start;
}
.cxivAa_headerTitle {
  text-align: center;
  grid-column: 2;
}
.cxivAa_headerRight {
  grid-column: 3;
  justify-self: end;
}
.cxivAa_iconButton {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--black);
  background: 0 0;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}
.cxivAa_iconButton:hover {
  background-color: var(--neutral-200);
}
.cxivAa_body {
  padding: 0 16px 16px;
}
.XaVeiq_detailsContainer {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  border-radius: 20px;
  padding: 16px;
}
.XaVeiq_detailsToggleWrapper {
  justify-content: center;
  margin-top: -14px;
  display: flex;
}
.XaVeiq_detailsToggle {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  color: var(--neutral-500);
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 4px 8px 4px 12px;
  transition:
    background-color 0.15s,
    transform 0.1s;
  display: flex;
}
.XaVeiq_detailsToggle:hover {
  background-color: var(--neutral-100);
}
.XaVeiq_detailsToggle:active {
  transform: scale(0.97);
}
.XaVeiq_detailLinkRow {
  text-align: left;
  width: 100%;
  display: block;
}
.XaVeiq_detailLinkRow > * {
  width: 100%;
}
.XaVeiq_detailLinkChevron {
  width: 20px;
  height: 20px;
  color: var(--neutral-400);
  transition: color 0.15s;
  display: block;
}
.XaVeiq_detailLinkRow:hover .XaVeiq_detailLinkChevron {
  color: var(--black);
}
.XaVeiq_dataInput {
  box-sizing: border-box;
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  width: 100%;
  color: var(--black);
  resize: vertical;
  border-radius: 12px;
  outline: none;
  padding: 12px;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  transition: border-color 0.15s;
}
.XaVeiq_dataInput:focus {
  border-color: var(--primary);
}
.XaVeiq_dataInput::placeholder {
  color: var(--neutral-500);
}
.VU1YpW_button {
  background-color: var(--black);
  width: 100%;
  height: 52px;
  color: var(--white);
  letter-spacing: 0.3px;
  text-align: center;
  cursor: pointer;
  border: none;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  padding-inline: 48px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.VU1YpW_holdOverlay {
  background-color: var(--neutral-600);
  clip-path: inset(0 100% 0 0);
  pointer-events: none;
  transition: clip-path 0.2s ease-out;
  position: absolute;
  inset: 0;
}
.VU1YpW_holdOverlayActive {
  clip-path: inset(0);
  transition: clip-path 1s linear;
}
.VU1YpW_label {
  position: relative;
}
.VU1YpW_button:disabled {
  cursor: default;
  background-color: var(--neutral-600);
  color: var(--neutral-400);
}
.VU1YpW_button:focus-visible {
  outline: 2px solid var(--black);
  outline-offset: 2px;
}
@media (hover: hover) {
  .VU1YpW_button:not(:disabled):hover {
    background-color: var(--neutral-800);
  }
}
.VU1YpW_shieldWrapper {
  width: 20px;
  height: 20px;
  position: relative;
}
.VU1YpW_shieldMask {
  -webkit-mask-image: var(--shield-mask);
  -webkit-mask-image: var(--shield-mask);
  mask-image: var(--shield-mask);
  -webkit-mask-position: 50%;
  mask-position: 50%;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: var(--shield-mask);
  position: absolute;
  inset: 0;
  overflow: hidden;
  -webkit-mask-position: 50%;
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
}
.VU1YpW_shieldGradient {
  background: conic-gradient(
    from 0deg,
    var(--neutral-500) 0deg,
    #fff 120deg,
    var(--neutral-500) 240deg,
    var(--neutral-500) 360deg
  );
  animation: 1.2s linear infinite VU1YpW_spinGradient;
  position: absolute;
  inset: -25%;
}
@keyframes VU1YpW_spinGradient {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.VU1YpW_holdHintContainer {
  z-index: var(--over-layout-index);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  bottom: 92px;
  left: 0;
  right: 0;
}
.VU1YpW_holdHint {
  background-color: var(--neutral-300);
  border-radius: 100px;
  padding: 12px 24px;
  animation: 0.2s ease-out both VU1YpW_holdHintAppear;
}
@keyframes VU1YpW_holdHintAppear {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.VU1YpW_dangerRow {
  align-items: center;
  gap: 8px;
  width: 100%;
  display: flex;
}
.VU1YpW_dangerButton {
  background-color: var(--negative-200);
  min-width: 0;
  height: 52px;
  color: var(--negative-500);
  letter-spacing: 0.3px;
  text-align: center;
  cursor: pointer;
  z-index: 2;
  border: none;
  border-radius: 16px;
  flex: 1 0 0;
  justify-content: center;
  align-items: center;
  padding-inline: 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}
.VU1YpW_dangerButton:focus-visible {
  outline: 2px solid var(--negative-500);
  outline-offset: 2px;
}
.VU1YpW_dangerHoldFill {
  background-color: var(--negative-500);
  clip-path: inset(0 100% 0 0);
  pointer-events: none;
  transition: clip-path 0.2s ease-out;
  position: absolute;
  inset: 0;
}
.VU1YpW_dangerHoldFillActive {
  clip-path: inset(0);
  transition: clip-path 1s linear;
}
.VU1YpW_dangerLabelBase {
  pointer-events: none;
  position: relative;
}
.VU1YpW_dangerLabelOverlay {
  color: var(--white);
  clip-path: inset(0 100% 0 0);
  pointer-events: none;
  justify-content: center;
  align-items: center;
  transition: clip-path 0.2s ease-out;
  display: inline-flex;
  position: absolute;
  inset: 0;
}
.VU1YpW_dangerLabelOverlayActive {
  clip-path: inset(0);
  transition: clip-path 1s linear;
}
.VU1YpW_dangerLabelInner {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.VU1YpW_cancelWrap {
  flex: 1 0 0;
  min-width: 0;
}
.j_GyDW_absoluteFooter {
  bottom: var(--technical-panel-bottom-height, 0px);
  width: var(--body-width);
  max-width: var(--body-max-width);
  background-color: var(--light-background-transparent);
  backdrop-filter: blur(16px);
  padding-inline: 16px;
  position: fixed;
  left: 50%;
  transform: translate(-50%);
}
.tuNL5a_header {
  z-index: var(--navbar-index);
  background-color: var(--neutral-100);
  padding-top: 24px;
  padding-bottom: 8px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.tuNL5a_headerContent {
  margin-inline: auto;
  position: relative;
}
.tuNL5a_headerContent:after {
  border-top-right-radius: var(--card-border-radius);
  right: 0;
}
.tuNL5a_headerContent:before {
  border-top-left-radius: var(--card-border-radius);
}
.tuNL5a_headerContent:after,
.tuNL5a_headerContent:before {
  content: '';
  bottom: calc(-8px + var(--card-border-radius) * -2);
  height: calc(var(--card-border-radius) * 2);
  width: var(--card-border-radius);
  box-shadow: 0 calc(-1 * var(--card-border-radius)) 0 0 var(--neutral-100);
  z-index: -1;
  background-color: #0000;
  position: absolute;
}
.Sa9LoW_sidePanelBackdrop {
  pointer-events: none;
  z-index: var(--over-layout-index);
  background-color: #0000004d;
  justify-content: flex-end;
  align-items: center;
  padding: 32px;
  display: flex;
  position: fixed;
  inset: 0;
}
.Sa9LoW_sidePanelBackdrop.Sa9LoW_show {
  pointer-events: auto;
}
.Sa9LoW_sidePanel {
  background-color: var(--z-index-1);
  border-radius: 20px;
  width: 410px;
  height: calc(100vh - 64px);
  padding: 72px 48px 32px;
  position: relative;
  overflow-y: auto;
}
.Sa9LoW_sidePanelCloseButton {
  background-color: var(--neutral-100);
  border-radius: 8px;
  width: 32px;
  height: 32px;
  padding: 6px;
  transition: background-color 0.15s;
  position: absolute;
  top: 12px;
  right: 12px;
}
.Sa9LoW_sidePanelCloseButton:hover {
  background-color: var(--neutral-300);
}
.aQqb2a_siteLink {
  color: var(--neutral-400);
  cursor: pointer;
  position: absolute;
  top: 16px;
  right: 16px;
}
.aQqb2a_infoIcon {
  background-color: var(--neutral-100);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding: 8px;
}
@keyframes aQqb2a_switching {
  0%,
  3% {
    opacity: 0;
  }
  12.5%,
  31.25% {
    opacity: 1;
  }
  40.75%,
  to {
    opacity: 0;
  }
}
@keyframes aQqb2a_zindex {
  0%,
  24% {
    z-index: 2;
  }
  25%,
  to {
    z-index: 1;
  }
}
.aQqb2a_mintingImage {
  object-fit: contain;
  width: 868px;
  animation:
    8s infinite both aQqb2a_switching,
    8s infinite both aQqb2a_zindex;
  position: absolute;
  bottom: -4px;
  left: 0;
}
@keyframes aQqb2a_appear {
  0% {
    opacity: 0;
    filter: blur(20px);
  }
  to {
    opacity: 1;
    filter: blur();
  }
}
@media (hover: hover) {
  .aQqb2a_siteLink:hover {
    color: var(--black);
  }
}
@keyframes g2NuHW_imgAppear {
  0% {
    opacity: 0;
    filter: blur(5px);
  }
  to {
    opacity: 1;
    filter: blur();
  }
}
.g2NuHW_backgroundImg {
  object-fit: cover;
  border-radius: 20px;
  width: 360px;
  height: 360px;
  animation: 0.2s ease-out both g2NuHW_imgAppear;
  transform: rotate(8deg);
}
.g2NuHW_backgroundImageContainer {
  position: absolute;
  top: 157px;
  left: -42px;
}
.g2NuHW_backgroundButton {
  width: 40px;
  height: 40px;
  color: var(--always-white);
  border-radius: 10px;
  transition: transform 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px #00000029;
}
.g2NuHW_dnaButton {
  transition: filter 0.2s ease-in-out;
}
@media (hover: hover) {
  .g2NuHW_backgroundButton:hover {
    opacity: 0.9;
    transform: translateY(-2px);
  }
  .g2NuHW_dnaButton:hover img {
    filter: brightness(0.8);
  }
}
@keyframes g2NuHW_fillBackground {
  0% {
    transform: rotate(0) scale(1) translate(0);
  }
  to {
    transform: rotate(-8deg) scale(2.5) translate(116px);
  }
}
.g2NuHW_selectedBackground {
  animation: 0.5s ease-in-out both g2NuHW_fillBackground;
}
@keyframes g2NuHW_disappear {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.g2NuHW_contentDisappear {
  animation: 0.3s ease-in both g2NuHW_disappear;
}
@keyframes g2NuHW_blur {
  0% {
    filter: blur();
  }
  to {
    filter: blur(3px);
  }
}
.g2NuHW_backgroundValueImage {
  width: 900px;
  height: 900px;
  animation: 0.3s ease-in both g2NuHW_blur;
  position: absolute;
  top: -157px;
  left: -25px;
}
.uJdnJq_trigger {
  cursor: pointer;
  color: #00ff9c;
  width: 28px;
  height: 28px;
  z-index: var(--over-layout-index, 100);
  background: #0a0a0a;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 0;
  font-family:
    ui-monospace,
    SF Mono,
    Menlo,
    Consolas,
    monospace;
  transition:
    transform 0.12s,
    box-shadow 0.12s,
    color 0.12s;
  display: inline-flex;
  position: fixed;
  bottom: 8px;
  right: 8px;
  box-shadow:
    0 0 0 1px #00ff9c14,
    0 4px 12px #0006;
}
.uJdnJq_trigger:hover {
  color: #0fa;
  box-shadow:
    0 0 0 1px #00ff9c33,
    0 0 16px #00ff9c40,
    0 4px 12px #0006;
}
.uJdnJq_trigger:active {
  transform: translateY(1px);
}
.uJdnJq_triggerActive {
  color: #ffd166;
  border-color: #ffd166;
  animation: 1.6s ease-in-out infinite uJdnJq_devPulse;
  box-shadow:
    0 0 0 1px #ffd1664d,
    0 0 16px #ffd16659,
    0 4px 12px #0006;
}
@keyframes uJdnJq_devPulse {
  0%,
  to {
    box-shadow:
      0 0 0 1px #ffd1664d,
      0 0 12px #ffd16640,
      0 4px 12px #0006;
  }
  50% {
    box-shadow:
      0 0 0 1px #ffd16680,
      0 0 20px #ffd16680,
      0 4px 12px #0006;
  }
}
.uJdnJq_popover {
  color: #d8d8d8;
  width: 320px;
  max-width: 92vw;
  z-index: var(--over-layout-index, 100);
  background: linear-gradient(#0d0d0d 0%, #0a0a0a 100%);
  border: 1px solid #1f1f1f;
  border-radius: 8px;
  outline: none;
  flex-direction: column;
  max-height: 80vh;
  padding: 0;
  font-family:
    ui-monospace,
    SF Mono,
    Menlo,
    Consolas,
    monospace;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow:
    0 0 0 1px #00ff9c0f,
    0 12px 48px #0009;
}
.uJdnJq_popover:before {
  content: '';
  pointer-events: none;
  opacity: 0.5;
  background-image:
    linear-gradient(#00ff9c06 1px, #0000 1px),
    linear-gradient(90deg, #00ff9c06 1px, #0000 1px);
  background-size: 16px 16px;
  position: absolute;
  inset: 0;
}
.uJdnJq_titleBar {
  background: #050505;
  border-bottom: 1px solid #1a1a1a;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  display: flex;
  position: relative;
}
.uJdnJq_titleBarLeft {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
.uJdnJq_titleDots {
  flex-shrink: 0;
  gap: 5px;
  display: inline-flex;
}
.uJdnJq_titleDot {
  background: #2a2a2a;
  border-radius: 50%;
  width: 9px;
  height: 9px;
}
.uJdnJq_titleDot:first-child {
  background: #ff5f56;
}
.uJdnJq_titleDot:nth-child(2) {
  background: #ffbd2e;
}
.uJdnJq_titleDot:nth-child(3) {
  background: #27c93f;
}
.uJdnJq_titlePath {
  color: #7a7a7a;
  letter-spacing: 0.02em;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  overflow: hidden;
}
.uJdnJq_body {
  flex: 1;
  min-height: 0;
  padding: 12px;
  position: relative;
  overflow-y: auto;
}
.uJdnJq_prompt {
  align-items: baseline;
  gap: 6px;
  margin-bottom: 10px;
  font-size: 13px;
  display: flex;
}
.uJdnJq_promptCaret {
  color: #00ff9c;
}
.uJdnJq_promptText {
  color: #e6e6e6;
  letter-spacing: 0.02em;
}
.uJdnJq_promptCursor {
  background: #00ff9c;
  width: 7px;
  height: 13px;
  margin-left: 2px;
  display: inline-block;
  transform: translateY(2px);
}
.uJdnJq_section {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.uJdnJq_sectionHeader {
  align-items: center;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}
.uJdnJq_sectionHeader:before {
  content: '##';
  color: #00ff9c;
  font-size: 12px;
  font-weight: 700;
}
.uJdnJq_sectionTitle {
  color: #9a9a9a;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}
.uJdnJq_sectionRule {
  background: linear-gradient(90deg, #00ff9c40, #00ff9c00);
  flex: 1;
  height: 1px;
}
.uJdnJq_row {
  background: #ffffff04;
  border: 1px solid #161616;
  border-radius: 4px;
  flex-direction: column;
  gap: 6px;
  padding: 6px 8px;
  display: flex;
}
.uJdnJq_rowLabel {
  color: #c4c4c4;
  letter-spacing: 0.02em;
  font-size: 12px;
}
.uJdnJq_rowLabel:before {
  content: '— ';
  color: #4a4a4a;
}
.uJdnJq_navLinks {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.uJdnJq_navLink {
  color: #00ff9c;
  cursor: pointer;
  background: #111;
  border: 1px solid #1f1f1f;
  border-radius: 3px;
  align-items: center;
  padding: 4px 8px;
  font-family:
    ui-monospace,
    SF Mono,
    Menlo,
    Consolas,
    monospace;
  font-size: 12px;
  text-decoration: none;
  transition:
    background 0.12s,
    border-color 0.12s,
    color 0.12s;
  display: inline-flex;
}
.uJdnJq_navLink:hover:not(:disabled) {
  color: #0fa;
  background: #161616;
  border-color: #00ff9c66;
}
.uJdnJq_navLink:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.uJdnJq_navLink:before {
  content: '> ';
  color: #4a4a4a;
}
.uJdnJq_kbd {
  color: #d8d8d8;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  display: inline-flex;
}
.uJdnJq_kbdKey {
  color: #00ff9c;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-bottom-width: 2px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-family:
    ui-monospace,
    SF Mono,
    Menlo,
    Consolas,
    monospace;
  font-size: 12px;
  line-height: 1;
  display: inline-flex;
}
.uJdnJq_kbdPlus {
  color: #4a4a4a;
}
.RQ7XKG_premiumTrialBanner {
  padding: 12px;
  position: relative;
}
.RQ7XKG_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    80deg,
    #cd657f 7.13%,
    #8a6df1 34.59%,
    #71a1f3 62.04%,
    #3bb1ed 90.33%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
.OEOVja_featureCard {
  background: var(--neutral-100);
  text-align: center;
  border-radius: 12px;
  justify-content: center;
  padding: 12px;
}
.DIkr2a_invitationBanner {
  background: var(--always-white);
  color: var(--always-black);
  border-radius: 20px;
  padding: 16px 24px;
}
.DIkr2a_featureCard,
.DIkr2a_chartFeatureCard {
  background: #f5f5f7;
}
.DIkr2a_chartFeatureCard {
  padding: 12px 0;
}
@keyframes _0QGRAq_appear {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._0QGRAq_container {
  border-radius: var(--card-border-radius);
  text-align: center;
  background-image: url(success_background.f9053d91.png);
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 48px 40px;
  animation: 0.5s ease-in-out _0QGRAq_appear;
  display: flex;
  position: relative;
}
._0QGRAq_title {
  color: var(--always-white);
  letter-spacing: -0.005em;
  font-size: 60px;
  font-weight: 500;
  line-height: 72px;
}
._0QGRAq_pinner {
  z-index: var(--over-layout-index);
  background: var(--white);
  border-radius: 12px;
  padding: 20px 24px;
  position: fixed;
  top: 12px;
  right: 12px;
  box-shadow: 0 12px 44px #00000014;
}
@keyframes _0QGRAq_float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  to {
    transform: translateY(0);
  }
}
._0QGRAq_coinDecoration {
  position: absolute;
  top: 45%;
  right: -80px;
}
._0QGRAq_sparkDecoration {
  position: absolute;
  top: 600px;
  left: 74px;
}
._0QGRAq_starDecoration {
  position: absolute;
  top: 40px;
  left: -120px;
}
._0QGRAq_decoration {
  transition: transform 0.1s ease-in-out;
}
._0QGRAq_decoration img {
  animation: 6s ease-in-out infinite _0QGRAq_float;
}
._0QGRAq_sparkDecoration img {
  animation-duration: 5s;
}
._0QGRAq_starDecoration img {
  animation-duration: 7s;
}
@media (width<=768px) {
  ._0QGRAq_title {
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
  }
  ._0QGRAq_container {
    padding: 74px 24px;
  }
  ._0QGRAq_pinner {
    z-index: 1;
    margin-bottom: 24px;
    position: relative;
    top: 0;
    right: 0;
  }
}
.aGpvdW_referralCodeForm {
  border: 1px solid var(--always-white);
  border-radius: 20px;
  padding: 16px 24px;
}
.aGpvdW_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #6c6cf9 0%, #ff7583 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.aGpvdW_referralCodeInput {
  background-color: var(--always-white);
  color: var(--always-black);
}
._7U5iKW_container {
  border-radius: var(--card-border-radius);
  background-color: var(--white);
  padding: 88px;
  display: grid;
  position: relative;
  overflow: hidden;
}
._7U5iKW_backButton {
  background-color: var(--neutral-100);
  border-radius: 8px;
  width: 32px;
  height: 32px;
  padding: 6px;
  transition: background-color 0.15s;
  position: absolute;
  top: 12px;
  left: 12px;
}
._7U5iKW_backButton:hover {
  background-color: var(--neutral-300);
}
._7U5iKW_faqContainer {
  border-radius: var(--card-border-radius);
  background-color: var(--white);
  padding: 16px;
}
@media (width<=980px) {
  ._7U5iKW_container {
    padding: 88px 40px;
  }
}
@media (width<=768px) {
  ._7U5iKW_container {
    padding: 88px 16px 16px;
  }
}
@keyframes _7U5iKW_appear {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes _7U5iKW_textAppear {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._7U5iKW_loadingOverlay {
  z-index: 2;
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  animation: 0.5s ease-in-out _7U5iKW_appear;
  display: flex;
  position: absolute;
  inset: 0;
}
._7U5iKW_loadingTitle {
  animation: 0.5s ease-in-out _7U5iKW_textAppear;
}
@keyframes _7U5iKW_containerAppear {
  0% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  1% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._7U5iKW_appear {
  animation: 0.3s ease-in-out both _7U5iKW_containerAppear;
}
._7U5iKW_phraseInputGrip {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
  width: calc(100% + 4px);
  padding: 2px;
  display: grid;
  position: relative;
  top: -2px;
  left: -2px;
  overflow: hidden;
}
.MGvLLa_link {
  color: var(--black);
  outline: none;
}
.MGvLLa_link:hover,
.MGvLLa_link:focus {
  color: var(--always-white);
}
.MGvLLa_option {
  background-color: var(--white);
  padding-top: 36px;
  border-radius: 20px;
  justify-content: center;
  padding-inline: 8px;
  transition: background-color 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
}
.MGvLLa_option:before {
  content: '';
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  inset: 0;
}
.MGvLLa_link:hover .MGvLLa_option:before,
.MGvLLa_link:focus .MGvLLa_option:before {
  opacity: 1;
}
.MGvLLa_title {
  z-index: 2;
  transition: color 0.2s ease-in-out;
}
.MGvLLa_featureImg {
  z-index: 2;
  position: relative;
}
.MGvLLa_createImg {
  width: 143px;
  height: 113px;
}
.MGvLLa_importImg {
  width: 149px;
  height: 118px;
}
.MGvLLa_hardwareImg {
  width: 204px;
}
.MGvLLa_createIcon {
  top: 42px;
  left: 150px;
}
.MGvLLa_importIcon {
  top: 37px;
  left: 110px;
}
.MGvLLa_hardwareIcon {
  top: 35px;
  left: 110px;
}
.MGvLLa_secondaryIcon {
  color: var(--neutral-200);
  transition: color 0.2s ease-in-out;
}
.MGvLLa_link:hover .MGvLLa_secondaryIcon,
.MGvLLa_link:focus .MGvLLa_secondaryIcon {
  color: var(--always-white);
}
.MGvLLa_subtitle {
  color: var(--neutral-500);
}
.MGvLLa_link:hover .MGvLLa_subtitle {
  color: var(--always-white);
}
.MGvLLa_link:hover .MGvLLa_option,
.MGvLLa_link:focus .MGvLLa_option {
  background-color: #0000;
}
.MGvLLa_create:before {
  background: linear-gradient(#56acff 0%, #3232dc 100%);
}
.MGvLLa_import:before {
  background: linear-gradient(#3232dc 0%, #ff7583 100%);
}
.MGvLLa_hardware:before {
  background: linear-gradient(#3232dc 0%, #06003c 100%);
}
.GwGYVW_faqIcon {
  background-color: var(--neutral-100);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
}
.GwGYVW_faqButton:hover {
  color: var(--primary);
  text-decoration: underline;
}
.G5JboG_step {
  border-radius: 12px;
  width: 20px;
  height: 2px;
}
.G5JboG_steps {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
}
.G5JboG_modeSelector:hover {
  color: var(--neutral-600);
  text-decoration: underline;
}
.G5JboG_link {
  color: var(--black);
  outline: none;
}
.G5JboG_link:hover,
.G5JboG_link:focus {
  color: var(--primary);
}
.G5JboG_typeLinkIcon {
  background-color: var(--white);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
}
.G5JboG_link:hover .G5JboG_typeLinkIcon,
.G5JboG_link:focus .G5JboG_typeLinkIcon {
  background-color: var(--primary);
}
.G5JboG_linkArrow {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.G5JboG_link:hover .G5JboG_linkArrow,
.G5JboG_link:focus .G5JboG_linkArrow {
  color: var(--primary);
}
.G5JboG_securityLink {
  color: var(--always-white);
  cursor: pointer;
}
.G5JboG_securityLink:hover {
  text-decoration: underline;
}
.zPfoxG_card {
  background-color: var(--primary-100);
  border-radius: 20px;
  width: 338px;
  height: 288px;
  padding-bottom: 32px;
  overflow: hidden;
}
.zPfoxG_cardImg {
  object-fit: cover;
  width: 100%;
}
.eG-inW_faqIcon {
  background-color: var(--neutral-100);
  border-radius: 20px;
  width: 40px;
  height: 40px;
  padding: 10px;
  display: flex;
}
@keyframes _8oRTfa_appear {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._8oRTfa_container {
  border-radius: var(--card-border-radius);
  text-align: center;
  background-image: url(success_background.f9053d91.png);
  background-size: cover;
  justify-content: center;
  align-items: center;
  padding: 82px 40px;
  animation: 0.5s ease-in-out _8oRTfa_appear;
  display: flex;
  position: relative;
}
._8oRTfa_title {
  color: var(--always-white);
  letter-spacing: -0.005em;
  font-size: 60px;
  font-weight: 500;
  line-height: 72px;
}
@keyframes _8oRTfa_float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  to {
    transform: translateY(0);
  }
}
._8oRTfa_coinDecoration {
  position: absolute;
  top: 45%;
  right: -80px;
}
._8oRTfa_sparkDecoration {
  position: absolute;
  top: 400px;
  left: 74px;
}
._8oRTfa_starDecoration {
  position: absolute;
  top: 40px;
  left: -120px;
}
._8oRTfa_decoration {
  transition: transform 0.1s ease-in-out;
}
._8oRTfa_decoration img {
  animation: 6s ease-in-out infinite _8oRTfa_float;
}
._8oRTfa_sparkDecoration img {
  animation-duration: 5s;
}
._8oRTfa_starDecoration img {
  animation-duration: 7s;
}
@media (width<=768px) {
  ._8oRTfa_title {
    font-size: 36px;
    font-weight: 500;
    line-height: 48px;
  }
  ._8oRTfa_container {
    padding: 74px 24px;
  }
}
@property --progress {
  syntax: '<number>';
  inherits: true;
  initial-value: 0;
}
@keyframes i1wgQq_headerTransition {
  to {
    --progress: 1;
  }
}
.i1wgQq_headerContainer {
  animation-name: i1wgQq_headerTransition;
  animation-duration: 1ms;
  animation-fill-mode: both;
  animation-timeline: scroll();
  animation-range: 40px 50px;
  position: relative;
}
.i1wgQq_header {
  height: 40px;
  opacity: var(--progress);
  transform: translateY(calc((1 - var(--progress)) * 50%))
    scale(calc(0.5 + (var(--progress) * 0.5)));
  transition: --progress 0.15s linear;
  position: relative;
}
.i1wgQq_defaultHeader {
  opacity: calc(1 - var(--progress));
  transform-origin: 0 0;
  transform: translateY(calc((var(--progress)) * -100%))
    scale(calc(1 - (var(--progress) * 0.5)));
  transition: --progress 0.15s linear;
  position: absolute;
  inset: 0 0 0 8px;
}
.i1wgQq_historyItem {
  margin-inline: 4px;
  padding-inline: 12px;
  position: relative;
}
@media (hover: hover) {
  .i1wgQq_historyItem:hover .i1wgQq_historyItemBackdrop {
    background-color: var(--neutral-200);
    border-radius: 12px;
    position: absolute;
    inset: 0;
  }
}
.i1wgQq_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    80deg,
    #cd657f 7.13%,
    #8a6df1 34.59%,
    #71a1f3 62.04%,
    #3bb1ed 90.33%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
.i1wgQq_statsContainer {
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  overflow-x: auto;
}
.i1wgQq_statsContainer::-webkit-scrollbar {
  display: none;
}
.D-DOaW_pulseCircle {
  --pulse-x: 0;
  --pulse-y: 0;
  --cap-dot-size: 5px;
  --cap-dot-opacity: 1;
  --pulse-color: transparent;
  width: calc(var(--cap-dot-size) + 4px);
  height: calc(var(--cap-dot-size) + 4px);
  top: var(--pulse-y);
  left: var(--pulse-x);
  pointer-events: none;
  opacity: var(--cap-dot-opacity);
  border: 2px solid #0000;
  position: absolute;
  transform: translate(-50%, -50%);
}
.D-DOaW_pulseCircle:after {
  content: '';
  width: var(--cap-dot-size);
  height: var(--cap-dot-size);
  background-color: var(--white);
  border: 2px solid var(--pulse-color);
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.D-DOaW_pulseCircle:before {
  content: '';
  width: var(--cap-dot-size);
  height: var(--cap-dot-size);
  background-color: var(--pulse-color);
  transform-origin: 50%;
  border: 2px solid #0000;
  border-radius: 50%;
  animation: 3s infinite D-DOaW_pulse;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(1);
}
@keyframes D-DOaW_pulse {
  0% {
    background-color: var(--pulse-color);
    transform: scale(1);
  }
  70% {
    background-color: #0000;
    transform: scale(4);
  }
  to {
    background-color: #0000;
    transform: scale(1);
  }
}
.DChPcW_circle {
  background: var(--black);
  width: 24px;
  height: 24px;
  color: var(--white);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 4px 0;
  display: flex;
}
.qaei9q_referralLinkContainer {
  background: var(--neutral-100);
  border-radius: 20px;
  grid-template-columns: 1fr auto;
  padding: 16px;
}
.qaei9q_referralLink {
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.O_GkEG_qrCode {
  justify-content: center;
  align-items: center;
  display: flex;
}
.k8iqjG_successDialog {
  max-width: var(--body-width);
}
._9URiQa_heading {
  background: linear-gradient(180deg, #ffbdff 0%, var(--white) 100%);
  position: relative;
}
@container style(--color-scheme:dark) {
  ._9URiQa_heading {
    background: linear-gradient(180deg, #76386c 0%, var(--white) 100%);
  }
}
._9URiQa_noReferralActivity {
  justify-content: center;
  display: flex;
}
._9URiQa_backButton {
  z-index: 2;
  position: relative;
  top: 18px;
  left: 8px;
}
._9URiQa_titleContainer {
  text-align: center;
  margin: 0 85px;
}
._9URiQa_referralCode {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
._9URiQa_cardsLeft,
._9URiQa_cardsRight {
  z-index: 1;
  position: absolute;
}
._9URiQa_cardsLeft {
  top: 0;
  left: 0;
}
._9URiQa_cardsRight {
  top: 56px;
  right: 0;
}
.-VvKFa_onboardingStep {
  text-align: center;
}
.-VvKFa_onboardingText {
  margin: 0 20px;
}
.-VvKFa_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(90deg, #a024ef 0%, #fdbb6c 100%);
  -webkit-background-clip: text;
  background-clip: text;
}
.-VvKFa_coverImage {
  objectfit: cover;
  width: calc(100% + 32px);
  position: relative;
  left: -16px;
}
.-VvKFa_progressCounter {
  position: relative;
}
.-VvKFa_progressCounterValue {
  position: absolute;
  top: 13px;
  left: 21px;
}
.-VvKFa_criteriaItem {
  background: var(--white);
  box-shadow: var(--elevation-200);
  border-radius: 16px;
  padding: 12px;
}
.-VvKFa_criteriaImage {
  background: var(--neutral-200);
  text-align: center;
  border-radius: 8px;
  width: 36px;
  height: 36px;
  padding: 8px;
}
.kxUctq_levelGradient {
  -webkit-text-fill-color: transparent;
  text-align: center;
  background: linear-gradient(90deg, #a024ef 0%, #fdbb6c 100%);
  -webkit-background-clip: text;
  background-clip: text;
  min-width: 48px;
  padding-inline: 8px;
}
.kxUctq_zerionOgGradient {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    80deg,
    #cd657f 7%,
    #8a6df1 34%,
    #71a1f3 62%,
    #3bb1ed 90%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
.t-SiTG_act {
  cursor: pointer;
  position: relative;
}
.t-SiTG_actBackdrop {
  border-radius: 12px;
  position: absolute;
  inset: 0;
}
.t-SiTG_actArrow {
  color: var(--neutral-400);
  position: absolute;
  top: 8px;
  right: 12px;
}
.t-SiTG_act:hover .t-SiTG_actArrow {
  color: var(--neutral-600);
}
.-awBFW_button {
  cursor: pointer;
  color: inherit;
  background: 0 0;
  border: none;
  padding: 0;
  transition: transform 0.1s;
}
.-awBFW_chevron {
  width: 20px;
  height: 20px;
  color: var(--neutral-500);
  transition: color 0.15s;
}
@media (hover: hover) {
  .-awBFW_button:hover .-awBFW_chevron {
    color: var(--neutral-800);
  }
}
.-awBFW_button:active {
  transform: scale(0.97);
}
.-awBFW_tooltip {
  background-color: var(--black);
  color: var(--white);
  box-shadow: var(--elevation-200);
  z-index: 10;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  display: flex;
}
.-awBFW_tooltipKbd {
  background-color: var(--neutral-700);
  color: var(--white);
  border-radius: 4px;
  padding: 1px 3px;
  font-size: 11px;
  line-height: 16px;
}
.NBZTlG_radio {
  cursor: pointer;
  border: 2px solid var(--neutral-200);
  background-color: #0000;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.NBZTlG_radio input[type='radio'] {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.NBZTlG_radio:has(input[type='radio']:checked) {
  border: 1px solid var(--primary);
}
._63EHGa_wrapper {
  padding: 0 16px 96px;
}
._63EHGa_footer {
  background: linear-gradient(to bottom, #fff0 0, var(--white) 16px);
  padding: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
._63EHGa_sortChipWrapper {
  display: flex;
}
._63EHGa_sortChip {
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  color: var(--black);
  border-radius: 16px;
  align-items: center;
  gap: 2px;
  padding: 4px 4px 4px 10px;
  transition:
    background-color 0.15s,
    border-color 0.15s;
  display: inline-flex;
}
._63EHGa_sortChip:hover {
  background-color: var(--neutral-100);
}
._63EHGa_sortChipChevron {
  width: 16px;
  height: 16px;
  color: var(--black);
  display: block;
}
._63EHGa_card {
  text-align: left;
  border: 2px solid var(--neutral-200);
  background-color: var(--white);
  border-radius: 24px;
  width: 100%;
  padding: 16px;
  transition:
    border-color 0.15s,
    box-shadow 0.2s,
    transform 0.1s;
  display: block;
}
._63EHGa_card:hover {
  border-color: var(--neutral-300);
}
._63EHGa_card:active {
  transform: scale(0.99);
}
._63EHGa_cardSelected {
  border-color: var(--primary);
  box-shadow: 0 4px 24px #00000014;
}
._63EHGa_cardSelected:hover {
  border-color: var(--primary);
}
._63EHGa_icon {
  object-fit: cover;
  border-radius: 6px;
  display: block;
}
._63EHGa_rankBadge {
  background-color: var(--neutral-200);
  width: 24px;
  height: 24px;
  color: var(--black);
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}
._63EHGa_rankBadgeSelected {
  background-color: var(--primary);
  color: var(--white);
}
._63EHGa_sortOptions {
  padding: 0 16px 16px;
}
._63EHGa_sortOption {
  background-color: var(--neutral-100);
  text-align: left;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  display: flex;
}
._63EHGa_sortOptionCheck {
  width: 20px;
  height: 20px;
  color: var(--primary);
  display: block;
}
.TF7cMW_container {
  background-color: var(--white);
  border: 2px solid var(--neutral-200);
  text-align: left;
  border-radius: 20px;
  width: 100%;
  padding: 16px;
  display: block;
  position: relative;
}
.TF7cMW_containerError {
  border-color: var(--negative-500);
}
.TF7cMW_triggerOverlay {
  border-radius: inherit;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.TF7cMW_contentLayer {
  pointer-events: none;
  position: relative;
}
.TF7cMW_headerRow {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.TF7cMW_valueRow {
  align-items: center;
  gap: 12px;
  display: flex;
}
.TF7cMW_chevron {
  width: 20px;
  height: 20px;
  color: var(--neutral-400);
  transition: color 0.15s;
  display: block;
}
.TF7cMW_container:hover .TF7cMW_chevron {
  color: var(--black);
}
.TF7cMW_actions {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  position: absolute;
  top: 10px;
  right: 0;
}
.TF7cMW_closeButton {
  color: var(--neutral-500);
  pointer-events: auto;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: color 0.15s;
  display: flex;
}
.TF7cMW_closeButton:hover {
  color: var(--black);
}
.TF7cMW_valueColumn {
  flex: 1;
  min-width: 0;
  padding-right: 36px;
  overflow: hidden;
}
.TF7cMW_addressRow {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  min-width: 0;
  display: grid;
}
.TF7cMW_addressHead {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.TF7cMW_addressTail {
  white-space: nowrap;
}
.PSbzNq_pillNeutral {
  background-color: var(--neutral-background, #f5f5f7);
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}
.PSbzNq_pillError {
  border: 1px solid var(--negative-300);
  background-image: linear-gradient(
    113deg,
    var(--negative-200) 0%,
    var(--negative-300) 100%
  );
  color: var(--negative-500);
  border-radius: 24px;
  padding: 12px 16px;
}
@keyframes FHtjnq_headerTransition {
  to {
    --progress: 1;
  }
}
.FHtjnq_headerContainer {
  animation-name: FHtjnq_headerTransition;
  animation-duration: 1ms;
  animation-fill-mode: both;
  animation-timeline: scroll();
  animation-range: 40px 50px;
  position: relative;
}
.FHtjnq_header {
  height: 40px;
  opacity: var(--progress);
  transform: translateY(calc((1 - var(--progress)) * 50%))
    scale(calc(0.5 + (var(--progress) * 0.5)));
  transition: --progress 0.15s linear;
  position: relative;
}
.FHtjnq_defaultHeader {
  opacity: calc(1 - var(--progress));
  transform-origin: 0 0;
  transform: translateY(calc((var(--progress)) * -100%));
  transition: --progress 0.15s linear;
  position: absolute;
  inset: 0 0 0 8px;
}
._1DllFG_scrollContainer {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow-x: auto;
}
._1DllFG_scrollContainer::-webkit-scrollbar {
  display: none;
}
.gzUlOa_amountFrame {
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 0;
  display: flex;
}
.gzUlOa_amountInputWrap {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  display: inline-flex;
  position: relative;
}
.gzUlOa_amountInput {
  font: inherit;
  color: var(--neutral-900);
  letter-spacing: -1px;
  background: 0 0;
  border: none;
  outline: none;
  min-width: 1ch;
  max-width: 100%;
  padding: 0;
  font-weight: 500;
  transition:
    font-size 0.15s,
    line-height 0.15s;
}
.gzUlOa_amountInput::placeholder {
  color: var(--neutral-500);
}
.gzUlOa_amountMirror {
  visibility: hidden;
  white-space: pre;
  pointer-events: none;
  letter-spacing: -1px;
  font-weight: 500;
  position: absolute;
  top: 0;
  left: 0;
}
.gzUlOa_amountLeadingSymbol {
  pointer-events: none;
  padding-right: 4px;
  font-weight: 500;
  transition:
    font-size 0.15s,
    line-height 0.15s,
    padding-top 0.15s,
    color 0.15s;
}
.gzUlOa_sideSelector {
  background-color: var(--neutral-100);
  border-radius: 12px;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 4px;
  display: grid;
}
.gzUlOa_sideButton {
  color: var(--neutral-700);
  cursor: pointer;
  background: 0 0;
  border: none;
  border-radius: 8px;
  padding: 12px 16px;
  font-size: 14px;
  font-weight: 600;
}
.gzUlOa_sideButton:hover {
  background-color: var(--neutral-200);
}
.gzUlOa_sideButtonLongActive {
  background-color: var(--positive-200);
  color: var(--positive-500);
}
.gzUlOa_sideButtonShortActive {
  background-color: var(--negative-200);
  color: var(--negative-500);
}
.gzUlOa_sideButtonLongActive:hover,
.gzUlOa_sideButtonShortActive:hover {
  filter: brightness(0.95);
}
.gzUlOa_percentRow {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  display: grid;
}
.gzUlOa_percentChip {
  background-color: var(--neutral-100);
  color: var(--neutral-800);
  cursor: pointer;
  text-align: center;
  border-radius: 8px;
  padding: 10px 0;
  font-size: 13px;
  font-weight: 500;
}
.gzUlOa_percentChip:hover {
  background-color: var(--neutral-200);
}
.gzUlOa_frameDivider {
  background-color: var(--neutral-100);
  width: 100%;
  height: 1px;
}
.gzUlOa_pnlChip {
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  padding: 6px 12px;
  display: inline-flex;
}
.gzUlOa_controlChip {
  background-color: var(--neutral-100);
  color: var(--neutral-800);
  cursor: pointer;
  font: inherit;
  border: none;
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  display: inline-flex;
}
.gzUlOa_controlChip:hover {
  background-color: var(--neutral-200);
}
.gzUlOa_controlGroupBody {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 16px;
}
.gzUlOa_controlGroupRow {
  text-align: left;
  width: 100%;
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: flex;
}
.gzUlOa_controlGroupRowLeft {
  flex-direction: column;
  flex: 1 1 0;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}
.gzUlOa_error {
  color: var(--negative-500);
}
.gzUlOa_slider {
  appearance: none;
  background-color: var(--neutral-200);
  border-radius: 2px;
  outline: none;
  width: 100%;
  height: 4px;
}
.gzUlOa_slider::-webkit-slider-thumb {
  appearance: none;
  background-color: var(--primary);
  cursor: pointer;
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  box-shadow: 0 1px 3px #0003;
}
.gzUlOa_slider::-moz-range-thumb {
  background-color: var(--primary);
  cursor: pointer;
  border: 2px solid var(--white);
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.gzUlOa_leverageChip {
  background-color: var(--neutral-100);
  color: var(--neutral-800);
  cursor: pointer;
  border: none;
  border-radius: 999px;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 600;
}
.gzUlOa_leverageChip:hover {
  background-color: var(--neutral-200);
}
.gzUlOa_leverageChipActive {
  background-color: var(--neutral-900);
  color: var(--white);
}
.gzUlOa_leverageChipActive:hover {
  background-color: var(--neutral-900);
}
.gzUlOa_autoCloseRow {
  background-color: var(--neutral-100);
  border-radius: 12px;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  display: flex;
}
.gzUlOa_autoCloseUnit {
  color: var(--neutral-600);
  font-size: 14px;
  font-weight: 500;
}
.gzUlOa_autoCloseInput {
  color: var(--neutral-900);
  background: 0 0;
  border: none;
  outline: none;
  flex: 1;
  font-size: 16px;
}
.gzUlOa_autoCloseFooter {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}
.gzUlOa_absoluteFooter {
  bottom: var(--technical-panel-bottom-height, 0px);
  width: var(--body-width);
  max-width: var(--body-max-width);
  background-color: var(--light-background-transparent);
  backdrop-filter: blur(16px);
  z-index: 2;
  padding-inline: 16px;
  position: fixed;
  left: 50%;
  transform: translate(-50%);
}
.dp7Iiq_amountInput {
  width: 100%;
  font: inherit;
  color: var(--neutral-900);
  text-align: end;
  text-overflow: ellipsis;
  background: 0 0;
  border: none;
  outline: none;
  padding: 0;
}
.dp7Iiq_amountInput::placeholder {
  color: var(--neutral-400);
}
.dp7Iiq_maxButton {
  background-color: var(--neutral-200);
  color: var(--neutral-800);
  cursor: pointer;
  border-radius: 8px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
}
.dp7Iiq_maxButton:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.dp7Iiq_maxButton:not(:disabled):hover {
  background-color: var(--neutral-300);
}
.dp7Iiq_amountFieldset {
  background: var(--z-index-1);
  box-sizing: border-box;
  border: none;
  border-radius: 24px;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 16px;
  box-shadow: 0 4px 24px #00000014;
}
.dp7Iiq_absoluteFooter {
  bottom: var(--technical-panel-bottom-height, 0px);
  width: var(--body-width);
  max-width: var(--body-max-width);
  background-color: var(--light-background-transparent);
  backdrop-filter: blur(16px);
  padding-inline: 16px;
  position: fixed;
  left: 50%;
  transform: translate(-50%);
}
.dp7Iiq_destinationCard {
  background-color: var(--white);
  border: 2px solid var(--neutral-200);
  text-align: left;
  border-radius: 20px;
  width: 100%;
  padding: 12px 12px 16px 16px;
  display: block;
  position: relative;
}
.dp7Iiq_destinationRow {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}
.dp7Iiq_destinationLabel {
  flex-shrink: 0;
}
.dp7Iiq_destinationName {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.dp7Iiq_destinationAddressRow {
  grid-template-columns: auto minmax(min-content, 1fr);
  justify-content: start;
  align-items: center;
  min-width: 0;
  display: grid;
}
.dp7Iiq_destinationAddressHead {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.dp7Iiq_destinationAddressTail {
  white-space: nowrap;
}
.dp7Iiq_error {
  color: var(--negative-500);
}
.dp7Iiq_skeleton {
  background-color: var(--neutral-100);
  border-radius: 6px;
}
.NQ_r6G_root {
  flex-direction: column;
  flex: 1;
  align-content: start;
  gap: 24px;
  padding-bottom: 112px;
  display: flex;
  position: relative;
}
.NQ_r6G_formContainer {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.NQ_r6G_inputCard {
  background: var(--z-index-1);
  border-radius: 24px;
  box-shadow: 0 4px 24px #00000014;
}
.NQ_r6G_outputCard {
  background-color: var(--frame-background-color);
  border: 2px solid var(--neutral-200);
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}
.NQ_r6G_outputIconWrapper {
  width: 32px;
  height: 32px;
  position: relative;
}
.NQ_r6G_disclosure {
  text-align: center;
  padding: 0 20px;
}
.NQ_r6G_absoluteFooter {
  background-color: var(--background);
  padding-top: 8px;
  position: sticky;
  bottom: 0;
}
.NQ_r6G_skeleton {
  background-color: var(--neutral-100);
  border-radius: 6px;
}
.NQ_r6G_skeletonCircle {
  background-color: var(--neutral-100);
  border-radius: 50%;
}
.NQ_r6G_skeletonButton {
  background-color: var(--neutral-100);
  border-radius: 16px;
  width: 100%;
  height: 52px;
}
.ywOTWG_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    80deg,
    #cd657f 7.13%,
    #8a6df1 34.59%,
    #71a1f3 62.04%,
    #3bb1ed 90.33%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
.ywOTWG_radio {
  cursor: pointer;
  border: 2px solid var(--neutral-200);
  border-radius: 12px;
  padding: 10px;
  position: relative;
}
.ywOTWG_radio input[type='radio'] {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.ywOTWG_radio:has(input[type='radio']:checked) {
  border: 1px solid var(--primary);
  color: var(--primary);
  padding: 11px;
}
.ywOTWG_bestRateBadge {
  background-color: var(--black);
  letter-spacing: 0.2px;
  color: var(--white);
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 8px;
  line-height: 12px;
  position: absolute;
  top: -7px;
  right: -1px;
}
.ywOTWG_radio:has(input[type='radio']:checked) .ywOTWG_bestRateBadge {
  background-color: var(--primary);
  top: -6px;
  right: 0;
}
.ywOTWG_iconLoading {
  animation: 2s ease-in-out infinite ywOTWG_flicker;
}
@keyframes ywOTWG_flicker {
  0%,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
@property --countdown-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
.ywOTWG_iconCountdown:before {
  content: '';
  animation: ywOTWG_countdown-border var(--countdown-duration) linear forwards
    infinite;
  background: conic-gradient(
    var(--neutral-400) 0deg,
    var(--neutral-400) var(--countdown-angle),
    transparent var(--countdown-angle),
    transparent 360deg
  );
  border-radius: 6px;
  position: absolute;
  inset: -2px;
}
@keyframes ywOTWG_countdown-border {
  0% {
    --countdown-angle: 0deg;
  }
  to {
    --countdown-angle: 360deg;
  }
}
._9OIrfG_reverseButton {
  background-color: var(--neutral-100);
  border: 4px solid var(--background);
  z-index: 1;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: absolute;
  bottom: -22px;
  left: calc(50% - 20px);
}
@media (hover: hover) {
  ._9OIrfG_reverseButton:hover {
    box-shadow: 0 0 0px 1px var(--neutral-400) inset;
  }
}
._9OIrfG_arcParent {
  position: relative;
}
._9OIrfG_bottomArc,
._9OIrfG_topArc {
  opacity: 0;
}
@media (hover: hover) {
  ._9OIrfG_arcParent:hover ._9OIrfG_bottomArc,
  ._9OIrfG_arcParent:hover ._9OIrfG_topArc {
    opacity: 1;
  }
}
._9OIrfG_gradientText {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(
    80deg,
    #cd657f 7.13%,
    #8a6df1 34.59%,
    #71a1f3 62.04%,
    #3bb1ed 90.33%
  );
  -webkit-background-clip: text;
  background-clip: text;
}
@keyframes GqnE9W_spin {
  0% {
    opacity: 1;
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(90deg);
  }
  40% {
    animation-timing-function: ease-in;
    transform: perspective(400px) rotateY(-20deg);
  }
  60% {
    opacity: 1;
    transform: perspective(400px) rotateY(10deg);
  }
  80% {
    transform: perspective(400px) rotateY(-5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.GqnE9W_reverseButton {
  border: 3px solid var(--neutral-100);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}
.GqnE9W_spinArrow {
  transform-origin: 50%;
  color: var(--neutral-500);
}
.GqnE9W_reverseButton:active .GqnE9W_spinArrow {
  animation: 0.6s GqnE9W_spin;
}
._2J5b_W_networkSelect {
  background-color: var(--neutral-100);
  border: 1px solid var(--neutral-100);
  border-radius: 8px;
  padding: 6px 16px;
}
@media (hover: hover) {
  ._2J5b_W_networkSelect:hover {
    border: 1px solid var(--neutral-400);
  }
}
.foIVjq_radio {
  cursor: pointer;
  border: 1px solid var(--neutral-200);
  border-radius: 12px;
  padding: 12px;
  position: relative;
}
.foIVjq_radio input[type='radio'] {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.foIVjq_radio:has(input[type='radio']:checked) {
  border: 1px solid var(--primary);
  color: var(--primary);
  padding: 12px;
}
.hzDabG_container {
  background-color: var(--neutral-100);
  border: 1px solid var(--neutral-100);
  border-radius: 16px;
}
@media (hover: hover) {
  .hzDabG_container:hover {
    border: 1px solid var(--neutral-400);
  }
}

form {
  margin-bottom: 0
}