/* [project]/swap-interface-design_v2/components/swap-v2/swap-v2.module.css [app-client] (css) */
.swap-v2-module__TIvinG__page {
  color: #fff;
  background: #070b12;
  width: 100%;
  max-width: 100%;
  min-height: 100dvh;
  position: relative;
  overflow-x: hidden;
}

.swap-v2-module__TIvinG__bg {
  pointer-events: none;
  position: absolute;
  inset: 0;
}

.swap-v2-module__TIvinG__bg:before, .swap-v2-module__TIvinG__bg:after {
  content: "";
  pointer-events: none;
  border-radius: 999999px;
  position: absolute;
}

.swap-v2-module__TIvinG__bg:before {
  filter: blur(120px);
  background: #2fe3d00d;
  width: 800px;
  height: 800px;
  top: -111px;
  left: -151px;
}

.swap-v2-module__TIvinG__bg:after {
  filter: blur(100px);
  background: #0092b81a;
  width: 600px;
  height: 600px;
  top: 120px;
  right: -120px;
}

.swap-v2-module__TIvinG__main {
  z-index: 1;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  min-height: 100dvh;
  padding: 110px 16px calc(48px + env(safe-area-inset-bottom, 0px));
  place-items: start center;
  display: grid;
  position: relative;
}

@media (min-width: 768px) {
  .swap-v2-module__TIvinG__main {
    align-content: start;
    place-items: start center;
    padding: 110px 24px 64px;
  }
}

.swap-v2-module__TIvinG__appHeader {
  z-index: 5;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  height: 74px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.swap-v2-module__TIvinG__appHeaderInner {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 40px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 16px clamp(20px, 4vw, 72px);
  display: flex;
}

.swap-v2-module__TIvinG__brandWrap {
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}

.swap-v2-module__TIvinG__brandLogo {
  width: auto;
  height: 40px;
  display: block;
}

.swap-v2-module__TIvinG__headerActions {
  flex-direction: row;
  flex: none;
  order: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  width: auto;
  min-width: 0;
  max-width: 100%;
  height: 42px;
  margin: 0 0 0 auto;
  padding: 0;
  display: flex;
}

.swap-v2-module__TIvinG__docsLink {
  color: #e2e7f0eb;
  align-items: center;
  gap: 8px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  text-decoration: none;
  display: inline-flex;
}

.swap-v2-module__TIvinG__docsIcon {
  width: 16px;
  height: 16px;
}

.swap-v2-module__TIvinG__walletChip {
  color: #d9deea;
  letter-spacing: .2px;
  background: #08101ca6;
  border: 2px solid #00aefe;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  min-width: 0;
  max-width: 100%;
  height: 42px;
  padding: 0 14px 0 6px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__walletDot {
  background: linear-gradient(135deg, #ff7a00 0%, #00d5ff 100%);
  border: 2px solid #fff6;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.swap-v2-module__TIvinG__walletText {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  overflow: hidden;
}

@media (max-width: 1200px) {
  .swap-v2-module__TIvinG__appHeaderInner {
    padding: 16px 28px;
  }

  .swap-v2-module__TIvinG__brandLogo {
    height: 34px;
  }

  .swap-v2-module__TIvinG__docsLink {
    font-size: 15px;
    line-height: 20px;
  }

  .swap-v2-module__TIvinG__walletChip {
    height: 40px;
    font-size: 13px;
    line-height: 18px;
  }

  .swap-v2-module__TIvinG__walletDot {
    width: 26px;
    height: 26px;
  }
}

.swap-v2-module__TIvinG__stack {
  align-self: start;
  width: min(440px, 100%);
  min-width: 0;
  max-width: min(440px, 100%);
  margin-inline: auto;
}

.swap-v2-module__TIvinG__swapContainer {
  box-sizing: border-box;
  isolation: isolate;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 32px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  min-height: 464px;
  padding: 5px;
  display: flex;
  box-shadow: 0 0 0 1px #ffffff1a, 0 20px 60px -10px #00000080;
}

.swap-v2-module__TIvinG__swapContent {
  box-sizing: border-box;
  background: linear-gradient(#ffffff08 0%, #fff0 100%);
  border-radius: 28px;
  width: 100%;
  overflow: hidden;
}

.swap-v2-module__TIvinG__cardInnerWrap {
  flex-direction: column;
  gap: 16px;
  padding: 24px;
  display: flex;
  position: relative;
  overflow: hidden;
}

@keyframes swap-v2-module__TIvinG__startupShellPulse {
  0%, 100% {
    opacity: .72;
  }

  50% {
    opacity: 1;
  }
}

.swap-v2-module__TIvinG__startupShellTitle, .swap-v2-module__TIvinG__startupShellPanel, .swap-v2-module__TIvinG__startupShellToggle, .swap-v2-module__TIvinG__startupShellToken, .swap-v2-module__TIvinG__startupShellAmount, .swap-v2-module__TIvinG__startupShellSub, .swap-v2-module__TIvinG__startupShellBalance, .swap-v2-module__TIvinG__startupShellChip, .swap-v2-module__TIvinG__startupShellRate, .swap-v2-module__TIvinG__startupShellNotice, .swap-v2-module__TIvinG__startupShellCta {
  animation: 1.65s ease-in-out infinite swap-v2-module__TIvinG__startupShellPulse;
}

.swap-v2-module__TIvinG__startupShellTitle {
  color: #0000;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(#ffffff29 0%, #ffffff0f 100%);
  border-radius: 18px;
  width: 132px;
  height: 52px;
}

.swap-v2-module__TIvinG__startupShellPanel {
  background: #ffffff09;
  border: 1px solid #ffffff14;
  border-radius: 28px;
  flex-direction: column;
  gap: 16px;
  padding: 20px;
  display: flex;
}

.swap-v2-module__TIvinG__startupShellRow, .swap-v2-module__TIvinG__startupShellFooter {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__startupShellToken {
  background: #0a111ed1;
  border: 1px solid #ffffff0f;
  border-radius: 24px;
  flex: auto;
  min-width: 0;
  height: 82px;
}

.swap-v2-module__TIvinG__startupShellAmountCol {
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  min-width: 92px;
  display: flex;
}

.swap-v2-module__TIvinG__startupShellAmount {
  background: #ffffff24;
  border-radius: 16px;
  width: 78px;
  height: 42px;
}

.swap-v2-module__TIvinG__startupShellSub {
  background: #ffffff1a;
  border-radius: 999px;
  width: 92px;
  height: 20px;
}

.swap-v2-module__TIvinG__startupShellBalance {
  background: #ffffff14;
  border-radius: 999px;
  width: 112px;
  height: 18px;
}

.swap-v2-module__TIvinG__startupShellActions {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__startupShellChip {
  background: #ffffff14;
  border-radius: 14px;
  width: 54px;
  height: 30px;
}

.swap-v2-module__TIvinG__startupShellToggle {
  background: #ffffff1f;
  border: 1px solid #ffffff24;
  border-radius: 999px;
  align-self: center;
  width: 54px;
  height: 54px;
  margin: -10px 0;
}

.swap-v2-module__TIvinG__startupShellRate {
  background: #ffffff14;
  border-radius: 999px;
  width: 168px;
  height: 22px;
}

.swap-v2-module__TIvinG__startupShellNotice {
  background: linear-gradient(#b77d4629 0%, #b77d4614 100%);
  border: 1px solid #cc955738;
  border-radius: 24px;
  width: 100%;
  height: 84px;
}

.swap-v2-module__TIvinG__startupShellCta {
  background: linear-gradient(135deg, #20e6d6e6 0%, #70e5d6e6 100%);
  border-radius: 22px;
  width: 100%;
  height: 56px;
}

.swap-v2-module__TIvinG__headerConnectButton {
  box-sizing: border-box;
  cursor: pointer;
  isolation: isolate;
  background: none;
  border: none;
  border-radius: 999999px;
  outline: none;
  flex: none;
  order: 1;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  min-width: 172px;
  max-width: 100%;
  height: 42px;
  padding: 0;
  transition: all .2s;
  display: inline-flex;
  position: relative;
  overflow: visible;
}

.swap-v2-module__TIvinG__headerConnectButton:hover {
  transform: none;
}

.swap-v2-module__TIvinG__headerConnectButton:disabled {
  cursor: not-allowed;
}

.swap-v2-module__TIvinG__headerConnectButton:disabled:hover, .swap-v2-module__TIvinG__headerConnectButton[data-busy="true"]:hover, .swap-v2-module__TIvinG__headerConnectButton:active {
  transform: none;
}

.swap-v2-module__TIvinG__headerConnectButton:focus-visible {
  outline: none;
}

.swap-v2-module__TIvinG__headerConnectButtonGlow {
  pointer-events: none;
  display: none;
}

.swap-v2-module__TIvinG__headerConnectButtonInner {
  box-sizing: border-box;
  background: #070a12f5;
  border: 1px solid #707c9438;
  border-radius: 999999px;
  flex: auto;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  width: auto;
  min-width: calc(100% - 4px);
  height: calc(100% - 4px);
  margin: 2px;
  padding: 0 18px 0 14px;
  display: inline-flex;
  position: relative;
  box-shadow: 0 6px 16px #03081029, inset 0 1px #ffffff0a;
}

.swap-v2-module__TIvinG__headerConnectButtonIcon {
  width: 18px;
  min-width: 18px;
  height: 18px;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.swap-v2-module__TIvinG__headerConnectButtonIconInner {
  background: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__headerConnectButtonIconInner svg {
  color: #cad5e2;
  width: 18px;
  height: 18px;
  display: block;
  transform: none;
}

.swap-v2-module__TIvinG__headerConnectButtonText {
  color: #b3b7c9;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 0 auto;
  align-items: center;
  min-width: 0;
  min-height: 28px;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: inline-flex;
  overflow: hidden;
}

.swap-v2-module__TIvinG__connectButton {
  box-sizing: border-box;
  cursor: pointer;
  color: #070b12;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 60px;
  text-shadow: none;
  filter: drop-shadow(0 1px #ffffff14);
  background: #14f1d9;
  border: none;
  border-radius: 16px;
  flex-direction: row;
  flex: none;
  order: 2;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 14px;
  padding: 0 30px 0 34px;
  font-family: Sora, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 10px 30px #14f1d933;
}

.swap-v2-module__TIvinG__connectButton > span {
  align-items: center;
  min-width: 0;
  display: inline-flex;
}

.swap-v2-module__TIvinG__connectButton:hover {
  background: #0dd9c4;
  transform: translateY(-1px);
  box-shadow: 0 13px 35px #14f1d940;
}

.swap-v2-module__TIvinG__connectButton:disabled {
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 10px 30px #14f1d929;
}

.swap-v2-module__TIvinG__connectButton:disabled:hover, .swap-v2-module__TIvinG__connectButton[data-busy="true"]:hover {
  background: #14f1d9;
  transform: none;
  box-shadow: 0 10px 30px #14f1d929;
}

.swap-v2-module__TIvinG__connectButton:active {
  transform: translateY(0);
}

.swap-v2-module__TIvinG__connectButtonIcon {
  color: #070b12;
  stroke-width: 1.67px;
  flex: none;
  width: 20px;
  height: 20px;
}

@media (min-width: 641px) {
  .swap-v2-module__TIvinG__headerConnectButton {
    min-width: 176px;
  }

  .swap-v2-module__TIvinG__headerConnectButtonInner {
    padding: 0 20px 0 14px;
  }

  .swap-v2-module__TIvinG__connectButton {
    border-radius: 18px;
    gap: 16px;
    min-height: 62px;
    padding: 0 34px 0 40px;
  }
}

.swap-v2-module__TIvinG__connectedButton {
  background: #ffffff08;
  border: 1px solid #ffffff14;
}

.swap-v2-module__TIvinG__connectedButton:hover {
  background: #ffffff0d;
  border-color: #ffffff1f;
}

.swap-v2-module__TIvinG__walletAddress {
  color: #b3b7c9;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.swap-v2-module__TIvinG__networkBadge {
  color: #14f1d9;
  background: #14f1d91a;
  border: 1px solid #14f1d933;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.swap-v2-module__TIvinG__networkBadgeIcon {
  width: 12px;
  height: 12px;
}

.swap-v2-module__TIvinG__routeSurfaceList, .swap-v2-module__TIvinG__routePrimaryWrap {
  flex-direction: column;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.swap-v2-module__TIvinG__routeSurfaceRow {
  padding: 12px 14px;
}

.swap-v2-module__TIvinG__routePrimaryRow {
  background: linear-gradient(#0b171efa 0%, #0c1319f5 100%);
  border-color: #3ab0d652;
}

.swap-v2-module__TIvinG__routePrimaryRow:hover {
  background: linear-gradient(#0d1b23fa 0%, #0d151df5 100%);
  border-color: #58c8eb6b;
}

.swap-v2-module__TIvinG__routeSheetOverlay {
  z-index: 50;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: #060a0e94;
  justify-content: center;
  align-items: flex-start;
  padding: 68px 0 0;
  display: flex;
  position: absolute;
  inset: 0;
}

.swap-v2-module__TIvinG__routeSheet {
  box-sizing: border-box;
  border-radius: 24px;
  flex-direction: column;
  gap: 14px;
  width: min(440px, 100vw - 32px);
  max-width: min(440px, 100vw - 32px);
  max-height: min(72vh, 640px);
  padding: 18px;
  display: flex;
}

.swap-v2-module__TIvinG__routeSheetHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.swap-v2-module__TIvinG__routeSheetHeaderCopy {
  flex-direction: column;
  gap: 4px;
  display: flex;
}

.swap-v2-module__TIvinG__routeSheetTitle {
  color: #fffffffa;
  font-family: Sora, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}

.swap-v2-module__TIvinG__routeSheetSubtitle {
  color: #b3b7c9bd;
  font-size: 12px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__routeSheetClose {
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__routeSheetList {
  flex-direction: column;
  gap: 10px;
  padding-right: 2px;
  display: flex;
  overflow-y: auto;
}

.swap-v2-module__TIvinG__routeSurfaceMeta {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__routeSurfacePath {
  color: #b3b7c9a8;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 11px;
  line-height: 15px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__routeSurfaceRight {
  flex-direction: column;
  flex-shrink: 0;
  align-items: flex-end;
  gap: 6px;
  min-width: 124px;
  display: flex;
}

.swap-v2-module__TIvinG__routeSurfacePills {
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  width: 100%;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__routeSurfaceEtaPill {
  color: #b3b7c9d1;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 4px;
  min-height: 20px;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__routeSurfaceOutput {
  color: #fffffff5;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.swap-v2-module__TIvinG__routeSurfaceLabel {
  color: #00d3f3;
  letter-spacing: .04em;
  background: #00d3f31f;
  border: 1px solid #00d3f347;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__routeAltCountBadge {
  color: #e6eaf6db;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  flex: 0 0 20px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  font-family: Sora, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.swap-v2-module__TIvinG__routeSurfaceFooter {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 8px;
  display: flex;
}

.swap-v2-module__TIvinG__routeSurfaceStat {
  color: #b3b7c9ad;
  font-variant-numeric: tabular-nums;
  font-size: 11px;
  line-height: 15px;
}

@media (max-width: 640px) {
  .swap-v2-module__TIvinG__main {
    padding-top: calc(82px + env(safe-area-inset-top, 0px));
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  }

  .swap-v2-module__TIvinG__appHeader {
    height: auto;
  }

  .swap-v2-module__TIvinG__appHeaderInner {
    padding: calc(12px + env(safe-area-inset-top, 0px)) 12px 10px;
    gap: 10px;
  }

  .swap-v2-module__TIvinG__brandLogo {
    height: 28px;
  }

  .swap-v2-module__TIvinG__headerActions {
    flex: auto;
    gap: 10px;
    max-width: calc(100% - 96px);
  }

  .swap-v2-module__TIvinG__docsLink {
    white-space: nowrap;
    gap: 6px;
    font-size: 13px;
    line-height: 18px;
  }

  .swap-v2-module__TIvinG__walletChip {
    flex: 0 auto;
    width: fit-content;
    min-width: 0;
    max-width: 100%;
  }

  .swap-v2-module__TIvinG__headerConnectButton {
    flex: auto;
    min-width: 0;
    max-width: min(190px, 100%);
  }

  .swap-v2-module__TIvinG__headerConnectButtonInner {
    justify-content: center;
    width: 100%;
    padding: 0 12px 0 6px;
  }

  .swap-v2-module__TIvinG__stack {
    width: 100%;
    max-width: 100%;
  }

  .swap-v2-module__TIvinG__cardInnerWrap {
    gap: 14px;
    padding: 18px 16px 20px;
  }

  .swap-v2-module__TIvinG__swapHeader {
    gap: 16px;
    height: auto;
  }

  .swap-v2-module__TIvinG__swapTitle {
    font-size: 20px;
    line-height: 25px;
  }

  .swap-v2-module__TIvinG__panel {
    padding: 14px;
  }

  .swap-v2-module__TIvinG__panelRow {
    align-items: flex-start;
    gap: 8px;
  }

  .swap-v2-module__TIvinG__tokenPill {
    flex: 1 1 0;
    gap: 10px;
    min-width: 0;
    max-width: 52%;
    padding: 10px;
  }

  .swap-v2-module__TIvinG__tokenIcon {
    width: 36px;
    height: 36px;
  }

  .swap-v2-module__TIvinG__tokenSymbolText {
    font-size: 15px;
    line-height: 19px;
  }

  .swap-v2-module__TIvinG__tokenChainText {
    max-width: 100%;
  }

  .swap-v2-module__TIvinG__amountInput, .swap-v2-module__TIvinG__amountValue {
    font-size: clamp(24px, 8.5vw, 30px);
    line-height: 1.1;
  }

  .swap-v2-module__TIvinG__amountDetailsBar {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }

  .swap-v2-module__TIvinG__amountDetailsLeft {
    flex: 140px;
  }

  .swap-v2-module__TIvinG__amountDetailsActions {
    flex-wrap: nowrap;
    flex: none;
    width: max-content;
    max-width: 100%;
    height: auto;
  }

  .swap-v2-module__TIvinG__refRateRow {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
  }

  .swap-v2-module__TIvinG__refRateLeft {
    flex: 100%;
  }

  .swap-v2-module__TIvinG__refRateText {
    white-space: normal;
  }

  .swap-v2-module__TIvinG__routeTop {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 8px 10px;
    margin-bottom: 8px;
    display: grid;
  }

  .swap-v2-module__TIvinG__routeTopLeft {
    align-items: start;
    gap: 10px;
    width: auto;
    display: flex;
  }

  .swap-v2-module__TIvinG__routeBadge {
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
  }

  .swap-v2-module__TIvinG__routeSurfaceMeta {
    gap: 4px;
  }

  .swap-v2-module__TIvinG__routeTitle {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 13px;
    line-height: 17px;
    display: -webkit-box;
    overflow: hidden;
  }

  .swap-v2-module__TIvinG__routeSurfacePath {
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .swap-v2-module__TIvinG__routeSurfaceRight {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 8px;
    width: auto;
    min-width: 92px;
  }

  .swap-v2-module__TIvinG__routeSurfacePills {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 5px;
    max-width: 128px;
  }

  .swap-v2-module__TIvinG__routeSurfaceOutput {
    text-align: right;
    width: auto;
    font-size: 13px;
    line-height: 17px;
  }

  .swap-v2-module__TIvinG__decisionBanner {
    border-radius: 16px;
    gap: 6px;
    padding: 12px 14px;
  }

  .swap-v2-module__TIvinG__decisionBannerTitleRow {
    gap: 8px;
  }

  .swap-v2-module__TIvinG__decisionBannerIconShell {
    width: 24px;
    height: 24px;
  }

  .swap-v2-module__TIvinG__decisionBannerIcon {
    width: 14px;
    height: 14px;
  }

  .swap-v2-module__TIvinG__decisionBannerTitle {
    font-size: 13px;
    line-height: 17px;
  }

  .swap-v2-module__TIvinG__decisionBannerItem, .swap-v2-module__TIvinG__decisionBannerFoot {
    font-size: 11px;
    line-height: 15px;
  }

  .swap-v2-module__TIvinG__connectButton {
    gap: 10px;
    height: auto;
    min-height: 56px;
    padding: 16px 14px;
    font-size: clamp(17px, 4.8vw, 18px);
    line-height: 1.2;
  }

  .swap-v2-module__TIvinG__routeSheetOverlay {
    padding: 12px;
  }

  .swap-v2-module__TIvinG__routeSheet {
    border-radius: 20px;
    width: min(440px, 100vw - 32px);
    max-width: min(440px, 100vw - 32px);
    max-height: 78vh;
    padding: 16px;
  }
}

.swap-v2-module__TIvinG__settingsPanel {
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  padding: 24px;
  display: flex;
  box-shadow: inset 0 2px 4px #0003;
}

.swap-v2-module__TIvinG__settingsOverlay {
  z-index: 50;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: #060a0e94;
  justify-content: center;
  align-items: flex-start;
  padding: 68px 0 0;
  display: flex;
  position: absolute;
  inset: 0;
}

.swap-v2-module__TIvinG__settingsPopover {
  border-radius: 20px;
  width: calc(100% - 32px);
  max-width: 404px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__settingsPopoverHeader {
  justify-content: space-between;
  align-items: center;
  padding: 16px 16px 8px;
  display: flex;
}

.swap-v2-module__TIvinG__settingsPopoverTitle {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.swap-v2-module__TIvinG__settingsPopoverCloseButton {
  cursor: pointer;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.swap-v2-module__TIvinG__settingsPopoverCloseIcon {
  width: 18px;
  height: 18px;
}

.swap-v2-module__TIvinG__settingsPopover .swap-v2-module__TIvinG__settingsPanel {
  width: 100%;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 16px;
  margin: 0;
  padding: 16px;
}

.swap-v2-module__TIvinG__settingsRow {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.swap-v2-module__TIvinG__settingsLabel {
  color: #fff;
  align-items: center;
  gap: 8px;
  font-family: Sora, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}

.swap-v2-module__TIvinG__settingsLabelIcon {
  color: #9a9a9a;
  opacity: .6;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  display: block;
}

.swap-v2-module__TIvinG__settingsValue {
  align-items: center;
  gap: 8px;
  display: flex;
}

.swap-v2-module__TIvinG__settingsRecoveryValue {
  flex: 0 auto;
  justify-content: flex-end;
  gap: 6px;
  min-width: 0;
}

.swap-v2-module__TIvinG__settingsRecoveryValue .swap-v2-module__TIvinG__settingsBadge {
  text-align: center;
  flex: none;
  min-width: 0;
  padding-left: 9px;
  padding-right: 9px;
  font-size: 13px;
}

.swap-v2-module__TIvinG__settingsBadge {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background: #0000004d;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  padding: 8px 16px;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  transition: all .2s;
}

.swap-v2-module__TIvinG__settingsBadgeActive {
  color: #000;
  background: #14f1d9;
  border: none;
  box-shadow: 0 1px 2px #0000001a, 0 1px 3px #0000001a;
}

.swap-v2-module__TIvinG__settingsMuted {
  color: #fff6;
  font-family: Sora, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
}

.swap-v2-module__TIvinG__settingsHelperText {
  color: #ffffff9e;
  text-align: right;
  max-width: 360px;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  display: block;
}

.swap-v2-module__TIvinG__settingsInput {
  color: #fff;
  text-align: right;
  background: #0000004d;
  border: 1px solid #ffffff1a;
  border-radius: 6px;
  outline: none;
  width: 70px;
  padding: 6px 10px;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  transition: all .2s;
}

.swap-v2-module__TIvinG__settingsInput:focus {
  background: #00000080;
  border-color: #14f1d9;
}

.swap-v2-module__TIvinG__settingsInput::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.swap-v2-module__TIvinG__settingsInput::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.swap-v2-module__TIvinG__settingsInput[type="number"] {
  appearance: textfield;
}

.swap-v2-module__TIvinG__settingsInputWide {
  width: 120px;
}

.swap-v2-module__TIvinG__swapHeader {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 66px;
  width: 100%;
  height: 32px;
  padding: 0;
  display: flex;
}

.swap-v2-module__TIvinG__tradeModeTabs {
  background: #13161e57;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__tradeModeTab {
  color: #b3b7c9e6;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  padding: 8px 14px;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: background .14s, color .14s;
}

.swap-v2-module__TIvinG__tradeModeTab:hover {
  color: #fff;
}

.swap-v2-module__TIvinG__tradeModeTabActive {
  color: #fff;
  background: #14f1d926;
}

.swap-v2-module__TIvinG__swapTitle {
  letter-spacing: -.95px;
  color: #fff;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
}

.swap-v2-module__TIvinG__swapHeaderActions {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  height: 32px;
  padding: 0;
  display: flex;
}

.swap-v2-module__TIvinG__swapHeaderIconBtn {
  opacity: .7;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: opacity .12s, background .12s;
  display: grid;
}

.swap-v2-module__TIvinG__swapHeaderIconBtn:hover {
  opacity: 1;
  background: #ffffff0f;
}

.swap-v2-module__TIvinG__swapHeaderIconBtn:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #14f1d959;
}

.swap-v2-module__TIvinG__swapHeaderIcon {
  color: #cad5e2e6;
  width: 16px;
  height: 16px;
}

.swap-v2-module__TIvinG__panel {
  box-sizing: border-box;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-height: 121px;
  margin: 0 auto;
  padding: 16px;
  transition: border-color .16s, background .16s;
  display: flex;
}

.swap-v2-module__TIvinG__panel:hover {
  background: #ffffff09;
  border-color: #ffffff1f;
}

.swap-v2-module__TIvinG__panel:focus-within {
  border-color: #00b8db59;
}

.swap-v2-module__TIvinG__panelHeader {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  display: flex;
}

.swap-v2-module__TIvinG__chainBadge {
  color: #b3b7c9e6;
  white-space: nowrap;
  background: #13161e40;
  border: 1px solid #ffffff24;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 13px;
}

.swap-v2-module__TIvinG__panelLabel {
  letter-spacing: 1.11719px;
  text-transform: uppercase;
  color: #b3b7c9;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 15px;
}

.swap-v2-module__TIvinG__panelMeta {
  color: #b3b7c9d9;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__panelHeaderMeta {
  letter-spacing: 1.11719px;
  text-transform: uppercase;
  color: #b3b7c994;
  white-space: nowrap;
  margin-left: auto;
  font-size: 10px;
  font-weight: 700;
  line-height: 15px;
}

.swap-v2-module__TIvinG__panelRow {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 64px;
  display: flex;
}

.swap-v2-module__TIvinG__amountDetailsBar {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin: 10px auto 0;
  padding: 0;
  display: flex;
}

.swap-v2-module__TIvinG__amountDetailsLeft {
  flex-direction: row;
  flex: none;
  order: 0;
  align-items: center;
  gap: 6px;
  width: auto;
  min-width: 0;
  height: 16.5px;
  padding: 0;
  display: flex;
}

.swap-v2-module__TIvinG__amountDetailsWalletIcon {
  color: #b3b7c9d9;
  flex: none;
  width: 14px;
  height: 14px;
}

.swap-v2-module__TIvinG__amountDetailsBalance {
  color: #b3b7c9d9;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__amountDetailsActions {
  flex-flow: row;
  flex: none;
  order: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 4px;
  width: max-content;
  max-width: 100%;
  height: 29px;
  padding: 0;
  display: flex;
}

.swap-v2-module__TIvinG__amountDetailsBtn {
  box-sizing: border-box;
  color: #b3b7c9f2;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff0d;
  border: 1px solid #ffffff0d;
  border-radius: 8px;
  flex-direction: row;
  flex: none;
  order: 1;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 37px;
  height: 21px;
  padding: 4px 6px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  transition: background .14s, border-color .14s;
  display: flex;
}

.swap-v2-module__TIvinG__amountDetailsBtn:hover {
  background: #ffffff14;
  border-color: #ffffff1a;
}

.swap-v2-module__TIvinG__tokenPill {
  box-sizing: border-box;
  cursor: pointer;
  background: #13161e66;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  height: 64px;
  padding: 12px;
  transition: background .14s, border-color .14s, transform .12s;
  display: flex;
}

.swap-v2-module__TIvinG__tokenPill:hover {
  background: #13161e8c;
  border-color: #ffffff1f;
}

.swap-v2-module__TIvinG__tokenPill:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #00b8dbb3;
}

.swap-v2-module__TIvinG__tokenPill:active {
  transform: scale(.99);
}

.swap-v2-module__TIvinG__tokenMetaCol {
  flex-direction: column;
  flex: auto;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__tokenSymbolText {
  color: #fffffff2;
  font-weight: 700;
  line-height: 20px;
}

.swap-v2-module__TIvinG__tokenChainText {
  color: #b3b7c9e6;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
  font-size: 10px;
  line-height: 13px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__tokenChevron {
  color: #62748ee6;
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: auto;
}

.swap-v2-module__TIvinG__amountCol, .swap-v2-module__TIvinG__amountColFrom, .swap-v2-module__TIvinG__amountColTo {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  min-width: 0;
  height: 64px;
  display: flex;
}

.swap-v2-module__TIvinG__fiatPill {
  box-sizing: border-box;
  color: #b3b7c9f2;
  background: #0003;
  border: 1px solid #ffffff0d;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 6px;
  width: fit-content;
  max-width: 100%;
  height: 25px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 15px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__fiatPillText {
  text-align: center;
  white-space: nowrap;
  flex: none;
  min-width: 0;
}

.swap-v2-module__TIvinG__fiatPillToggle {
  cursor: pointer;
  color: #14f1d9f2;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  width: 14px;
  height: 14px;
  padding: 0;
  display: grid;
}

.swap-v2-module__TIvinG__fiatPillToggleIcon {
  transform-origin: 50%;
  width: 10px;
  height: 10px;
  display: block;
  transform: rotate(-90deg);
}

.swap-v2-module__TIvinG__amountInput {
  color: #fff;
  text-align: right;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  caret-color: #ffffffe6;
  text-shadow: 0 4px 20px #ffffff29;
  background: none;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}

.swap-v2-module__TIvinG__amountInput::placeholder {
  color: #b3b7c947;
}

.swap-v2-module__TIvinG__amountValue {
  color: #fff;
  text-align: right;
  text-shadow: 0 4px 20px #ffffff29;
  width: 100%;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 35px;
}

.swap-v2-module__TIvinG__amountSub {
  text-align: right;
  color: #b3b7c9cc;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__amountColFrom .swap-v2-module__TIvinG__amountSub, .swap-v2-module__TIvinG__amountColTo .swap-v2-module__TIvinG__amountSub {
  justify-content: flex-end;
  display: flex;
}

.swap-v2-module__TIvinG__viaNote {
  color: #62748ed9;
  margin-left: 8px;
  font-size: 11px;
  line-height: 14px;
}

.swap-v2-module__TIvinG__outputNote {
  color: #62748ed9;
  margin-top: 8px;
  font-size: 11px;
  line-height: 14px;
}

.swap-v2-module__TIvinG__refRateRow {
  color: #b3b7c9b3;
  flex-direction: row;
  flex: none;
  order: 3;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 18px;
  margin: 10px auto 0;
  padding: 0;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__refRateLeft {
  flex: auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__refRateText {
  color: #b3b7c9d9;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__limitTargetDistanceBadge {
  color: #dfe5f7d1;
  letter-spacing: .01em;
  white-space: nowrap;
  background: #ffffff08;
  border: 1px solid #ffffff0f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 22px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 700;
  line-height: 12px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__limitTargetDistanceBadgePositive {
  color: #14f1d9f2;
  background: #14f1d914;
  border-color: #14f1d929;
}

.swap-v2-module__TIvinG__limitTargetDistanceBadgeWarning {
  color: #ffcf99f0;
  background: #ffb86b14;
  border-color: #ffb86b2e;
}

.swap-v2-module__TIvinG__limitInlineMeta {
  flex: none;
  align-items: center;
  gap: 10px;
  min-height: 22px;
  margin-left: auto;
  display: flex;
}

.swap-v2-module__TIvinG__limitSurfaceSummaryButton {
  color: #ebefffd6;
  white-space: nowrap;
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__limitConditionsAnchor {
  z-index: 6;
  flex: none;
  position: relative;
}

.swap-v2-module__TIvinG__limitConditionsOverlay {
  z-index: 50;
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: #060a0e94;
  justify-content: center;
  align-items: flex-start;
  padding: 68px 0 0;
  display: flex;
  position: absolute;
  inset: 0;
}

.swap-v2-module__TIvinG__limitSurfaceSummaryIcon {
  color: #14f1d9eb;
  width: 12px;
  height: 12px;
}

.swap-v2-module__TIvinG__limitConditionsPopover {
  z-index: 7;
  overscroll-behavior: contain;
  border-radius: 20px;
  width: calc(100% - 32px);
  max-width: 420px;
  padding: 14px;
  overflow: hidden auto;
}

.swap-v2-module__TIvinG__glassPopoverSurface {
  -webkit-backdrop-filter: blur(18px) saturate(120%);
  backdrop-filter: blur(18px) saturate(120%);
  background: linear-gradient(#122234c7 0%, #0b1724d6 54%, #080d16eb 100%);
  border: 1px solid #ffffff14;
  box-shadow: 0 28px 72px #0000006b, inset 0 0 0 1px #ffffff0a;
}

.swap-v2-module__TIvinG__glassPopoverCloseButton {
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  box-shadow: inset 0 1px #ffffff0a;
}

.swap-v2-module__TIvinG__glassPopoverCloseButton:hover {
  background: #ffffff14;
  border-color: #ffffff24;
}

.swap-v2-module__TIvinG__glassPopoverCloseIcon {
  color: #ffffffe6;
}

.swap-v2-module__TIvinG__limitConditionsHeader {
  color: #fffffff0;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.swap-v2-module__TIvinG__limitConditionsRow {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.swap-v2-module__TIvinG__limitConditionsRow + .swap-v2-module__TIvinG__limitConditionsRow {
  margin-top: 12px;
}

.swap-v2-module__TIvinG__limitConditionsLabel {
  color: #b3b7c9e6;
  min-width: 88px;
  font-size: 12px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__limitConditionsValue {
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__refRateValue {
  color: #ffffffd9;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.swap-v2-module__TIvinG__refRateDot {
  color: #62748e8c;
}

.swap-v2-module__TIvinG__mono {
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.swap-v2-module__TIvinG__impactTrigger {
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  transition: opacity .14s;
}

.swap-v2-module__TIvinG__impactTrigger:hover {
  opacity: .85;
}

.swap-v2-module__TIvinG__impactGood {
  color: #34d399;
}

.swap-v2-module__TIvinG__impactWarn {
  color: #fbbf24;
}

.swap-v2-module__TIvinG__impactBad {
  color: #fb7185;
}

.swap-v2-module__TIvinG__impactPopover {
  color: #ffffffeb;
  background: #0a0c14eb;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  width: 288px;
  padding: 14px;
  box-shadow: 0 18px 60px #0000008c;
}

.swap-v2-module__TIvinG__impactTitle {
  margin: 0 0 8px;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.swap-v2-module__TIvinG__impactBody {
  color: #b3b7c9c7;
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__impactGrid {
  flex-direction: column;
  gap: 10px;
  font-size: 12px;
  line-height: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__impactRow {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.swap-v2-module__TIvinG__impactKey {
  color: #b3b7c9b3;
}

.swap-v2-module__TIvinG__impactVal {
  color: #ffffffdb;
  font-variant-numeric: tabular-nums;
}

.swap-v2-module__TIvinG__impactLink {
  color: #00b8dbeb;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 12px;
  line-height: 16px;
  transition: opacity .14s;
  display: inline-flex;
}

.swap-v2-module__TIvinG__impactLink:hover {
  opacity: .9;
}

.swap-v2-module__TIvinG__swapDivider {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 20px;
  padding: 0;
  display: flex;
  position: relative;
}

.swap-v2-module__TIvinG__swapDividerLine {
  display: none;
}

.swap-v2-module__TIvinG__swapToggle {
  cursor: pointer;
  z-index: 2;
  background: none;
  border: none;
  border-radius: 0;
  flex: none;
  order: 1;
  place-items: center;
  width: 60px;
  height: 60px;
  padding: 0;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.swap-v2-module__TIvinG__swapToggle:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #14f1d9b3;
}

.swap-v2-module__TIvinG__swapToggle:hover {
  background: none;
}

.swap-v2-module__TIvinG__tokenIconOuter {
  display: inline-block;
  position: relative;
}

.swap-v2-module__TIvinG__tokenIconFrame {
  aspect-ratio: 1;
  background: #11131de6;
  border-radius: 999999px;
  flex-shrink: 0;
  overflow: hidden;
}

.swap-v2-module__TIvinG__tokenNetworkBadge {
  pointer-events: none;
  background: #0a0c14;
  border-radius: 999999px;
  place-items: center;
  width: 16px;
  height: 16px;
  display: grid;
  position: absolute;
  bottom: -2px;
  right: -2px;
  box-shadow: 0 0 0 1px #0a0c14, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
}

.swap-v2-module__TIvinG__tokenNetworkBadgeIcon {
  width: 14px;
  height: 14px;
  display: block;
}

.swap-v2-module__TIvinG__tokenNetworkBadgeText {
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  transform: translateY(-.25px);
}

.swap-v2-module__TIvinG__tokenIcon {
  width: 40px;
  height: 40px;
}

.swap-v2-module__TIvinG__tokenIconImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.swap-v2-module__TIvinG__tokenIconFallback {
  aspect-ratio: 1;
  color: #fff;
  background: #222536e6;
  border-radius: 999999px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.swap-v2-module__TIvinG__tokenIconLetter {
  font-size: .5em;
  line-height: 1;
}

.swap-v2-module__TIvinG__ctaWrap {
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 20px;
  display: flex;
}

.swap-v2-module__TIvinG__connectWalletBtn {
  box-sizing: border-box;
  color: #070b12;
  letter-spacing: .45px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(90deg, #14f1d9 0% 100%);
  border: 0;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 60px;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  transition: transform .12s, filter .12s, box-shadow .12s;
  display: flex;
  box-shadow: 0 10px 30px #2fe3d033, inset 0 1px #ffffff14;
}

.swap-v2-module__TIvinG__connectWalletBtn:hover {
  filter: brightness(1.03);
}

.swap-v2-module__TIvinG__connectWalletBtn:active {
  transform: scale(.99);
}

.swap-v2-module__TIvinG__connectWalletBtn:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #14f1d9cc;
}

.swap-v2-module__TIvinG__connectWalletBtnIcon {
  width: 20px;
  height: 20px;
}

.swap-v2-module__TIvinG__ctaTrack {
  --cta-height: 60px;
  --cta-radius: 16px;
  --cta-padding: 6px;
  --cta-knob: 48px;
  width: 100%;
  height: var(--cta-height);
  padding: var(--cta-padding);
  border-radius: var(--cta-radius);
  --ctaFillWidth: 60px;
  --ctaLabelOpacity: 1;
  background: #ffffff14;
  position: relative;
  overflow: hidden;
}

.swap-v2-module__TIvinG__ctaTrack:before {
  content: "";
  opacity: .8;
  pointer-events: none;
  background: linear-gradient(90deg, #0000 0%, #fff6 50%, #0000 100%);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.swap-v2-module__TIvinG__ctaTrackDisabled {
  opacity: .65;
  cursor: not-allowed;
}

.swap-v2-module__TIvinG__ctaFill {
  border-radius: var(--cta-radius);
  filter: blur(.2px);
  width: var(--ctaFillWidth);
  background: #2fe3d029;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.swap-v2-module__TIvinG__ctaLabel {
  letter-spacing: .45px;
  text-align: center;
  color: #7d8299;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--ctaLabelOpacity);
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 23px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.swap-v2-module__TIvinG__ctaKnob {
  width: var(--cta-knob);
  height: var(--cta-knob);
  cursor: grab;
  z-index: 2;
  background: #13161e8c;
  border: 1px solid #ffffff24;
  border-radius: 999px;
  place-items: center;
  display: grid;
  position: relative;
  box-shadow: 0 10px 30px #00000059;
}

.swap-v2-module__TIvinG__ctaKnobDisabled {
  cursor: not-allowed;
  opacity: .85;
}

.swap-v2-module__TIvinG__ctaHint {
  color: #b3b7c9b3;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  line-height: 16px;
  display: none;
}

.swap-v2-module__TIvinG__ctaHintMono {
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.swap-v2-module__TIvinG__ctaWarning {
  color: #fff4e5;
  text-align: center;
  margin-bottom: 8px;
  font-size: 12px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenOverlay {
  z-index: 1000;
  background: #0009;
  justify-content: center;
  align-items: flex-end;
  animation: .2s swap-v2-module__TIvinG__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

.swap-v2-module__TIvinG__tokenBackdrop {
  background: #0009;
  position: absolute;
  inset: 0;
}

.swap-v2-module__TIvinG__tokenModal {
  z-index: 3;
  flex: none;
  order: 3;
  width: 430px;
  height: 539px;
  position: absolute;
  bottom: -.5px;
  left: calc(50% - 215px);
}

.swap-v2-module__TIvinG__tokenCard {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #0a0c14e6;
  border-top: 1px solid #ffffff1a;
  border-radius: 24px 24px 0 0;
  flex-direction: column;
  height: 100%;
  animation: .3s swap-v2-module__TIvinG__slideUp;
  display: flex;
  overflow: hidden;
  box-shadow: 0 -10px 40px -10px #000c;
}

.swap-v2-module__TIvinG__tokenHeader {
  flex-direction: column;
  flex-shrink: 0;
  gap: 14px;
  padding: 22px 18px 14px;
  display: flex;
}

.swap-v2-module__TIvinG__tokenHeaderTopRow {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.swap-v2-module__TIvinG__tokenHeaderTitle {
  letter-spacing: -.3px;
  color: #fff;
  font-family: Sora, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
}

.swap-v2-module__TIvinG__tokenCloseBtn {
  opacity: .75;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  width: 32px;
  height: 32px;
  transition: opacity .14s, background .14s;
  display: grid;
}

.swap-v2-module__TIvinG__tokenCloseBtn:hover {
  opacity: 1;
  background: #ffffff0f;
}

.swap-v2-module__TIvinG__tokenCloseIcon {
  color: #ffffffd9;
  width: 18px;
  height: 18px;
}

.swap-v2-module__TIvinG__tokenSearchGroup {
  box-sizing: border-box;
  background: #13161f;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 46px;
  padding: 0 12px 0 14px;
  display: flex;
  box-shadow: inset 0 2px 4px #0000000d;
}

.swap-v2-module__TIvinG__tokenSearchDivider {
  background: #ffffff14;
  flex-shrink: 0;
  width: 1px;
  height: 22px;
}

.swap-v2-module__TIvinG__tokenNetworkDropdown {
  color: #14f1d9;
  border-radius: 12px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  height: 100%;
  padding: 0 8px;
  display: inline-flex;
  position: relative;
}

.swap-v2-module__TIvinG__tokenNetworkGlyph {
  place-items: center;
  width: 14px;
  height: 14px;
  display: inline-grid;
}

:is(.swap-v2-module__TIvinG__tokenNetworkGlyph svg, .swap-v2-module__TIvinG__tokenNetworkGlyph span) {
  width: 14px;
  height: 14px;
}

.swap-v2-module__TIvinG__tokenNetworkMenuBtn {
  opacity: 0;
  cursor: pointer;
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.swap-v2-module__TIvinG__tokenNetworkMenu {
  box-sizing: border-box;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  scrollbar-gutter: stable;
  scrollbar-width: thin;
  scrollbar-color: #8f9aaf99 transparent;
  overscroll-behavior: contain;
  z-index: 10;
  background: #12141ce6;
  border: 1px solid #ffffff1a;
  border-radius: 14px;
  flex-direction: column;
  align-items: flex-start;
  width: 220px;
  max-height: min(360px, 100vh - 220px);
  padding: 5px 1px 1px;
  display: flex;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  overflow: hidden auto;
  box-shadow: 0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;
}

.swap-v2-module__TIvinG__tokenNetworkMenu::-webkit-scrollbar {
  width: 8px;
}

.swap-v2-module__TIvinG__tokenNetworkMenu::-webkit-scrollbar-thumb {
  background: #8f9aaf8c;
  border-radius: 999px;
}

.swap-v2-module__TIvinG__tokenNetworkMenu::-webkit-scrollbar-track {
  background: none;
}

.swap-v2-module__TIvinG__tokenNetworkMenuItem {
  color: #ffffffe6;
  background: none;
  border: 0;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  width: calc(100% - 2px);
  margin: 0 1px;
  padding: 10px 12px;
  transition: background .14s;
  display: flex;
}

.swap-v2-module__TIvinG__tokenNetworkMenuItem:hover {
  background: #ffffff0f;
}

.swap-v2-module__TIvinG__tokenNetworkMenuItemActive {
  background: #00b8db1f;
}

.swap-v2-module__TIvinG__tokenNetworkMenuIcon {
  flex-shrink: 0;
  place-items: center;
  width: 18px;
  height: 18px;
  display: inline-grid;
}

:is(.swap-v2-module__TIvinG__tokenNetworkMenuIcon svg, .swap-v2-module__TIvinG__tokenNetworkMenuIcon span) {
  width: 18px;
  height: 18px;
}

.swap-v2-module__TIvinG__tokenNetworkMenuLabel {
  font-family: Sora, system-ui, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.swap-v2-module__TIvinG__tokenSearchIcon {
  color: #cad5e2;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.swap-v2-module__TIvinG__tokenSearchInput {
  color: #fff;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  height: 100%;
  padding: 0 8px;
  font-family: Sora, system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.swap-v2-module__TIvinG__tokenSearchInput::placeholder {
  color: #7d8299;
}

.swap-v2-module__TIvinG__tokenNetworkSelector {
  cursor: pointer;
  background: none;
  border: none;
  border-left: 1px solid #ffffff1a;
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  transition: background .2s;
  display: flex;
}

.swap-v2-module__TIvinG__tokenFilters {
  display: none;
}

.swap-v2-module__TIvinG__tokenNetworkSelector:hover {
  background: #ffffff0d;
}

.swap-v2-module__TIvinG__tokenNetworkIcon {
  color: #14f1d9;
  width: 14px;
  height: 14px;
}

.swap-v2-module__TIvinG__tokenNetworkLabel {
  color: #14f1d9;
  white-space: nowrap;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 15px;
}

.swap-v2-module__TIvinG__tokenNetworkChevron {
  color: #cad5e2;
  width: 12px;
  height: 12px;
}

.swap-v2-module__TIvinG__tokenFilters {
  flex-shrink: 0;
  gap: 10px;
  padding: 0 16px 12px;
  display: flex;
  overflow-x: auto;
}

.swap-v2-module__TIvinG__tokenFilterPill {
  white-space: nowrap;
  color: #b3b7c9e6;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 10px;
  height: 28px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  transition: background .14s, border-color .14s;
}

.swap-v2-module__TIvinG__tokenFilterPill:hover {
  background: #ffffff0f;
  border-color: #ffffff1f;
}

.swap-v2-module__TIvinG__tokenFilterPillActive {
  color: #00d3f3;
  background: #00d3f314;
  border-color: #00d3f380;
}

.swap-v2-module__TIvinG__tokenTabsBar {
  border-bottom: 1px solid #ffffff0d;
  flex-shrink: 0;
  padding: 0 16px;
}

.swap-v2-module__TIvinG__tokenTabsRow {
  align-items: flex-end;
  gap: 18px;
  height: 33px;
  display: flex;
  overflow-x: auto;
}

.swap-v2-module__TIvinG__tokenTabBtn {
  color: #62748e;
  white-space: nowrap;
  background: none;
  border: 0;
  height: 24px;
  padding: 0;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  position: relative;
}

.swap-v2-module__TIvinG__tokenTabBtnActive {
  color: #fff;
}

.swap-v2-module__TIvinG__tokenTabBtnActive:after {
  content: "";
  background: #00b8db;
  border-radius: 999999px 999999px 0 0;
  height: 2px;
  position: absolute;
  bottom: -9px;
  left: 0;
  right: 0;
  box-shadow: 0 -2px 8px #06b6d480;
}

.swap-v2-module__TIvinG__tokenCount {
  color: #62748ee6;
  margin-left: auto;
  padding-bottom: 8px;
  font-size: 11px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenList {
  flex-direction: column;
  flex: 1;
  gap: 4px;
  min-height: 0;
  padding: 12px;
  display: flex;
  overflow-y: auto;
}

.swap-v2-module__TIvinG__tokenRow {
  box-sizing: border-box;
  background: none;
  border: none;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 66px;
  padding: 0 12px;
  transition: background .14s, border-color .14s, transform .12s;
  display: flex;
}

.swap-v2-module__TIvinG__tokenRow:hover {
  background: #ffffff08;
  transform: translateY(-.5px);
}

.swap-v2-module__TIvinG__tokenRowSelected {
  background: #00b8db0f;
}

.swap-v2-module__TIvinG__tokenHeaderIcon {
  width: 20px;
  height: 20px;
}

.swap-v2-module__TIvinG__tokenHeaderLoader {
  width: 16px;
  height: 16px;
  animation: 1s linear infinite swap-v2-module__TIvinG__spin;
}

.swap-v2-module__TIvinG__tokenRefreshDots {
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  display: grid;
}

.swap-v2-module__TIvinG__tokenRefreshDot {
  border-radius: 999999px;
  width: 6px;
  height: 6px;
}

.swap-v2-module__TIvinG__tokenRefreshRed {
  background: #ef4444;
}

.swap-v2-module__TIvinG__tokenRefreshAmber {
  background: #f59e0b;
}

.swap-v2-module__TIvinG__tokenRefreshGreen {
  background: #22c55e;
}

.swap-v2-module__TIvinG__tokenRefreshBlue {
  background: #3b82f6;
}

.swap-v2-module__TIvinG__tokenIconWrap {
  position: relative;
}

.swap-v2-module__TIvinG__tokenIconHotBadge {
  background: #0a0c14;
  border-radius: 999999px;
  place-items: center;
  width: 16px;
  height: 16px;
  display: grid;
  position: absolute;
  top: -4px;
  right: -4px;
}

.swap-v2-module__TIvinG__tokenHotStar {
  color: #00b8db;
  fill: #00b8db;
  width: 10px;
  height: 10px;
}

.swap-v2-module__TIvinG__tokenRowIcon {
  width: 40px;
  height: 40px;
  font-size: 16px;
}

.swap-v2-module__TIvinG__tokenListLoadingWrap {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swap-v2-module__TIvinG__tokenListLoadingInner {
  flex-direction: column;
  align-items: center;
  gap: 12px;
  display: flex;
}

.swap-v2-module__TIvinG__tokenListLoadingSpinner {
  color: #b3b7c980;
  width: 32px;
  height: 32px;
  animation: 1s linear infinite swap-v2-module__TIvinG__spin;
}

.swap-v2-module__TIvinG__tokenListLoadingText {
  color: #b3b7c9b3;
  font-size: 14px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenListSentinel {
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.swap-v2-module__TIvinG__tokenListSentinelSpinner {
  color: #b3b7c966;
  width: 18px;
  height: 18px;
  animation: 1s linear infinite swap-v2-module__TIvinG__spin;
}

.swap-v2-module__TIvinG__tokenListEnd {
  text-align: center;
  color: #b3b7c966;
  letter-spacing: .02em;
  padding: 12px 16px;
  font-size: 11px;
}

.swap-v2-module__TIvinG__tokenListFallbackBanner {
  color: #e0f7f3d1;
  background: #14f1d90f;
  border: 1px solid #14f1d91f;
  border-radius: 12px;
  margin: 8px 12px 4px;
  padding: 10px 12px;
  font-size: 12px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenListEmpty {
  text-align: center;
  color: #b3b7c980;
  padding: 32px 16px;
  font-size: 14px;
}

@keyframes swap-v2-module__TIvinG__spin {
  to {
    transform: rotate(360deg);
  }
}

.swap-v2-module__TIvinG__tokenInputCard {
  background: #0a0c14eb;
  border: 1px solid #ffffff0f;
  border-radius: 18px;
  padding: 20px;
}

.swap-v2-module__TIvinG__tokenInputLabel {
  color: #b3b7c9b3;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenInputRow {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__tokenInputAmountCol {
  flex: 1;
  min-width: 0;
}

.swap-v2-module__TIvinG__tokenInputField {
  color: #fff;
  background: none;
  border: 0;
  outline: none;
  width: 100%;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.1;
}

.swap-v2-module__TIvinG__tokenInputField::placeholder {
  color: #b3b7c966;
}

.swap-v2-module__TIvinG__tokenInputAmountText {
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.1;
  overflow: hidden;
}

.swap-v2-module__TIvinG__tokenInputTokenBtn {
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 999999px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px 8px 8px;
  transition: background .14s, border-color .14s;
  display: flex;
}

.swap-v2-module__TIvinG__tokenInputTokenBtn:hover {
  background: #ffffff17;
  border-color: #ffffff1f;
}

.swap-v2-module__TIvinG__tokenInputIcon {
  width: 28px;
  height: 28px;
}

.swap-v2-module__TIvinG__tokenInputSymbol {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
}

.swap-v2-module__TIvinG__tokenInputChevron {
  color: #b3b7c9b3;
  width: 16px;
  height: 16px;
}

.swap-v2-module__TIvinG__tokenInputFooter {
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.swap-v2-module__TIvinG__tokenInputUsd {
  color: #b3b7c9b3;
  font-size: 14px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenInputChange {
  font-size: 14px;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenInputChangePos {
  color: #22c55e;
}

.swap-v2-module__TIvinG__tokenInputChangeNeg {
  color: #ef4444;
}

.swap-v2-module__TIvinG__tokenLeft {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__tokenMeta {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__tokenName {
  letter-spacing: -.150391px;
  text-align: left;
  color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__tokenSub {
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__tokenSymbol {
  text-align: left;
  color: #62748e;
  white-space: nowrap;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenChain {
  letter-spacing: .0644531px;
  text-align: left;
  color: #90a1b9;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__tokenRight {
  text-align: right;
  min-width: 132px;
}

.swap-v2-module__TIvinG__tokenPrice {
  letter-spacing: .199609px;
  text-align: right;
  color: #fff;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.swap-v2-module__TIvinG__tokenPriceDash {
  color: #b3b7c999;
}

.swap-v2-module__TIvinG__tokenChange {
  text-align: right;
  margin-top: 2px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
}

.swap-v2-module__TIvinG__tokenChangePos {
  color: #22c55e;
}

.swap-v2-module__TIvinG__tokenChangeNeg {
  color: #ef4444;
}

.swap-v2-module__TIvinG__routeRow {
  text-align: left;
  cursor: pointer;
  background: #ffffff05;
  border: 1px solid #ffffff0d;
  border-radius: 14px;
  width: 100%;
  padding: 12px 14px;
  transition: background .16s, border-color .16s, transform .12s;
}

.swap-v2-module__TIvinG__routeRow:hover {
  background: #ffffff0a;
  border-color: #ffffff1a;
}

.swap-v2-module__TIvinG__routeRow:active {
  transform: scale(.997);
}

.swap-v2-module__TIvinG__routeRow:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #00b8dbbf;
}

.swap-v2-module__TIvinG__routeRowActive {
  background: #00b8db14;
  border-color: #00b8db59;
}

.swap-v2-module__TIvinG__icon12 {
  width: 12px;
  height: 12px;
}

.swap-v2-module__TIvinG__icon14 {
  width: 14px;
  height: 14px;
}

.swap-v2-module__TIvinG__icon20 {
  width: 20px;
  height: 20px;
}

.swap-v2-module__TIvinG__fullWidth {
  width: 100%;
}

.swap-v2-module__TIvinG__ctaKnobIcon {
  color: #7d8299;
}

.swap-v2-module__TIvinG__ctaHintIcon {
  width: 12px;
  height: 12px;
}

.swap-v2-module__TIvinG__ctaHintIconSpinning {
  animation: .9s linear infinite swap-v2-module__TIvinG__spin;
}

.swap-v2-module__TIvinG__iconMuted {
  color: #b3b7c9b3;
}

.swap-v2-module__TIvinG__routeTop {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  display: flex;
}

.swap-v2-module__TIvinG__routeTopLeft {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__routeBadge {
  font-variant-numeric: tabular-nums;
  color: #b3b7c9bf;
  background: #ffffff0d;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  flex: 0 0 22px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-family: Sora, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
}

.swap-v2-module__TIvinG__routeBadgeBest {
  color: #00d3f3;
  background: #00d3f31f;
  border-color: #00d3f359;
}

.swap-v2-module__TIvinG__routeTitle {
  color: #ffffffd9;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__routeSeg {
  flex-shrink: 0;
  align-items: center;
  gap: 6px;
  display: flex;
}

.swap-v2-module__TIvinG__routeArrow {
  color: #62748ebf;
  font-size: 9px;
  line-height: 12px;
}

.swap-v2-module__TIvinG__settingsGhostBtn {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.swap-v2-module__TIvinG__settingsCustomSlippageRow {
  align-items: center;
  gap: 4px;
  display: flex;
}

.swap-v2-module__TIvinG__settingsInputNarrow {
  width: 50px;
}

.swap-v2-module__TIvinG__refRateReverseBtn {
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: inline-flex;
}

.swap-v2-module__TIvinG__iconFill {
  fill: currentColor;
}

.swap-v2-module__TIvinG__errorPage {
  background: #131313;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 24px;
  font-family: system-ui, sans-serif;
  display: flex;
}

.swap-v2-module__TIvinG__errorCard {
  text-align: center;
  color: #fff;
  background: #1e1e1e;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  width: 100%;
  max-width: 420px;
  padding: 32px 24px;
}

.swap-v2-module__TIvinG__errorIcon {
  margin-bottom: 12px;
  font-size: 32px;
}

.swap-v2-module__TIvinG__errorTitle {
  margin-bottom: 8px;
  font-size: 18px;
  font-weight: 600;
}

.swap-v2-module__TIvinG__errorMessage {
  color: #9a9a9a;
  font-size: 13px;
  line-height: 1.5;
}

.swap-v2-module__TIvinG__executionBanner {
  box-sizing: border-box;
  border-radius: 16px;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin: 0 0 14px;
  padding: 12px 14px;
  display: flex;
}

.swap-v2-module__TIvinG__executionBannerInfo {
  background: #14f1d90f;
  border: 1px solid #14f1d929;
}

.swap-v2-module__TIvinG__executionBannerError {
  background: #ff5c5c14;
  border: 1px solid #ff5c5c29;
}

.swap-v2-module__TIvinG__executionBannerTitle {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
}

.swap-v2-module__TIvinG__executionBannerText {
  color: #ffffffdb;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
}

.swap-v2-module__TIvinG__executionBannerMeta {
  color: #ffffff9e;
  flex-wrap: wrap;
  gap: 10px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, monospace;
  font-size: 11px;
  line-height: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__decisionBanner {
  box-sizing: border-box;
  border-radius: 18px;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  margin: 0 0 14px;
  padding: 14px 16px;
  display: flex;
}

.swap-v2-module__TIvinG__decisionBannerCompact {
  width: auto;
  max-width: 100%;
  box-shadow: none;
  border-radius: 999px;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: 0;
  margin: 2px auto 12px;
  padding: 10px 14px;
}

.swap-v2-module__TIvinG__decisionBannerInfo {
  --decision-progress-color: #14f1d9;
  --decision-progress-glow: #14f1d95c;
  background: #14f1d90f;
  border: 1px solid #14f1d929;
}

.swap-v2-module__TIvinG__decisionBannerWarning {
  --decision-progress-color: #ffd480;
  --decision-progress-glow: #ffd48052;
  background: #ffb80014;
  border: 1px solid #ffb80033;
}

.swap-v2-module__TIvinG__decisionBannerError {
  --decision-progress-color: #ffbe82;
  --decision-progress-glow: #ffbe8247;
  background: linear-gradient(#ffb56e17 0%, #ff885c0f 100%);
  border: 1px solid #ffb56e33;
  box-shadow: inset 0 1px #ffdbbf0f, 0 10px 24px #100a041f;
}

.swap-v2-module__TIvinG__decisionBannerCompact.swap-v2-module__TIvinG__decisionBannerError {
  background: #ffbc7c14;
  border: 1px solid #ffbc7c26;
  box-shadow: inset 0 1px #ffecd60a;
}

.swap-v2-module__TIvinG__decisionBannerTitleRow {
  align-items: center;
  gap: 10px;
  display: flex;
}

.swap-v2-module__TIvinG__decisionBannerTitleRowCompact {
  justify-content: flex-start;
  gap: 8px;
}

.swap-v2-module__TIvinG__decisionBannerIconShell {
  background: #ffffff0d;
  border: 1px solid #ffffff12;
  border-radius: 999px;
  flex-shrink: 0;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.swap-v2-module__TIvinG__decisionBannerIcon {
  color: #14f1d9;
  width: 16px;
  height: 16px;
}

.swap-v2-module__TIvinG__decisionBannerInfo .swap-v2-module__TIvinG__decisionBannerIconShell {
  background: #14f1d91f;
  border-color: #14f1d92e;
}

.swap-v2-module__TIvinG__decisionBannerWarning .swap-v2-module__TIvinG__decisionBannerIconShell {
  background: #ffd4801f;
  border-color: #ffd4802e;
}

.swap-v2-module__TIvinG__decisionBannerError .swap-v2-module__TIvinG__decisionBannerIconShell {
  background: #ffbe821f;
  border-color: #ffbe8238;
}

.swap-v2-module__TIvinG__decisionBannerCompact .swap-v2-module__TIvinG__decisionBannerIconShell {
  width: 24px;
  height: 24px;
}

.swap-v2-module__TIvinG__decisionBannerError .swap-v2-module__TIvinG__decisionBannerIcon {
  color: #ffbe82;
}

.swap-v2-module__TIvinG__decisionBannerWarning .swap-v2-module__TIvinG__decisionBannerIcon {
  color: #ffd480;
}

.swap-v2-module__TIvinG__decisionBannerTitle {
  color: #fff;
  align-items: center;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__decisionBannerCompact .swap-v2-module__TIvinG__decisionBannerTitle {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
}

.swap-v2-module__TIvinG__decisionBannerError .swap-v2-module__TIvinG__decisionBannerTitle {
  color: #fff5eb;
}

.swap-v2-module__TIvinG__decisionBannerProgressTrack {
  background: #ffffff14;
  border-radius: 999px;
  width: 100%;
  height: 3px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__decisionBannerProgressFill {
  border-radius: inherit;
  background: var(--decision-progress-color, #14f1d9);
  min-width: 6px;
  height: 100%;
  box-shadow: 0 0 12px var(--decision-progress-glow, #14f1d95c);
  transition: width .22s;
}

.swap-v2-module__TIvinG__decisionBannerList {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.swap-v2-module__TIvinG__decisionBannerItem, .swap-v2-module__TIvinG__decisionBannerFoot {
  color: #ffffffd6;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}

.swap-v2-module__TIvinG__decisionBannerError .swap-v2-module__TIvinG__decisionBannerItem {
  color: #fff3e7db;
}

.swap-v2-module__TIvinG__surfaceOverlay {
  z-index: 1001;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #0009;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.swap-v2-module__TIvinG__surfaceSheet {
  background: #0a0c14eb;
  border: 1px solid #ffffff14;
  border-radius: 24px;
  flex-direction: column;
  gap: 20px;
  width: 100%;
  max-width: 420px;
  max-height: min(640px, 100dvh - 48px);
  padding: 24px;
  display: flex;
  box-shadow: 0 20px 60px #0009, inset 0 0 0 1px #ffffff0a;
}

.swap-v2-module__TIvinG__surfaceSheetHeader {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__surfaceSheetEyebrow {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #14f1d9c2;
  margin-bottom: 6px;
  font-family: Sora, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}

.swap-v2-module__TIvinG__surfaceSheetTitle {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
}

.swap-v2-module__TIvinG__surfaceSheetClose {
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  transition: background .2s;
  display: inline-flex;
}

.swap-v2-module__TIvinG__surfaceSheetClose:hover {
  background: #ffffff14;
}

.swap-v2-module__TIvinG__surfaceSheetCloseIcon {
  color: #fff;
  width: 18px;
  height: 18px;
}

.swap-v2-module__TIvinG__surfaceSheetBody {
  overscroll-behavior: contain;
  flex-direction: column;
  gap: 18px;
  min-height: 0;
  padding-right: 2px;
  display: flex;
  overflow-y: auto;
}

.swap-v2-module__TIvinG__walletSheetTop {
  align-items: center;
  gap: 14px;
  display: flex;
}

.swap-v2-module__TIvinG__walletSheetAvatar {
  background: linear-gradient(135deg, #14f1d938, #00aefe2e);
  border: 1px solid #14f1d933;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__walletSheetAvatarIcon {
  color: #f4f7fb;
  width: 22px;
  height: 22px;
}

.swap-v2-module__TIvinG__walletSheetIdentity {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__walletSheetAddress {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
}

.swap-v2-module__TIvinG__walletSheetMeta {
  color: #b3b7c9eb;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.swap-v2-module__TIvinG__walletSheetStatusCard {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: 10px;
  padding: 16px;
  display: flex;
}

.swap-v2-module__TIvinG__walletSheetStatusRow {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.swap-v2-module__TIvinG__walletSheetStatusLabel {
  color: #b3b7c9db;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.swap-v2-module__TIvinG__walletSheetStatusValue {
  color: #fff;
  text-align: right;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
}

.swap-v2-module__TIvinG__walletSheetActions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.swap-v2-module__TIvinG__walletSheetActionButton, .swap-v2-module__TIvinG__walletSheetActionButtonDanger {
  color: #fff;
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 14px;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  transition: background .2s, border-color .2s;
  display: inline-flex;
}

.swap-v2-module__TIvinG__walletSheetActionButton:hover, .swap-v2-module__TIvinG__walletSheetActionButtonDanger:hover {
  background: #ffffff14;
}

.swap-v2-module__TIvinG__walletSheetActionButtonSuccess {
  color: #65e6d0;
  background: #65e6d01f;
  border-color: #65e6d052;
}

.swap-v2-module__TIvinG__walletSheetActionButtonFailed {
  color: #ffd2d2;
  background: #ff5c5c14;
  border-color: #ff5c5c38;
}

.swap-v2-module__TIvinG__walletSheetActionButtonDanger {
  color: #ffd2d2;
  background: #ff5c5c0f;
  border-color: #ff5c5c29;
}

.swap-v2-module__TIvinG__walletSheetActionIcon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.swap-v2-module__TIvinG__walletSheetWarning {
  color: #ffe6a2;
  background: #ffb80014;
  border: 1px solid #ffb80033;
  border-radius: 14px;
  padding: 12px 14px;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.swap-v2-module__TIvinG__walletTransactionCard {
  background: #ffffff07;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.swap-v2-module__TIvinG__walletTransactionHeader {
  justify-content: flex-start;
  align-items: center;
  gap: 12px;
  display: flex;
}

.swap-v2-module__TIvinG__walletTransactionTitleGroup {
  color: #fff;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 18px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__walletTransactionHeaderIcon {
  color: #14f1d9db;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.swap-v2-module__TIvinG__walletTransactionList {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.swap-v2-module__TIvinG__walletTransactionItem {
  background: #ffffff08;
  border: 1px solid #fff1;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: grid;
}

.swap-v2-module__TIvinG__walletTransactionItemMain {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__walletTransactionItemTitle {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__walletTransactionItemMeta {
  color: #b3b7c9c7;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-family: Sora, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
  display: flex;
}

.swap-v2-module__TIvinG__walletTransactionItemMeta span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.swap-v2-module__TIvinG__walletTransactionItemSide {
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  display: flex;
}

.swap-v2-module__TIvinG__walletTransactionStatus {
  color: #65e6d0f5;
  background: #14f1d914;
  border: 1px solid #14f1d938;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 22px;
  padding: 0 8px;
  font-family: Sora, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 14px;
  display: inline-flex;
}

.swap-v2-module__TIvinG__walletTransactionStatus_submitted, .swap-v2-module__TIvinG__walletTransactionStatus_finalized {
  color: #65e6d0;
  background: #65e6d01a;
  border-color: #65e6d042;
}

.swap-v2-module__TIvinG__walletTransactionStatus_failed {
  color: #ffd2d2;
  background: #ff5c5c14;
  border-color: #ff5c5c38;
}

.swap-v2-module__TIvinG__walletTransactionTime {
  color: #b3b7c9b8;
  font-family: Sora, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}

.swap-v2-module__TIvinG__walletTransactionEmpty {
  color: #b3b7c9c7;
  background: #ffffff06;
  border-radius: 14px;
  padding: 12px;
  font-family: Sora, sans-serif;
  font-size: 11px;
  font-weight: 500;
  line-height: 16px;
}

.swap-v2-module__TIvinG__networkPickerSheet {
  overflow: hidden;
}

.swap-v2-module__TIvinG__networkPickerBody {
  flex: auto;
}

.swap-v2-module__TIvinG__networkSearchBox {
  background: #ffffff0b;
  border: 1px solid #ffffff17;
  border-radius: 16px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  display: grid;
  box-shadow: inset 0 1px #ffffff0a;
}

.swap-v2-module__TIvinG__networkSearchIcon {
  color: #b3b7c9db;
  width: 16px;
  height: 16px;
}

.swap-v2-module__TIvinG__networkSearchInput {
  color: #fff;
  background: none;
  border: 0;
  outline: 0;
  width: 100%;
  min-width: 0;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.swap-v2-module__TIvinG__networkSearchInput::placeholder {
  color: #b3b7c9c2;
}

.swap-v2-module__TIvinG__networkSearchCount {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #14f1d9bd;
  font-family: Sora, sans-serif;
  font-size: 11px;
  font-weight: 700;
  line-height: 14px;
}

.swap-v2-module__TIvinG__networkList {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #14f1d95c transparent;
  flex-direction: column;
  gap: 10px;
  min-height: 0;
  max-height: min(430px, 100dvh - 260px);
  padding-right: 3px;
  display: flex;
  overflow-y: auto;
}

.swap-v2-module__TIvinG__networkList::-webkit-scrollbar {
  width: 8px;
}

.swap-v2-module__TIvinG__networkList::-webkit-scrollbar-track {
  background: none;
}

.swap-v2-module__TIvinG__networkList::-webkit-scrollbar-thumb {
  background: #14f1d947;
  border-radius: 999px;
}

.swap-v2-module__TIvinG__networkRow {
  text-align: left;
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 14px 16px;
  transition: background .2s, border-color .2s, transform .2s;
  display: flex;
}

.swap-v2-module__TIvinG__networkRow:hover:not(:disabled) {
  background: #ffffff0f;
  border-color: #14f1d92e;
  transform: translateY(-1px);
}

.swap-v2-module__TIvinG__networkRow:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.swap-v2-module__TIvinG__networkRowActive {
  background: #14f1d914;
  border-color: #14f1d957;
}

.swap-v2-module__TIvinG__networkRowText {
  flex-direction: column;
  gap: 4px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__networkRowTitleLine {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.swap-v2-module__TIvinG__networkRowTitle {
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  overflow: hidden;
}

.swap-v2-module__TIvinG__networkRowTag {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #14f1d9e0;
  background: #14f1d90f;
  border: 1px solid #14f1d93d;
  border-radius: 999px;
  flex: none;
  padding: 2px 7px;
  font-family: Sora, sans-serif;
  font-size: 9px;
  font-weight: 700;
  line-height: 12px;
}

.swap-v2-module__TIvinG__networkRowDescription {
  color: #b3b7c9d6;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.swap-v2-module__TIvinG__networkRowCheck {
  color: #14f1d9;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.swap-v2-module__TIvinG__networkEmptyState {
  color: #b3b7c9e0;
  text-align: center;
  background: #ffffff06;
  border: 1px dashed #ffffff1f;
  border-radius: 16px;
  padding: 18px 16px;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

@media (max-width: 768px) {
  .swap-v2-module__TIvinG__surfaceOverlay {
    align-items: flex-end;
    padding: 0;
  }

  .swap-v2-module__TIvinG__surfaceSheet {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 24px 24px 0 0;
    max-width: none;
    max-height: min(720px, 88dvh);
    padding: 24px 20px 28px;
  }

  .swap-v2-module__TIvinG__walletSheetActions {
    grid-template-columns: 1fr;
  }
}

@media (hover: none) and (pointer: coarse) {
  .swap-v2-module__TIvinG__bg:before, .swap-v2-module__TIvinG__bg:after {
    display: none;
  }

  .swap-v2-module__TIvinG__swapContainer {
    box-shadow: 0 0 0 1px #ffffff14, 0 14px 36px -16px #0000006b;
  }

  .swap-v2-module__TIvinG__swapContent {
    background: #ffffff05;
  }

  .swap-v2-module__TIvinG__startupShellTitle, .swap-v2-module__TIvinG__startupShellPanel, .swap-v2-module__TIvinG__startupShellToggle, .swap-v2-module__TIvinG__startupShellToken, .swap-v2-module__TIvinG__startupShellAmount, .swap-v2-module__TIvinG__startupShellSub, .swap-v2-module__TIvinG__startupShellBalance, .swap-v2-module__TIvinG__startupShellChip, .swap-v2-module__TIvinG__startupShellRate, .swap-v2-module__TIvinG__startupShellNotice, .swap-v2-module__TIvinG__startupShellCta {
    animation: none;
  }

  .swap-v2-module__TIvinG__connectButton, .swap-v2-module__TIvinG__connectButton:hover, .swap-v2-module__TIvinG__connectButton:disabled, .swap-v2-module__TIvinG__connectButton:disabled:hover, .swap-v2-module__TIvinG__connectButton[data-busy="true"]:hover, .swap-v2-module__TIvinG__connectWalletBtn, .swap-v2-module__TIvinG__connectWalletBtn:hover {
    box-shadow: none;
    filter: none;
    transform: none;
  }

  .swap-v2-module__TIvinG__routeSheetOverlay, .swap-v2-module__TIvinG__limitConditionsOverlay, .swap-v2-module__TIvinG__settingsPanel, .swap-v2-module__TIvinG__settingsOverlay, .swap-v2-module__TIvinG__surfaceOverlay, .swap-v2-module__TIvinG__tokenCard, .swap-v2-module__TIvinG__tokenNetworkMenu {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .swap-v2-module__TIvinG__routeSheet, .swap-v2-module__TIvinG__settingsPopover, .swap-v2-module__TIvinG__surfaceSheet, .swap-v2-module__TIvinG__tokenCard, .swap-v2-module__TIvinG__tokenNetworkMenu {
    box-shadow: 0 16px 40px #00000057;
  }
}

/* [project]/swap-interface-design_v2/components/swap-v2/review-swap-modal.module.css [app-client] (css) */
.review-swap-modal-module__7YHPaq__overlay {
  z-index: 999;
  background: #0009;
  justify-content: center;
  align-items: center;
  padding: 24px;
  animation: .2s review-swap-modal-module__7YHPaq__fadeIn;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes review-swap-modal-module__7YHPaq__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.review-swap-modal-module__7YHPaq__modal {
  box-sizing: border-box;
  z-index: 1000;
  background: #0a0c14e6;
  border: 1px solid #ffffff14;
  border-radius: 24px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 430px;
  height: auto;
  max-height: 90vh;
  padding: 0 0 32px;
  animation: .2s review-swap-modal-module__7YHPaq__popIn;
  display: flex;
  overflow: hidden auto;
  box-shadow: 0 20px 60px #0009, inset 0 0 0 1px #ffffff0a;
}

.review-swap-modal-module__7YHPaq__swapDetailsContainer {
  flex-direction: column;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 430px;
  height: auto;
  padding: 0 16px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__swapDetailsContainer, .review-swap-modal-module__7YHPaq__tokenSummary {
  box-sizing: border-box;
  width: 100%;
  max-width: 430px;
}

.review-swap-modal-module__7YHPaq__tokenSummary {
  box-sizing: border-box;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: 0 16px;
  display: flex;
}

@keyframes review-swap-modal-module__7YHPaq__popIn {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  .review-swap-modal-module__7YHPaq__overlay {
    align-items: flex-end;
    padding: 0;
  }

  .review-swap-modal-module__7YHPaq__modal {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 24px 24px 0 0;
    width: 100%;
    max-width: 430px;
    height: auto;
    max-height: 85vh;
    padding-bottom: 32px;
    animation: .25s review-swap-modal-module__7YHPaq__slideUp;
  }

  @keyframes review-swap-modal-module__7YHPaq__slideUp {
    from {
      transform: translateY(100%);
    }

    to {
      transform: translateY(0);
    }
  }
}

.review-swap-modal-module__7YHPaq__header {
  box-sizing: border-box;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 24px 24px 0;
  display: flex;
}

.review-swap-modal-module__7YHPaq__title {
  color: #fff;
  margin: 0;
  font-family: Sora, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.review-swap-modal-module__7YHPaq__closeButton {
  cursor: pointer;
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  transition: all .2s;
  display: flex;
}

.review-swap-modal-module__7YHPaq__closeButton:hover {
  background: #ffffff1a;
}

.review-swap-modal-module__7YHPaq__closeIcon {
  color: #fff;
  width: 18px;
  height: 18px;
}

.review-swap-modal-module__7YHPaq__card {
  box-sizing: border-box;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 404px;
  height: 64px;
  padding: 16px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__cardLabel {
  letter-spacing: .5px;
  text-transform: uppercase;
  color: #9a9a9a;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
  display: none;
}

.review-swap-modal-module__7YHPaq__cardRow {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.review-swap-modal-module__7YHPaq__cardLeft {
  align-items: center;
  gap: 12px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__tokenIcon {
  border-radius: 999px;
  width: 40px;
  height: 40px;
}

.review-swap-modal-module__7YHPaq__cardAmount {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}

.review-swap-modal-module__7YHPaq__cardValue {
  color: #9a9a9a;
  font-variant-numeric: tabular-nums;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__arrowContainer {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin: -10px 0;
  padding: 0;
  display: flex;
}

.review-swap-modal-module__7YHPaq__arrowCircle {
  background: #ffffff0d;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__arrowIcon {
  color: #fff;
  width: 20px;
  height: 20px;
}

.review-swap-modal-module__7YHPaq__details {
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 404px;
  padding: 0;
  display: flex;
}

.review-swap-modal-module__7YHPaq__statusMessage, .review-swap-modal-module__7YHPaq__errorMessage {
  box-sizing: border-box;
  border-radius: 14px;
  width: 100%;
  padding: 12px 14px;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__statusMessage {
  color: #d9fff9;
  background: #14f1d914;
  border: 1px solid #14f1d92e;
}

.review-swap-modal-module__7YHPaq__errorMessage {
  color: #ffd2d2;
  background: #ff5c5c14;
  border: 1px solid #ff5c5c2e;
}

.review-swap-modal-module__7YHPaq__detailRow {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.review-swap-modal-module__7YHPaq__detailLabel {
  color: #9a9a9a;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__detailValue {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__confirmButton {
  box-sizing: border-box;
  cursor: pointer;
  color: #070b12;
  filter: drop-shadow(0 1px #ffffff14);
  background: #14f1d9;
  border: none;
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 404px;
  height: 64px;
  padding: 0;
  font-family: Sora, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  transition: all .2s;
  display: flex;
  box-shadow: 0 10px 30px #14f1d933;
}

.review-swap-modal-module__7YHPaq__confirmButton:hover {
  background: #0dd9c4;
  transform: translateY(-1px);
  box-shadow: 0 13px 35px #14f1d940;
}

.review-swap-modal-module__7YHPaq__confirmButton:active {
  transform: translateY(0);
}

.review-swap-modal-module__7YHPaq__confirmButtonDisabled {
  opacity: .65;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 10px 30px #14f1d91a;
}

.review-swap-modal-module__7YHPaq__confirmButtonDisabled:hover {
  background: #14f1d9;
  transform: none;
  box-shadow: 0 10px 30px #14f1d91a;
}

.review-swap-modal-module__7YHPaq__confirmIcon {
  color: #070b12;
  stroke-width: 1.67px;
  width: 20px;
  height: 20px;
}

.review-swap-modal-module__7YHPaq__sectionKicker {
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #14f1d9c7;
  margin-bottom: 6px;
  font-family: Sora, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
}

.review-swap-modal-module__7YHPaq__sectionCard {
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 404px;
  padding: 16px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__sectionTitle {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 19px;
}

.review-swap-modal-module__7YHPaq__sectionCopy {
  color: #d9fff9e0;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__sectionList {
  flex-direction: column;
  gap: 10px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__sectionListItem {
  color: #f4f7fb;
  align-items: flex-start;
  gap: 8px;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__sectionListCheck {
  color: #14f1d9;
  font-weight: 700;
}

.review-swap-modal-module__7YHPaq__cautionCard {
  box-sizing: border-box;
  color: #ffe6a2;
  background: #ffb80014;
  border: 1px solid #ffb80033;
  border-radius: 14px;
  width: 100%;
  padding: 12px 14px;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__recoveryPreviewRow {
  background: #08101cb8;
  border: 1px solid #ffffff0f;
  border-radius: 14px;
  flex-direction: column;
  gap: 6px;
  padding: 12px 14px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__recoveryPreviewLabelRow {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__recoveryPreviewLabel {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__recoveryPreviewBadge {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #9efff4;
  background: #14f1d91f;
  border: 1px solid #14f1d93d;
  border-radius: 999px;
  align-items: center;
  padding: 4px 8px;
  font-family: Sora, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  display: inline-flex;
}

.review-swap-modal-module__7YHPaq__recoveryPreviewText, .review-swap-modal-module__7YHPaq__recoveryOptionText {
  color: #d9deeae0;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__recoveryPreviewOutcome, .review-swap-modal-module__7YHPaq__recoveryOutcome {
  color: #a8fff6;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.review-swap-modal-module__7YHPaq__recoveryPreviewWarning, .review-swap-modal-module__7YHPaq__recoveryWarning {
  color: #ffd9b0;
  align-items: center;
  gap: 8px;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__secondaryButton {
  box-sizing: border-box;
  cursor: pointer;
  color: #fff;
  background: #ffffff0a;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: 12px;
  width: 100%;
  max-width: 404px;
  height: 56px;
  font-family: Sora, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 19px;
  transition: all .2s;
  display: flex;
}

.review-swap-modal-module__7YHPaq__secondaryButton:hover {
  background: #ffffff14;
}

.review-swap-modal-module__7YHPaq__recoveryBanner {
  box-sizing: border-box;
  background: #14f1d914;
  border: 1px solid #14f1d92e;
  border-radius: 16px;
  align-items: flex-start;
  gap: 12px;
  width: calc(100% - 32px);
  max-width: 398px;
  padding: 16px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__recoveryBannerIcon, .review-swap-modal-module__7YHPaq__recoveryWarningIcon {
  color: #14f1d9;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.review-swap-modal-module__7YHPaq__recoveryBannerTitle {
  color: #fff;
  margin-bottom: 4px;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__recoveryBannerText {
  color: #d9fff9db;
  font-family: Sora, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__recoveryOptions {
  flex-direction: column;
  gap: 12px;
  width: calc(100% - 32px);
  max-width: 398px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__compactRecoveryOptions {
  flex-direction: column;
  gap: 8px;
  width: calc(100% - 32px);
  max-width: 398px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__recoveryOption {
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 18px;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  padding: 16px;
  transition: border-color .2s, background .2s, transform .2s;
  display: flex;
}

.review-swap-modal-module__7YHPaq__compactRecoveryOption {
  box-sizing: border-box;
  text-align: left;
  cursor: pointer;
  background: #ffffff08;
  border: 1px solid #ffffff14;
  border-radius: 16px;
  flex-direction: column;
  gap: 7px;
  width: 100%;
  padding: 13px 14px;
  transition: border-color .2s, background .2s;
  display: flex;
}

.review-swap-modal-module__7YHPaq__recoveryOption:hover {
  border-color: #14f1d92e;
  transform: translateY(-1px);
}

.review-swap-modal-module__7YHPaq__compactRecoveryOption:hover {
  border-color: #14f1d92e;
}

.review-swap-modal-module__7YHPaq__recoveryOptionActive {
  background: #14f1d914;
  border-color: #14f1d957;
  box-shadow: 0 12px 30px #00000038;
}

.review-swap-modal-module__7YHPaq__recoveryOptionTop {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__recoveryOptionTitleRow {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.review-swap-modal-module__7YHPaq__recoveryOptionTitle {
  color: #fff;
  font-family: Sora, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}

.review-swap-modal-module__7YHPaq__recoveryRecommended {
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #d9dee8;
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  align-items: center;
  padding: 4px 8px;
  font-family: Sora, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  display: inline-flex;
}

.review-swap-modal-module__7YHPaq__recoveryOptionCheck {
  color: #14f1d9;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.review-swap-modal-module__7YHPaq__compactRecoveryOutcome, .review-swap-modal-module__7YHPaq__compactRecoveryWarning {
  align-items: center;
  gap: 7px;
  font-family: Sora, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  display: inline-flex;
}

.review-swap-modal-module__7YHPaq__compactRecoveryOutcome {
  color: #a8fff6f0;
}

.review-swap-modal-module__7YHPaq__compactRecoveryWarning {
  color: #ffd9b0;
}

/*# sourceMappingURL=swap-interface-design_v2_components_swap-v2_0j24onh._.css.map*/