/*! CSS Used from: Embedded */
html {
  text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  margin: 0px;
}

.css-175oi2r {
  align-items: stretch;
  background-color: rgba(0, 0, 0, 0);
  border: 0px solid rgb(255, 255, 255);
  box-sizing: border-box;
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  flex-shrink: 0;
  list-style: none;
  margin: 0px;
  min-height: 0px;
  min-width: 0px;
  padding: 0px;
  position: relative;
  text-decoration: none;
  z-index: 0;
}

.css-9pa8cd {
  inset: 0px;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
}

.css-11aywtz {
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0px;
  border: 0px solid black;
  box-sizing: border-box;
  font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  margin: 0px;
  padding: 0px;
  resize: none;
}

.css-146c3p1 {
  background-color: rgba(0, 0, 0, 0);
  border: 0px solid black;
  box-sizing: border-box;
  color: rgb(0, 0, 0);
  display: inline;
  font: 14px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  list-style: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  text-align: start;
  text-decoration: none;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.r-1udh08x {
  overflow: hidden;
}

.r-1p0dtai {
  bottom: 0px;
}

.r-1d2f490 {
  left: 0px;
}

.r-u8s1d {
  position: absolute;
}

.r-zchlnj {
  right: 0px;
}

.r-ipm5af {
  top: 0px;
}

.r-1mlwlqe {
  flex-basis: auto;
}

.r-417010 {
  z-index: 0;
}

.r-1niwhzg {
  background-color: rgba(0, 0, 0, 0);
}

.r-vvn4in {
  background-position: center center;
}

.r-u6sd8q {
  background-repeat: no-repeat;
}

.r-1pi2tsx {
  height: 100%;
}

.r-13qz1uu {
  width: 100%;
}

.r-1wyyakw {
  z-index: -1;
}

.r-ehq7j7 {
  background-size: contain;
}

.r-6taxm2::placeholder {
  color: var(--placeholderTextColor);
  opacity: 1;
}

/*! CSS Used from: Embedded */
* {
  font-family: Basel, sans-serif;
  box-sizing: border-box;
}

body,
html {
  margin: 0;
  padding: 0;
}

@media (min-width:768px) {
  html {
    overflow-x: hidden;
  }
}

button {
  user-select: none;
}

html {
  font-size: 16px;
  font-weight: 485;
  font-variant: none;
  font-smooth: always;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

#root,
body,
html {
  min-height: 100%;
}

@media (prefers-color-scheme:dark) {
  html {
    background: linear-gradient(#131313 0, #131313 100%);
  }
}

@media (prefers-color-scheme:light) {
  html {
    background: radial-gradient(100% 100% at 50% 0, rgba(255, 184, 226, 0) 0, rgba(255, 255, 255, 0) 100%), #fff;
  }
}

/*! CSS Used from: https://app.uniswap.org/static/css/8211.a6eb3779.css */
:root {
  --reach-dialog: 1;
}

:root {
  --rgw6ez0: var(--genie-colors-neutral1);
  --rgw6ez1: var(--genie-colors-neutral2);
  --rgw6ez2: var(--genie-colors-neutral3);
  --rgw6ez3: var(--genie-colors-surface1);
  --rgw6ez4: var(--genie-colors-surface2);
  --rgw6ez5: var(--genie-colors-surface3);
  --rgw6ez6: var(--genie-colors-surface4);
  --rgw6ez7: var(--genie-colors-surface5);
  --rgw6ez8: var(--genie-colors-accent1);
  --rgw6ez9: var(--genie-colors-accent2);
  --rgw6eza: #40b66b;
  --rgw6ezb: #ff5f52;
  --rgw6ezc: var(--genie-colors-scrim);
  --rgw6ezd: #fff;
  --rgw6eze: var(--genie-colors-deprecated_accentFailureSoft);
  --rgw6ezf: var(--genie-colors-deprecated_gold);
  --rgw6ezg: var(--genie-colors-deprecated_violet);
  --rgw6ezh: var(--genie-colors-deprecated_modalBackdrop);
  --rgw6ezi: var(--genie-colors-deprecated_stateOverlayHover);
  --rgw6ezj: var(--genie-colors-dropShadow);
  --rgw6ezk: linear-gradient(270deg, #d1d5db, #f6f6f6);
  --rgw6ezl: #24272e;
  --rgw6ezm: rgba(0, 0, 0, .1) 0px 4px 12px;
  --rgw6ezn: #209853;
  --rgw6ezo: #fa2c38;
  --rgw6ezp: #000;
  --rgw6ezq: #f5f5f5;
  --rgw6ezr: #cbcedc;
  --rgw6ezs: #7f7f7f;
  --rgw6ezt: transparent;
  --rgw6ezu: none;
  --rgw6ezv: #4c82fb;
  --rgw6ezw: #adbcff30;
  --rgw6ezx: #fb118e;
  --rgw6ezy: #530f10;
  --rgw6ezz: #fa2c38;
  --rgw6ez10: #fd766b;
  --rgw6ez11: #eeb317;
  --rgw6ez12: #b17900;
  --rgw6ez13: #5cfe9d;
  --rgw6ez14: #40b66b;
  --rgw6ez15: #1a9550;
  --rgw6ez16: #bdb8fa;
  --rgw6ez17: #7a7beb;
  --rgw6ez18: #f5f6fc;
  --rgw6ez19: #e8ecfb;
  --rgw6ez1a: #d2d9ee;
  --rgw6ez1b: #b8c0dc;
  --rgw6ez1c: #a6afca;
  --rgw6ez1d: #98a1c0;
  --rgw6ez1e: #888fab;
  --rgw6ez1f: #7780a0;
  --rgw6ez1g: #6b7594;
  --rgw6ez1h: #5d6785;
  --rgw6ez1i: #505a78;
  --rgw6ez1j: #404a67;
  --rgw6ez1k: #333d59;
  --rgw6ez1l: #293249;
  --rgw6ez1m: #1b2236;
  --rgw6ez1n: #131a2a;
  --rgw6ez1o: #0e1524;
  --rgw6ez1p: #0d111c;
  --rgw6ez1q: #080b11;
  --rgw6ez1r: hsla(0, 0%, 100%, .12);
  --rgw6ez1s: rgba(153, 161, 189, .24);
  --rgw6ez1t: #99a1bd14;
  --rgw6ez1u: #311c31;
  --rgw6ez1v: #fc72ff;
  --rgw6ez1w: #fff;
  --rgw6ez1x: #9b9b9b;
  --rgw6ez1y: #5e5e5e;
  --rgw6ez1z: #131313;
  --rgw6ez20: #1b1b1b;
  --rgw6ez21: #ffffff1f;
  --rgw6ez22: #ffffff33;
  --rgw6ez23: #00000004;
  --rgw6ez24: #fc72ff;
  --rgw6ez25: #311c31;
  --rgw6ez26: #222;
  --rgw6ez27: #7d7d7d;
  --rgw6ez28: #cecece;
  --rgw6ez29: #fff;
  --rgw6ez2a: #f9f9f9;
  --rgw6ez2b: #2222220d;
  --rgw6ez2c: #ffffffa3;
  --rgw6ez2d: #0000000a;
  --rgw6ez2e: #fc72ff;
  --rgw6ez2f: #ffefff;
  --rgw6ez2g: 1.5px solid rgba(0, 0, 0, .1);
  --rgw6ez2h: none;
  --rgw6ez2i: 0px;
  --rgw6ez2j: 4px;
  --rgw6ez2k: 8px;
  --rgw6ez2l: 10px;
  --rgw6ez2m: 12px;
  --rgw6ez2n: 14px;
  --rgw6ez2o: 16px;
  --rgw6ez2p: 20px;
  --rgw6ez2q: 30px;
  --rgw6ez2r: 40px;
  --rgw6ez2s: 100px;
  --rgw6ez2t: 16px;
  --rgw6ez2u: 24px;
  --rgw6ez2v: 9999px;
  --rgw6ez2w: 0;
  --rgw6ez2x: 10px;
  --rgw6ez2y: 12px;
  --rgw6ez2z: 14px;
  --rgw6ez30: 16px;
  --rgw6ez31: 20px;
  --rgw6ez32: 24px;
  --rgw6ez33: 28px;
  --rgw6ez34: 34px;
  --rgw6ez35: 36px;
  --rgw6ez36: 40px;
  --rgw6ez37: 48px;
  --rgw6ez38: 60px;
  --rgw6ez39: 96px;
  --rgw6ez3a: 1px;
  --rgw6ez3b: 12px;
  --rgw6ez3c: 14px;
  --rgw6ez3d: 16px;
  --rgw6ez3e: 20px;
  --rgw6ez3f: 24px;
  --rgw6ez3g: 28px;
  --rgw6ez3h: 36px;
  --rgw6ez3i: 44px;
  --rgw6ez3j: auto;
  --rgw6ez3k: 485;
  --rgw6ez3l: 535;
  --rgw6ez3m: 125ms;
  --rgw6ez3n: 250ms;
  --rgw6ez3o: 500ms;
  --rgw6ez3p: Inter, sans-serif;
  --rgw6ez3q: Adieu, sans-serif;
}

/*! CSS Used from: https://app.uniswap.org/static/css/main.49ff895c.css */
.text-wrap-pretty {
  text-wrap: pretty;
}

.text-decoration-none {
  text-decoration: none;
}

@media screen and (max-width:864px) {
  :root:root:root .connect-with-us-layout {
    display: flex;
    flex-direction: column;
  }
}

/*! CSS Used from: Embedded */
.dKubqp {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
}

.elbZCm {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  width: 100%;
}

.iATsoa {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  flex: 1 1 0%;
}

.dPHgzX {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.dgfARU {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 16px;
}

.wLdwT {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 8px;
}

.ipHbpn {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 12px;
  flex: 1 1 0%;
}

.dgfCxI {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 12px;
}

.Nnuod {
  width: 100%;
  -webkit-box-align: center;
  align-items: center;
}

.cRFktz {
  display: grid;
  grid-auto-rows: auto;
  row-gap: 20px;
}

html {
  color: rgb(34, 34, 34);
  background-color: rgb(255, 255, 255) !important;
}

a {
  color: rgb(252, 114, 255);
}

:root {
  --genie-colors-neutral1: var(--rgw6ez26);
  --genie-colors-neutral2: var(--rgw6ez27);
  --genie-colors-neutral3: var(--rgw6ez28);
  --genie-colors-surface1: var(--rgw6ez29);
  --genie-colors-surface2: var(--rgw6ez2a);
  --genie-colors-surface3: var(--rgw6ez2b);
  --genie-colors-surface4: var(--rgw6ez2c);
  --genie-colors-surface5: var(--rgw6ez2d);
  --genie-colors-accent1: var(--rgw6ez2e);
  --genie-colors-accent2: var(--rgw6ez2f);
  --genie-colors-scrim: rgba(0, 0, 0, 0.60);
  --genie-colors-success: var(--rgw6eza);
  --genie-colors-critical: var(--rgw6ezb);
  --genie-colors-white: #FFFFFF;
  --genie-colors-deprecated_accentFailureSoft: rgba(250, 43, 57, 0.12);
  --genie-colors-deprecated_modalBackdrop: rgba(0, 0, 0, 0.3);
  --genie-colors-deprecated_stateOverlayHover: rgba(153, 161, 189, 0.08);
  --genie-colors-deprecated_gold: var(--rgw6ez12);
  --genie-colors-deprecated_violet: var(--rgw6ez17);
  --genie-colors-dropShadow: 0px 4px 16px rgba(251, 17, 142, 0.4);
  --genie-shadows-menu: 0px 10px 30px rgba(0, 0, 0, 0.1);
  --genie-shadows-elevation: 0px 4px 16px rgba(70, 115, 250, 0.4);
  --genie-shadows-tooltip: 0px 4px 16px rgba(10, 10, 59, 0.2);
  --genie-shadows-deep: 8px 12px 20px rgba(51, 53, 72, 0.04), 4px 6px 12px rgba(51, 53, 72, 0.02), 4px 4px 8px rgba(51, 53, 72, 0.04);
  --genie-shadows-shallow: 4px 4px 10px rgba(0, 0, 0, 0.24), 2px 2px 4px rgba(0, 0, 0, 0.12), 1px 2px 2px rgba(0, 0, 0, 0.12);
  --genie-opacity-hover: 0.6;
  --genie-opacity-pressed: 0.4;
}

.kMddCm {
  color: rgb(125, 125, 125);
  letter-spacing: -0.01em;
}

.lboqwf {
  text-decoration: none;
  cursor: pointer;
  transition-duration: 125ms;
  color: rgb(252, 114, 255);
  stroke: rgb(252, 114, 255);
  font-weight: 500;
}

.lboqwf:hover {
  opacity: 0.6;
}

.lboqwf:active {
  opacity: 0.4;
}

.hWMHyt {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  top: 0px;
  left: 0px;
}

.WObup {
  color: rgb(64, 182, 107);
}

.dqLems {
  color: rgb(255, 95, 82);
}

.gIQzrB {
  width: 100%;
  display: flex;
  padding: 0px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.fSICVA {
  width: 100%;
  display: flex;
  padding: 0px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.gAYdcR {
  width: 100%;
  display: flex;
  padding: 0px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 4px;
}

.yRYKK {
  width: 100%;
  display: flex;
  padding: 0px;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: start;
  justify-content: flex-start;
  gap: 12px;
}

.leagPA {
  width: 100%;
  display: flex;
  padding: 0px;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}

.dWtkHQ {
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.hrwTxF {
  display: inline-flex;
  opacity: 0;
  animation-name: kIUZjQ;
  animation-fill-mode: forwards;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 0ms;
}

.bGmAKQ {
  display: inline-flex;
  opacity: 0;
  animation-name: kIUZjQ;
  animation-fill-mode: forwards;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 100ms;
}

.hfVXeW {
  display: inline-flex;
  opacity: 0;
  animation-name: kIUZjQ;
  animation-fill-mode: forwards;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 300ms;
}

.bHmZBs {
  display: flex;
  width: 100%;
  flex: 0 0 auto;
  -webkit-box-pack: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  animation-name: kIUZjQ;
  animation-fill-mode: forwards;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 400ms;
}

.bHmZBn {
  display: flex;
  width: 100%;
  flex: 0 0 auto;
  -webkit-box-pack: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  animation-name: kIUZjQ;
  animation-fill-mode: forwards;
  animation-duration: 1000ms;
  animation-iteration-count: 1;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-delay: 300ms;
}

.elTgMv {
  display: flex;
  flex-flow: row;
  -webkit-box-align: center;
  align-items: center;
}

.eOmetr {
  -webkit-box-align: center;
  align-items: center;
  background-color: unset;
  border: none;
  cursor: pointer;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  opacity: 1;
  padding: 18px;
  transition: 125ms;
}

.bqQEvW {
  display: flex;
  flex-flow: row;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: rgb(34, 34, 34);
  font-size: 16px;
  font-weight: 535;
  padding: 0px 8px;
}

.emjNTm {
  display: flex;
  flex-flow: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.emjNTm img {
  border: 1px solid rgba(34, 34, 34, 0.07);
  border-radius: 12px;
}

.emjNTm>img {
  height: 40px;
  width: 40px;
}

@media (max-width: 960px) {
  .emjNTm {
    align-items: flex-end;
  }
}

.llqqNr {
  -webkit-box-align: stretch;
  align-items: stretch;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  position: relative;
  width: 100%;
  background-color: rgb(249, 249, 249);
}

.llqqNr:hover {
  cursor: pointer;
  background-color: rgba(34, 34, 34, 0.07);
}

.llqqNr:focus {
  background-color: rgba(34, 34, 34, 0.07);
}

.cQkuAw {
  font-weight: 535;
  color: rgb(125, 125, 125);
}

.cHurIB {
  max-height: 72px;
  width: 100%;
  background: rgb(255, 255, 255);
  border-radius: 16px;
  position: relative;
}

.euXzkR {
  background: url("https://app.uniswap.org/images/extension_promo/background_connector.png") 0% 0% / cover no-repeat;
  opacity: 1;
  max-height: 72px;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 0;
  transition: opacity 125ms ease-in-out;
}

.kNmauG {
  padding: 16px;
  gap: 12px;
  border-radius: 16px;
  overflow: hidden;
  max-height: 72px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.kNmauG:hover {
  background: rgba(34, 34, 34, 0.07);
}

.hiFGyS {
  padding: 16px;
  gap: 12px;
  border-radius: 16px;
  overflow: hidden;
  max-height: 72px;
  -webkit-box-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  position: relative;
  z-index: 1;
  background: rgb(249, 249, 249);
}

.hiFGyS:hover {
  background: rgba(34, 34, 34, 0.07);
}

.jzyDRF {
  height: 40px;
  width: 40px;
  border-radius: 10px;
  filter: drop-shadow(rgba(255, 117, 249, 0.24) 0px 1.179px 3.537px);
}

.GDjZv {
  display: flex;
  flex-flow: column;
  background-color: rgb(255, 255, 255);
  width: 100%;
  padding: 0px 16px 20px;
  flex: 1 1 0%;
  gap: 16px;
}

.kvRWQu {
  display: grid;
  flex: 1 1 0%;
  gap: 2px;
  border-radius: 12px;
  overflow: hidden;
  opacity: 1;
  max-height: 100vh;
  transition: max-height 125ms ease-in-out, opacity 125ms ease-in-out;
}

@media (max-width: 960px) {
  .kvRWQu {
    grid-template-columns: 1fr;
  }
}

.gnweee {
  padding: 0px 4px;
}

.knzDSV {
  height: 1px;
  width: 100%;
  background: rgba(34, 34, 34, 0.07);
}

.hznsgH {
  height: 20px;
  width: 20px;
  fill: rgb(125, 125, 125);
  flex-shrink: 0;
}

.hmgfFS {
  width: 100%;
  height: 100%;
}

.cWORmG {
  display: flex;
  flex-flow: row;
  -webkit-box-align: center;
  align-items: center;
  background-color: rgb(255, 239, 255);
  border-radius: 9999px;
  border: none;
  padding: 0px;
  height: 40px;
  color: rgb(252, 114, 255);
  transition: color 125ms ease-in;
}

.cWORmG:hover {
  color: rgb(252, 114, 255);
  stroke: rgb(255, 239, 255);
  background-color: rgb(255, 231, 255);
}

.jbZeJD {
  background-color: transparent;
  border: none;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  cursor: pointer;
  font-weight: 535;
  font-size: 16px;
  padding: 10px 12px;
  color: inherit;
}

.hQEEaU {
  z-index: 1040;
  overflow: hidden;
  top: 0px;
  left: 0px;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
}

@media only screen and (max-width: 640px) {
  .hQEEaU {
    opacity: 0;
    pointer-events: none;
    transition: opacity 250ms ease-in-out;
  }
}

.epaJDr {
  overflow: hidden auto;
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 34, 34, 0.07) transparent;
  height: 100%;
  overscroll-behavior: contain;
  border-radius: 12px;
}

.epaJDr::-webkit-scrollbar {
  background: transparent;
  width: 4px;
  overflow-y: scroll;
}

.epaJDr::-webkit-scrollbar-thumb {
  background: rgba(34, 34, 34, 0.07);
  border-radius: 8px;
}

.ewQuTP {
  display: flex;
  flex-direction: row;
  position: fixed;
  z-index: 1030;
  max-height: calc(100% - 88px);
  right: 12px;
  top: 72px;
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 34, 34, 0.07) transparent;
  height: 100%;
}

.ewQuTP::-webkit-scrollbar {
  background: transparent;
  width: 4px;
  overflow-y: scroll;
}

.ewQuTP::-webkit-scrollbar-thumb {
  background: rgba(34, 34, 34, 0.07);
  border-radius: 8px;
}

@media only screen and (max-width: 640px) {
  .ewQuTP {
    height: 100%;
    top: 100%;
    left: 0px;
    right: 0px;
    width: 100%;
    overflow: visible;
  }
}

.kruBEK {
  margin-right: -368px;
  overflow: hidden auto;
  font-size: 16px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(34, 34, 34, 0.07);
  box-shadow: rgba(51, 53, 72, 0.04) 8px 12px 20px, rgba(51, 53, 72, 0.02) 4px 6px 12px, rgba(51, 53, 72, 0.04) 4px 4px 8px;
  scrollbar-width: thin;
  scrollbar-color: rgba(34, 34, 34, 0.07) transparent;
  height: max-content;
  max-height: 100%;
  width: 368px;
  max-width: 368px;
  border-radius: 20px;
  transform: scale(0.96);
  transform-origin: right top;
  opacity: 0;
  transition: transform 125ms ease-in-out, opacity 125ms ease-in-out;
}

@media only screen and (max-width: 640px) {
  .kruBEK {
    z-index: 1060;
    position: absolute;
    margin-right: 0px;
    top: 0px;
    height: calc(100% - 72px);
    width: 100%;
    max-width: 100%;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: unset;
    transition: top 250ms;
  }
}

@media screen and (min-width: 1440px) {
  .kruBEK {
    margin-right: -390px;
    width: 390px;
    max-width: 390px;
  }
}

.kruBEK::-webkit-scrollbar {
  background: transparent;
  width: 4px;
  overflow-y: scroll;
}

.kruBEK::-webkit-scrollbar-thumb {
  background: rgba(34, 34, 34, 0.07);
  border-radius: 8px;
}

.fDPyRl {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  border: none;
  cursor: pointer;
  transition: 250ms;
  z-index: 1;
  background-color: transparent;
  color: rgb(125, 125, 125);
  border-radius: 50%;
}

.fDPyRl:hover {
  background-color: rgb(245, 245, 245);
}

.gQesIw {
  position: relative;
  cursor: auto;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.jiESjF {
  flex: 0 1 0%;
  fill: rgb(34, 34, 34);
  cursor: pointer;
  transition: fill 0.2s;
}

.jiESjF:hover {
  fill: rgb(0, 195, 43);
}

.jxDJlM {
  flex: 0 1 0%;
  fill: rgb(34, 34, 34);
  cursor: pointer;
  transition: fill 0.2s;
}

.jxDJlM:hover {
  fill: rgb(32, 186, 255);
}

.jfbLfq {
  flex: 0 1 0%;
  fill: rgb(34, 34, 34);
  cursor: pointer;
  transition: fill 0.2s;
}

.jfbLfq:hover {
  fill: rgb(95, 81, 255);
}

.YPaNw {
  height: 100%;
  color: rgb(125, 125, 125);
}

.jZCVnm {
  position: relative;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 4px;
  padding: 8px;
  cursor: pointer;
}

.jZCVnm:hover .sc-giVogm {
  color: rgb(34, 34, 34) !important;
}

.klxvgY {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 4px;
}

.fGuaFA {
  position: relative;
}

.fyajNb {
  display: grid;
  grid-template: "input" "dropdown" 1fr / 1fr;
  max-height: calc(-30px + 100vh);
  z-index: 1000;
}

.kOcBOi {
  background-color: rgba(34, 34, 34, 0.07);
  color: rgb(125, 125, 125);
  padding: 0px 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 535;
  line-height: 16px;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  opacity: 0.6;
  backdrop-filter: blur(60px);
}

.pbpaB {
  grid-area: input;
  background-color: rgb(249, 249, 249);
  border: 1px solid rgba(34, 34, 34, 0.07);
  min-width: 280px;
  max-width: 400px;
  width: 100vw;
  padding: 8px 16px;
  border-radius: 20px;
  height: 40px;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  gap: 4px;
}

.pbpaB:hover {
  background-color: rgb(245, 245, 245);
}

@media screen and (max-width: 396px) {
  .pbpaB {
    border: none;
  }
}

.fSRkyE {
  width: 20px;
  height: 20px;
}

.bKAGDB {
  position: relative;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.bKAGDB:hover {
  color: rgb(34, 34, 34) !important;
}

.leaGkr {
  padding: 0px 12px;
  width: 100%;
  height: 72px;
  z-index: 1020;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}

.hrtYJ {
  width: 100%;
  display: flex;
  flex-direction: row;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
}

.iOnyZB {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 12px;
}

@media screen and (max-width: 640px) {
  .iOnyZB {
    gap: 4px;
  }
}

.izSvNx {
  -webkit-box-pack: end;
  justify-content: flex-end;
  gap: 12px;
}

@media screen and (max-width: 640px) {
  .izSvNx {
    gap: 4px;
  }
}

.kfLtHA {
  display: flex;
  flex: 1 1 0%;
  -webkit-box-pack: center;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  height: 42px;
}

.iyzrLj {
  grid-area: header;
  width: 100vw;
  position: sticky;
  top: 0px;
  z-index: 1020;
  pointer-events: none;
}

.iyzrLj>* {
  pointer-events: auto;
}

.kHGiVi {
  position: relative;
  z-index: 1020;
}

.NvKYm {
  width: 100%;
  transition: transform 500ms;
}

.cvSWUn {
  min-height: 100vh;
  max-width: 100vw;
  display: grid;
  grid-template: "header" "main" "mobile-bar" 1fr / 1fr;
}

.hLINkU {
  grid-area: main;
  width: 100vw;
  min-height: 100%;
  max-width: 1200px;
  display: flex;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  flex: 1 1 0%;
  position: relative;
  margin: auto;
}

@media screen and (max-width: 640px) {
  .hLINkU {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.ibJUlU {
  position: fixed;
  max-width: 348px;
  width: 100%;
  z-index: 1030;
  transition: top 500ms ease-in-out;
}

.gTQKSM {
  position: relative;
  display: flex;
  flex: 0 1 0%;
  min-height: 52px;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 1024px) {
  .gTQKSM {
    min-height: 40px;
  }
}

@media (max-width: 768px) {
  .gTQKSM {
    min-height: 32px;
  }
}

.bsZiPU {
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Basel;
  font-size: 52px;
  font-style: normal;
  font-weight: 500;
  color: rgb(34, 34, 34);
  line-height: 52px;
}

@media (max-width: 1280px) {
  .bsZiPU {
    font-size: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1050px) {
  .bsZiPU {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 850px) {
  .bsZiPU {
    font-size: 28px;
    line-height: 28px;
  }
}

@media (max-width: 396px) {
  .bsZiPU {
    font-size: 22px;
    line-height: 22px;
  }
}

.bezyjY {
  font-variant-numeric: lining-nums tabular-nums;
  font-family: Basel;
  font-size: 52px;
  font-style: normal;
  font-weight: 500;
  color: rgb(64, 182, 107);
  line-height: 52px;
}

@media (max-width: 1280px) {
  .bezyjY {
    font-size: 40px;
    line-height: 40px;
  }
}

@media (max-width: 1050px) {
  .bezyjY {
    font-size: 32px;
    line-height: 32px;
  }
}

@media (max-width: 850px) {
  .bezyjY {
    font-size: 28px;
    line-height: 28px;
  }
}

@media (max-width: 396px) {
  .bezyjY {
    font-size: 22px;
    line-height: 22px;
  }
}

.jAixtv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  max-height: 230px;
  padding: 32px;
  background-color: rgb(249, 249, 249);
  overflow: hidden;
  background-image: radial-gradient(rgba(125, 125, 125, 0.25) 0.5px, transparent 0px);
  background-size: 12px 12px;
  background-position: -8.5px -8.5px;
}

@media (max-width: 1024px) {
  .jAixtv {
    padding: 24px;
  }
}

.cXdxPB {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  -webkit-box-pack: justify;
  justify-content: space-between;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  max-height: 230px;
  padding: 32px;
  background-color: rgba(47, 186, 97, 0.04);
  overflow: hidden;
  background-image: radial-gradient(rgba(125, 125, 125, 0.25) 0.5px, transparent 0px);
  background-size: 12px 12px;
  background-position: -8.5px -8.5px;
}

@media (max-width: 1024px) {
  .cXdxPB {
    padding: 24px;
  }
}

.fkFDip {
  pointer-events: none;
  flex-direction: column;
  color: rgb(125, 125, 125);
}

.inryoN {
  display: none;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(64, 182, 107);
  animation-name: hbrBiY;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.dYkxZq {
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgb(64, 182, 107);
  animation-name: hbrBiY;
  animation-fill-mode: forwards;
  animation-direction: alternate;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

.beNsCo {
  padding: 0px;
  margin: 0px;
  font-family: Basel;
  font-size: 24px;
  font-style: normal;
  font-weight: 535;
  line-height: 32px;
  color: rgb(125, 125, 125);
}

@media (max-width: 1024px) {
  .beNsCo {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 768px) {
  .beNsCo {
    font-size: 18px;
    line-height: 20px;
  }
}

.hGPbeP {
  padding: 0px;
  margin: 0px;
  font-family: Basel;
  font-size: 24px;
  font-style: normal;
  font-weight: 535;
  line-height: 32px;
  color: rgb(64, 182, 107);
}

@media (max-width: 1024px) {
  .hGPbeP {
    font-size: 18px;
    line-height: 26px;
  }
}

@media (max-width: 768px) {
  .hGPbeP {
    font-size: 18px;
    line-height: 20px;
  }
}

/*! CSS Used from: Embedded */
.css-142zc9n {
  box-sizing: border-box;
  margin: 0px;
  min-width: 0px;
  font-weight: 485;
  font-size: 14px;
}

/*! CSS Used from: Embedded */
:root ._display-inline {
  display: inline;
}

:root ._boxSizing-border-box {
  box-sizing: border-box;
}

:root ._whiteSpace-pre-wrap {
  white-space: pre-wrap;
}

:root ._mt-0px {
  margin-top: 0px;
}

:root ._mr-0px {
  margin-right: 0px;
}

:root ._mb-0px {
  margin-bottom: 0px;
}

:root ._ml-0px {
  margin-left: 0px;
}

:root ._color-accent1 {
  color: var(--accent1);
}

:root ._fontFamily-f-family {
  font-family: var(--f-family);
}

:root ._wordWrap-break-word {
  overflow-wrap: break-word;
}

:root ._fontSize-f-size-larg101 {
  font-size: var(--f-size-large);
}

:root ._lineHeight-f-lineHeigh1262266530 {
  line-height: var(--f-lineHeight-large);
}

:root ._fontWeight-f-weight-bo3548 {
  font-weight: var(--f-weight-book);
}

:root ._userSelect-none {
  user-select: none;
}

:root ._display-flex {
  display: flex;
}

:root ._alignItems-stretch {
  align-items: stretch;
}

:root ._flexDirection-column {
  flex-direction: column;
}

:root ._flexBasis-auto {
  flex-basis: auto;
}

:root ._position-relative {
  position: relative;
}

:root ._minHeight-0px {
  min-height: 0px;
}

:root ._minWidth-0px {
  min-width: 0px;
}

:root ._flexShrink-0 {
  flex-shrink: 0;
}

:root ._mt-8px {
  margin-top: 8px;
}

:root ._mr-8px {
  margin-right: 8px;
}

:root ._mb-8px {
  margin-bottom: 8px;
}

:root ._ml-8px {
  margin-left: 8px;
}

:root ._color-neutral2 {
  color: var(--neutral2);
}

:root ._gap-4px {
  gap: 4px;
}

:root ._cursor-pointer {
  cursor: pointer;
}

@media (hover) {
  :root ._borderTopColor-0hover-borderColor69916956:hover {
    border-top-color: var(--borderColorHover) !important;
  }
}

@media (hover) {
  :root ._borderRightColor-0hover-borderColor69916956:hover {
    border-right-color: var(--borderColorHover) !important;
  }
}

@media (hover) {
  :root ._borderBottomColor-0hover-borderColor69916956:hover {
    border-bottom-color: var(--borderColorHover) !important;
  }
}

@media (hover) {
  :root ._borderLeftColor-0hover-borderColor69916956:hover {
    border-left-color: var(--borderColorHover) !important;
  }
}

:root:root:root ._borderTopColor-0focus-borderColor68052152:focus {
  border-top-color: var(--borderColorFocus) !important;
}

:root:root:root ._borderRightColor-0focus-borderColor68052152:focus {
  border-right-color: var(--borderColorFocus) !important;
}

:root:root:root ._borderBottomColor-0focus-borderColor68052152:focus {
  border-bottom-color: var(--borderColorFocus) !important;
}

:root:root:root ._borderLeftColor-0focus-borderColor68052152:focus {
  border-left-color: var(--borderColorFocus) !important;
}

:root ._fontSize-f-size-medi3736 {
  font-size: var(--f-size-medium);
}

:root ._lineHeight-f-lineHeigh507465454 {
  line-height: var(--f-lineHeight-medium);
}

:root ._pr-t-space-pad95589114 {
  padding-right: var(--t-space-padding8);
}

:root ._pl-t-space-pad95589114 {
  padding-left: var(--t-space-padding8);
}

:root ._height-10037 {
  height: 100%;
}

:root ._borderTopLeftRadius-t-radius-tr3728 {
  border-top-left-radius: var(--t-radius-true);
}

:root ._borderTopRightRadius-t-radius-tr3728 {
  border-top-right-radius: var(--t-radius-true);
}

:root ._borderBottomRightRadius-t-radius-tr3728 {
  border-bottom-right-radius: var(--t-radius-true);
}

:root ._borderBottomLeftRadius-t-radius-tr3728 {
  border-bottom-left-radius: var(--t-radius-true);
}

:root ._borderTopWidth-1px {
  border-top-width: 1px;
}

:root ._borderRightWidth-1px {
  border-right-width: 1px;
}

:root ._borderBottomWidth-1px {
  border-bottom-width: 1px;
}

:root ._borderLeftWidth-1px {
  border-left-width: 1px;
}

:root ._outlineWidth-0px {
  outline-width: 0px;
}

:root ._color-color {
  color: var(--color);
}

:root ._borderTopColor-borderColor {
  border-top-color: var(--borderColor);
}

:root ._borderRightColor-borderColor {
  border-right-color: var(--borderColor);
}

:root ._borderBottomColor-borderColor {
  border-bottom-color: var(--borderColor);
}

:root ._borderLeftColor-borderColor {
  border-left-color: var(--borderColor);
}

:root ._backgroundColor-transparent {
  background-color: var(--transparent);
}

:root ._borderBottomStyle-solid {
  border-bottom-style: solid;
}

:root ._borderTopStyle-solid {
  border-top-style: solid;
}

:root ._borderLeftStyle-solid {
  border-left-style: solid;
}

:root ._borderRightStyle-solid {
  border-right-style: solid;
}

:root ._width-10037 {
  width: 100%;
}

:root ._color-neutral1 {
  color: var(--neutral1);
}

:root ._fontSize-f-size-smal108 {
  font-size: var(--f-size-small);
}

:root ._lineHeight-f-lineHeigh1269072494 {
  line-height: var(--f-lineHeight-small);
}

:root ._color-white {
  color: var(--white);
}

:root ._fontWeight-f-weight-me3083741 {
  font-weight: var(--f-weight-medium);
}

:root ._whiteSpace-nowrap {
  white-space: nowrap;
}

:root ._fontSize-f-size-micr111 {
  font-size: var(--f-size-micro);
}

:root ._lineHeight-f-lineHeigh1263414315 {
  line-height: var(--f-lineHeight-micro);
}

:root ._flexDirection-row {
  flex-direction: row;
}

:root ._alignItems-center {
  align-items: center;
}

:root ._mr-18px {
  margin-right: 18px;
}

:root ._ml-18px {
  margin-left: 18px;
}

:root:root ._textDecoration-_platformweb_none {
  text-decoration: none;
}

:root:root ._transitionDuration-_platformweb_0--2s {
  transition-duration: 0.2s;
}

@media (hover) {
  :root ._opacity-0hover-0--8:hover {
    opacity: 0.8 !important;
  }
}

:root:root ._opacity-0active-0--6:active {
  opacity: 0.6 !important;
}

:root ._pt-8px {
  padding-top: 8px;
}

:root ._pb-8px {
  padding-bottom: 8px;
}

:root ._position-absolute {
  position: absolute;
}

:root ._top-0px {
  top: 0px;
}

:root ._right-0px {
  right: 0px;
}

:root ._bottom-0px {
  bottom: 0px;
}

:root ._left-0px {
  left: 0px;
}

:root ._background-urlimagesno874317467 {
  background: url("https://app.uniswap.org/images/noise-color.png");
}

:root ._opacity-0--018 {
  opacity: 0.018;
}

:root ._zIndex-0 {
  z-index: 0;
}

.t_group_item {
  container: item / inline-size;
}

:root ._top-547--81084646184788386 {
  top: 547.811px;
}

:root ._left-951--53265356214275710 {
  left: 951.533px;
}

:root ._width-83px {
  width: 83px;
}

:root ._height-83px {
  height: 83px;
}

:root ._transformOrigin-centercente1106 {
  transform-origin: center center;
}

:root ._top-184--497624681832234262 {
  top: 184.498px;
}

:root ._left-1003--8256271730604476 {
  left: 1003.83px;
}

:root ._width-96px {
  width: 96px;
}

:root ._height-96px {
  height: 96px;
}

:root ._top-801--089082831162825955 {
  top: 801.089px;
}

:root ._left-1051--57719161884966254 {
  left: 1051.58px;
}

:root ._width-62px {
  width: 62px;
}

:root ._height-62px {
  height: 62px;
}

:root ._top-827--677096131273097412 {
  top: 827.677px;
}

:root ._left-717--18083291589929239 {
  left: 717.181px;
}

:root ._top-105--07194354168997902 {
  top: 105.072px;
}

:root ._left-671--257236872072534840 {
  left: 671.257px;
}

:root ._width-81px {
  width: 81px;
}

:root ._height-81px {
  height: 81px;
}

:root ._top-399--13887316656790676 {
  top: 399.139px;
}

:root ._left-670--21158006417364801 {
  left: 670.212px;
}

:root ._top--30--457588041129620860 {
  top: -30.4576px;
}

:root ._left-1222--3243153387275143 {
  left: 1222.32px;
}

:root ._width-80px {
  width: 80px;
}

:root ._height-80px {
  height: 80px;
}

:root ._top-297--41666020110545746 {
  top: 297.417px;
}

:root ._left-1334--5007537917220227 {
  left: 1334.5px;
}

:root ._width-82px {
  width: 82px;
}

:root ._height-82px {
  height: 82px;
}

:root ._top-653--202422092099424456 {
  top: 653.202px;
}

:root ._left-488--629805481834146030 {
  left: 488.63px;
}

:root ._top-647--967565681249890971 {
  top: 647.968px;
}

:root ._left-1413--45960551562396917 {
  left: 1413.46px;
}

:root ._width-52px {
  width: 52px;
}

:root ._height-52px {
  height: 52px;
}

:root ._top-245--85038143783559158 {
  top: 245.85px;
}

:root ._left-358--455007871413422294 {
  left: 358.455px;
}

:root ._width-75px {
  width: 75px;
}

:root ._height-75px {
  height: 75px;
}

:root ._top--16--19956834706740028 {
  top: -16.1996px;
}

:root ._left-274--79525665133079908 {
  left: 274.795px;
}

:root ._width-85px {
  width: 85px;
}

:root ._height-85px {
  height: 85px;
}

:root ._top-505--51405841779553133 {
  top: 505.514px;
}

:root ._left-253--577468722078034305 {
  left: 253.577px;
}

:root ._width-70px {
  width: 70px;
}

:root ._height-70px {
  height: 70px;
}

:root ._top-125--788700981887793516 {
  top: 125.789px;
}

:root ._left-1658--1284220498930850 {
  left: 1658.13px;
}

:root ._width-51px {
  width: 51px;
}

:root ._height-51px {
  height: 51px;
}

:root ._top-772--30904092501633733 {
  top: 772.309px;
}

:root ._left-199--36178351410424672 {
  left: 199.362px;
}

:root ._width-55px {
  width: 55px;
}

:root ._height-55px {
  height: 55px;
}

:root ._top-427--849897901993203329 {
  top: 427.85px;
}

:root ._left-1661--4724096386083290 {
  left: 1661.47px;
}

:root ._width-71px {
  width: 71px;
}

:root ._height-71px {
  height: 71px;
}

:root ._top-705--553399661215583146 {
  top: 705.553px;
}

:root ._left-1668--61886551773506603 {
  left: 1668.62px;
}

:root ._width-64px {
  width: 64px;
}

:root ._height-64px {
  height: 64px;
}

:root ._top-190--62436454852970244 {
  top: 190.624px;
}

:root ._left-35--2394496881596467114 {
  left: 35.2394px;
}

:root ._width-88px {
  width: 88px;
}

:root ._height-88px {
  height: 88px;
}

:root ._top-622--97853822640965279 {
  top: 622.979px;
}

:root ._left--9--286321517891045299 {
  left: -9.28632px;
}

:root ._width-60px {
  width: 60px;
}

:root ._height-60px {
  height: 60px;
}

:root ._top-216--3593220945343491 {
  top: 216.359px;
}

:root ._left-1881--508708062898915 {
  left: 1881.51px;
}

:root ._width-67px {
  width: 67px;
}

:root ._height-67px {
  height: 67px;
}

:root ._width-100vw {
  width: 100vw;
}

:root ._justifyContent-center {
  justify-content: center;
}

:root ._overflowX-hidden {
  overflow-x: hidden;
}

:root ._overflowY-hidden {
  overflow-y: hidden;
}

:root ._pointerEvents-none {
  pointer-events: none !important;
}

:root ._contain-strict {
  contain: strict;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._fontSize-_md_52px {
    font-size: 52px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._fontFamily-_sm_f-family {
    font-family: var(--f-family);
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._fontSize-_sm_36px {
    font-size: 36px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._lineHeight-_sm_f-lineHeigh507465454 {
    line-height: var(--f-lineHeight-medium);
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._fontWeight-_sm_f-weight-bo3548 {
    font-weight: var(--f-weight-book);
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontFamily-_short_f-family {
    font-family: var(--f-family);
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontSize-_short_36px {
    font-size: 36px;
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._lineHeight-_short_f-lineHeigh507465454 {
    line-height: var(--f-lineHeight-medium);
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontWeight-_short_f-weight-bo3548 {
    font-weight: var(--f-weight-book);
  }
}

:root ._fontSize-64px {
  font-size: 64px;
}

:root ._lineHeight-76px {
  line-height: 76px;
}

:root ._textAlign-center {
  text-align: center;
}

:root ._maxWidth-920px {
  max-width: 920px;
}

:root ._color-neutral3 {
  color: var(--neutral3);
}

:root ._flexShrink-1 {
  flex-shrink: 1;
}

:root ._flexGrow-1 {
  flex-grow: 1;
}

:root ._height-36px {
  height: 36px;
}

:root ._mr-t-space-spa94665593 {
  margin-right: var(--t-space-spacing8);
}

:root ._borderTopLeftRadius-t-radius-ro1041013639 {
  border-top-left-radius: var(--t-radius-roundedFull);
}

:root ._borderTopRightRadius-t-radius-ro1041013639 {
  border-top-right-radius: var(--t-radius-roundedFull);
}

:root ._borderBottomRightRadius-t-radius-ro1041013639 {
  border-bottom-right-radius: var(--t-radius-roundedFull);
}

:root ._borderBottomLeftRadius-t-radius-ro1041013639 {
  border-bottom-left-radius: var(--t-radius-roundedFull);
}

:root ._mr--2px {
  margin-right: -2px;
}

:root ._ml--2px {
  margin-left: -2px;
}

:root ._transform-rotate270de41674 {
  transform: rotate(270deg);
}

:root ._gap-t-space-spa94665591 {
  gap: var(--t-space-spacing6);
}

:root ._pr-t-space-spa1360334080 {
  padding-right: var(--t-space-spacing12);
}

:root ._pl-t-space-spa1360334080 {
  padding-left: var(--t-space-spacing12);
}

:root ._height-t-size-spac100347333 {
  height: var(--t-size-spacing36);
}

:root ._justifyContent-flex-end {
  justify-content: flex-end;
}

:root ._pt-t-space-spa94665593 {
  padding-top: var(--t-space-spacing8);
}

:root ._pb-t-space-spa94665593 {
  padding-bottom: var(--t-space-spacing8);
}

:root ._minHeight-59--1999999991290299429 {
  min-height: 59.2px;
}

:root ._pr-t-space-spa1360334076 {
  padding-right: var(--t-space-spacing16);
}

:root ._pl-t-space-spa1360334076 {
  padding-left: var(--t-space-spacing16);
}

:root ._pt-t-space-spa1360334076 {
  padding-top: var(--t-space-spacing16);
}

:root ._pb-t-space-spa1360334076 {
  padding-bottom: var(--t-space-spacing16);
}

:root ._pt-t-space-spa94665587 {
  padding-top: var(--t-space-spacing2);
}

:root ._pr-t-space-spa94665587 {
  padding-right: var(--t-space-spacing2);
}

:root ._pb-t-space-spa94665587 {
  padding-bottom: var(--t-space-spacing2);
}

:root ._pl-t-space-spa94665587 {
  padding-left: var(--t-space-spacing2);
}

:root ._bottom--26px {
  bottom: -26px;
}

:root ._height-0px {
  height: 0px;
}

:root ._zIndex-t-zIndex-po106857796 {
  z-index: var(--t-zIndex-popover);
}

@media (hover) {
  :root ._borderTopColor-0hover-transparent:hover {
    border-top-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._borderRightColor-0hover-transparent:hover {
    border-right-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._borderBottomColor-0hover-transparent:hover {
    border-bottom-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._borderLeftColor-0hover-transparent:hover {
    border-left-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._backgroundColor-0hover-surface2Hov3121676:hover {
    background-color: var(--surface2Hovered) !important;
  }
}

:root ._borderTopLeftRadius-t-radius-ro291586424 {
  border-top-left-radius: var(--t-radius-rounded20);
}

:root ._borderTopRightRadius-t-radius-ro291586424 {
  border-top-right-radius: var(--t-radius-rounded20);
}

:root ._borderBottomRightRadius-t-radius-ro291586424 {
  border-bottom-right-radius: var(--t-radius-rounded20);
}

:root ._borderBottomLeftRadius-t-radius-ro291586424 {
  border-bottom-left-radius: var(--t-radius-rounded20);
}

:root ._borderTopColor-transparent {
  border-top-color: var(--transparent);
}

:root ._borderRightColor-transparent {
  border-right-color: var(--transparent);
}

:root ._borderBottomColor-transparent {
  border-bottom-color: var(--transparent);
}

:root ._borderLeftColor-transparent {
  border-left-color: var(--transparent);
}

:root ._backgroundColor-surface2 {
  background-color: var(--surface2);
}

:root ._pt-t-space-non101 {
  padding-top: var(--t-space-none);
}

:root ._gap-t-space-spa1360334076 {
  gap: var(--t-space-spacing16);
}

:root ._pt-t-space-spa94665589 {
  padding-top: var(--t-space-spacing4);
}

:root ._gap-t-space-spa94665593 {
  gap: var(--t-space-spacing8);
}

:root ._justifyContent-space-betwe3241 {
  justify-content: space-between;
}

:root ._opacity-1 {
  opacity: 1;
}

:root ._pointerEvents-auto {
  pointer-events: auto !important;
}

:root ._width-480px {
  width: 480px;
}

:root ._pt-t-space-pad95589114 {
  padding-top: var(--t-space-padding8);
}

:root ._pb-t-space-pad95589114 {
  padding-bottom: var(--t-space-padding8);
}

:root ._borderTopLeftRadius-t-radius-ro291586420 {
  border-top-left-radius: var(--t-radius-rounded24);
}

:root ._borderTopRightRadius-t-radius-ro291586420 {
  border-top-right-radius: var(--t-radius-rounded24);
}

:root ._borderBottomRightRadius-t-radius-ro291586420 {
  border-bottom-right-radius: var(--t-radius-rounded24);
}

:root ._borderBottomLeftRadius-t-radius-ro291586420 {
  border-bottom-left-radius: var(--t-radius-rounded24);
}

:root ._backgroundColor-surface1 {
  background-color: var(--surface1);
}

:root ._maxWidth-10037 {
  max-width: 100%;
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontSize-_short_f-size-medi3736 {
    font-size: var(--f-size-medium);
  }
}

:root ._maxWidth-430px {
  max-width: 430px;
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pt-_lg_24px {
    padding-top: 24px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._pt-_sm_8px {
    padding-top: 8px;
  }
}

:root ._alignSelf-center {
  align-self: center;
}

:root ._maxWidth-85vw {
  max-width: 85vw;
}

:root ._pt-48px {
  padding-top: 48px;
}

:root ._gap-t-space-gap1598 {
  gap: var(--t-space-gap20);
}

:root ._transform-translate0p1409972661 {
  transform: translate(0px, 0px);
}

:root ._justifyContent-flex-start {
  justify-content: flex-start;
}

:root ._width-500px {
  width: 500px;
}

@media (max-height: 800px) {
  :root:root:root:root:root:root:root:root:root:root:root ._display-_midHeight_none {
    display: none;
  }
}

:root ._bottom-48px {
  bottom: 48px;
}

:root ._minWidth-10037 {
  min-width: 100%;
}

:root ._minHeight-100vh {
  min-height: 100vh;
}

:root ._height-min-content {
  height: min-content;
}

:root ._pt-72px {
  padding-top: 72px;
}

:root ._transform-translateY01303033 {
  transform: translateY(0px);
}

:root ._mt--72px {
  margin-top: -72px;
}

:root ._minWidth-100vw {
  min-width: 100vw;
}

:root ._fontSize-12px {
  font-size: 12px;
}

:root ._lineHeight-16px {
  line-height: 16px;
}

:root ._color-E8265B35 {
  color: rgb(232, 38, 91);
}

:root ._fontSize-14px {
  font-size: 14px;
}

:root ._textAlign-left {
  text-align: left;
}

:root:root ._position-_platformweb_absolute {
  position: absolute;
}

:root:root ._transformOrigin-_platformweb_centercente1106 {
  transform-origin: center center;
}

:root:root ._animationFillMode-_platformweb_forwards {
  animation-fill-mode: forwards;
}

:root:root ._animationName-_platformweb_token-rotat238124004 {
  animation-name: token-rotate-animation;
}

:root:root ._animationIterationCount-_platformweb_infinite {
  animation-iteration-count: infinite;
}

:root:root ._animationTimingFunction-_platformweb_ease-in-out {
  animation-timing-function: ease-in-out;
}

:root:root ._animationDirection-_platformweb_alternate-r1291325456 {
  animation-direction: alternate-reverse;
}

:root:root:root ._animationDuration-_platformweb_25000ms {
  animation-duration: 25000ms;
}

:root:root ._animationName-_platformweb_token-float865336823 {
  animation-name: token-float-animation;
}

:root:root ._animationTimingFunction-_platformweb_linear {
  animation-timing-function: linear;
}

:root:root:root ._animationDuration-_platformweb_3971--51494551671978453 {
  animation-duration: 3971.51ms;
}

:root ._color-FFA58035 {
  color: rgb(255, 165, 128);
}

:root:root:root ._animationDuration-_platformweb_5555--55555551360980764 {
  animation-duration: 5555.56ms;
}

:root:root:root ._animationDuration-_platformweb_4939--91748771591963420 {
  animation-duration: 4939.92ms;
}

:root ._color-2A5ADA35 {
  color: rgb(42, 90, 218);
}

:root:root:root ._animationDuration-_platformweb_8695--65217392044023794 {
  animation-duration: 8695.65ms;
}

:root:root:root ._animationDuration-_platformweb_5644--5197787383195583 {
  animation-duration: 5644.52ms;
}

:root ._color-E1F34535 {
  color: rgb(225, 243, 69);
}

:root:root:root ._animationDuration-_platformweb_50000ms {
  animation-duration: 50000ms;
}

:root:root:root ._animationDuration-_platformweb_5562--9312326217141510 {
  animation-duration: 5562.93ms;
}

:root ._color-FE7FBE35 {
  color: rgb(254, 127, 190);
}

:root ._textAlign-right {
  text-align: right;
}

:root:root:root ._animationDuration-_platformweb_6451--61290321298908671 {
  animation-duration: 6451.61ms;
}

:root:root:root ._animationDuration-_platformweb_4628--80849921483945098 {
  animation-duration: 4628.81ms;
}

:root ._color-40919235 {
  color: rgb(64, 145, 146);
}

:root:root:root ._animationDuration-_platformweb_13333--3333331784179577 {
  animation-duration: 13333.3ms;
}

:root:root:root ._animationDuration-_platformweb_3028--09059321002122557 {
  animation-duration: 3028.09ms;
}

:root ._color-E01A2B35 {
  color: rgb(224, 26, 43);
}

:root:root:root ._animationDuration-_platformweb_9523--80952381332854003 {
  animation-duration: 9523.81ms;
}

:root:root:root ._animationDuration-_platformweb_5988--31183272131923652 {
  animation-duration: 5988.31ms;
}

@media (hover) {
  :root ._backgroundColor-0hover-surface2:hover {
    background-color: var(--surface2) !important;
  }
}

:root:root ._backgroundColor-0active-surface2:active {
  background-color: var(--surface2) !important;
}

:root:root ._opacity-0active-0--7:active {
  opacity: 0.7 !important;
}

:root ._borderTopColor-surface3 {
  border-top-color: var(--surface3);
}

:root ._borderRightColor-surface3 {
  border-right-color: var(--surface3);
}

:root ._borderBottomColor-surface3 {
  border-bottom-color: var(--surface3);
}

:root ._borderLeftColor-surface3 {
  border-left-color: var(--surface3);
}

:root ._pt-t-space-spa1360334080 {
  padding-top: var(--t-space-spacing12);
}

:root ._pb-t-space-spa1360334080 {
  padding-bottom: var(--t-space-spacing12);
}

:root ._height-40px {
  height: 40px;
}

:root ._borderTopWidth-t-space-spa94665586 {
  border-top-width: var(--t-space-spacing1);
}

:root ._borderRightWidth-t-space-spa94665586 {
  border-right-width: var(--t-space-spacing1);
}

:root ._borderBottomWidth-t-space-spa94665586 {
  border-bottom-width: var(--t-space-spacing1);
}

:root ._borderLeftWidth-t-space-spa94665586 {
  border-left-width: var(--t-space-spacing1);
}

:root ._fontSize-36px {
  font-size: 36px;
}

:root ._lineHeight-43--1999999991290299429 {
  line-height: 43.2px;
}

:root ._pr-t-space-non101 {
  padding-right: var(--t-space-none);
}

:root ._pl-t-space-non101 {
  padding-left: var(--t-space-none);
}

:root ._height-auto {
  height: auto;
}

:root ._borderTopLeftRadius-0px {
  border-top-left-radius: 0px;
}

:root ._borderTopRightRadius-0px {
  border-top-right-radius: 0px;
}

:root ._borderBottomRightRadius-0px {
  border-bottom-right-radius: 0px;
}

:root ._borderBottomLeftRadius-0px {
  border-bottom-left-radius: 0px;
}

:root ._borderTopWidth-0px {
  border-top-width: 0px;
}

:root ._borderRightWidth-0px {
  border-right-width: 0px;
}

:root ._borderBottomWidth-0px {
  border-bottom-width: 0px;
}

:root ._borderLeftWidth-0px {
  border-left-width: 0px;
}

:root ._pb-t-space-non101 {
  padding-bottom: var(--t-space-none);
}

:root ._minHeight-43--1999999991290299429 {
  min-height: 43.2px;
}

:root ._overflowX-visible {
  overflow-x: visible;
}

:root ._overflowY-visible {
  overflow-y: visible;
}

:root ._height-9637 {
  height: 96%;
}

:root ._width-9637 {
  width: 96%;
}

:root ._backgroundColor-FFFFFF35 {
  background-color: rgb(255, 255, 255);
}

:root ._top-237 {
  top: 2%;
}

:root ._left-237 {
  left: 2%;
}

:root ._borderTopLeftRadius-14px {
  border-top-left-radius: 14px;
}

:root ._borderTopRightRadius-14px {
  border-top-right-radius: 14px;
}

:root ._borderBottomRightRadius-14px {
  border-bottom-right-radius: 14px;
}

:root ._borderBottomLeftRadius-14px {
  border-bottom-left-radius: 14px;
}

:root ._height-28px {
  height: 28px;
}

:root ._width-28px {
  width: 28px;
}

:root ._ml--8px {
  margin-left: -8px;
}

:root ._textOverflow-ellipsis {
  text-overflow: ellipsis;
}

:root ._gap-t-space-spa94665589 {
  gap: var(--t-space-spacing4);
}

:root ._color-EA672B35 {
  color: rgb(234, 103, 43);
}

:root:root:root ._animationDuration-_platformweb_3893--74321981888656396 {
  animation-duration: 3893.74ms;
}

:root ._color-627EEA35 {
  color: rgb(98, 126, 234);
}

:root:root:root ._animationDuration-_platformweb_7142--85714281414512308 {
  animation-duration: 7142.86ms;
}

:root:root:root ._animationDuration-_platformweb_4364--85732631160917507 {
  animation-duration: 4364.86ms;
}

:root ._color-CD237A35 {
  color: rgb(205, 35, 122);
}

:root:root:root ._animationDuration-_platformweb_4761--90476191712911059 {
  animation-duration: 4761.9ms;
}

:root:root:root ._animationDuration-_platformweb_3180--481869078185137 {
  animation-duration: 3180.48ms;
}

:root ._color-FF001A35 {
  color: rgb(255, 0, 26);
}

:root:root:root ._animationDuration-_platformweb_6666--66666662016899427 {
  animation-duration: 6666.67ms;
}

:root:root:root ._animationDuration-_platformweb_5433--51968971390993613 {
  animation-duration: 5433.52ms;
}

:root ._color-FF007A35 {
  color: rgb(255, 0, 122);
}

:root:root:root ._animationDuration-_platformweb_100000ms {
  animation-duration: 100000ms;
}

:root:root:root ._animationDuration-_platformweb_5177--30619071420893348 {
  animation-duration: 5177.31ms;
}

:root ._color-07522935 {
  color: rgb(7, 82, 41);
}

:root:root:root ._animationDuration-_platformweb_5128--20512821214649081 {
  animation-duration: 5128.21ms;
}

:root:root:root ._animationDuration-_platformweb_4325--56803862133355329 {
  animation-duration: 4325.57ms;
}

:root ._color-FE007A35 {
  color: rgb(254, 0, 122);
}

:root:root:root ._animationDuration-_platformweb_6250ms {
  animation-duration: 6250ms;
}

:root:root:root ._animationDuration-_platformweb_4773--9167447443610983 {
  animation-duration: 4773.92ms;
}

:root ._color-FEE16235 {
  color: rgb(254, 225, 98);
}

:root:root:root ._animationDuration-_platformweb_3817--74705301216607599 {
  animation-duration: 3817.75ms;
}

:root ._color-6DAEA235 {
  color: rgb(109, 174, 162);
}

:root:root:root ._animationDuration-_platformweb_28571--428571783762884 {
  animation-duration: 28571.4ms;
}

:root:root:root ._animationDuration-_platformweb_3481--47383101668191152 {
  animation-duration: 3481.47ms;
}

:root ._color-00D39535 {
  color: rgb(0, 211, 149);
}

:root:root:root ._animationDuration-_platformweb_40000ms {
  animation-duration: 40000ms;
}

:root:root:root ._animationDuration-_platformweb_5008--21343751216236511 {
  animation-duration: 5008.21ms;
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._alignItems-_sm_center {
    align-items: center;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._pr-_sm_t-space-non101 {
    padding-right: var(--t-space-none);
  }
}

:root ._top-t-space-spa1360334080 {
  top: var(--t-space-spacing12);
}

:root ._alignItems-flex-end {
  align-items: flex-end;
}

:root:root ._letterSpacing-_platformweb_-0--02em {
  letter-spacing: -0.02em;
}

@media (max-width: 1024px) {
  :root:root:root:root ._fontSize-_xl_36px {
    font-size: 36px;
  }
}

:root ._fontSize-52px {
  font-size: 52px;
}

:root ._lineHeight-60px {
  line-height: 60px;
}

:root ._pt-0px {
  padding-top: 0px;
}

:root ._pr-0px {
  padding-right: 0px;
}

:root ._pb-0px {
  padding-bottom: 0px;
}

:root ._pl-0px {
  padding-left: 0px;
}

:root ._fontStyle-normal {
  font-style: normal;
}

@media (max-width: 1024px) {
  :root:root:root:root ._fontSize-_xl_18px {
    font-size: 18px;
  }
}

:root ._color-2ABDFF35 {
  color: rgb(42, 189, 255);
}

:root ._fontSize-20px {
  font-size: 20px;
}

:root ._lineHeight-24px {
  line-height: 24px;
}

:root ._gap-t-space-gap56 {
  gap: var(--t-space-gap8);
}

:root:root ._fontFeatureSettings-_platformweb_ss07on38720 {
  font-feature-settings: "ss07";
}

@media (max-width: 1024px) {
  :root:root:root:root ._fontSize-_xl_28px {
    font-size: 28px;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._lineHeight-_xl_32px {
    line-height: 32px;
  }
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._fontSize-_md_24px {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._lineHeight-_md_32px {
    line-height: 32px;
  }
}

:root ._lineHeight-44px {
  line-height: 44px;
}

:root ._whiteSpace-pre-line {
  white-space: pre-line;
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pt-_xs_20px {
    padding-top: 20px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pr-_xs_20px {
    padding-right: 20px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pb-_xs_20px {
    padding-bottom: 20px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pl-_xs_20px {
    padding-left: 20px;
  }
}

:root ._gap-16px {
  gap: 16px;
}

:root ._pt-32px {
  padding-top: 32px;
}

:root ._pr-32px {
  padding-right: 32px;
}

:root ._pb-32px {
  padding-bottom: 32px;
}

:root ._pl-32px {
  padding-left: 32px;
}

:root ._alignItems-flex-start {
  align-items: flex-start;
}

:root ._zIndex-2 {
  z-index: 2;
}

:root ._borderTopLeftRadius-16px {
  border-top-left-radius: 16px;
}

:root ._borderTopRightRadius-16px {
  border-top-right-radius: 16px;
}

:root ._borderBottomRightRadius-16px {
  border-bottom-right-radius: 16px;
}

:root ._borderBottomLeftRadius-16px {
  border-bottom-left-radius: 16px;
}

:root ._height-32px {
  height: 32px;
}

:root ._width-32px {
  width: 32px;
}

@media (max-width: 1024px) {
  :root:root:root:root ._lineHeight-_xl_24px {
    line-height: 24px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._fontSize-_xs_16px {
    font-size: 16px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._lineHeight-_xs_20px {
    line-height: 20px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._display-_xs_none {
    display: none;
  }
}

:root ._fontSize-24px {
  font-size: 24px;
}

:root ._lineHeight-32px {
  line-height: 32px;
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._color-_xs_neutral1 {
    color: var(--neutral1);
  }
}

:root ._width-auto {
  width: auto;
}

@media (max-width: 1024px) {
  :root:root:root:root ._width-_xl_50px {
    width: 50px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._width-_xs_50px {
    width: 50px;
  }
}

:root ._color-statusSucce3680 {
  color: var(--statusSuccess);
}

@media (max-width: 1024px) {
  :root:root:root:root ._display-_xl_none {
    display: none;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._display-_lg_none {
    display: none;
  }
}

:root ._gap-t-space-gap52 {
  gap: var(--t-space-gap4);
}

:root ._gap-t-space-gap1573 {
  gap: var(--t-space-gap16);
}

:root:root ._transition-_platformweb_background-1865867 {
  transition: background-color 125ms ease-in, transform 125ms ease-in;
}

@media (hover) {
  :root ._transform-0hover-scale1--031281:hover {
    transform: scale(1.03) !important;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._height-_xl_64px {
    height: 64px;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._pr-_xl_16px {
    padding-right: 16px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._height-_lg_56px {
    height: 56px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pr-_lg_16px {
    padding-right: 16px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._height-_xs_48px {
    height: 48px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pt-_xs_12px {
    padding-top: 12px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pr-_xs_12px {
    padding-right: 12px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pb-_xs_12px {
    padding-bottom: 12px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pl-_xs_12px {
    padding-left: 12px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._borderTopLeftRadius-_xs_16px {
    border-top-left-radius: 16px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._borderTopRightRadius-_xs_16px {
    border-top-right-radius: 16px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._borderBottomRightRadius-_xs_16px {
    border-bottom-right-radius: 16px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._borderBottomLeftRadius-_xs_16px {
    border-bottom-left-radius: 16px;
  }
}

:root ._height-72px {
  height: 72px;
}

:root ._pt-16px {
  padding-top: 16px;
}

:root ._pr-24px {
  padding-right: 24px;
}

:root ._pb-16px {
  padding-bottom: 16px;
}

:root ._pl-16px {
  padding-left: 16px;
}

:root ._zIndex-10 {
  z-index: 10;
}

:root ._bottom--2px {
  bottom: -2px;
}

:root ._right--3px {
  right: -3px;
}

@media (max-width: 1024px) {
  :root:root:root:root ._pt-_xl_24px {
    padding-top: 24px;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._pr-_xl_24px {
    padding-right: 24px;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._pb-_xl_32px {
    padding-bottom: 32px;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._pl-_xl_24px {
    padding-left: 24px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pt-_xs_16px {
    padding-top: 16px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pr-_xs_16px {
    padding-right: 16px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pb-_xs_24px {
    padding-bottom: 24px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._pl-_xs_16px {
    padding-left: 16px;
  }
}

.t_group_card {
  container: card / inline-size;
}

@media (max-width: 768px) {
  :root:root:root:root:root ._maxWidth-_lg_10037 {
    max-width: 100%;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._height-_lg_auto {
    height: auto;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._height-_xl_516px {
    height: 516px;
  }
}

:root:root:root:root:root:root.t_light ._backgroundColor-_light_rgba0102255487502563 {
  background-color: rgba(0, 102, 255, 0.04);
}

:root ._flexGrow-0 {
  flex-grow: 0;
}

:root ._borderTopLeftRadius-32px {
  border-top-left-radius: 32px;
}

:root ._borderTopRightRadius-32px {
  border-top-right-radius: 32px;
}

:root ._borderBottomRightRadius-32px {
  border-bottom-right-radius: 32px;
}

:root ._borderBottomLeftRadius-32px {
  border-bottom-left-radius: 32px;
}

:root ._height-609px {
  height: 609px;
}

:root ._minHeight-500px {
  min-height: 500px;
}

:root ._maxWidth-calc50-8px38074892 {
  max-width: calc(50% - 8px);
}

:root ._containerType-normal {
  container-type: normal;
}

:root ._color-FC72FF35 {
  color: rgb(252, 114, 255);
}

:root ._height-7537 {
  height: 75%;
}

:root ._mt-auto {
  margin-top: auto;
}

:root ._mr-auto {
  margin-right: auto;
}

:root ._mb-auto {
  margin-bottom: auto;
}

:root ._ml-auto {
  margin-left: auto;
}

:root ._zIndex-1 {
  z-index: 1;
}

:root ._backgroundColor-rgba2521142460406842 {
  background-color: rgba(252, 114, 255, 0.12);
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._flexDirection-_md_column {
    flex-direction: column;
  }
}

:root ._flexWrap-wrap {
  flex-wrap: wrap;
}

:root ._color-00C3A035 {
  color: rgb(0, 195, 160);
}

@media (max-width: 1280px) {
  :root:root:root ._opacity-_xxl_0--32 {
    opacity: 0.32;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._opacity-_lg_0 {
    opacity: 0;
  }
}

:root ._flexDirection-row-reverse {
  flex-direction: row-reverse;
}

@media (max-width: 1024px) {
  :root:root:root:root ._height-_xl_auto {
    height: auto;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._pr-_xl_0px {
    padding-right: 0px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._height-_sm_auto {
    height: auto;
  }
}

:root ._height-340px {
  height: 340px;
}

:root ._minHeight-240px {
  min-height: 240px;
}

:root ._pr-1637 {
  padding-right: 16%;
}

:root ._backgroundColor-rgba0195160487502625 {
  background-color: rgba(0, 195, 160, 0.06);
}

:root ._color-9E62FF35 {
  color: rgb(158, 98, 255);
}

@media (max-width: 1280px) {
  :root:root:root ._opacity-_xxl_0--24 {
    opacity: 0.24;
  }
}

:root ._backgroundColor-rgba13663251958038676 {
  background-color: rgba(136, 63, 255, 0.06);
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._gap-_md_24px {
    gap: 24px;
  }
}

:root ._maxWidth-1280px {
  max-width: 1280px;
}

:root ._gap-32px {
  gap: 32px;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._pr-_md_48px {
    padding-right: 48px;
  }
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._pl-_md_48px {
    padding-left: 48px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._pr-_sm_24px {
    padding-right: 24px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._pl-_sm_24px {
    padding-left: 24px;
  }
}

:root ._pr-40px {
  padding-right: 40px;
}

:root ._pl-40px {
  padding-left: 40px;
}

:root:root ._letterSpacing-_platformweb_-0--01em {
  letter-spacing: -0.01em;
}

:root ._fontSize-18px {
  font-size: 18px;
}

:root ._pt-12px {
  padding-top: 12px;
}

:root ._pr-16px {
  padding-right: 16px;
}

:root ._pb-12px {
  padding-bottom: 12px;
}

:root ._borderTopLeftRadius-24px {
  border-top-left-radius: 24px;
}

:root ._borderTopRightRadius-24px {
  border-top-right-radius: 24px;
}

:root ._borderBottomRightRadius-24px {
  border-bottom-right-radius: 24px;
}

:root ._borderBottomLeftRadius-24px {
  border-bottom-left-radius: 24px;
}

:root ._alignSelf-flex-start {
  align-self: flex-start;
}

:root ._maxWidth-480px {
  max-width: 480px;
}

:root ._gap-t-space-spa1360334047 {
  gap: var(--t-space-spacing24);
}

:root ._gridRowStart-1 {
  grid-row-start: 1;
}

:root ._gridRowEnd-3 {
  grid-row-end: 3;
}

:root:root ._gridColumnStart-_platformweb_1 {
  grid-column-start: 1;
}

:root:root ._gridColumnEnd-_platformweb_3 {
  grid-column-end: 3;
}

:root:root ._gridRowStart-_platformweb_1 {
  grid-row-start: 1;
}

:root:root ._gridRowEnd-_platformweb_3 {
  grid-row-end: 3;
}

:root:root ._gridColumnStart-_platformweb_3 {
  grid-column-start: 3;
}

:root:root ._gridColumnEnd-_platformweb_5 {
  grid-column-end: 5;
}

:root:root ._gridRowStart-_platformweb_3 {
  grid-row-start: 3;
}

:root:root ._gridRowEnd-_platformweb_5 {
  grid-row-end: 5;
}

:root:root ._display-_platformweb_grid {
  display: grid;
}

:root:root ._gridTemplateColumns-_platformweb_repeat41fr1234957 {
  grid-template-columns: repeat(4, 1fr);
}

:root:root ._gridTemplateRows-_platformweb_repeat41fr1234957 {
  grid-template-rows: repeat(4, 1fr);
}

:root:root ._gridColumnGap-_platformweb_16px {
  column-gap: 16px;
}

:root:root ._gridRowGap-_platformweb_16px {
  row-gap: 16px;
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._height-_xs_320px {
    height: 320px;
  }
}

@media (max-width: 380px) {
  :root:root:root:root:root:root:root:root ._gridRowGap-_xs_12px {
    row-gap: 12px;
  }
}

@media (max-width: 360px) {
  :root:root:root:root:root:root:root:root:root ._gridRowGap-_xxs_8px {
    row-gap: 8px;
  }
}

:root:root ._gridTemplateColumns-_platformweb_repeat21fr1234957 {
  grid-template-columns: repeat(2, 1fr);
}

:root:root ._gridTemplateRows-_platformweb_repeat2234p38286157 {
  grid-template-rows: repeat(2, 234px);
}

:root:root ._gridColumnGap-_platformweb_24px {
  column-gap: 24px;
}

:root:root ._gap-_platformweb_16px {
  gap: 16px;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._gridTemplateRows-_md_repeat2160p38286157 {
    grid-template-rows: repeat(2, 160px);
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._gridTemplateRows-_lg_repeat2200p38286157 {
    grid-template-rows: repeat(2, 200px);
  }
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._display-_md_none {
    display: none;
  }
}

:root ._fontSize-32px {
  font-size: 32px;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._display-_md_flex {
    display: flex;
  }
}

:root ._display-none {
  display: none;
}

:root ._gap-t-space-spa1360334018 {
  gap: var(--t-space-spacing32);
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pt-_lg_48px {
    padding-top: 48px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pr-_lg_48px {
    padding-right: 48px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pb-_lg_48px {
    padding-bottom: 48px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pl-_lg_48px {
    padding-left: 48px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._pt-_sm_24px {
    padding-top: 24px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._pb-_sm_24px {
    padding-bottom: 24px;
  }
}

:root ._maxWidth-1360px {
  max-width: 1360px;
}

:root ._pt-40px {
  padding-top: 40px;
}

:root ._pb-40px {
  padding-bottom: 40px;
}

:root ._color-FF4D0035 {
  color: rgb(255, 77, 0);
}

@media (max-width: 768px) {
  :root:root:root:root:root ._gap-_lg_16px {
    gap: 16px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pr-_lg_24px {
    padding-right: 24px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pb-_lg_24px {
    padding-bottom: 24px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pl-_lg_24px {
    padding-left: 24px;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._width-_lg_10037 {
    width: 100%;
  }
}

:root:root:root ._gridColumn-_platformweb_span132 {
  grid-column: span 1;
}

:root:root:root ._gridRow-_platformweb_span432 {
  grid-row: span 4;
}

@media (max-width: 1024px) {
  :root:root:root:root ._gridArea-_xl_3span25span1221319617 {
    grid-area: 3 / span 2 / 5 / span 2;
  }
}

:root ._height-250px {
  height: 250px;
}

:root ._borderTopLeftRadius-20px {
  border-top-left-radius: 20px;
}

:root ._borderTopRightRadius-20px {
  border-top-right-radius: 20px;
}

:root ._borderBottomRightRadius-20px {
  border-bottom-right-radius: 20px;
}

:root ._borderBottomLeftRadius-20px {
  border-bottom-left-radius: 20px;
}

:root ._backgroundColor-rgba25577001923994309 {
  background-color: rgba(255, 77, 0, 0.04);
}

:root ._color-8E876735 {
  color: rgb(142, 135, 103);
}

:root ._backgroundColor-rgba98845001923994309 {
  background-color: rgba(98, 84, 50, 0.04);
}

@media (max-width: 1024px) {
  :root:root:root:root ._gap-_xl_16px {
    gap: 16px;
  }
}

@media (max-width: 1024px) {
  :root:root:root:root ._pb-_xl_24px {
    padding-bottom: 24px;
  }
}

:root:root:root:root ._gridColumn-_platformweb_span232 {
  grid-column: span 2;
}

:root:root:root:root ._gap-_platformweb_32px {
  gap: 32px;
}

:root ._backgroundColor-accent2 {
  background-color: var(--accent2);
}

@media (max-width: 768px) {
  :root:root:root:root:root ._gap-_lg_24px {
    gap: 24px;
  }
}

:root ._maxWidth-1328px {
  max-width: 1328px;
}

:root ._gap-24px {
  gap: 24px;
}

:root ._maxHeight-32px {
  max-height: 32px;
}

:root ._gap-t-space-spa1360333927 {
  gap: var(--t-space-spacing60);
}

@media (hover) {
  :root ._opacity-0hover-0--6:hover {
    opacity: 0.6 !important;
  }
}

:root ._gap-5px {
  gap: 5px;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._width-_md_10037 {
    width: 100%;
  }
}

:root ._width-130px {
  width: 130px;
}

:root ._gap-8px {
  gap: 8px;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._width-_md_auto {
    width: auto;
  }
}

:root ._maxHeight-0px {
  max-height: 0px;
}

:root ._textDecorationLine-none {
  text-decoration-line: none;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._alignItems-_md_flex-start {
    align-items: flex-start;
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pr-_lg_t-space-spa1360333989 {
    padding-right: var(--t-space-spacing40);
  }
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pl-_lg_t-space-spa1360333989 {
    padding-left: var(--t-space-spacing40);
  }
}

:root ._maxWidth-100vw {
  max-width: 100vw;
}

:root ._pr-t-space-spa1360333981 {
  padding-right: var(--t-space-spacing48);
}

:root ._pl-t-space-spa1360333981 {
  padding-left: var(--t-space-spacing48);
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._gap-_sm_80px {
    gap: 80px;
  }
}

:root ._gap-120px {
  gap: 120px;
}

:root ._color-833ADD35 {
  color: rgb(131, 58, 221);
}

:root:root:root ._animationDuration-_platformweb_12500ms {
  animation-duration: 12500ms;
}

:root:root:root ._animationDuration-_platformweb_3793--65198321864534211 {
  animation-duration: 3793.65ms;
}

:root ._color-1046D535 {
  color: rgb(16, 70, 213);
}

:root:root:root ._animationDuration-_platformweb_5969--84295591186777056 {
  animation-duration: 5969.84ms;
}

:root ._color-60BFFE35 {
  color: rgb(96, 191, 254);
}

:root:root:root ._animationDuration-_platformweb_5078--95725101360550094 {
  animation-duration: 5078.96ms;
}

/*! CSS Used from: Embedded */
._dsp_contents {
  display: contents;
}

:root {
  --c-white: #FFFFFF;
  --c-black: #000000;
  --c-scrim: rgba(0, 0, 0, 0.60);
  --c-pinkLight: #FEF4FF;
  --c-pinkPastel: #FDAFF0;
  --c-pinkBase: #FC74FE;
  --c-pinkVibrant: #F50DB4;
  --c-pinkDark: #361A37;
  --c-redLight: #FFF2F1;
  --c-redPastel: #FDCFC4;
  --c-redBase: #FF5F52;
  --c-redVibrant: #FF0000;
  --c-redDark: #220D0C;
  --c-orangeLight: #FEF5EA;
  --c-orangePastel: #FFE8BC;
  --c-orangeBase: #FF8934;
  --c-orangeVibrant: #FF4D00;
  --c-orangeDark: #371B0C;
  --c-yellowLight: #FFFE8B;
  --c-yellowPastel: #FFF8B4;
  --c-yellowBase: #FFBF17;
  --c-yellowVibrant: #FFF612;
  --c-yellowDark: #1F1E02;
  --c-brownLight: #F7F6F1;
  --c-brownPastel: #E2E0CD;
  --c-brownBase: #85754A;
  --c-brownVibrant: #996F01;
  --c-brownDark: #231E0F;
  --c-greenLight: #EEFBF1;
  --c-greenPastel: #C2E7D0;
  --c-greenBase: #0C8911;
  --c-greenVibrant: #21C95E;
  --c-greenDark: #0F2C1A;
  --c-limeLight: #F7FEEB;
  --c-limePastel: #E4F6C4;
  --c-limeBase: #78E744;
  --c-limeVibrant: #B1F13C;
  --c-limeDark: #232917;
  --c-turquoiseLight: #F7FEEB;
  --c-turquoisePastel: #CAFFDF;
  --c-turquoiseBase: #00C3A0;
  --c-turquoiseVibrant: #5CFE9D;
  --c-turquoiseDark: #1A2A21;
  --c-cyanLight: #EBF8FF;
  --c-cyanPastel: #B9E3F8;
  --c-cyanBase: #23A3FF;
  --c-cyanVibrant: #3ADCFF;
  --c-cyanDark: #15242B;
  --c-blueLight: #EFF4FF;
  --c-bluePastel: #D0D9F8;
  --c-blueBase: #4981FF;
  --c-blueVibrant: #0047FF;
  --c-blueDark: #10143D;
  --c-purpleLight: #FAF5FF;
  --c-purplePastel: #E9D8FD;
  --c-purpleBase: #9E62FF;
  --c-purpleVibrant: #4300B0;
  --c-purpleDark: #1A0040;
  --c-uniswapXViolet: #4673FA;
  --c-uniswapXPurple: #9646FA;
  --c-fiatOnRampBanner: #FB36D0;
  --t-space-none: 0px;
  --t-space-spacing1: 1px;
  --t-space-spacing2: 2px;
  --t-space-spacing4: 4px;
  --t-space-spacing6: 6px;
  --t-space-spacing8: 8px;
  --t-space-spacing12: 12px;
  --t-space-spacing16: 16px;
  --t-space-spacing18: 18px;
  --t-space-spacing20: 20px;
  --t-space-spacing24: 24px;
  --t-space-spacing28: 28px;
  --t-space-spacing32: 32px;
  --t-space-spacing36: 36px;
  --t-space-spacing40: 40px;
  --t-space-spacing48: 48px;
  --t-space-spacing60: 60px;
  --t-space-padding6: 6px;
  --t-space-padding8: 8px;
  --t-space-padding12: 12px;
  --t-space-padding16: 16px;
  --t-space-padding20: 20px;
  --t-space-padding36: 36px;
  --t-space-gap4: 4px;
  --t-space-gap8: 8px;
  --t-space-gap12: 12px;
  --t-space-gap16: 16px;
  --t-space-gap20: 20px;
  --t-space-gap24: 24px;
  --t-space-gap32: 32px;
  --t-space-gap36: 36px;
  --t-space-true: 8px;
  --t-size-none: 0px;
  --t-size-spacing1: 1px;
  --t-size-spacing2: 2px;
  --t-size-spacing4: 4px;
  --t-size-spacing6: 6px;
  --t-size-spacing8: 8px;
  --t-size-spacing12: 12px;
  --t-size-spacing16: 16px;
  --t-size-spacing18: 18px;
  --t-size-spacing20: 20px;
  --t-size-spacing24: 24px;
  --t-size-spacing28: 28px;
  --t-size-spacing32: 32px;
  --t-size-spacing36: 36px;
  --t-size-spacing40: 40px;
  --t-size-spacing48: 48px;
  --t-size-spacing60: 60px;
  --t-size-padding6: 6px;
  --t-size-padding8: 8px;
  --t-size-padding12: 12px;
  --t-size-padding16: 16px;
  --t-size-padding20: 20px;
  --t-size-padding36: 36px;
  --t-size-gap4: 4px;
  --t-size-gap8: 8px;
  --t-size-gap12: 12px;
  --t-size-gap16: 16px;
  --t-size-gap20: 20px;
  --t-size-gap24: 24px;
  --t-size-gap32: 32px;
  --t-size-gap36: 36px;
  --t-size-true: 8px;
  --t-font-heading1: 52px;
  --t-font-heading2: 36px;
  --t-font-heading3: 24px;
  --t-font-subheading1: 18px;
  --t-font-subheading2: 16px;
  --t-font-body1: 18px;
  --t-font-body2: 16px;
  --t-font-body3: 14px;
  --t-font-buttonLabel1: 18px;
  --t-font-buttonLabel2: 16px;
  --t-font-buttonLabel3: 14px;
  --t-font-buttonLabel4: 12px;
  --t-font-monospace: 12px;
  --t-font-true: 16px;
  --t-icon-8: 8px;
  --t-icon-12: 12px;
  --t-icon-16: 16px;
  --t-icon-18: 18px;
  --t-icon-20: 20px;
  --t-icon-24: 24px;
  --t-icon-28: 28px;
  --t-icon-36: 36px;
  --t-icon-40: 40px;
  --t-icon-64: 64px;
  --t-icon-70: 70px;
  --t-icon-100: 100px;
  --t-icon-true: 40px;
  --t-image-image12: 12px;
  --t-image-image16: 16px;
  --t-image-image20: 20px;
  --t-image-image24: 24px;
  --t-image-image32: 32px;
  --t-image-image36: 36px;
  --t-image-image40: 40px;
  --t-image-image48: 48px;
  --t-image-image64: 64px;
  --t-image-image100: 100px;
  --t-image-true: 40px;
  --t-zIndex-negative: -1;
  --t-zIndex-background: 0;
  --t-zIndex-default: 1;
  --t-zIndex-mask: 10;
  --t-zIndex-dropdown: 1000;
  --t-zIndex-sticky: 1020;
  --t-zIndex-fixed: 1030;
  --t-zIndex-modalBackdrop: 1040;
  --t-zIndex-offcanvas: 1050;
  --t-zIndex-modal: 1060;
  --t-zIndex-popoverBackdrop: 1065;
  --t-zIndex-popover: 1070;
  --t-zIndex-tooltip: 1080;
  --t-zIndex-overlay: 100001;
  --t-zIndex-true: 1;
  --t-radius-none: 0px;
  --t-radius-rounded4: 4px;
  --t-radius-rounded6: 6px;
  --t-radius-rounded8: 8px;
  --t-radius-rounded12: 12px;
  --t-radius-rounded16: 16px;
  --t-radius-rounded20: 20px;
  --t-radius-rounded24: 24px;
  --t-radius-rounded32: 32px;
  --t-radius-roundedFull: 999999px;
  --t-radius-true: 0px;
}

:root .font_heading {
  --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-size-small: 24px;
  --f-size-medium: 36px;
  --f-size-true: 36px;
  --f-size-large: 52px;
  --f-weight-small: 485;
  --f-weight-medium: 535;
  --f-weight-true: 485;
  --f-weight-large: 485;
  --f-weight-book: 485;
  --f-lineHeight-small: 32px;
  --f-lineHeight-medium: 44px;
  --f-lineHeight-true: 44px;
  --f-lineHeight-large: 60px;
}

:root .font_subHeading {
  --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-size-small: 16px;
  --f-size-large: 18px;
  --f-size-true: 18px;
  --f-weight-small: 485;
  --f-weight-large: 485;
  --f-weight-true: 485;
  --f-weight-book: 485;
  --f-weight-medium: 535;
  --f-lineHeight-small: 24px;
  --f-lineHeight-large: 24px;
  --f-lineHeight-true: 24px;
}

:root .font_body {
  --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-size-micro: 12px;
  --f-size-small: 14px;
  --f-size-medium: 16px;
  --f-size-true: 16px;
  --f-size-large: 18px;
  --f-weight-micro: 485;
  --f-weight-small: 485;
  --f-weight-medium: 535;
  --f-weight-true: 485;
  --f-weight-large: 485;
  --f-weight-book: 485;
  --f-lineHeight-micro: 16px;
  --f-lineHeight-small: 20px;
  --f-lineHeight-medium: 24px;
  --f-lineHeight-true: 24px;
  --f-lineHeight-large: 24px;
}

:root .font_button {
  --f-family: Basel, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --f-size-micro: 12px;
  --f-size-small: 14px;
  --f-size-medium: 16px;
  --f-size-large: 18px;
  --f-size-true: 16px;
  --f-weight-micro: 485;
  --f-weight-small: 485;
  --f-weight-medium: 535;
  --f-weight-large: 535;
  --f-weight-true: 500;
  --f-weight-book: 485;
  --f-lineHeight-micro: 13.799999999999999px;
  --f-lineHeight-small: 16.099999999999998px;
  --f-lineHeight-medium: 18.4px;
  --f-lineHeight-large: 20.7px;
  --f-lineHeight-true: 18.4px;
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }

  :root {
    --white: var(--c-white);
    --black: var(--c-black);
    --surface1: #131313;
    --surface1Hovered: rgba(24, 24, 24, 1.00);
    --surface2: #1B1B1B;
    --surface2Hovered: rgba(36, 36, 36, 1.00);
    --surface3: rgba(255, 255, 255, 0.12);
    --surface3Solid: #393939;
    --surface3Hovered: rgba(255, 255, 255, 0.16);
    --surface4: rgba(255, 255, 255, 0.20);
    --surface5: rgba(0, 0, 0, 0.04);
    --scrim: var(--c-scrim);
    --neutral1: var(--c-white);
    --neutral1Hovered: #F9F9F9;
    --neutral2: #9B9B9B;
    --neutral2Hovered: #ADADAD;
    --neutral3: #5E5E5E;
    --neutral3Hovered: #6B6B6B;
    --accent1: #FC72FF;
    --accent1Hovered: #FD3CFE;
    --accent2: var(--c-pinkDark);
    --accent2Hovered: #510D43;
    --accent3: var(--c-white);
    --accent3Hovered: #F5F5F5;
    --DEP_accentSoft: #FC72FF33;
    --DEP_blue400: #4C82FB;
    --statusSuccess: var(--c-greenVibrant);
    --statusSuccess2: var(--c-greenDark);
    --statusCritical: var(--c-redBase);
    --statusCriticalHovered: #FF3931;
    --statusCritical2: var(--c-redDark);
    --statusCritical2Hovered: #470402;
    --statusWarning: var(--c-yellowBase);
    --statusWarning2: var(--c-yellowDark);
    --DEP_backgroundBranded: #100D1C;
    --DEP_backgroundOverlay: #FFFFFF1a;
    --DEP_accentWarning: var(--c-yellowVibrant);
    --DEP_accentBranded: #FC72FF;
    --DEP_shadowBranded: #B60ACF;
    --DEP_accentSuccessSoft: #21C95E3d;
    --DEP_accentWarningSoft: #FFBF173d;
    --DEP_accentCriticalSoft: #FF00001f;
    --DEP_brandedAccentSoft: #46244F;
    --DEP_magentaDark: #FC72FF1f;
    --DEP_fiatBanner: var(--c-fiatOnRampBanner);
    --chain_1: var(--c-white);
    --chain_130: #fc0fa4;
    --chain_10: #FF0420;
    --chain_137: #8247E5;
    --chain_42161: #12AAFF;
    --chain_80001: #8247E5;
    --chain_8453: #0052FF;
    --chain_7777777: var(--c-white);
    --chain_81457: #FCFC03;
    --chain_56: var(--c-yellowBase);
    --chain_42220: #FCFF52;
    --chain_43114: #E84142;
    --chain_324: #3667F6;
    --chain_480: var(--c-white);
    --chain_11155111: #627EEA;
    --chain_1301: #fc0fa4;
    --chain_10143: #836EF9;
    --pinkThemed: var(--c-pinkDark);
    --transparent: transparent;
    --background: #131313;
    --backgroundHover: #1B1B1B;
    --backgroundPress: #1B1B1B;
    --backgroundFocus: #1B1B1B;
    --borderColor: transparent;
    --borderColorHover: transparent;
    --borderColorFocus: transparent;
    --outlineColor: transparent;
    --color: var(--c-white);
    --colorHover: #FC72FF;
    --colorPress: #FC72FF;
    --colorFocus: #FC72FF;
    --shadowColor: rgba(0, 0, 0, 0.4);
    --shadowColorHover: rgba(0, 0, 0, 0.5);
  }
}

:root.t_light {
  --white: var(--c-white);
  --black: var(--c-black);
  --scrim: var(--c-scrim);
  --neutral1: #222222;
  --neutral1Hovered: #131313;
  --neutral2: #7D7D7D;
  --neutral2Hovered: #6B6B6B;
  --neutral3: #BFBFBF;
  --neutral3Hovered: #ADADAD;
  --surface1: var(--c-white);
  --surface1Hovered: #F9F9F9;
  --surface2: #F9F9F9;
  --surface2Hovered: #F5F5F5;
  --surface3: rgba(34, 34, 34, 0.05);
  --surface3Solid: #F2F2F2;
  --surface3Hovered: rgba(34, 34, 34, 0.09);
  --surface4: rgba(255, 255, 255, 0.64);
  --surface5: rgba(0, 0, 0, 0.04);
  --accent1: #FC72FF;
  --accent1Hovered: #FD3CFE;
  --accent2: var(--c-pinkLight);
  --accent2Hovered: #FEEBFC;
  --accent3: #222222;
  --accent3Hovered: var(--c-black);
  --DEP_accentSoft: #FC72FF33;
  --DEP_blue400: #4C82FB;
  --statusSuccess: var(--c-greenVibrant);
  --statusSuccess2: var(--c-greenLight);
  --statusCritical: var(--c-redBase);
  --statusCriticalHovered: #FF3931;
  --statusCritical2: var(--c-redLight);
  --statusCritical2Hovered: #FFD5D4;
  --statusWarning: var(--c-brownVibrant);
  --statusWarning2: #FFFBEB;
  --DEP_backgroundBranded: #FCF7FF;
  --DEP_backgroundOverlay: #FFFFFF99;
  --DEP_accentWarning: #FEB239;
  --DEP_accentBranded: #FC72FF;
  --DEP_shadowBranded: #FC72FF;
  --DEP_accentSuccessSoft: #2098533d;
  --DEP_accentWarningSoft: #FEB2393d;
  --DEP_accentCriticalSoft: #FA2B391f;
  --DEP_brandedAccentSoft: #FAD8F8;
  --DEP_magentaDark: #FC72FF1f;
  --DEP_fiatBanner: var(--c-fiatOnRampBanner);
  --chain_1: #222222;
  --chain_130: #fc0fa4;
  --chain_10: #FF0420;
  --chain_137: #8247E5;
  --chain_42161: #12AAFF;
  --chain_80001: #8247E5;
  --chain_8453: #0052FF;
  --chain_7777777: #222222;
  --chain_81457: #222222;
  --chain_56: #B08603;
  --chain_42220: #222222;
  --chain_43114: #E84142;
  --chain_324: #3667F6;
  --chain_480: #222222;
  --chain_11155111: #627EEA;
  --chain_1301: #fc0fa4;
  --chain_10143: #836EF9;
  --pinkThemed: var(--c-pinkLight);
  --transparent: transparent;
  --background: var(--c-white);
  --backgroundHover: #F9F9F9;
  --backgroundPress: #F9F9F9;
  --backgroundFocus: #F9F9F9;
  --borderColor: transparent;
  --borderColorHover: transparent;
  --borderColorFocus: transparent;
  --outlineColor: transparent;
  --color: #222222;
  --colorHover: #FC72FF;
  --colorPress: #FC72FF;
  --colorFocus: #FC72FF;
  --shadowColor: rgba(0, 0, 0, 0.15);
  --shadowColorHover: rgba(0, 0, 0, 0.2);
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }

  :root {
    --white: var(--c-white);
    --black: var(--c-black);
    --scrim: var(--c-scrim);
    --neutral1: #222222;
    --neutral1Hovered: #131313;
    --neutral2: #7D7D7D;
    --neutral2Hovered: #6B6B6B;
    --neutral3: #BFBFBF;
    --neutral3Hovered: #ADADAD;
    --surface1: var(--c-white);
    --surface1Hovered: #F9F9F9;
    --surface2: #F9F9F9;
    --surface2Hovered: #F5F5F5;
    --surface3: rgba(34, 34, 34, 0.05);
    --surface3Solid: #F2F2F2;
    --surface3Hovered: rgba(34, 34, 34, 0.09);
    --surface4: rgba(255, 255, 255, 0.64);
    --surface5: rgba(0, 0, 0, 0.04);
    --accent1: #FC72FF;
    --accent1Hovered: #FD3CFE;
    --accent2: var(--c-pinkLight);
    --accent2Hovered: #FEEBFC;
    --accent3: #222222;
    --accent3Hovered: var(--c-black);
    --DEP_accentSoft: #FC72FF33;
    --DEP_blue400: #4C82FB;
    --statusSuccess: var(--c-greenVibrant);
    --statusSuccess2: var(--c-greenLight);
    --statusCritical: var(--c-redBase);
    --statusCriticalHovered: #FF3931;
    --statusCritical2: var(--c-redLight);
    --statusCritical2Hovered: #FFD5D4;
    --statusWarning: var(--c-brownVibrant);
    --statusWarning2: #FFFBEB;
    --DEP_backgroundBranded: #FCF7FF;
    --DEP_backgroundOverlay: #FFFFFF99;
    --DEP_accentWarning: #FEB239;
    --DEP_accentBranded: #FC72FF;
    --DEP_shadowBranded: #FC72FF;
    --DEP_accentSuccessSoft: #2098533d;
    --DEP_accentWarningSoft: #FEB2393d;
    --DEP_accentCriticalSoft: #FA2B391f;
    --DEP_brandedAccentSoft: #FAD8F8;
    --DEP_magentaDark: #FC72FF1f;
    --DEP_fiatBanner: var(--c-fiatOnRampBanner);
    --chain_1: #222222;
    --chain_130: #fc0fa4;
    --chain_10: #FF0420;
    --chain_137: #8247E5;
    --chain_42161: #12AAFF;
    --chain_80001: #8247E5;
    --chain_8453: #0052FF;
    --chain_7777777: #222222;
    --chain_81457: #222222;
    --chain_56: #B08603;
    --chain_42220: #222222;
    --chain_43114: #E84142;
    --chain_324: #3667F6;
    --chain_480: #222222;
    --chain_11155111: #627EEA;
    --chain_1301: #fc0fa4;
    --chain_10143: #836EF9;
    --pinkThemed: var(--c-pinkLight);
    --transparent: transparent;
    --background: var(--c-white);
    --backgroundHover: #F9F9F9;
    --backgroundPress: #F9F9F9;
    --backgroundFocus: #F9F9F9;
    --borderColor: transparent;
    --borderColorHover: transparent;
    --borderColorFocus: transparent;
    --outlineColor: transparent;
    --color: #222222;
    --colorHover: #FC72FF;
    --colorPress: #FC72FF;
    --colorFocus: #FC72FF;
    --shadowColor: rgba(0, 0, 0, 0.15);
    --shadowColorHover: rgba(0, 0, 0, 0.2);
  }
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

:root.t_light .t_primary_Button {
  --white: var(--c-white);
  --black: var(--c-black);
  --scrim: var(--c-scrim);
  --neutral1: #222222;
  --neutral1Hovered: #131313;
  --neutral2: #7D7D7D;
  --neutral2Hovered: #6B6B6B;
  --neutral3: #BFBFBF;
  --neutral3Hovered: #ADADAD;
  --surface1: var(--c-white);
  --surface1Hovered: #F9F9F9;
  --surface2: #F9F9F9;
  --surface2Hovered: #F5F5F5;
  --surface3: rgba(34, 34, 34, 0.05);
  --surface3Solid: #F2F2F2;
  --surface3Hovered: rgba(34, 34, 34, 0.09);
  --surface4: rgba(255, 255, 255, 0.64);
  --surface5: rgba(0, 0, 0, 0.04);
  --accent1: #FC72FF;
  --accent1Hovered: #FD3CFE;
  --accent2: var(--c-pinkLight);
  --accent2Hovered: #FEEBFC;
  --accent3: #222222;
  --accent3Hovered: var(--c-black);
  --DEP_accentSoft: #FC72FF33;
  --DEP_blue400: #4C82FB;
  --statusSuccess: var(--c-greenVibrant);
  --statusSuccess2: var(--c-greenLight);
  --statusCritical: var(--c-redBase);
  --statusCriticalHovered: #FF3931;
  --statusCritical2: var(--c-redLight);
  --statusCritical2Hovered: #FFD5D4;
  --statusWarning: var(--c-brownVibrant);
  --statusWarning2: #FFFBEB;
  --DEP_backgroundBranded: #FCF7FF;
  --DEP_backgroundOverlay: #FFFFFF99;
  --DEP_accentWarning: #FEB239;
  --DEP_accentBranded: #FC72FF;
  --DEP_shadowBranded: #FC72FF;
  --DEP_accentSuccessSoft: #2098533d;
  --DEP_accentWarningSoft: #FEB2393d;
  --DEP_accentCriticalSoft: #FA2B391f;
  --DEP_brandedAccentSoft: #FAD8F8;
  --DEP_magentaDark: #FC72FF1f;
  --DEP_fiatBanner: var(--c-fiatOnRampBanner);
  --chain_1: #222222;
  --chain_130: #fc0fa4;
  --chain_10: #FF0420;
  --chain_137: #8247E5;
  --chain_42161: #12AAFF;
  --chain_80001: #8247E5;
  --chain_8453: #0052FF;
  --chain_7777777: #222222;
  --chain_81457: #222222;
  --chain_56: #B08603;
  --chain_42220: #222222;
  --chain_43114: #E84142;
  --chain_324: #3667F6;
  --chain_480: #222222;
  --chain_11155111: #627EEA;
  --chain_1301: #fc0fa4;
  --chain_10143: #836EF9;
  --pinkThemed: var(--c-pinkLight);
  --transparent: transparent;
  --background: #FC72FF;
  --backgroundHover: #FC72FFd9;
  --backgroundPress: #FC72FFa6;
  --backgroundFocus: #F9F9F9;
  --borderColor: transparent;
  --borderColorHover: transparent;
  --borderColorFocus: transparent;
  --outlineColor: transparent;
  --color: var(--c-white);
  --colorHover: #FC72FF;
  --colorPress: #FC72FF;
  --colorFocus: #FC72FF;
  --shadowColor: rgba(0, 0, 0, 0.15);
  --shadowColorHover: rgba(0, 0, 0, 0.2);
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }

  .t_primary_Button {
    --white: var(--c-white);
    --black: var(--c-black);
    --scrim: var(--c-scrim);
    --neutral1: #222222;
    --neutral1Hovered: #131313;
    --neutral2: #7D7D7D;
    --neutral2Hovered: #6B6B6B;
    --neutral3: #BFBFBF;
    --neutral3Hovered: #ADADAD;
    --surface1: var(--c-white);
    --surface1Hovered: #F9F9F9;
    --surface2: #F9F9F9;
    --surface2Hovered: #F5F5F5;
    --surface3: rgba(34, 34, 34, 0.05);
    --surface3Solid: #F2F2F2;
    --surface3Hovered: rgba(34, 34, 34, 0.09);
    --surface4: rgba(255, 255, 255, 0.64);
    --surface5: rgba(0, 0, 0, 0.04);
    --accent1: #FC72FF;
    --accent1Hovered: #FD3CFE;
    --accent2: var(--c-pinkLight);
    --accent2Hovered: #FEEBFC;
    --accent3: #222222;
    --accent3Hovered: var(--c-black);
    --DEP_accentSoft: #FC72FF33;
    --DEP_blue400: #4C82FB;
    --statusSuccess: var(--c-greenVibrant);
    --statusSuccess2: var(--c-greenLight);
    --statusCritical: var(--c-redBase);
    --statusCriticalHovered: #FF3931;
    --statusCritical2: var(--c-redLight);
    --statusCritical2Hovered: #FFD5D4;
    --statusWarning: var(--c-brownVibrant);
    --statusWarning2: #FFFBEB;
    --DEP_backgroundBranded: #FCF7FF;
    --DEP_backgroundOverlay: #FFFFFF99;
    --DEP_accentWarning: #FEB239;
    --DEP_accentBranded: #FC72FF;
    --DEP_shadowBranded: #FC72FF;
    --DEP_accentSuccessSoft: #2098533d;
    --DEP_accentWarningSoft: #FEB2393d;
    --DEP_accentCriticalSoft: #FA2B391f;
    --DEP_brandedAccentSoft: #FAD8F8;
    --DEP_magentaDark: #FC72FF1f;
    --DEP_fiatBanner: var(--c-fiatOnRampBanner);
    --chain_1: #222222;
    --chain_130: #fc0fa4;
    --chain_10: #FF0420;
    --chain_137: #8247E5;
    --chain_42161: #12AAFF;
    --chain_80001: #8247E5;
    --chain_8453: #0052FF;
    --chain_7777777: #222222;
    --chain_81457: #222222;
    --chain_56: #B08603;
    --chain_42220: #222222;
    --chain_43114: #E84142;
    --chain_324: #3667F6;
    --chain_480: #222222;
    --chain_11155111: #627EEA;
    --chain_1301: #fc0fa4;
    --chain_10143: #836EF9;
    --pinkThemed: var(--c-pinkLight);
    --transparent: transparent;
    --background: #FC72FF;
    --backgroundHover: #FC72FFd9;
    --backgroundPress: #FC72FFa6;
    --backgroundFocus: #F9F9F9;
    --borderColor: transparent;
    --borderColorHover: transparent;
    --borderColorFocus: transparent;
    --outlineColor: transparent;
    --color: var(--c-white);
    --colorHover: #FC72FF;
    --colorPress: #FC72FF;
    --colorFocus: #FC72FF;
    --shadowColor: rgba(0, 0, 0, 0.15);
    --shadowColorHover: rgba(0, 0, 0, 0.2);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }

  .t_primary_Button {
    --white: var(--c-white);
    --black: var(--c-black);
    --surface1: #131313;
    --surface1Hovered: rgba(24, 24, 24, 1.00);
    --surface2: #1B1B1B;
    --surface2Hovered: rgba(36, 36, 36, 1.00);
    --surface3: rgba(255, 255, 255, 0.12);
    --surface3Solid: #393939;
    --surface3Hovered: rgba(255, 255, 255, 0.16);
    --surface4: rgba(255, 255, 255, 0.20);
    --surface5: rgba(0, 0, 0, 0.04);
    --scrim: var(--c-scrim);
    --neutral1: var(--c-white);
    --neutral1Hovered: #F9F9F9;
    --neutral2: #9B9B9B;
    --neutral2Hovered: #ADADAD;
    --neutral3: #5E5E5E;
    --neutral3Hovered: #6B6B6B;
    --accent1: #FC72FF;
    --accent1Hovered: #FD3CFE;
    --accent2: var(--c-pinkDark);
    --accent2Hovered: #510D43;
    --accent3: var(--c-white);
    --accent3Hovered: #F5F5F5;
    --DEP_accentSoft: #FC72FF33;
    --DEP_blue400: #4C82FB;
    --statusSuccess: var(--c-greenVibrant);
    --statusSuccess2: var(--c-greenDark);
    --statusCritical: var(--c-redBase);
    --statusCriticalHovered: #FF3931;
    --statusCritical2: var(--c-redDark);
    --statusCritical2Hovered: #470402;
    --statusWarning: var(--c-yellowBase);
    --statusWarning2: var(--c-yellowDark);
    --DEP_backgroundBranded: #100D1C;
    --DEP_backgroundOverlay: #FFFFFF1a;
    --DEP_accentWarning: var(--c-yellowVibrant);
    --DEP_accentBranded: #FC72FF;
    --DEP_shadowBranded: #B60ACF;
    --DEP_accentSuccessSoft: #21C95E3d;
    --DEP_accentWarningSoft: #FFBF173d;
    --DEP_accentCriticalSoft: #FF00001f;
    --DEP_brandedAccentSoft: #46244F;
    --DEP_magentaDark: #FC72FF1f;
    --DEP_fiatBanner: var(--c-fiatOnRampBanner);
    --chain_1: var(--c-white);
    --chain_130: #fc0fa4;
    --chain_10: #FF0420;
    --chain_137: #8247E5;
    --chain_42161: #12AAFF;
    --chain_80001: #8247E5;
    --chain_8453: #0052FF;
    --chain_7777777: var(--c-white);
    --chain_81457: #FCFC03;
    --chain_56: var(--c-yellowBase);
    --chain_42220: #FCFF52;
    --chain_43114: #E84142;
    --chain_324: #3667F6;
    --chain_480: var(--c-white);
    --chain_11155111: #627EEA;
    --chain_1301: #fc0fa4;
    --chain_10143: #836EF9;
    --pinkThemed: var(--c-pinkDark);
    --transparent: transparent;
    --background: #FC72FF;
    --backgroundHover: #FC72FFd9;
    --backgroundPress: #FC72FFa6;
    --backgroundFocus: #1B1B1B;
    --borderColor: transparent;
    --borderColorHover: transparent;
    --borderColorFocus: transparent;
    --outlineColor: transparent;
    --color: var(--c-white);
    --colorHover: #FC72FF;
    --colorPress: #FC72FF;
    --colorFocus: #FC72FF;
    --shadowColor: rgba(0, 0, 0, 0.4);
    --shadowColorHover: rgba(0, 0, 0, 0.5);
  }
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:light) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

@media (prefers-color-scheme:dark) {
  body {
    background: var(--background);
    color: var(--color);
  }
}

:root ._display-flex {
  display: flex;
}

:root ._alignItems-stretch {
  align-items: stretch;
}

:root ._flexDirection-column {
  flex-direction: column;
}

:root ._flexBasis-auto {
  flex-basis: auto;
}

:root ._boxSizing-border-box {
  box-sizing: border-box;
}

:root ._position-relative {
  position: relative;
}

:root ._minHeight-0px {
  min-height: 0px;
}

:root ._minWidth-0px {
  min-width: 0px;
}

:root ._flexShrink-0 {
  flex-shrink: 0;
}

:root ._display-inline {
  display: inline;
}

:root ._whiteSpace-pre-wrap {
  white-space: pre-wrap;
}

:root ._mt-0px {
  margin-top: 0px;
}

:root ._mr-0px {
  margin-right: 0px;
}

:root ._mb-0px {
  margin-bottom: 0px;
}

:root ._ml-0px {
  margin-left: 0px;
}

:root ._color-accent1 {
  color: var(--accent1);
}

:root ._fontFamily-f-family {
  font-family: var(--f-family);
}

:root ._wordWrap-break-word {
  word-wrap: break-word;
}

:root ._fontSize-f-size-larg101 {
  font-size: var(--f-size-large);
}

:root ._lineHeight-f-lineHeigh1262266530 {
  line-height: var(--f-lineHeight-large);
}

:root ._fontWeight-f-weight-bo3548 {
  font-weight: var(--f-weight-book);
}

:root ._userSelect-none {
  user-select: none;
  -webkit-user-select: none;
}

:root ._mt-8px {
  margin-top: 8px;
}

:root ._mr-8px {
  margin-right: 8px;
}

:root ._mb-8px {
  margin-bottom: 8px;
}

:root ._ml-8px {
  margin-left: 8px;
}

:root ._color-neutral2 {
  color: var(--neutral2);
}

:root ._gap-4px {
  gap: 4px;
}

:root ._cursor-pointer {
  cursor: pointer;
}

@media (hover) {
  :root ._borderTopColor-0hover-borderColor69916956:hover {
    border-top-color: var(--borderColorHover) !important;
  }
}

@media (hover) {
  :root ._borderRightColor-0hover-borderColor69916956:hover {
    border-right-color: var(--borderColorHover) !important;
  }
}

@media (hover) {
  :root ._borderBottomColor-0hover-borderColor69916956:hover {
    border-bottom-color: var(--borderColorHover) !important;
  }
}

@media (hover) {
  :root ._borderLeftColor-0hover-borderColor69916956:hover {
    border-left-color: var(--borderColorHover) !important;
  }
}

:root:root:root ._borderTopColor-0focus-borderColor68052152:focus {
  border-top-color: var(--borderColorFocus) !important;
}

:root:root:root ._borderRightColor-0focus-borderColor68052152:focus {
  border-right-color: var(--borderColorFocus) !important;
}

:root:root:root ._borderBottomColor-0focus-borderColor68052152:focus {
  border-bottom-color: var(--borderColorFocus) !important;
}

:root:root:root ._borderLeftColor-0focus-borderColor68052152:focus {
  border-left-color: var(--borderColorFocus) !important;
}

:root ._fontSize-f-size-medi3736 {
  font-size: var(--f-size-medium);
}

:root ._lineHeight-f-lineHeigh507465454 {
  line-height: var(--f-lineHeight-medium);
}

:root ._pr-t-space-pad95589114 {
  padding-right: var(--t-space-padding8);
}

:root ._pl-t-space-pad95589114 {
  padding-left: var(--t-space-padding8);
}

:root ._height-10037 {
  height: 100%;
}

:root ._borderTopLeftRadius-t-radius-tr3728 {
  border-top-left-radius: var(--t-radius-true);
}

:root ._borderTopRightRadius-t-radius-tr3728 {
  border-top-right-radius: var(--t-radius-true);
}

:root ._borderBottomRightRadius-t-radius-tr3728 {
  border-bottom-right-radius: var(--t-radius-true);
}

:root ._borderBottomLeftRadius-t-radius-tr3728 {
  border-bottom-left-radius: var(--t-radius-true);
}

:root ._borderTopWidth-1px {
  border-top-width: 1px;
}

:root ._borderRightWidth-1px {
  border-right-width: 1px;
}

:root ._borderBottomWidth-1px {
  border-bottom-width: 1px;
}

:root ._borderLeftWidth-1px {
  border-left-width: 1px;
}

:root ._outlineWidth-0px {
  outline-width: 0px;
}

:root ._color-color {
  color: var(--color);
}

:root ._borderTopColor-borderColor {
  border-top-color: var(--borderColor);
}

:root ._borderRightColor-borderColor {
  border-right-color: var(--borderColor);
}

:root ._borderBottomColor-borderColor {
  border-bottom-color: var(--borderColor);
}

:root ._borderLeftColor-borderColor {
  border-left-color: var(--borderColor);
}

:root ._backgroundColor-transparent {
  background-color: var(--transparent);
}

:root ._borderBottomStyle-solid {
  border-bottom-style: solid;
}

:root ._borderTopStyle-solid {
  border-top-style: solid;
}

:root ._borderLeftStyle-solid {
  border-left-style: solid;
}

:root ._borderRightStyle-solid {
  border-right-style: solid;
}

:root ._width-10037 {
  width: 100%;
}

:root ._color-neutral1 {
  color: var(--neutral1);
}

:root ._fontSize-f-size-smal108 {
  font-size: var(--f-size-small);
}

:root ._lineHeight-f-lineHeigh1269072494 {
  line-height: var(--f-lineHeight-small);
}

:root ._color-white {
  color: var(--white);
}

:root ._fontWeight-f-weight-me3083741 {
  font-weight: var(--f-weight-medium);
}

:root ._whiteSpace-nowrap {
  white-space: nowrap;
}

:root ._fontSize-f-size-micr111 {
  font-size: var(--f-size-micro);
}

:root ._lineHeight-f-lineHeigh1263414315 {
  line-height: var(--f-lineHeight-micro);
}

:root:root ._textDecoration-_platformweb_none {
  text-decoration: none;
}

:root:root ._transitionDuration-_platformweb_0--2s {
  transition-duration: 0.2s;
}

@media (hover) {
  :root ._opacity-0hover-0--8:hover {
    opacity: 0.8 !important;
  }
}

:root:root ._opacity-0active-0--6:active {
  opacity: 0.6 !important;
}

:root ._flexDirection-row {
  flex-direction: row;
}

:root ._alignItems-center {
  align-items: center;
}

:root ._pt-8px {
  padding-top: 8px;
}

:root ._pb-8px {
  padding-bottom: 8px;
}

:root ._mr-18px {
  margin-right: 18px;
}

:root ._ml-18px {
  margin-left: 18px;
}

:root ._mt--72px {
  margin-top: -72px;
}

:root ._minWidth-100vw {
  min-width: 100vw;
}

:root ._position-absolute {
  position: absolute;
}

:root ._top-0px {
  top: 0px;
}

:root ._right-0px {
  right: 0px;
}

:root ._bottom-0px {
  bottom: 0px;
}

:root ._left-0px {
  left: 0px;
}

:root ._background-urlimagesno874317467 {
  background: url(https://app.uniswap.org/images/noise-color.png);
}

:root ._opacity-0--018 {
  opacity: 0.018;
}

:root ._zIndex-0 {
  z-index: 0;
}

:root ._justifyContent-center {
  justify-content: center;
}

:root ._opacity-1 {
  opacity: 1;
}

:root ._minWidth-10037 {
  min-width: 100%;
}

:root ._minHeight-100vh {
  min-height: 100vh;
}

:root ._height-min-content {
  height: min-content;
}

:root ._pt-72px {
  padding-top: 72px;
}

:root ._pointerEvents-none {
  pointer-events: none !important;
}

:root ._transform-translateY01303033 {
  transform: translateY(0px);
}

:root ._width-100vw {
  width: 100vw;
}

:root ._overflowX-hidden {
  overflow-x: hidden;
}

:root ._overflowY-hidden {
  overflow-y: hidden;
}

:root ._contain-strict {
  contain: strict;
}

.t_group_item {
  container-name: item;
  container-type: inline-size;
}

:root ._top-547--81084646184788386 {
  top: 547.8108464688611px;
}

:root ._left-951--53265356214275710 {
  left: 951.5326535687537px;
}

:root ._width-83px {
  width: 83px;
}

:root ._height-83px {
  height: 83px;
}

:root ._transformOrigin-centercente1106 {
  transform-origin: center center;
}

:root ._top-184--497624681832234262 {
  top: 184.49762468294946px;
}

:root ._left-1003--8256271730604476 {
  left: 1003.825627199576px;
}

:root ._width-96px {
  width: 96px;
}

:root ._height-96px {
  height: 96px;
}

:root ._top-801--089082831162825955 {
  top: 801.0890828375102px;
}

:root ._left-1051--57719161884966254 {
  left: 1051.5771916296478px;
}

:root ._width-62px {
  width: 62px;
}

:root ._height-62px {
  height: 62px;
}

:root ._top-827--677096131273097412 {
  top: 827.6770961352306px;
}

:root ._left-717--18083291589929239 {
  left: 717.1808329149785px;
}

:root ._top-105--07194354168997902 {
  top: 105.07194354981448px;
}

:root ._left-671--257236872072534840 {
  left: 671.2572368714003px;
}

:root ._width-81px {
  width: 81px;
}

:root ._height-81px {
  height: 81px;
}

:root ._top-399--13887316656790676 {
  top: 399.13887316892533px;
}

:root ._left-670--21158006417364801 {
  left: 670.2115800680263px;
}

:root ._top--30--457588041129620860 {
  top: -30.4575880402204px;
}

:root ._left-1222--3243153387275143 {
  left: 1222.324315336345px;
}

:root ._width-80px {
  width: 80px;
}

:root ._height-80px {
  height: 80px;
}

:root ._top-297--41666020110545746 {
  top: 297.41666020195106px;
}

:root ._left-1334--5007537917220227 {
  left: 1334.5007537815359px;
}

:root ._width-82px {
  width: 82px;
}

:root ._height-82px {
  height: 82px;
}

:root ._top-653--202422092099424456 {
  top: 653.2024220918964px;
}

:root ._left-488--629805481834146030 {
  left: 488.62980548250744px;
}

:root ._top-647--967565681249890971 {
  top: 647.9675656806878px;
}

:root ._left-1413--45960551562396917 {
  left: 1413.4596055593486px;
}

:root ._width-52px {
  width: 52px;
}

:root ._height-52px {
  height: 52px;
}

:root ._top-245--85038143783559158 {
  top: 245.85038143392273px;
}

:root ._left-358--455007871413422294 {
  left: 358.4550078721809px;
}

:root ._width-75px {
  width: 75px;
}

:root ._height-75px {
  height: 75px;
}

:root ._top--16--19956834706740028 {
  top: -16.19956834557047px;
}

:root ._left-274--79525665133079908 {
  left: 274.79525665358244px;
}

:root ._width-85px {
  width: 85px;
}

:root ._height-85px {
  height: 85px;
}

:root ._top-505--51405841779553133 {
  top: 505.51405841810936px;
}

:root ._left-253--577468722078034305 {
  left: 253.5774687264203px;
}

:root ._width-70px {
  width: 70px;
}

:root ._height-70px {
  height: 70px;
}

:root ._top-125--788700981887793516 {
  top: 125.78870098296795px;
}

:root ._left-1658--1284220498930850 {
  left: 1658.128422032676px;
}

:root ._width-51px {
  width: 51px;
}

:root ._height-51px {
  height: 51px;
}

:root ._top-772--30904092501633733 {
  top: 772.3090409291599px;
}

:root ._left-199--36178351410424672 {
  left: 199.3617835135923px;
}

:root ._width-55px {
  width: 55px;
}

:root ._height-55px {
  height: 55px;
}

:root ._top-427--849897901993203329 {
  top: 427.8498979011735px;
}

:root ._left-1661--4724096386083290 {
  left: 1661.472409681524px;
}

:root ._width-71px {
  width: 71px;
}

:root ._height-71px {
  height: 71px;
}

:root ._top-705--553399661215583146 {
  top: 705.5533996628576px;
}

:root ._left-1668--61886551773506603 {
  left: 1668.6188655090323px;
}

:root ._width-64px {
  width: 64px;
}

:root ._height-64px {
  height: 64px;
}

:root ._top-190--62436454852970244 {
  top: 190.62436454236243px;
}

:root ._left-35--2394496881596467114 {
  left: 35.239449688241166px;
}

:root ._width-88px {
  width: 88px;
}

:root ._height-88px {
  height: 88px;
}

:root ._top-622--97853822640965279 {
  top: 622.9785382296158px;
}

:root ._left--9--286321517891045299 {
  left: -9.286321517343964px;
}

:root ._width-60px {
  width: 60px;
}

:root ._height-60px {
  height: 60px;
}

:root ._top-216--3593220945343491 {
  top: 216.35932209355042px;
}

:root ._left-1881--508708062898915 {
  left: 1881.5087080806834px;
}

:root ._width-67px {
  width: 67px;
}

:root ._height-67px {
  height: 67px;
}

@media (max-width: 768px) {
  :root:root:root:root:root ._pt-_lg_24px {
    padding-top: 24px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._pt-_sm_8px {
    padding-top: 8px;
  }
}

:root ._alignSelf-center {
  align-self: center;
}

:root ._maxWidth-85vw {
  max-width: 85vw;
}

:root ._pt-48px {
  padding-top: 48px;
}

:root ._gap-t-space-gap1598 {
  gap: var(--t-space-gap20);
}

:root ._transform-translate0p1409972661 {
  transform: translate(0px, 0px);
}

:root ._maxWidth-920px {
  max-width: 920px;
}

@media (max-width: 640px) {
  :root:root:root:root:root:root ._fontSize-_md_52px {
    font-size: 52px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._fontFamily-_sm_f-family {
    font-family: var(--f-family);
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._fontSize-_sm_36px {
    font-size: 36px;
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._lineHeight-_sm_f-lineHeigh507465454 {
    line-height: var(--f-lineHeight-medium);
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._fontWeight-_sm_f-weight-bo3548 {
    font-weight: var(--f-weight-book);
  }
}

@media (max-width: 450px) {
  :root:root:root:root:root:root:root ._maxFontSizeMultiplier-_sm_1--2 {
    max-font-size-multiplier: 1.2;
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontFamily-_short_f-family {
    font-family: var(--f-family);
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontSize-_short_36px {
    font-size: 36px;
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._lineHeight-_short_f-lineHeigh507465454 {
    line-height: var(--f-lineHeight-medium);
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontWeight-_short_f-weight-bo3548 {
    font-weight: var(--f-weight-book);
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._maxFontSizeMultiplier-_short_1--2 {
    max-font-size-multiplier: 1.2;
  }
}

:root ._fontSize-64px {
  font-size: 64px;
}

:root ._lineHeight-76px {
  line-height: 76px;
}

:root ._textAlign-center {
  text-align: center;
}

:root ._pointerEvents-auto {
  pointer-events: auto !important;
}

:root ._width-480px {
  width: 480px;
}

:root ._pt-t-space-pad95589114 {
  padding-top: var(--t-space-padding8);
}

:root ._pb-t-space-pad95589114 {
  padding-bottom: var(--t-space-padding8);
}

:root ._borderTopLeftRadius-t-radius-ro291586420 {
  border-top-left-radius: var(--t-radius-rounded24);
}

:root ._borderTopRightRadius-t-radius-ro291586420 {
  border-top-right-radius: var(--t-radius-rounded24);
}

:root ._borderBottomRightRadius-t-radius-ro291586420 {
  border-bottom-right-radius: var(--t-radius-rounded24);
}

:root ._borderBottomLeftRadius-t-radius-ro291586420 {
  border-bottom-left-radius: var(--t-radius-rounded24);
}

:root ._backgroundColor-surface1 {
  background-color: var(--surface1);
}

:root ._maxWidth-10037 {
  max-width: 100%;
}

:root ._gap-t-space-spa1360334076 {
  gap: var(--t-space-spacing16);
}

:root ._flexShrink-1 {
  flex-shrink: 1;
}

:root ._flexGrow-1 {
  flex-grow: 1;
}

:root ._justifyContent-flex-end {
  justify-content: flex-end;
}

:root ._gap-t-space-spa94665593 {
  gap: var(--t-space-spacing8);
}

:root ._justifyContent-space-betwe3241 {
  justify-content: space-between;
}

:root ._pr-t-space-spa1360334076 {
  padding-right: var(--t-space-spacing16);
}

:root ._pl-t-space-spa1360334076 {
  padding-left: var(--t-space-spacing16);
}

:root ._pt-t-space-spa1360334076 {
  padding-top: var(--t-space-spacing16);
}

:root ._pb-t-space-spa1360334076 {
  padding-bottom: var(--t-space-spacing16);
}

:root ._fontSize-micro36 {
  font-size: $micro;
}

:root ._pt-t-space-spa94665593 {
  padding-top: var(--t-space-spacing8);
}

:root ._pb-t-space-spa94665593 {
  padding-bottom: var(--t-space-spacing8);
}

:root ._minHeight-59--1999999991290299429 {
  min-height: 59.199999999999996px;
}

:root ._height-36px {
  height: 36px;
}

:root ._mr-t-space-spa94665593 {
  margin-right: var(--t-space-spacing8);
}

:root ._color-neutral3 {
  color: var(--neutral3);
}

:root ._gap-t-space-spa94665591 {
  gap: var(--t-space-spacing6);
}

:root ._pr-t-space-spa1360334080 {
  padding-right: var(--t-space-spacing12);
}

:root ._pl-t-space-spa1360334080 {
  padding-left: var(--t-space-spacing12);
}

:root ._height-t-size-spac100347333 {
  height: var(--t-size-spacing36);
}

:root ._borderTopLeftRadius-t-radius-ro1041013639 {
  border-top-left-radius: var(--t-radius-roundedFull);
}

:root ._borderTopRightRadius-t-radius-ro1041013639 {
  border-top-right-radius: var(--t-radius-roundedFull);
}

:root ._borderBottomRightRadius-t-radius-ro1041013639 {
  border-bottom-right-radius: var(--t-radius-roundedFull);
}

:root ._borderBottomLeftRadius-t-radius-ro1041013639 {
  border-bottom-left-radius: var(--t-radius-roundedFull);
}

:root ._mr--2px {
  margin-right: -2px;
}

:root ._ml--2px {
  margin-left: -2px;
}

:root ._transform-rotate270de41674 {
  transform: rotate(270deg);
}

:root ._zIndex-t-zIndex-po106857796 {
  z-index: var(--t-zIndex-popover);
}

:root ._height-0px {
  height: 0px;
}

:root ._bottom--26px {
  bottom: -26px;
}

:root ._pt-t-space-spa94665587 {
  padding-top: var(--t-space-spacing2);
}

:root ._pr-t-space-spa94665587 {
  padding-right: var(--t-space-spacing2);
}

:root ._pb-t-space-spa94665587 {
  padding-bottom: var(--t-space-spacing2);
}

:root ._pl-t-space-spa94665587 {
  padding-left: var(--t-space-spacing2);
}

@media (hover) {
  :root ._borderTopColor-0hover-transparent:hover {
    border-top-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._borderRightColor-0hover-transparent:hover {
    border-right-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._borderBottomColor-0hover-transparent:hover {
    border-bottom-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._borderLeftColor-0hover-transparent:hover {
    border-left-color: var(--transparent) !important;
  }
}

@media (hover) {
  :root ._backgroundColor-0hover-surface2Hov3121676:hover {
    background-color: var(--surface2Hovered) !important;
  }
}

:root ._borderTopLeftRadius-t-radius-ro291586424 {
  border-top-left-radius: var(--t-radius-rounded20);
}

:root ._borderTopRightRadius-t-radius-ro291586424 {
  border-top-right-radius: var(--t-radius-rounded20);
}

:root ._borderBottomRightRadius-t-radius-ro291586424 {
  border-bottom-right-radius: var(--t-radius-rounded20);
}

:root ._borderBottomLeftRadius-t-radius-ro291586424 {
  border-bottom-left-radius: var(--t-radius-rounded20);
}

:root ._borderTopColor-transparent {
  border-top-color: var(--transparent);
}

:root ._borderRightColor-transparent {
  border-right-color: var(--transparent);
}

:root ._borderBottomColor-transparent {
  border-bottom-color: var(--transparent);
}

:root ._borderLeftColor-transparent {
  border-left-color: var(--transparent);
}

:root ._backgroundColor-surface2 {
  background-color: var(--surface2);
}

:root ._pt-t-space-non101 {
  padding-top: var(--t-space-none);
}

:root ._pt-t-space-spa94665589 {
  padding-top: var(--t-space-spacing4);
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._fontSize-_short_f-size-medi3736 {
    font-size: var(--f-size-medium);
  }
}

@media (max-height: 736px) {
  :root:root:root:root:root:root:root:root:root:root ._maxFontSizeMultiplier-_short_1--4 {
    max-font-size-multiplier: 1.4;
  }
}

:root ._maxWidth-430px {
  max-width: 430px;
}

@media (max-height: 800px) {
  :root:root:root:root:root:root:root:root:root:root:root ._display-_midHeight_none {
    display: none;
  }
}

:root ._bottom-48px {
  bottom: 48px;
}

:root ._justifyContent-flex-start {
  justify-content: flex-start;
}

:root ._width-500px {
  width: 500px;
}

/*! CSS Used from: Embedded */
.gas-container>div>div {
  width: 100%;
}

/*! CSS Used keyframes */
@-webkit-keyframes kIUZjQ {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@keyframes kIUZjQ {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }

  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

@-webkit-keyframes hbrBiY {
  0% {
    box-shadow: rgba(64, 182, 107, 0.24) 0px 0px 0px 0px;
  }

  100% {
    box-shadow: rgba(64, 182, 107, 0.24) 0px 0px 0px 4px;
  }
}

@keyframes hbrBiY {
  0% {
    box-shadow: rgba(64, 182, 107, 0.24) 0px 0px 0px 0px;
  }

  100% {
    box-shadow: rgba(64, 182, 107, 0.24) 0px 0px 0px 4px;
  }
}

@keyframes token-rotate-animation {
  0% {
    transform: rotate(-22deg);
  }

  to {
    transform: rotate(22deg);
  }
}

@keyframes token-float-animation {
  0% {
    transform: translateY(-8px);
  }

  50% {
    transform: translateY(8px);
  }

  to {
    transform: translateY(-8px);
  }
}

/*! CSS Used fontfaces */
@font-face {
  font-family: Basel;
  font-weight: 535;
  font-style: normal;
  font-display: block;
  src: url('https://app.uniswap.org/fonts/Basel-Grotesk-Medium.woff2') format('woff2'), url('https://app.uniswap.org/fonts/Basel-Grotesk-Medium.woff') format('woff');
}

@font-face {
  font-family: Basel;
  font-weight: 485;
  font-style: normal;
  font-display: block;
  src: url('https://app.uniswap.org/fonts/Basel-Grotesk-Book.woff2') format('woff2'), url('https://app.uniswap.org/fonts/Basel-Grotesk-Book.woff') format('woff');
}