.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tabs {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
  gap: 4px !important;
  padding: 4px !important;
  border: 1px solid color-mix(in oklch, white 10%, transparent) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ath-swap-surface-0) 93%, black), color-mix(in oklch, var(--ath-swap-surface-1) 82%, black)) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 6%, transparent),
    0 8px 22px color-mix(in oklch, black 20%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 8px !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 52px !important;
  padding: 7px 10px !important;
  border: 1px solid transparent !important;
  border-radius: 9px !important;
  background: transparent !important;
  color: var(--ath-swap-text-mid) !important;
  text-align: left !important;
  box-shadow: none !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease,
    transform 160ms ease !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 14px 0 !important;
  height: 2px !important;
  border-radius: 999px 999px 0 0 !important;
  background: linear-gradient(90deg, var(--ath-swap-c2), var(--ath-swap-success), var(--ath-swap-c1)) !important;
  opacity: 0 !important;
  transform: scaleX(0.5) !important;
  transition: opacity 160ms ease, transform 160ms ease !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab:hover {
  border-color: color-mix(in oklch, var(--ath-swap-c2) 18%, #ffffff12) !important;
  background: color-mix(in oklch, var(--ath-swap-surface-2) 66%, transparent) !important;
  color: var(--ath-swap-text) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab:focus-visible {
  outline: 2px solid var(--ath-swap-focus-strong) !important;
  outline-offset: 2px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab.is-active {
  border-color: color-mix(in oklch, var(--ath-swap-c2) 34%, #ffffff20) !important;
  background:
    radial-gradient(16rem 8rem at 0% 0%, color-mix(in oklch, var(--ath-swap-c2) 14%, transparent), transparent 75%),
    linear-gradient(135deg, color-mix(in oklch, var(--ath-swap-surface-2) 88%, black), color-mix(in oklch, var(--ath-swap-surface-1) 91%, black)) !important;
  color: var(--ath-swap-text) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 9%, transparent),
    0 8px 18px color-mix(in oklch, black 18%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab.is-active::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab__icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border: 1px solid color-mix(in oklch, white 11%, transparent) !important;
  border-radius: 9px !important;
  background: color-mix(in oklch, var(--ath-swap-surface-0) 76%, transparent) !important;
  color: color-mix(in oklch, var(--ath-swap-text-mid) 82%, var(--ath-swap-c2)) !important;
  font-size: 16px !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 7%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab.is-active .ath-swap-builder-mode-tab__icon {
  border-color: color-mix(in oklch, var(--ath-swap-c2) 42%, #ffffff20) !important;
  background: color-mix(in oklch, var(--ath-swap-c2) 13%, var(--ath-swap-surface-0)) !important;
  color: color-mix(in oklch, var(--ath-swap-c2) 82%, white) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 12%, transparent),
    0 0 18px color-mix(in oklch, var(--ath-swap-c2) 13%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab__icon .ath-swap-icon {
  width: 18px !important;
  height: 18px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab__copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  font-size: inherit !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab__copy strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab__copy small {
  overflow: hidden !important;
  color: var(--ath-swap-text-mid) !important;
  font-size: calc(0.51rem * var(--ath-swap-font-scale)) !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab__state {
  width: 7px !important;
  height: 7px !important;
  border: 1px solid color-mix(in oklch, white 24%, transparent) !important;
  border-radius: 50% !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab.is-active .ath-swap-builder-mode-tab__state {
  border-color: color-mix(in oklch, var(--ath-swap-success) 76%, white) !important;
  background: var(--ath-swap-success) !important;
  box-shadow: 0 0 0 3px color-mix(in oklch, var(--ath-swap-success) 15%, transparent), 0 0 10px var(--ath-swap-success) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-single-builder__compare {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 var(--ath-swap-balance-position, 50%) !important;
  z-index: -1 !important;
  width: min(170px, 14%) !important;
  opacity: 0.8 !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
  transition: left 90ms linear !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary.is-scrubbing {
  border-color: color-mix(in oklch, var(--ath-swap-success) 28%, #ffffff25) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 10%, transparent),
    0 14px 34px color-mix(in oklch, black 28%, transparent),
    0 0 0 1px color-mix(in oklch, var(--ath-swap-success) 8%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__head {
  gap: 9px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__copy {
  display: grid !important;
  gap: 3px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__eyebrow {
  color: color-mix(in oklch, var(--ath-swap-c2) 72%, var(--ath-swap-text-mid)) !important;
  font-size: calc(0.48rem * var(--ath-swap-font-scale)) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__title-row > strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.9rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -0.02em !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  min-height: 26px !important;
  padding: 3px 8px !important;
  border: 1px solid color-mix(in oklch, currentColor 36%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, currentColor 9%, var(--ath-swap-surface-0)) !important;
  color: var(--ath-swap-text-mid) !important;
  font-size: calc(0.48rem * var(--ath-swap-font-scale)) !important;
  line-height: 1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 7%, transparent) !important;
  transition: color 160ms ease, border-color 160ms ease, background-color 160ms ease !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state--good {
  color: color-mix(in oklch, var(--ath-swap-success) 82%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state--watch {
  color: color-mix(in oklch, var(--ath-swap-c4) 62%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state--risk {
  color: color-mix(in oklch, var(--ath-swap-c2) 70%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state i {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  box-shadow: 0 0 9px currentColor !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state b {
  color: currentColor !important;
  font: inherit !important;
  font-weight: 900 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state small {
  color: currentColor !important;
  font: inherit !important;
  font-weight: 800 !important;
  opacity: 0.75 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state em {
  padding-left: 5px !important;
  border-left: 1px solid color-mix(in oklch, currentColor 24%, transparent) !important;
  color: var(--ath-swap-text) !important;
  font: inherit !important;
  font-style: normal !important;
  font-weight: 850 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__value-row {
  grid-template-columns: minmax(165px, 0.72fr) minmax(0, 3.3fr) !important;
  gap: 7px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item {
  align-content: center !important;
  min-height: 42px !important;
  padding: 7px 9px !important;
  border: 1px solid color-mix(in oklch, currentColor 22%, #ffffff12) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(135deg, color-mix(in oklch, currentColor 7%, var(--ath-swap-surface-0)), color-mix(in oklch, var(--ath-swap-surface-0) 86%, transparent)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 6%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item span {
  gap: 6px !important;
  font-size: calc(0.57rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  text-transform: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item p {
  font-size: calc(0.48rem * var(--ath-swap-font-scale)) !important;
  opacity: 0.82 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__ledger {
  gap: 5px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__metric {
  position: relative !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__metric::before {
  content: "" !important;
  position: absolute !important;
  inset: 6px auto 6px 0 !important;
  width: 2px !important;
  border-radius: 0 999px 999px 0 !important;
  background: currentColor !important;
  opacity: 0.72 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__metric--receive {
  color: var(--ath-proposal-receive) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__metric--give {
  color: var(--ath-proposal-give) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__metric small {
  color: var(--ath-swap-text-mid) !important;
  font-size: calc(0.48rem * var(--ath-swap-font-scale)) !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__metric strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.66rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__labels {
  padding: 0 2px !important;
  color: var(--ath-swap-text-mid) !important;
  font-size: calc(0.49rem * var(--ath-swap-font-scale)) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  opacity: 0.86 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__labels span:nth-child(1) {
  color: color-mix(in oklch, var(--ath-swap-c2) 64%, var(--ath-swap-text-mid)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__labels span:nth-child(2) {
  color: color-mix(in oklch, var(--ath-swap-success) 70%, var(--ath-swap-text-mid)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__labels span:nth-child(3) {
  color: color-mix(in oklch, var(--ath-swap-c3) 68%, var(--ath-swap-text-mid)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__markers {
  height: 32px !important;
  margin: 1px 14px -1px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion {
  min-width: 70px !important;
  min-height: 25px !important;
  padding: 3px 7px !important;
  border-color: color-mix(in oklch, currentColor 30%, #ffffff14) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ath-swap-surface-2) 82%, black), color-mix(in oklch, var(--ath-swap-surface-0) 88%, black)) !important;
  color: var(--ath-swap-text-mid) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 7%, transparent),
    0 5px 12px color-mix(in oklch, black 18%, transparent) !important;
  opacity: 0.72 !important;
  transform: translateX(-50%) translateY(1px) scale(0.92) !important;
  transition:
    opacity 140ms ease,
    color 140ms ease,
    border-color 140ms ease,
    background-color 140ms ease,
    transform 140ms ease,
    box-shadow 140ms ease !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion--start {
  transform: translateX(0) translateY(1px) scale(0.92) !important;
  transform-origin: left center !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion--end {
  transform: translateX(-100%) translateY(1px) scale(0.92) !important;
  transform-origin: right center !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion:hover,
.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion:focus-visible {
  z-index: 4 !important;
  color: var(--ath-swap-text) !important;
  opacity: 1 !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 9%, transparent),
    0 7px 18px color-mix(in oklch, black 28%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion.is-active {
  z-index: 3 !important;
  border-color: color-mix(in oklch, currentColor 64%, white) !important;
  background:
    linear-gradient(180deg, color-mix(in oklch, currentColor 17%, var(--ath-swap-surface-1)), color-mix(in oklch, var(--ath-swap-surface-0) 88%, black)) !important;
  color: color-mix(in oklch, var(--ath-swap-success) 80%, white) !important;
  opacity: 1 !important;
  transform: translateX(-50%) translateY(-2px) scale(1) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in oklch, white 14%, transparent),
    0 0 0 2px color-mix(in oklch, currentColor 8%, transparent),
    0 8px 18px color-mix(in oklch, black 32%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion--start.is-active {
  transform: translateX(0) translateY(-2px) scale(1) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion--end.is-active {
  transform: translateX(-100%) translateY(-2px) scale(1) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion--watch.is-active {
  color: color-mix(in oklch, var(--ath-swap-c4) 62%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion--risk.is-active {
  color: color-mix(in oklch, var(--ath-swap-c2) 72%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion span {
  max-width: none !important;
  color: currentColor !important;
  font-size: calc(0.88rem * var(--ath-swap-font-scale)) !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion small {
  color: currentColor !important;
  font-size: calc(0.42rem * var(--ath-swap-font-scale)) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  opacity: 0.72 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion::after {
  top: calc(100% + 2px) !important;
  height: 8px !important;
  background: color-mix(in oklch, currentColor 58%, transparent) !important;
  opacity: 0.7 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__track {
  position: relative !important;
  height: 29px !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__center-tick {
  position: absolute !important;
  left: 50% !important;
  top: 4px !important;
  z-index: 0 !important;
  width: 2px !important;
  height: 20px !important;
  border-radius: 999px !important;
  background: color-mix(in oklch, white 70%, transparent) !important;
  box-shadow: 0 0 8px color-mix(in oklch, var(--ath-swap-success) 42%, transparent) !important;
  transform: translateX(-50%) !important;
  pointer-events: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__slider {
  position: relative !important;
  z-index: 1 !important;
  height: 29px !important;
  margin: 0 !important;
  outline: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__slider::-webkit-slider-runnable-track {
  height: 13px !important;
  border: 1px solid color-mix(in oklch, white 20%, transparent) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      color-mix(in oklch, var(--ath-swap-c2) 68%, var(--ath-swap-surface-0)) 0%,
      color-mix(in oklch, var(--ath-swap-c2) 50%, var(--ath-swap-surface-0)) 22%,
      color-mix(in oklch, var(--ath-swap-success) 64%, var(--ath-swap-surface-0)) 45%,
      color-mix(in oklch, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 50%,
      color-mix(in oklch, var(--ath-swap-c3) 54%, var(--ath-swap-surface-0)) 77%,
      color-mix(in oklch, var(--ath-swap-c1) 54%, var(--ath-swap-surface-0)) 100%
    ) !important;
  box-shadow:
    inset 0 1px 1px color-mix(in oklch, white 22%, transparent),
    inset 0 -5px 10px color-mix(in oklch, black 28%, transparent),
    0 4px 12px color-mix(in oklch, black 20%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__slider::-moz-range-track {
  height: 13px !important;
  border: 1px solid color-mix(in oklch, white 20%, transparent) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      color-mix(in oklch, var(--ath-swap-c2) 68%, var(--ath-swap-surface-0)) 0%,
      color-mix(in oklch, var(--ath-swap-c2) 50%, var(--ath-swap-surface-0)) 22%,
      color-mix(in oklch, var(--ath-swap-success) 64%, var(--ath-swap-surface-0)) 45%,
      color-mix(in oklch, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 50%,
      color-mix(in oklch, var(--ath-swap-c3) 54%, var(--ath-swap-surface-0)) 77%,
      color-mix(in oklch, var(--ath-swap-c1) 54%, var(--ath-swap-surface-0)) 100%
    ) !important;
  box-shadow:
    inset 0 1px 1px color-mix(in oklch, white 22%, transparent),
    inset 0 -5px 10px color-mix(in oklch, black 28%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__slider::-webkit-slider-thumb {
  width: 23px !important;
  height: 23px !important;
  margin-top: -6px !important;
  border: 3px solid color-mix(in oklch, white 88%, transparent) !important;
  background:
    radial-gradient(circle at 40% 35%, color-mix(in oklch, white 18%, transparent), transparent 34%),
    color-mix(in oklch, var(--ath-swap-surface-0) 76%, var(--ath-swap-success)) !important;
  box-shadow:
    0 0 0 1px color-mix(in oklch, black 62%, transparent),
    0 0 0 5px color-mix(in oklch, var(--ath-swap-success) 10%, transparent),
    0 5px 14px color-mix(in oklch, black 48%, transparent) !important;
  transition: box-shadow 140ms ease, transform 140ms ease !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__slider::-moz-range-thumb {
  width: 23px !important;
  height: 23px !important;
  border: 3px solid color-mix(in oklch, white 88%, transparent) !important;
  background:
    radial-gradient(circle at 40% 35%, color-mix(in oklch, white 18%, transparent), transparent 34%),
    color-mix(in oklch, var(--ath-swap-surface-0) 76%, var(--ath-swap-success)) !important;
  box-shadow:
    0 0 0 1px color-mix(in oklch, black 62%, transparent),
    0 0 0 5px color-mix(in oklch, var(--ath-swap-success) 10%, transparent),
    0 5px 14px color-mix(in oklch, black 48%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__slider:focus-visible::-webkit-slider-thumb {
  box-shadow:
    0 0 0 1px color-mix(in oklch, black 62%, transparent),
    0 0 0 6px color-mix(in oklch, var(--ath-swap-c2) 24%, transparent),
    0 5px 16px color-mix(in oklch, black 50%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__slider:focus-visible::-moz-range-thumb {
  box-shadow:
    0 0 0 1px color-mix(in oklch, black 62%, transparent),
    0 0 0 6px color-mix(in oklch, var(--ath-swap-c2) 24%, transparent),
    0 5px 16px color-mix(in oklch, black 50%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-side-composer__column::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 0 auto !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--ath-swap-side-initiator), transparent) !important;
  opacity: 0.68 !important;
  pointer-events: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-side-composer__column--counterparty::before {
  background: linear-gradient(90deg, transparent, var(--ath-swap-side-counterparty), transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  border-color: color-mix(in oklch, white 9%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in oklch, var(--ath-swap-surface-0) 58%, transparent) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 4%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-side-composer .ath-swap-single-builder__selection-head h4 {
  font-size: calc(0.76rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  letter-spacing: -0.015em !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-side-composer .ath-swap-pill {
  border-color: color-mix(in oklch, white 13%, transparent) !important;
  background: color-mix(in oklch, var(--ath-swap-surface-0) 82%, transparent) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 5%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-side-composer__credit-control input {
  border-color: color-mix(in oklch, var(--ath-swap-c2) 22%, #ffffff18) !important;
  border-radius: 8px !important;
  background:
    linear-gradient(180deg, color-mix(in oklch, var(--ath-swap-surface-0) 88%, black), color-mix(in oklch, var(--ath-swap-surface-1) 78%, black)) !important;
  font-variant-numeric: tabular-nums !important;
  box-shadow: inset 0 1px 3px color-mix(in oklch, black 32%, transparent) !important;
  transition: border-color 150ms ease, box-shadow 150ms ease !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-side-composer__credit-control input:focus {
  border-color: color-mix(in oklch, var(--ath-swap-c2) 66%, white) !important;
  outline: 0 !important;
  box-shadow:
    inset 0 1px 3px color-mix(in oklch, black 32%, transparent),
    0 0 0 3px color-mix(in oklch, var(--ath-swap-c2) 13%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-item--compact {
  border-color: color-mix(in oklch, white 11%, transparent) !important;
  border-radius: 9px !important;
  background:
    linear-gradient(135deg, color-mix(in oklch, var(--ath-swap-surface-2) 82%, black), color-mix(in oklch, var(--ath-swap-surface-1) 82%, black)) !important;
  box-shadow: inset 0 1px 0 color-mix(in oklch, white 5%, transparent) !important;
  transition: border-color 150ms ease, background-color 150ms ease, transform 150ms ease !important;
}

.ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-item--compact:hover {
  border-color: color-mix(in oklch, var(--ath-swap-c2) 24%, #ffffff1a) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 980px) {
  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__value-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item {
    min-height: 36px !important;
  }
}

@media (max-width: 820px) {
  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] {
    padding: 8px !important;
    border-radius: 13px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary {
    padding: 11px 10px 10px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__markers {
    height: 32px !important;
    margin-inline: 8px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__suggestion.is-active {
    display: inline-grid !important;
    min-width: 88px !important;
  }
}

@media (max-width: 560px) {
  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tabs {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-builder-mode-tab {
    min-height: 48px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__title-row {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 7px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state {
    max-width: 100% !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__labels {
    font-size: calc(0.44rem * var(--ath-swap-font-scale)) !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] .ath-swap-balance-summary__live-state em {
    overflow: hidden !important;
    max-width: 74px !important;
    text-overflow: ellipsis !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] *,
  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] *::before,
  .ath-swap-offer-form.ath-swap-single-builder[data-ath-swap-proposal-mode] *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Compact native swap offer composer */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary {
  gap: 6px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head {
  align-items: start !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__copy strong {
  font-size: calc(0.9rem * var(--ath-swap-font-scale)) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar {
  height: 12px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__marker,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__marker {
  width: 18px !important;
  height: 18px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
  gap: 10px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head {
  min-height: 28px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ath-swap-border) 52%, transparent) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section {
  gap: 5px !important;
  padding-top: 6px !important;
  border-top: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products {
  padding-top: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title {
  min-height: 18px !important;
  font-size: calc(0.62rem * var(--ath-swap-font-scale)) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body {
  gap: 6px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 8px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-head {
  gap: 8px !important;
  padding-bottom: 6px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-stack--selected,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-stack--selected {
  gap: 6px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item {
  padding: 7px 8px !important;
  border-radius: 7px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__media,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-builder-item__media {
  width: 58px !important;
  min-height: 58px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-empty,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection-empty {
  padding: 9px 10px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
  gap: 6px !important;
  min-height: 0 !important;
  padding: 8px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input {
  min-height: 34px !important;
  padding: 4px 9px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card {
  gap: 6px !important;
  padding: 8px !important;
  border-radius: 7px !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong {
  font-size: calc(0.9rem * var(--ath-swap-font-scale)) !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer {
  gap: 5px !important;
  min-height: 0 !important;
  padding: 7px 8px !important;
  border-radius: 7px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate select,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate select {
  min-height: 34px !important;
  padding: 4px 34px 4px 10px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-pill,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-pill {
  min-height: 28px !important;
  padding: 0 10px !important;
  line-height: 1 !important;
}

/* Compact inline credits and shipping payer controls */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits {
  align-content: start !important;
  container-type: inline-size !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body {
  width: 100% !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(74px, 96px) !important;
  align-items: center !important;
  justify-self: stretch !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 42px !important;
  gap: 8px !important;
  padding: 6px 8px !important;
  border-color: color-mix(in srgb, var(--ath-swap-border) 46%, transparent) !important;
  border-radius: 7px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-1) 30%, transparent) !important;
}

@container (max-width: 250px) {
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy {
  gap: 1px !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong {
  font-size: calc(0.7rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small {
  font-size: calc(0.62rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.15 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input {
  width: 100% !important;
  min-height: 30px !important;
  padding: 3px 8px !important;
  font-size: calc(0.86rem * var(--ath-swap-font-scale)) !important;
  line-height: 1 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > span,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > span {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card > strong {
  grid-column: 2 !important;
  grid-row: 1 !important;
  justify-self: end !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate {
  grid-row: auto !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate-head strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.76rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 20px !important;
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer + small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-payer + small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer ~ small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card > .ath-swap-single-builder__shipping-payer ~ small {
  display: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer input {
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  flex: 0 0 16px !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer span,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate .ath-swap-single-builder__shipping-payer span {
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.15 !important;
}

/* Final credit and shipping service alignment */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body {
  justify-items: stretch !important;
  width: 100% !important;
  max-width: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control {
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control input,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control input {
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate {
  align-items: stretch !important;
  justify-items: stretch !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > select,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > select {
  display: block !important;
  width: 100% !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > .ath-swap-single-builder__shipping-payer,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate > .ath-swap-single-builder__shipping-payer {
  display: flex !important;
  align-items: center !important;
  align-self: stretch !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-height: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder label.ath-swap-single-builder__shipping-payer--inline,
.ath-swap-offer-form.ath-swap-single-builder label.ath-swap-single-builder__shipping-payer--inline,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate label[data-ath-swap-inline-shipping-payer],
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-rate label[data-ath-swap-inline-shipping-payer] {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 18px !important;
  margin: 2px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Final flat shipping control cleanup */
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-card--flat,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card--flat .ath-swap-single-builder__shipping-rate--priced {
  gap: 4px !important;
  grid-row: auto !important;
}

/* Remove nested box treatment from shipping and credit controls */
.ath-swap-single-builder__shipping-card,
.ath-swap-credit-transfer-panel__control,
.ath-swap-side-composer__credit-control,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-credit-transfer-panel__control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-credit-transfer-panel__control,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Final composer credit and shipping section flattening */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-side-composer__section-body {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping {
  padding-top: 0 !important;
  border-top: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control.ath-swap-single-builder__terms-credit,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control.ath-swap-single-builder__terms-credit {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card--flat,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card--flat {
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Unified balance slider and compact feedback cards */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__copy,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__copy,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__value-row,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__value-row {
  grid-column: 1 / -1 !important;
  flex: 0 0 100% !important;
  width: 100% !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__value-row,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__value-row {
  display: grid !important;
  grid-template-columns: minmax(150px, 210px) minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta {
  display: grid !important;
  align-items: flex-start !important;
  justify-items: end !important;
  justify-content: end !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item {
  display: grid !important;
  position: relative !important;
  gap: 1px !important;
  flex: 1 1 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 32px !important;
  padding: 5px 7px !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  cursor: help !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  overflow: hidden !important;
  font-size: calc(0.64rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i {
  flex: 0 0 auto !important;
  width: 1em !important;
  color: currentColor !important;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
  font-style: normal !important;
  font-weight: 900 !important;
  font-size: 0.95em !important;
  line-height: 1 !important;
  text-align: center !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item span i::before {
  font-family: inherit !important;
  font-style: inherit !important;
  font-weight: inherit !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--good span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--good span i {
  color: color-mix(in srgb, var(--ath-swap-c3) 78%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--watch span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--watch span i {
  color: color-mix(in srgb, var(--ath-swap-c4) 78%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--risk span i,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback__item--risk span i {
  color: color-mix(in srgb, var(--ath-swap-c2) 72%, white) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item p,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item p {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
  font-size: calc(0.58rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.15 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::after,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::after {
  content: attr(data-ath-swap-tooltip);
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  z-index: 40 !important;
  display: none !important;
  width: min(320px, 80vw) !important;
  max-width: max-content !important;
  padding: 8px 10px !important;
  border: 1px solid color-mix(in srgb, white 14%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 96%, black) !important;
  color: var(--ath-swap-text) !important;
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  text-align: left !important;
  white-space: normal !important;
  box-shadow: 0 12px 28px color-mix(in srgb, black 42%, transparent) !important;
  pointer-events: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item::before {
  content: "";
  position: absolute !important;
  top: calc(100% + 3px) !important;
  right: 14px !important;
  z-index: 41 !important;
  display: none !important;
  width: 10px !important;
  height: 10px !important;
  border-left: 1px solid color-mix(in srgb, white 14%, transparent) !important;
  border-top: 1px solid color-mix(in srgb, white 14%, transparent) !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 96%, black) !important;
  transform: rotate(45deg) !important;
  pointer-events: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::after,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::before,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::after,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::after,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:hover::before,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::after,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item:focus-visible::before {
  display: block !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals {
  margin: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(70px, 1fr)) !important;
  justify-self: stretch !important;
  width: 100% !important;
  gap: 4px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger span {
  min-height: 30px !important;
  padding: 4px 6px !important;
  border-radius: 5px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger small {
  font-size: calc(0.54rem * var(--ath-swap-font-scale)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger strong {
  font-size: calc(1.2rem * var(--ath-swap-font-scale)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__markers,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__markers {
  height: 27px !important;
  margin: -2px 18px -3px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion {
  display: inline-grid !important;
  align-content: center !important;
  min-height: 22px !important;
  min-width: 68px !important;
  z-index: 999;
  max-width: none !important;
  padding: 2px 5px !important;
  font-family: inherit !important;
  line-height: 1 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__bar {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider {
  width: 100% !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  appearance: none !important;
  background: transparent !important;
  cursor: pointer !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-runnable-track,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-runnable-track {
  height: 16px !important;
  border: 1px solid color-mix(in srgb, white 22%, var(--ath-swap-border)) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      transparent calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% + 1px),
      transparent calc(50% + 1px)
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--ath-swap-c2) 68%, var(--ath-swap-surface-0)) 0%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 48%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 52%,
      color-mix(in srgb, var(--ath-swap-c3) 70%, var(--ath-swap-surface-0)) 100%
    ) !important;
  box-shadow:
    inset 0 1px 0 color-mix(in srgb, white 24%, transparent),
    inset 0 -8px 16px color-mix(in srgb, black 18%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-thumb,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-webkit-slider-thumb {
  width: 20px !important;
  height: 20px !important;
  margin-top: -3px !important;
  appearance: none !important;
  border: 3px solid color-mix(in srgb, white 88%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 78%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, black 42%, transparent),
    0 4px 12px color-mix(in srgb, black 42%, transparent) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-track,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-track {
  height: 16px !important;
  border: 1px solid color-mix(in srgb, white 22%, var(--ath-swap-border)) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(
      90deg,
      transparent calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% - 1px),
      color-mix(in srgb, white 72%, transparent) calc(50% + 1px),
      transparent calc(50% + 1px)
    ),
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--ath-swap-c2) 68%, var(--ath-swap-surface-0)) 0%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 48%,
      color-mix(in srgb, var(--ath-swap-success) 76%, var(--ath-swap-surface-0)) 52%,
      color-mix(in srgb, var(--ath-swap-c3) 70%, var(--ath-swap-surface-0)) 100%
    ) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-thumb,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider::-moz-range-thumb {
  width: 20px !important;
  height: 20px !important;
  border: 3px solid color-mix(in srgb, white 88%, transparent) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 78%, transparent) !important;
  box-shadow:
    0 0 0 1px color-mix(in srgb, black 42%, transparent),
    0 4px 12px color-mix(in srgb, black 42%, transparent) !important;
}

@media (max-width: 820px) {
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__head {
    grid-template-columns: 1fr !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__value-row,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__value-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact,
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta .ath-swap-balance-summary__totals {
    justify-content: flex-start !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__meta {
    justify-items: start !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__ledger {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    justify-self: stretch !important;
    width: 100% !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__markers,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__markers {
    height: 30px !important;
    margin-inline: 8px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion {
    display: none !important;
    justify-items: center !important;
    width: auto !important;
    min-width: 86px !important;
    max-width: 124px !important;
    min-height: 24px !important;
    gap: 0 !important;
    padding: 2px 7px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion.is-active,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion.is-active {
    display: inline-grid !important;
    top: 0 !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion:nth-child(even),
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion:nth-child(even) {
    top: 0 !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion span,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion span {
    max-width: none !important;
    overflow: hidden !important;
    font-size: calc(0.52rem * var(--ath-swap-font-scale)) !important;
    line-height: 0.98 !important;
    text-overflow: ellipsis !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion small,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__suggestion small {
    font-size: calc(0.48rem * var(--ath-swap-font-scale)) !important;
    line-height: 0.96 !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-feedback--compact .ath-swap-balance-feedback__item {
    flex: 1 1 150px !important;
  }
}

/* Compact side composer product headers */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__head,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-title,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-title {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products {
  gap: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* Compact shipping section title price */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 18px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced strong {
  flex: 0 0 auto !important;
  color: var(--ath-swap-text) !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale)) !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate-head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate-head {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate--priced,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate--priced {
  gap: 5px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider-note,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-balance-summary__slider-note {
  display: none !important;
}

/* Denser unified side composer */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
  gap: 8px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-body {
  gap: 3px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  gap: 4px !important;
  padding: 6px !important;
  border-radius: 7px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head {
  align-items: center !important;
  gap: 6px !important;
  padding-bottom: 4px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head .ath-swap-kicker,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head .ath-swap-kicker {
  display: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head h4,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head h4 {
  font-size: var(--ath-swap-type-control-sm) !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-chip-row,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-chip-row {
  gap: 4px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-pill,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-pill {
  min-height: 22px !important;
  padding: 0 8px !important;
  font-size: var(--ath-swap-type-label-sm) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected {
  align-content: start !important;
  grid-auto-rows: max-content !important;
  gap: 4px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact {
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 7px !important;
  padding: 5px 6px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__media,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__media {
  width: 48px !important;
  min-height: 48px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__body {
  gap: 3px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head strong {
  font-size: var(--ath-swap-type-control-sm) !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__head span {
  font-size: var(--ath-swap-type-label-sm) !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__summary {
  margin: 0 !important;
  font-size: var(--ath-swap-type-label-sm) !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__details,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__details {
  gap: 4px !important;
  font-size: var(--ath-swap-type-label-sm) !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__footer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-builder-item__footer {
  gap: 5px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-button,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item--compact .ath-swap-button {
  min-height: 30px !important;
  padding: 0 12px !important;
  font-size: var(--ath-swap-type-label-sm) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-empty,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-empty {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  font-size: var(--ath-swap-type-label-sm) !important;
  line-height: var(--ath-swap-leading-label) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title {
  min-height: 15px !important;
  font-size: var(--ath-swap-type-label-sm) !important;
  line-height: var(--ath-swap-leading-label) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy {
  gap: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong {
  font-size: calc(0.7rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.05 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small {
  font-size: calc(0.56rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.05 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-control input {
  min-height: 30px !important;
  padding: 2px 8px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-rate--priced select,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__shipping-rate--priced select {
  min-height: 32px !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer label.ath-swap-single-builder__shipping-payer--inline,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer label.ath-swap-single-builder__shipping-payer--inline {
  min-height: 16px !important;
  margin-top: 1px !important;
  font-size: calc(0.58rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.1 !important;
}

/* Two-column single listing summary facts */
#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
.ath-swap-single-summary__body .ath-swap-single-summary__facts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 14px !important;
  align-items: start !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact,
.ath-swap-single-summary__body .ath-swap-single-summary__fact {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-content: start !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding: 8px 0 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact span,
#brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact strong,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact span,
.swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__fact strong,
.ath-swap-single-summary__body .ath-swap-single-summary__fact span,
.ath-swap-single-summary__body .ath-swap-single-summary__fact strong {
  min-width: 0 !important;
  text-align: left !important;
}

@media (max-width: 640px) {
  #brx-content .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
  .swap-single-shell .ath-swap-single-summary__body .ath-swap-single-summary__facts,
  .ath-swap-single-summary__body .ath-swap-single-summary__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Trader owner emphasis */
#brx-content .swap-single-shell .ath-swap-single-trader__owner-name,
.swap-single-shell .ath-swap-single-trader__owner-name,
.ath-swap-single-trader__owner-name {
  font-size: calc(1.06rem * var(--ath-swap-font-scale)) !important;
  line-height: 1.14 !important;
  font-weight: 850 !important;
}

/* Left-align stacked credit copy */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy {
  display: grid !important;
  justify-items: start !important;
  align-items: start !important;
  align-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  text-align: left !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy strong,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy small,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy strong,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__terms-credit .ath-swap-side-composer__credit-copy small {
  display: block !important;
  justify-self: start !important;
  max-width: 100% !important;
  text-align: left !important;
}

/* Remove duplicated seller byline from single listing summary */
.swap-single-shell .ath-swap-single-summary__head > .ath-swap-muted,
.ath-swap-single-summary__head > .ath-swap-muted {
  display: none !important;
}

/* Product line item descriptions */
#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-stack--compact,
.swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-stack--compact,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__grid .ath-swap-builder-stack--compact,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__grid .ath-swap-builder-stack--compact {
  align-content: start !important;
  grid-auto-rows: max-content !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact,
.swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact {
  align-self: start !important;
  min-height: 74px !important;
  overflow: hidden !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact > .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact > .ath-swap-builder-item__body,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact > .ath-swap-builder-item__body,
.swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact > .ath-swap-builder-item__body {
  grid-template-areas:
    "title price action"
    "summary summary action"
    "details details action" !important;
  align-items: start !important;
  row-gap: 2px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-single-builder__grid .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-side-composer .ath-swap-builder-stack--selected .ath-swap-builder-item.ath-swap-builder-item--compact > .ath-swap-builder-item__body > .ath-swap-builder-item__summary,
.ath-swap-single-builder__grid .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.ath-swap-single-builder__lane .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__grid .ath-swap-builder-item--compact .ath-swap-builder-item__summary,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__grid .ath-swap-builder-item--compact .ath-swap-builder-item__summary {
  grid-area: summary !important;
  display: -webkit-box !important;
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: calc(0.66rem * var(--ath-swap-font-scale)) !important;
  font-weight: 500 !important;
  line-height: 1.22 !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

/* Composer structure: let both selection panels fill the shared upper row,
 * reserving a compact lower row for credits and fulfillment. */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
  align-items: stretch !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  grid-template-rows: minmax(240px, 1fr) 132px !important;
  align-items: stretch !important;
  align-content: stretch !important;
  min-height: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products {
  display: flex !important;
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head {
  flex: 0 0 auto !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  align-content: start !important;
  scrollbar-color: color-mix(in srgb, var(--ath-swap-c2) 52%, var(--ath-swap-surface-0)) transparent !important;
  scrollbar-width: thin !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits {
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-height: 0 !important;
  align-content: center !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping {
  grid-column: 2 !important;
  grid-row: 2 !important;
  min-height: 0 !important;
  align-content: center !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits > .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping > .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits > .ath-swap-side-composer__section-body,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping > .ath-swap-side-composer__section-body {
  display: flex !important;
  min-height: 0 !important;
  align-items: center !important;
}

/* Keep the payer choice on the same visual line as the Ship heading. */
.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping {
  position: relative !important;
  container-type: inline-size !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
  position: absolute !important;
  top: 27px !important;
  right: 7px !important;
  z-index: 2 !important;
  display: flex !important;
  align-items: center !important;
  max-width: calc(100% - 100px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer input,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer input {
  width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  flex: 0 0 16px !important;
  margin: 0 !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer span,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer span {
  overflow: hidden !important;
  color: var(--ath-swap-text-mid) !important;
  font-size: calc(0.58rem * var(--ath-swap-font-scale)) !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping:not(.is-active) .ath-swap-single-builder__fulfillment-payer-row,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping:not(.is-active) .ath-swap-single-builder__fulfillment-payer-row {
  opacity: 0.58 !important;
  filter: saturate(0.72) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-toggle .ath-swap-single-builder__fulfillment-option,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-toggle .ath-swap-single-builder__fulfillment-option {
  min-height: 30px !important;
  gap: 6px !important;
  padding: 2px 4px !important;
  font-size: calc(0.68rem * var(--ath-swap-font-scale)) !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-icon,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-icon {
  width: 2.15em !important;
  height: 2.15em !important;
}

.ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-option b,
.swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-option b {
  font-size: 1.35em !important;
  line-height: 1 !important;
}

@container (max-width: 250px) {
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
    position: static !important;
    max-width: 100% !important;
    margin: 1px 4px 0 !important;
  }
}

@container (min-width: 251px) and (max-width: 320px) {
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
    max-width: 150px !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer span,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer span {
    font-size: calc(0.52rem * var(--ath-swap-font-scale)) !important;
  }
}

@media (max-width: 680px) {
  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: minmax(240px, 1fr) auto auto !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping,
  .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
}

/* Desktop trade workspace: compact sources on the left, checkout builder on
 * the right.  The existing builder data attributes remain unchanged so the
 * totals, shipping estimate, and submit payload continue to use one state. */
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade {
  display: grid !important;
  grid-template-columns: minmax(250px, 0.82fr) minmax(0, 1.48fr) !important;
  grid-template-areas:
    "summary summary"
    "compare compare"
    "sources builder"
    "sources message"
    "sources submit" !important;
  align-items: start !important;
  gap: 10px !important;
}

.ath-swap-single-builder--trade > .ath-swap-builder-mode-tabs,
#brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-builder-mode-tabs {
  grid-area: modes !important;
  min-width: 0 !important;
}

.ath-swap-single-builder--trade > .ath-swap-single-builder__summary,
#brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__summary {
  grid-area: summary !important;
  min-width: 0 !important;
}

.ath-swap-single-builder--trade > .ath-swap-single-builder__compare,
#brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__compare {
  grid-area: compare !important;
  min-width: 0 !important;
}

.ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
#brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__grid {
  grid-area: sources !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-self: start !important;
  min-width: 0 !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 72%, transparent) !important;
  border-radius: 12px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 92%, black) !important;
  box-shadow: 0 14px 30px color-mix(in srgb, black 22%, transparent) !important;
}

.ath-swap-single-builder--trade > .ath-swap-single-builder__selection,
#brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__selection {
  grid-area: builder !important;
  align-self: start !important;
  min-width: 0 !important;
  padding: 10px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 78%, transparent) !important;
  border-radius: 12px !important;
  background:
    linear-gradient(145deg, color-mix(in srgb, var(--ath-swap-surface-1) 74%, transparent), transparent 62%),
    color-mix(in srgb, var(--ath-swap-surface-0) 94%, black) !important;
  box-shadow: 0 18px 34px color-mix(in srgb, black 26%, transparent) !important;
}

.ath-swap-single-builder--trade > label,
#brx-content .swap-single-shell .ath-swap-single-builder--trade > label {
  grid-area: message !important;
  align-self: start !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 10px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 72%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-1) 34%, transparent) !important;
}

.ath-swap-single-builder--trade > .ath-swap-single-builder__submit,
#brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__submit {
  grid-area: submit !important;
  align-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 64px !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__lane,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__lane {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: start !important;
  min-width: 0 !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 66%, transparent) !important;
  border-radius: 10px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-1) 28%, transparent) !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__lane .ath-swap-card__header,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__lane .ath-swap-card__header {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__lane .ath-swap-card__header h4,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__lane .ath-swap-card__header h4 {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__picker,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__picker {
  display: grid !important;
  align-content: start !important;
  min-width: 0 !important;
  gap: 6px !important;
  padding: 8px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 54%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 78%, transparent) !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-stack--compact,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack--compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 6px !important;
  max-height: 340px !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 2px !important;
}

.ath-swap-single-builder--trade .ath-swap-side-composer,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0px !important;
  min-width: 0 !important;
}

.ath-swap-single-builder--trade .ath-swap-side-composer__column,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__column {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  align-content: start !important;
  min-width: 0 !important;
  gap: 5px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-1) 24%, transparent) !important;
}

.ath-swap-single-builder--trade .ath-swap-side-composer__column > .ath-swap-side-composer__section,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__column > .ath-swap-side-composer__section {
  grid-column: 1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
  width: 100% !important;
}

.ath-swap-single-builder--trade .ath-swap-side-composer__section--products,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section--products {
  min-height: 0 !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__selection-head,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__selection-head {
  min-width: 0 !important;
  gap: 8px !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-stack--selected,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack--selected {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 6px !important;
  min-height: 70px !important;
  max-height: 238px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 4px !important;
  border: 1px dashed color-mix(in srgb, var(--ath-swap-border) 76%, transparent) !important;
  border-radius: 8px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-0) 70%, transparent) !important;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-stack--selected.is-drag-over,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack--selected.is-drag-over {
  border-color: var(--ath-swap-c3) !important;
  background: color-mix(in srgb, var(--ath-swap-c3) 12%, var(--ath-swap-surface-0)) !important;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ath-swap-c3) 38%, transparent), 0 0 0 3px color-mix(in srgb, var(--ath-swap-c3) 12%, transparent) !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-stack--selected:empty::after,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack--selected:empty::after {
  content: "Drop a listing here or use Add";
  display: grid !important;
  place-items: center !important;
  min-height: 58px !important;
  padding: 8px !important;
  color: color-mix(in srgb, var(--ath-swap-text-muted) 88%, white) !important;
  font-size: calc(0.66rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 750 !important;
  text-align: center !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-item--draggable,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-item--draggable {
  cursor: grab !important;
  transition: transform 160ms ease, border-color 160ms ease, opacity 160ms ease, box-shadow 160ms ease !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-item--draggable:hover,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-item--draggable:hover {
  border-color: color-mix(in srgb, var(--ath-swap-c3) 66%, var(--ath-swap-border)) !important;
  box-shadow: 0 8px 18px color-mix(in srgb, black 24%, transparent) !important;
  transform: translateY(-1px) !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-item--draggable.is-dragging,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-item--draggable.is-dragging {
  cursor: grabbing !important;
  opacity: 0.48 !important;
  transform: scale(0.985) !important;
}

.ath-swap-single-builder--trade .ath-swap-side-composer__section--credits,
.ath-swap-single-builder--trade .ath-swap-side-composer__section--shipping,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section--credits,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section--shipping {
  align-content: start !important;
  padding-top: 4px !important;
}

.ath-swap-single-builder--trade .ath-swap-side-composer__section-title,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section-title {
  min-height: 18px !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale, 1)) !important;
}

.ath-swap-single-builder--trade .ath-swap-side-composer__section-body,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section-body {
  min-width: 0 !important;
  width: 100% !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__submit-copy,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__submit-copy {
  min-width: 0 !important;
}

@media (min-width: 981px) {
  .ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
  #brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__grid {
    position: sticky !important;
    top: 18px !important;
  }

  .ath-swap-single-builder--trade > .ath-swap-single-builder__selection,
  #brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__selection {
    position: sticky !important;
    top: 18px !important;
  }
}

/* Final specificity guard for the desktop trade workspace.  This follows the
 * legacy Bricks containment rules so the two native side columns cannot reopen
 * as a clipped two-column grid inside the checkout panel. */






@media (max-width: 980px) {
  
}

/* Keep the shared fulfillment surface transparent after all legacy overrides. */


/* Terminal settlement overrides. These intentionally come last because the
 * stylesheet contains older Bricks-specific fulfillment rules. */
















#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-choice-content,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-choice-content {
  display: block !important;
  min-width: 0 !important;
  width: 100% !important;
}







@media (max-width: 680px) {
  
}

/* Final settlement panel: one directional credit control and explicit,
 * non-overlapping fulfillment rows for both sides of the offer. */
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__transaction-panel,
.ath-swap-single-builder--trade .ath-swap-single-builder__transaction-panel {
  gap: 8px !important;
  padding: 10px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel {
  gap: 6px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 64%, transparent) !important;
  border-radius: 9px !important;
  background: color-mix(in srgb, var(--ath-swap-surface-1) 18%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head > div,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head > div {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head strong,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(1rem * var(--ath-swap-font-scale, 1)) !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head small,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head small {
  color: var(--ath-swap-text-muted) !important;
  font-size: calc(0.64rem * var(--ath-swap-font-scale, 1)) !important;
  line-height: 1.2 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-direction,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-direction {
  flex: 0 0 auto !important;
  padding: 4px 8px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-c3) 38%, transparent) !important;
  border-radius: 999px !important;
  color: var(--ath-swap-c3) !important;
  font-size: calc(0.64rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-body,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(190px, 0.72fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-field,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(180px, 0.58fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-field > span,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-field > span {
  color: var(--ath-swap-text-mid) !important;
  font-size: calc(0.7rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 800 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-input-wrap,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-input-wrap {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-input-wrap input,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-input-wrap input {
  width: 100% !important;
  min-height: 34px !important;
  box-sizing: border-box !important;
  text-align: right !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-input-wrap > span,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-input-wrap > span {
  color: var(--ath-swap-text-muted) !important;
  font-size: calc(0.64rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
  padding-left: 10px !important;
  border-left: 1px solid color-mix(in srgb, var(--ath-swap-border) 54%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent strong,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale, 1)) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent small,
.ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent small {
  color: var(--ath-swap-text-muted) !important;
  font-size: calc(0.62rem * var(--ath-swap-font-scale, 1)) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side {
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 6px !important;
  min-width: 0 !important;
  padding: 7px 9px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 0 5px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ath-swap-border) 48%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section-title-copy,
.ath-swap-single-builder--trade .ath-swap-side-composer__section-title-copy {
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section-side-label,
.ath-swap-single-builder--trade .ath-swap-side-composer__section-side-label {
  color: var(--ath-swap-c3) !important;
  font-size: calc(0.62rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section-title-label,
.ath-swap-single-builder--trade .ath-swap-side-composer__section-title-label {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__section-title > strong,
.ath-swap-single-builder--trade .ath-swap-side-composer__section-title > strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 900 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side > .ath-swap-side-composer__section-body,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side > .ath-swap-side-composer__section-body {
  min-width: 0 !important;
  padding: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__shipping-card,
.ath-swap-single-builder--trade .ath-swap-single-builder__shipping-card {
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-toggle,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-toggle {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-option,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-option {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-option b,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-option b {
  font-size: calc(0.82rem * var(--ath-swap-font-scale, 1)) !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice-content,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice-content {
  display: block !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice-content .ath-swap-single-builder__shipping-rate,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice-content .ath-swap-single-builder__shipping-rate {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice-content select,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-choice-content select {
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-payer-row,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-payer-row {
  display: flex !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  margin-top: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade > label:has(textarea[name="proposal_message"]),
.ath-swap-single-builder--trade > label:has(textarea[name="proposal_message"]) {
  gap: 5px !important;
  padding: 8px 10px !important;
}

#brx-content .swap-single-shell .ath-swap-single-builder--trade > label:has(textarea[name="proposal_message"]) textarea,
.ath-swap-single-builder--trade > label:has(textarea[name="proposal_message"]) textarea {
  min-height: 64px !important;
  height: 64px !important;
  padding-block: 8px !important;
  line-height: 1.25 !important;
}

@media (max-width: 680px) {
  #brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-body,
  .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-body {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent,
  .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-equivalent {
    padding-left: 0 !important;
    border-left: 0 !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
  .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head,
  .ath-swap-single-builder--trade .ath-swap-single-builder__credit-adjustment-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 6px !important;
  }
}

/* Final canvas reset: component cards retain their own token styling, while
 * the new workspace shells never paint an opaque black layer. */


/* Final canvas reset: component cards retain their own token styling, while
 * the new workspace shells never paint an opaque black layer. */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__selection,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > label,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__lane,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__picker,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__column,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__selection-side,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack--selected,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__selection,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > label,
.ath-swap-single-builder--trade .ath-swap-single-builder__lane,
.ath-swap-single-builder--trade .ath-swap-single-builder__picker,
.ath-swap-single-builder--trade .ath-swap-side-composer__column,
.ath-swap-single-builder--trade .ath-swap-single-builder__selection-side,
.ath-swap-single-builder--trade .ath-swap-builder-stack--selected {
  background: transparent !important;
  box-shadow: none !important;
}

/* Do not add another dark surface on top of the Bricks/theme token surface.
 * The listing cards and controls keep their own component treatments; these
 * workspace shells stay transparent so the page theme remains the only canvas. */
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__selection,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > label,
.ath-swap-single-builder--trade .ath-swap-single-builder__lane,
.ath-swap-single-builder--trade .ath-swap-single-builder__picker,
.ath-swap-single-builder--trade .ath-swap-side-composer__column,
.ath-swap-single-builder--trade .ath-swap-single-builder__selection-side,
.ath-swap-single-builder--trade .ath-swap-builder-stack--selected,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > .ath-swap-single-builder__selection,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > label,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__lane,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__picker,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-side-composer__column,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__selection-side,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack--selected {
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel {
  grid-column: 1 !important;
  display: grid !important;
  min-width: 0 !important;
  gap: 10px !important;
  padding: 10px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 70%, transparent) !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel-head,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ath-swap-border) 48%, transparent) !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel-head h4,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel-head h4 {
  margin: 0 !important;
  font-size: var(--ath-swap-type-control, 1rem) !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel-total,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel-total {
  flex: 0 0 auto !important;
  color: var(--ath-swap-text-muted) !important;
  font-size: var(--ath-swap-type-label, 0.75rem) !important;
  font-weight: 800 !important;
  text-align: right !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title {
  grid-column: 1 !important;
  grid-row: 1 !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-body,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-body {
  grid-column: 1 !important;
  grid-row: 2 !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

@media (max-width: 680px) {
  .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
  #brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 980px) {
  .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade,
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas:
      "summary"
      "compare"
      "builder"
      "sources"
      "message"
      "submit" !important;
  }

  .ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
  #brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__grid,
  .ath-swap-single-builder--trade > .ath-swap-single-builder__selection,
  #brx-content .swap-single-shell .ath-swap-single-builder--trade > .ath-swap-single-builder__selection {
    position: static !important;
    width: 100% !important;
    max-width: none !important;
  }
}


/* Final Bricks-specific composer alignment and readable control scale. */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column {
  grid-template-rows: minmax(260px, 1fr) 160px !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products {
  display: flex !important;
  align-items: stretch !important;
  align-content: stretch !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-body {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-content: stretch !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: stretch !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  height: 100% !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  align-self: stretch !important;
  justify-content: space-between !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-head h4 {
  font-size: 16px !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected {
  display: grid !important;
  flex: 1 1 auto !important;
  align-content: start !important;
  align-items: start !important;
  justify-content: stretch !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping {
  align-items: stretch !important;
  align-content: start !important;
  justify-content: start !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits > .ath-swap-side-composer__section-body,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping > .ath-swap-side-composer__section-body {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section-title--priced {
  align-self: start !important;
  min-height: 22px !important;
  font-size: var(--ath-swap-type-label) !important;
  line-height: 1.1 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-toggle .ath-swap-single-builder__fulfillment-option {
  min-height: 36px !important;
  gap: 8px !important;
  padding: 3px 5px !important;
  font-size: var(--ath-swap-type-control-sm) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-icon {
  width: 2.4em !important;
  height: 2.4em !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-option b {
  font-size: 1.4em !important;
  line-height: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-choice-content .ath-swap-single-builder__shipping-rate select {
  min-height: 34px !important;
  padding: 4px 32px 4px 10px !important;
  font-size: var(--ath-swap-type-control) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer span {
  font-size: var(--ath-swap-type-label-sm) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy strong {
  font-size: var(--ath-swap-type-control) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__credit-copy small {
  font-size: var(--ath-swap-type-label-sm) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item__head strong {
  font-size: var(--ath-swap-type-control) !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item__head span,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item__summary,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-item__details {
  font-size: var(--ath-swap-type-label-sm) !important;
  line-height: var(--ath-swap-leading-tight) !important;
}

@media (max-width: 680px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column {
    grid-template-rows: minmax(220px, 1fr) auto auto !important;
  }
}

/* Keep the lower controls inside their grid cells when Bricks applies its
 * high-specificity single-listing rules. */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits > .ath-swap-side-composer__section-body,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping > .ath-swap-side-composer__section-body {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-items: flex-start !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits .ath-swap-side-composer__credit-control,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-card,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__fulfillment-toggle {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  justify-self: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping .ath-swap-single-builder__shipping-rate select {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
  position: absolute !important;
  top: 24px !important;
  right: 8px !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: calc(100% - 110px) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row .ath-swap-single-builder__shipping-payer {
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 20px !important;
  margin: 0 !important;
  padding: 2px 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

@container (min-width: 251px) and (max-width: 320px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
    max-width: 150px !important;
  }
}

@container (max-width: 250px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
    position: static !important;
    max-width: 100% !important;
    margin: 1px 4px 0 !important;
  }
}

/* Keep the selection composer content-sized.  Bricks' inherited fill-height
 * rules otherwise turn an empty selection into a large gray spacer. */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
  grid-template-rows: auto auto !important;
  align-items: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column {
  grid-template-rows: auto auto !important;
  align-items: stretch !important;
  align-content: stretch !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column--initiator {
  grid-column: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column--counterparty {
  grid-column: 2 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column > .ath-swap-side-composer__section--products {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column > .ath-swap-side-composer__section--credits {
  grid-column: 1 !important;
  grid-row: 2 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column > .ath-swap-side-composer__section--shipping {
  grid-column: 2 !important;
  grid-row: 2 !important;
}

@supports (grid-template-rows: subgrid) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column {
    grid-row: 1 / -1 !important;
    grid-template-rows: subgrid !important;
  }
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products {
  align-self: stretch !important;
  height: auto !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--products > .ath-swap-side-composer__section-body {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-single-builder__selection-side {
  flex: 1 1 auto !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected {
  flex: 0 1 auto !important;
  max-height: 260px !important;
  min-height: 0 !important;
  align-content: start !important;
  grid-auto-rows: max-content !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping {
  align-self: start !important;
  align-content: start !important;
  grid-template-columns: minmax(0, 1fr) !important;
  height: auto !important;
  min-height: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--credits > .ath-swap-side-composer__section-body,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__section--shipping > .ath-swap-side-composer__section-body {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
}


#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
  min-width: 0 !important;
  max-width: calc(100% - 110px) !important;
  overflow: hidden !important;
}


#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__shipping-payer span {
  font-size: calc(0.56rem * var(--ath-swap-font-scale, 1)) !important;
  line-height: 1.1 !important;
}

@media (max-width: 680px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column {
    grid-row: auto !important;
    grid-template-rows: auto auto auto !important;
  }

  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer .ath-swap-builder-stack--selected {
    max-height: 220px !important;
  }
}

/* Mobile reset for the two desktop side columns. */
@media (max-width: 680px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-single-builder__selection,
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column,
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column--initiator,
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column--counterparty {
    grid-column: 1 !important;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column > .ath-swap-side-composer__section--products {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column > .ath-swap-side-composer__section--credits {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }

  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder .ath-swap-side-composer__column > .ath-swap-side-composer__section--shipping {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }
}

.ath-swap-single-builder--trade .ath-swap-builder-stack__drop-hint,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack__drop-hint {
  display: none !important;
  grid-column: 1 / -1 !important;
  place-items: center !important;
  min-height: 34px !important;
  padding: 6px !important;
  color: var(--ath-swap-c3) !important;
  font-size: calc(0.64rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  text-align: center !important;
}

.ath-swap-single-builder--trade .ath-swap-builder-stack--selected.is-drag-over .ath-swap-builder-stack__drop-hint,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-builder-stack--selected.is-drag-over .ath-swap-builder-stack__drop-hint {
  display: grid !important;
}

/* Compact full-width transaction panel: credits and fulfillment share one
 * visual well while each side keeps its own controls and state hooks. */
.ath-swap-single-builder--trade .ath-swap-single-builder__transaction-panel,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__transaction-panel {
  grid-column: 1 / -1 !important;
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  gap: 0px !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel {
  display: grid !important;
  min-width: 0 !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side {
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 54%, transparent) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__section-body,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__section-body {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-control,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-control {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(92px, 132px) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-copy strong,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-copy strong {
  font-size: var(--ath-swap-type-label, 0.75rem) !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-copy small,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-copy small {
  font-size: var(--ath-swap-type-label-sm, 0.68rem) !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-control input,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-side .ath-swap-side-composer__credit-control input {
  width: 100% !important;
  min-height: 32px !important;
  box-sizing: border-box !important;
}

.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side {
  min-width: 0 !important;
  padding: 7px 8px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 54%, transparent) !important;
  border-radius: 8px !important;
  background: transparent !important;
  box-shadow: none !important;
}

@media (max-width: 680px) {
  .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid,
  #brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid,
  .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
  #brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

}

/* Last-pass specificity guard for Bricks' desktop side-column rules. */
@media (min-width: 681px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer,
  .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
  }

  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer__column,
  .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer__column,
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer__column--initiator,
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer__column--counterparty {
    grid-column: auto !important;
    grid-row: auto !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer__column > .ath-swap-side-composer__section--products,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer__column > .ath-swap-side-composer__section--credits,
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-side-composer__column > .ath-swap-side-composer__section--shipping {
  grid-column: 1 !important;
  grid-row: auto !important;
}

@media (max-width: 980px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* Keep the shared fulfillment surface transparent after all legacy overrides. */
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-panel,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side,
#brx-content .swap-single-shell .ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side > .ath-swap-side-composer__section-body,
.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side > .ath-swap-side-composer__section-body {
  background: transparent !important;
  box-shadow: none !important;
}

/* Terminal settlement overrides after all legacy Bricks rules. */
#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__credit-transfer-grid {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-column: auto !important;
  grid-row: auto !important;
  gap: 6px !important;
  padding: 7px 9px !important;
  border: 1px solid color-mix(in srgb, var(--ath-swap-border) 54%, transparent) !important;
  border-radius: 8px !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-column: auto !important;
  grid-row: auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 0 5px !important;
  border-bottom: 1px solid color-mix(in srgb, var(--ath-swap-border) 48%, transparent) !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title-copy,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title-copy {
  display: flex !important;
  align-items: baseline !important;
  gap: 7px !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-side-label,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-side-label {
  color: var(--ath-swap-c3) !important;
  font-size: calc(0.8rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title-label,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title-label {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 900 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title > strong,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-side-composer__section-title > strong {
  color: var(--ath-swap-text) !important;
  font-size: calc(0.72rem * var(--ath-swap-font-scale, 1)) !important;
  font-weight: 900 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side > .ath-swap-side-composer__section-body,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side > .ath-swap-side-composer__section-body {
  display: block !important;
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__shipping-card,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__shipping-card {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-toggle,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-toggle {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 5px !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-choice,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-choice {
  display: grid !important;
  grid-template-columns: max-content minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-choice-content,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-choice-content {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__shipping-rate select,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__shipping-rate select {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-side .ath-swap-single-builder__fulfillment-item--shipping .ath-swap-single-builder__fulfillment-payer-row {
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > label:has(textarea[name="proposal_message"]) textarea,
.ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade > label:has(textarea[name="proposal_message"]) textarea {
  min-height: 64px !important;
  height: 64px !important;
  padding-block: 8px !important;
}

@media (max-width: 680px) {
  #brx-content .swap-single-shell .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid,
  .ath-swap-offer-form.ath-swap-single-builder.ath-swap-single-builder--trade .ath-swap-single-builder__fulfillment-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}